@charset "utf-8";
/* introduction */

@import url(./common.css);


/********************** qa ************************/

#tabContainer{
 width: inherit;
 margin:0;
 padding:0;
}

#tabContainer dl{
 width: inherit;
 margin:20px 0 0 0;
}

#tabContainer dl dt{
 color:#003366;
 background: url(../img/introduction/q.gif) no-repeat 10px 0px;
 border-bottom:1px #868570 dotted;
 padding:0 10px 5px 40px;
}

#tabContainer dl dt:hover{
 color:#3E9EFF;
 text-decoration:none;
}

#tabContainer dl dd{
 color:#990000;
 background: url(../img/introduction/a.gif) no-repeat 0px 10px;
 border-bottom:1px #868570 dotted;
 padding:10px 0 30px 40px;
}

#tabContainer img{
 margin-top:50px;
}


/********************** voice ************************/

dl.voice{
 width:594px;
 height:261px;
 background:url(../img/introduction/voice_bg.jpg) no-repeat;
 margin:0 0 60px 8px;
 padding:0;
}

dl.voice dt{
 color:#003366;
 margin:0 0 0 130px;
 font-weight:bold;
 padding-top:90px;
}

dl.voice dd{
 color:#666666;
 margin:30px 0 0 130px;
 font-size:1.2em;
}

dl.voice dd a{
 background: url(../img/introduction/sequel.gif) no-repeat 0 3px;
 padding:0 0 0 14px;
 color:#A3881F;
 text-decoration:none;
}

dl.voice dd a:hover{
 padding:0 0 0 14px;
 color:#A3881F;
 text-decoration: underline;
}

#voice_detail{
 background:url(../img/introduction/letter_header.gif) no-repeat top left;
 width:610px;
 margin:0 0 40px 0;
 padding:20px 0 40px 0;
 background-color: #FFFFFF;
 border-bottom:1px #CCCCCC solid;
}

#voice_detail h3.name{
 color:#003366;
 margin:0 0 0 50px;
 font-weight:bold;
 font-size:1.4em;
}

#voice_detail dl{
 width:552px;
 margin:40px 34px 0 34px;
 background:url(../img/introduction/letter_bg.gif) repeat-y top left;
 padding:0;
}

#voice_detail dl dt{
 line-height:350%;
 margin:0 25px 30px 25px;
}

#voice_detail dl dd{
 margin:0 auto;
 text-align:center;
}

#contents a.index{
 border-bottom:1px #FFFFFF solid;
 border-top:1px #DBDACE solid;
 padding:10px;
 display:block;
 color:#5C2900;
 text-decoration:none;
 margin:40px 0 0 270px;
 float: left;
}

* html #contents a.index{
 margin-left:130px;
}

#contents a.index:hover{
 color:#CE0000;
 text-decoration:none;
}


/********************** flow ************************/

#flow{
 margin:0 0 30px 5px;
 padding:0;
 background:url(../img/introduction/flow_bg.jpg) repeat-y right top;
 width:605px;
}

#flow img.step{
 float: left;
}

#flow dl{
 width:490px;
 float: right;
 margin:0;
 padding:0;
}

#flow dl dd{
 margin:30px 5px 0 0;
 color:#858570;
 padding:0;
}

#flow_message{
 width:600px;
 border:3px #B69D3E solid;
 position: relative;
 margin:0;
 padding:10px 0;
}

#flow_message p{
 margin:0 60px 0 10px;
 color:#968233;
}

#flow_message img{
 position: absolute;
 bottom:4px;
 right:6px;
}

.flow_mini{
 font-size:11px;
 float:right;
}


/********************** plan ************************/

#plan{
 width:610px;
 margin:0 0 30px 0;
 padding:0;
 border-bottom:1px #FFFFFF solid;
}

#plan #line{
 border-bottom:1px #DBDACE solid;
 padding-top:30px;
 width:inherit;
}

#plan #detail{
 width: inherit;
 margin:0;
 padding:30px 0 0 0;
}

#plan #detail img.plan_image{
 float: left;
}

#plan #detail dl{
 float: right;
 width:390px;
 margin:0;
 padding:0;
}

#plan #detail dl dt{
 margin-bottom:20px;
}

#plan #detail dl dd{
 background:url(../img/introduction/plan_icon.gif) no-repeat 0 6px;
 color:#858570;
 font-size:1.2em;
 padding-left:12px;
 margin-bottom:5px;
}

#plan #detail dl dd ul{
 list-style: disc;
 margin:5px 0 0 0;
 padding:0;
}

#plan #detail dl dd ul li{
 font-size:12px;
 color:#858570;
 margin:0 0 5px 10px;
}

#plan #detail dl dd ul li.end{
 margin-left:0;
 list-style:none;
}


/********************** planer ************************/

#planer{
 width:inherit;
 margin:0 0 20px 0;
 padding:0;
 border-top:1px #DBDACE solid;
 border-bottom:1px #FFFFFF solid;
 clear:right;
}

#planer #introduction{
 width:inherit;
 padding:30px 0 60px 0;
 border-bottom:1px #DBDACE solid;
 border-top:1px #FFFFFF solid;
 margin:0;
}

#planer #introduction img.intro{
 margin:0 26px;
}

#planer #introduction dl{
 width:480px;
 margin:0 65px;
 padding:0;
}

#planer #introduction dl dt{
 margin-top:40px;
}

#planer #introduction dl dd{
 font-size:1.2em;
 margin:20px 5px 0 5px;
}

#contents a.planer_pagetop{
 border-bottom:1px #FFFFFF solid;
 border-top:1px #DBDACE solid;
 padding:10px 23px 10px 10px;
 background:url(../img/pagetop.gif) no-repeat 65px 11px;
 display:block;
 float:right;
 color:#5C2900;
 text-decoration:none;
 margin:0 0 20px 0;
}

#contents a.planer_pagetop:hover{
 background:url(../img/pagetop_on.gif) no-repeat 65px 11px;
 color:#CE0000;
 text-decoration:none;
}

#planer_banner{
 width:inherit;
 margin:0 0 30px 0;
 padding:0;
}

#planer_banner img{
 float: left;
 margin-left:20px;
}

#planer_banner img#minato{
 margin-left:1px;
}


/********************** message ************************/

#message_flash{
 width:610px;
 height:1420px;
 margin:0;
 padding:0;
}