@charset "utf-8";
/* CSS Information ================
File name: layout.css
[Description: layout of ibi-bus]
================================*/

html{
	overflow: scroll;
}
#primary_topics_busco{	/* key visual */
 padding-top:5px;
 width:615px;
}
#busco_key h2,#busco_service h2,#busco_merit h2,#flow h2{	/* tag */
 padding:20px 0 10px;
}
#busco_key p.pict{	/* image */
 background:url(img/busco_key.jpg);
}
#busco_service p.pict{
 background:url(img/busco_service.jpg);
}
#busco_key p.pict,#busco_service p.pict{
 float:right;
 width:253px;
 height:189px;
 background-position:left top;
 background-repeat:no-repeat;
 clear:both;
}
#busco_key p.desc,#busco_service p.desc{	/* text */
 width:350px;
}

#busco_service p.attention{
width:350px;
 color:red;
 font:bold 11px san-serif;
}
#busco_merit p.desc{	/* text */
 width:610px;
}
#busco_merit ul li{
 padding:10px 0;
 float:left;
}
#busco_seminar{	/* お客様の声 */
 margin-top:10px;
 position:relative;
 width:615px;
 height:280px;
 background:url(img/busco_seminar.jpg) left top;
 background-repeat:no-repeat;
 clear:both;
}
#busco_seminar p.va{
 position:absolute;
 left:8px;
 top:11px;
}
#busco_seminar p.vb{
 position:absolute;
 left:8px;
 top:106px;
}#busco_seminar p.vc{
 position:absolute;
 left:8px;
 top:207px;
}#busco_seminar p.vd{
 position:absolute;
 left:221px;
 top:36px;
}#busco_seminar p.ve{
 position:absolute;
 left:221px;
 top:148px;
}
#wantad_busco{	/* 参加バス会社募集 */
 margin-top:10px;
 position:relative;
 width:615px;
 height:276px;
 background:url(img/wantad_busco.jpg) left top;
 background-repeat:no-repeat;
 clear:both;
}
#wantad_busco h2{
 position:absolute;
 left:241px;
 top:0px;
}
#wantad_busco p.desc{
 position:absolute;
 left:249px;
 top:142px;
}
#wantad_busco p.con{
 position:absolute;
 left:249px;
 top:222px;
}
#wantad_busco p.phone{
 position:absolute;
 left:396px;
 top:209px;
}
#wantad_busco p.mail{
 position:absolute;
 left:396px;
 top:240px;
}
#charter{	/* チャーターバス */
 padding-top:15px;
}
#charter .contents{
 width:615px;
}
#charter .contents_sec01{
 background-color: #1C4377;
 font-size: 11px;
 color: #ffffff;
 padding:6px 0 3px 13px;
}
#charter .contents_sec02{
 width:615px;
 height:271px;
 background: URL(img/primary_charter.jpg);
 position: relative;
}#charter .contents_sec03{
 position : absolute;
 top:25px;
 right:60px;
}#charter .contents_sec04{
 position : absolute;
 top:56px;
 right:21px;
}#charter .contents_sec05{
 position : absolute;
 top:174px;
 right:13px;
}
#flow{	/* ご利用の流れ */
 padding:10px 0 10px 0;
}
#flow p.desc{
 padding-bottom:15px;
}
#flow p.pict{
 width:615px;
}
#flow table{
 width:615px;
 border:0px;
 }
#flow table tr td.T{
width:127px;
 vertical-align:top;
 text-align:left;
 padding:0 3px;
}
#flow table tr td.S{
width:28px;
}
#incase{	/* バスをチャーターしょう */
 margin-top:20px;
}
#incase h2{
 padding-bottom:15px;
}
#incase p.desc{
 padding-bottom:10px;
}
#incase p.gotofaq{
 text-align:right;
margin:20px 0 10px 0;
}
#incase table{
 border:0;
 background-color:#fff;
}
#incase table tr{
}
#incase table tr th{
border-spacing:0px;
 padding:4px 4px 0 0;
}
#incase table tr td.pict{
border-spacing:0px;
 padding:4px 4px 0 0;
 vertical-align:top;
}
#incase table tr td.text{
border-spacing:0px;
 padding:4px 5px 0 2px;
 font-size:10px;
 color:#dcdcdc;
 line-height:15px;
 vertical-align:top;
}
#est_btn{	/* いますぐ見積り */
 margin:15px 0;
 position:relative;
 width:615px;
 height:200px;
 background:url(img/line_dot.gif) left top;
 background-repeat:no-repeat;
 clear:both;
}
#est_btn h2{
 position:absolute;
 left:163px;
 top:28px;
}
#est_btn p.btn{
 position:absolute;
 left:187px;
 top:105px;
}
#est_btn p.pict{
 position:absolute;
 left:451px;
 top:90px;
}
#model{	/* どんなバスをチャーターしたらいい？ */
 margin-top:20px;
}
#model h2{
 padding-top:5px;
 padding-bottom:8px;
}
#model p.desc{
 padding-top:3px;
 padding-bottom:12px;
}
#model span.attention{
 color:red;
}
#model p.tag{
margin:10px 0 5px 0;
}
#model span.marker{
 background-color:#C1EAFF;
 padding:0.3em;
 margin:0 0.3em;
 font-size:14px;
color:#0033cc;
}
#model p.att{
 text-align:left;
margin:5px 0 10px 10px;
}
#model table{
 border:0;
 background-color:#fff;
 margin:10px 0 20px 0;
}
#model table tr{
}
#model table tr th{
border-spacing:0px;
 padding:0 8px 0 0;
}
#model table tr th.n{
border-spacing:0px;
 padding:0 0 0 0;
}
#model table tr.micro{
 border:0;
 background-color:#fff;
 margin:10px 0 20px 0;
 width:501px;
}
#model table tr td.text2{
width:150px;
border-spacing:0px;
 padding:0 0 0 4px;
 font-size:10px;
color:#dcdcdc;
 line-height:15px;
 vertical-align:top;
}
#model table tr td.text3{
width:224px;
border-spacing:0px;
 padding:0 0 0 4px;
font-size:10px;
color:#dcdcdc;
 line-height:15px;
 vertical-align:top;
}
#model table tr td.pict{
border-spacing:0px;
 padding:0;
 vertical-align:top;
}
#model table tr td.pict4{
border-spacing:0px;
 padding:0 4px;
 vertical-align:top;
 width:232px;
}
#model table tr td.pict3{
border-spacing:0px;
 padding:0 4px;
 vertical-align:top;
}
#model table tr td.pict2{
border-spacing:0px;
 padding:0 12px 0 0;
 vertical-align:top;
}
#model table tr td.sp{
border-spacing:0px;
width:10px;
 vertical-align:top;
}
#model table tr td.sp2{
border-spacing:0px;
width:20px;
 vertical-align:top;
}
#model table tr td.text{
border-spacing:0px;
 padding:4px 5px 0 4px;
font-size:10px;
color:#dcdcdc;
 line-height:15px;
 vertical-align:top;
}
#todnaviform{	/* 団体ナビフォームへ遷移 */
 padding-top:15px;
}
#todnaviform .contents{
 padding:30px 0 35px 0;
}