@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,#kankobus h2,#kotsu 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;
 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;
 line-height:15px;
 vertical-align:top;
}
#model table tr td.text3{
width:224px;
border-spacing:0px;
 padding:0 0 0 4px;
font-size:10px;
 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;
 line-height:15px;
 vertical-align:top;
}

#kankobus{	/* 観光バス */
 padding-top:15px;
}
#kankobus .contents{
 width:615px;
}
#kankobus .contents_sec01{
 background-color: #1C4377;
 font-size: 11px;
 color: #ffffff;
 padding:6px 0 3px 13px;
}
#kankobus .contents_sec02{
 width:615px;
 height:271px;
 background:URL(img/primary_kankobus.jpg);
 position: relative;
}
#kankobus .contents_sec03{
 position : absolute;
 top:25px;
 right:60px;
}
#kankobus .contents_sec04{
 position : absolute;
 top:56px;
 right:21px;
}
#kankobus .contents_sec05{
 position : absolute;
 top:174px;
 right:13px;
}
#busgide{	/* バスガイド */
margin-top:20px;
width:615px;
}
#busgide table{
background-color:#fff;
margin:10px 0 0 0;
width:615px;
}
#busgide table tr td.pict{
border:0;
 padding:0;
 width:180px;
 vertical-align:bottom;
}
#busgide table tr td.text{
width:410px;
 padding:0 0 10px 0px;
font-size:12px;
 line-height:18px;
 vertical-align:top;
}
#busgide p.box{
border:solid 2px #FF99CC;
width:400px;
padding:10px;
font-size:12px;
color:#996600;
line-height:18px;
vertical-align:top;
}
#busgide p.mit_btn{
margin:0;
padding:10px 150px;
text-align:center;
background:#E9FFBC;
font-size:14px;
color:#0066cc;
}
#infoboxg{
width:450px;
margin:20px auto;
padding:32px 60px;
border:0;
background:url(img/boxg_bg.gif) no-repeat #FFF;
height:156px;
}
#infoboxg p.note{
color:#000066;
font-size:13px;
}
#kotsu{	/* バス旅行を楽しむコツ */
 margin-top:20px;
}
#kotsu h3{
 margin-top:10px;
}
#kotsu p.desc{
 padding-top:3px;
 padding-bottom:10px;
}
#kotsu span.att{
color:#0066cc;
}
#kotsu ul{
list-style-type:disc;
list-style-position:inside;
}
#kotsu p.att{
 text-align:left;
margin:5px 0 10px 10px;
}
#kotsu table{
 border:0;
 background-color:#fff;
 margin:10px 0 20px 0;
}
#kotsu table tr{
}
#kotsu table tr td.text{
width:350px;
border-spacing:0px;
 padding:0 0 0 4px;
 font-size:12px;
 line-height:18px;
 vertical-align:top;
}
#kotsu .goto{
margin:20px 0;
text-align:right;
list-style-type: none;
}
#bnr{
border:solid 2px #FF99CC;
width:550px;
padding:10px;
margin:20px;
 height:80px;
}
#bnr p.pict{
 float:left;
 width:190px;
}
#bnr p.desc{	/* text */
 width:360px;
  position : absolute;
 top:0px;
 left:200px;
}
#souvenir{	/* お土産情報 */
 padding-top:15px;
}
#souvenir .contents{
 width:615px;
}
#souvenir .contents_sec01{
 background-color: #1C4377;
 font-size: 11px;
 color: #ffffff;
 padding:6px 0 3px 13px;
}
#souvenir .contents_sec02{
 width:615px;
 height:271px;
 background:URL(img/primary_miyage.jpg) no-repeat;
 position: relative;
}
#souvenir .catch{
width:615px;
height:124px;
background:URL(img/catch_bg.gif) no-repeat;
padding:0px;
margin:10px 0;
position: relative;
}
#souvenir p.desc{
width:490px;
height:104px;
padding:0;
margin:0;
left:14px;
top:12px;
font-size:14px;
color:#6B4900;
line-height:22px;
position:absolute;
}
#section{
margin:0;
}
#hokkaido,#tohoku,#kanto,#tokai,#chugoku,#kansai,#kyushu,#okinawa{	/* エリア別レイアウト */
position:relative;
margin:0;
width:615px;
height:450px;
background:url(img/su_layout_bg.gif) no-repeat;
}
#section,#hokkaido,#tohoku,#kanto,#tokai,#chugoku,#kansai,#kyushu,#okinawa h2{
margin:0;
}
#section p.wanko{
margin:10px 0px 20px;
text-align:center;
}
#section p.picta{
position:absolute;
left:10px;
top:24px;
width:245px;
}
#section p.titlea{
position:absolute;
left:61px;
top:208px;
font-size:14px;
font-weight:bold;
color:#003399;
}
#section p.titleas{
position:absolute;
left:61px;
top:204px;
font-size:12px;
font-weight:bold;
color:#003399;
line-height:13px;
}
#section p.notea{
position:absolute;
left:11px;
top:233px;
width:245px;
}
#section p.pictb{
position:absolute;
left:270px;
top:24px;
}
#section p.titleb{
position:absolute;
left:457px;
top:36px;
font-size:12px;
font-weight:bold;
color:#003399;
line-height:13px;
}
#section p.titlebs{
position:absolute;
left:457px;
top:31px;
font-size:12px;
font-weight:bold;
color:#003399;
line-height:13px;
}
#section p.noteb{
position:absolute;
left:405px;
top:61px;
}
#section p.pictc{
position:absolute;
left:270px;
top:165px;
}
#section p.titlec{
position:absolute;
left:457px;
top:178px;
font-size:12px;
font-weight:bold;
color:#003399;
line-height:13px;
}
#section p.titlecs{
position:absolute;
left:457px;
top:175px;
font-size:12px;
font-weight:bold;
color:#003399;
line-height:13px;
}
#section p.notec{
position:absolute;
left:405px;
top:200px;
}
#section p.picth{
position:absolute;
left:11px;
top:318px;
}
#section p.titleh{
position:absolute;
left:145px;
top:374px;
font-size:12px;
font-weight:bold;
color:#003399;
}
#section p.noteh{
position:absolute;
left:145px;
top:392px;
width:310px;
}
#section p.mit_btn{
margin:0;
padding:10px 0 10px 0;
text-align:center;
background:#E9FFBC;
font-size:14px;
color:#cc0000;
}
#section p.mit_btn span{
display:block;
}
#section p.mit_btn span a{
background:url(img/icon01.gif) no-repeat;
padding-left:20px;
}
#section ul li{
float:right;
}
#infobox{
margin:10px 0px;
padding:20px 25px;
border:2px #00CC99 dotted;
}
#infobox h2{
width:400px;
font-size:14px;
font-weight:bold;
color:#993300;
line-height:20px;
}
#infobox p.note{
color:#666;
width:555px;
padding:15px 0;
}
#infobox ul li{
float:left;
}
#infobox p.pict{
width:552px;
padding:0;
}
#infoboxp{
width:470px;
margin:20px auto 10px;
padding:20px 25px;
border:1px #FF99CC solid;
background:url(img/boxp_bg.gif) no-repeat #FFDCDC;
 background-position:360px 10px;
}
#infoboxp h2{
width:350px;
font-size:14px;
font-weight:bold;
color:#FF0066;
line-height:20px;
}
#infoboxp p.note{
width:460px;
color:#666;
padding:10px 0;
}
#infoboxp span.att{
color:#FF0033;
}
#infoboxb{
width:470px;
margin:20px auto 10px;
padding:20px 25px;
border:1px #66CCCC solid;
background:url(img/boxb_bg.gif) no-repeat #C0E0E0;
 background-position:330px 10px;
}
#infoboxb h2{
width:350px;
font-size:14px;
font-weight:bold;
color:#003399;
line-height:20px;
}
#infoboxb p.note{
width:460px;
color:#666;
padding:10px 0;
}
#infoboxb span.att{
color:#FF0033;
}
#map{	/* 全国マップ */
width:615px;
height:462px;
display:block;
background:url(img/map.gif) no-repeat;
margin:10px 0;
padding:0;
position:relative;
}
#map p.hokkaido{
 position:absolute;
 top:71px;
 left:328px;
 display:block;
}
#map p.tohoku{
position:absolute;
top:200px;
left:445px;
display:block;

}
#map p.kanto{
position:absolute;
top:301px;
left:416px;
display:block;

}
#map p.tokai{
position:absolute;
top:195px;
left:212px;
display:block;
}
#map p.kansai{
position:absolute;
top:385px;
left:252px;
display:block;
}
#map p.chugoku{
position:absolute;
top:256px;
left:36px;
display:block;
width:51px;
height:22px;
}
#map p.kyushu{
position:absolute;
top:371px;
left:21px;
display:block;
}
#map p.okinawa{
position:absolute;
top:76px;
left:48px;
display:block;
}
#todnaviform{	/* 団体ナビフォームへ遷移 */
padding-top:15px;
}
#todnaviform .contents{
padding:30px 0 35px 0;
}