@charset "Shift_JIS";

/* kotsu_common.css */
/*---------------------------------------------------------------------
//=====RESET=====//
* 01 reset 

//=====LAYOUT=====//
* 02 div.section
* 03 div.dlgroup
* 04 div.ulgroup
* 05 kotsu_wrap
* 06 title
* 07 NEWS
* 08 route
* 09 map
* 10 POPUP
* 11 busandrally
* 12 busSearch
* 13 rallyMap
* 14 select_wrap

//=====etc=====//
* 97 PR
* 98 FONT
* 99 clear
-----------------------------------------------------------------------*/


/* 01 reset
---------------------------------------------------------------------- */
.floatright{
float: right;
}
.floatleft{
float: left;
}
.clearfloat{
clear: both;
}
.alignleft{
text-align: left;
}
.alignright{
text-align: right;
}
.aligncenter{
text-align:center;
}


/* 02 div.section
---------------------------------------------------------------------- */
div.section{}


/* 03 div.dlgroup
---------------------------------------------------------------------- */
div.dlgroup{}
div.dlgroup dl{}
div.dlgroup dt{}
div.dlgroup dd{}


/* 04 div.ulgroup
---------------------------------------------------------------------- */
div.ulgroup{}
div.ulgroup ul{}
div.ulgroup li{}




/* 05 kotsu_wrap
---------------------------------------------------------------------- */
div.kotsu_wrap{
padding:0 0 14px 0;
width:755px;
background:url(../train/img/common/main_bg02.gif) left top repeat-y;
border-bottom:1px solid #CCCCCC;
}


/* 06 title
---------------------------------------------------------------------- */
div.title_wrap{
width:755px;
background:url(../train/img/common/main_bg03.gif) left top repeat-y;

}
div.title_bg01{
width:755px;
min-height:139px;
_height:139px;
background:url(../train/img/common/main_bg01.jpg) left top no-repeat;
}

p.lead{
margin:10px 0 13px 28px;
color:#FFFFFF;
font-size:1.2em;
font-weight:bold;
line-height:120%;
}

p.kotsu_help{
margin:0 auto;
padding:3px 5px;
width:741px;
text-align:right;
background:#1F9EC9;
}


div.title_bg02{
width:755px;
height:80px;
background:url(../train/img/common/main_bg01_b.jpg) left top no-repeat;
position:relative;
}

div.title_bg02 h1{
width:256px;
}
div.title_bg02 span.head_topbt{
position:absolute;
top:32px;
left:261px;
}

/* 07 NEWS
---------------------------------------------------------------------- */
div#kotsu_info{
margin:20px auto;
width:690px;

}

div#kotsu_info .section{
width:690px;

}

div#kotsu_info div.news_wrap{
padding:1px;
width:418px;
border:1px solid #CCCCCC;
float:left;
}

div#kotsu_info div.news_wrap div.section{
width:418px;
background:url(../train/img/common/news_bg01.gif) left top repeat-y;

}
div#kotsu_info div.news_wrap div.section h2{
padding:11px 0 0 11px;
width:79px;
float:left;
}
div#kotsu_info div.news_wrap div.section dl{
width:320px;
float:right;
}
div#kotsu_info div.news_wrap div.section dt{
padding:6px 4px 4px 4px;
color:#1F9EC9;
font-weight:bold;
}
div#kotsu_info div.news_wrap div.section dd{
padding:4px 4px 4px 14px;
background:url(../train/img/common/icon_arrow01.gif) 0.4em 0.65em no-repeat;
}

/* 08 route
---------------------------------------------------------------------- */
div#kotsu_search{
margin:0 auto;
width:725px;

}
div#kotsu_search .section{
width:725px;

}


div.route_wrap{
padding:0 0 15px 0;
width:359px;
background:url(../train/img/common/route_bg03.jpg) left bottom no-repeat;
float:left;
}

div.route_bg01{
width:359px;
background:url(../train/img/common/route_bg02.jpg) left top repeat-y;
}

div.route_bg02{
margin:0 5px 0 6px;
padding:8px 5px 5px 5px;
_padding:15px 5px 5px 5px;
width:338px;
background:url(../train/img/common/route_bg01.jpg) left top no-repeat;
}
div.route_bg02 dl{
margin:11px 0 0 0;
width:338px;

}
div.route_bg02 dt{
width:40px;
float:left;
}
div.route_bg02 dt img{
vertical-align:bottom;
}
div.route_bg02 dt.lastchild{
width:62px;
}
div.route_bg02 dd{
width:290px;
float:right;
}
div.route_bg02 dd img{
vertical-align:bottom;
}
div.route_bg02 dd.lastchild{
width:265px;
}
div.route_btsec{
margin:8px auto 0 auto;
padding:10px 0 0 0;
_padding:10px 0 5px 0;
width:336px;
background:url(../train/img/common/dot_line01.gif) left top repeat-x;
}
/* 09 map
---------------------------------------------------------------------- */
div.map_wrap{
padding:0 0 15px 0;
width:355px;
background:url(../train/img/common/map_bg02.jpg) left bottom no-repeat;
float:right;
}

div.map_bg01{
width:355px;
background:url(../train/img/common/map_bg01.jpg) left top repeat-y;
}

div.map_bg01 p{
margin:0 auto;
width:343px;
}


/* 10 POPUP
---------------------------------------------------------------------- */
div.popup_wrap{
margin:15px auto 0 auto;
padding-bottom:8px;
width:260px;
text-align:left;
background:url(../train/img/common/popup_bg02.gif) left top repeat-y;
border-bottom:1px solid #999999;
}
div.popup_wrap div.popup_bg01{
width:260px;
height:30px;
background:url(../train/img/common/popup_bg01.gif) left top no-repeat;
position:relative;
}
div.popup_wrap div.popup_bg01 h2{
width:110px;
position:absolute;
top:9px;
left:10px;
}
div.popup_wrap div.popup_bg01 p.pop_rebtn{
width:88px;
position:absolute;
top:4px;
right:5px;
}

div.popup_wrap div.popup_bg02{
margin:0 auto;
width:220px;
}
div.popup_wrap div.popup_bg02 dl{
margin:8px 0 0 0;
position:relative;
width:220px;
}
div.popup_wrap div.popup_bg02 dt{
width:20;
float:left;
}

div.popup_wrap div.popup_bg02 dd{
padding:2px 0 0 0;
width:198px;
font-size:0.8em;
float:right;
}

div.popup_wrap div.popup_bg02 dl.firstchild dt{
width:50px;
}

div.popup_wrap div.popup_bg02 dl.firstchild dd{
padding:0;
width:160px;
}

div.popup_wrap div.popup_bg02 dl.secondchild{
margin:3px 0 0 20px;
width:200px;
}
div.popup_wrap div.popup_bg02 dl.secondchild dt{
width:20px;}
div.popup_wrap div.popup_bg02 dl.secondchild dd{
width:178px;
}


div.popup_station input{
margin:10px 0 0 0;
width:220px; 
}

div.popup_btsec{
margin:8px auto 0 auto;
padding:10px 0 0 0;
width:250px;
background:url(../train/img/common/dot_line01.gif) left top repeat-x;
}
div.popup_btsec span{
margin-left:15px;
margin-right:15px;
}


p.closebtn{
margin:10px 0 0 0;
text-align:center;}


/* 11 busandrally
---------------------------------------------------------------------- */
div#busandrally{
margin: 10px auto 10px auto;
width:715px;
clear: both;
}

/* 12 busSearch
---------------------------------------------------------------------- */
#searchBus {
float: left;
width: 352px;
}
#searchBus .frame_bus {
background-image: url(../train/img/common/bus_frame.gif);
background-repeat: repeat-y;
}
#searchBus .frameBtm_bus {
height: 5px;
clear: both;
background-image: url(../train/img/common/bus_frameBtm.gif);
background-repeat: no-repeat;
}
#searchBus .select01 h3 {
padding-bottom: 10px;
}
#searchBus .select01 {
width: 340px;
padding-top: 5px;
padding-left: 8px;
}
#searchBus .select01 select {
width: 100px;
}
#searchBus .select01 .arrow {
padding-left: 5px;
padding-right: 5px;
}
#searchBus .select01 .btn_search {
padding-top: 10px;
text-align: center;
}
#searchBus .select02 h3 {
padding-top: 10px;
}
#searchBus .select02 {
width: 340px;
padding-left: 8px;
}
#searchBus .select02 ul {
margin: 0;
padding: 5px 0 0 0;
}
#searchBus .select02 li {
margin: 0;
padding: 6px 5px 0 0;
width: 165px;
float: left;
display: inline;
list-style-type: none;
}
#searchBus .select02 li .bullet {
display: block;
padding-left: 10px;
background: transparent url(../train/img/common/icon_bus.gif) no-repeat scroll 0 5px;
}
#searchBus .links {
clear: both;
width: 334px;
margin-top: 10px;
margin-left: 8px;
margin-right: 8px;
padding-top: 5px;
background:url(../train/img/common/dot_line01.gif) left top repeat-x;
}
#searchBus .links .airline {
float: left;
}
#searchBus .links .guide {
float: right;
text-align: right;
}
#searchBus .links .guide img{
vertical-align: middle;
margin-right: 5px;
}

/* 13 rallyMap
---------------------------------------------------------------------- */
#rallymap {
float: right;
width: 344px;
	}	
#rallymap .text_rally {
width: 336px;
margin: 0 0 0 8px;
padding-top: 10px;
padding-bottom: 8px;
background:url(../train/img/common/dot_line01.gif) left bottom repeat-x;
line-height: 1.4em;
}
#rallymap ul.list {
width: 336px;
margin: 0 0 0 8px;
padding: 0;
}
#rallymap ul.list li.border {
background:url(../train/img/common/dot_line01.gif) left bottom repeat-x;
line-height: 1.4em;
list-style-type: none;
padding-top: 10px;
clear: both;
}
#rallymap .blockPhoto {
float: left;
width: 84px;
padding-right: 10px;
}
#rallymap .blockPhoto img {
border: 1px solid #cccccc;
padding: 1px;
}
#rallymap .blockText {
float: right;
width: 230px;
}
#rallymap h4 {
font-weight: bold;
}
#rallymap .area {
color: #666666;
}
#rallymap .text {
padding-top: 5px;
}
#rallymap ul.level {
margin: 0;
padding: 0;
}
#rallymap ul.level li.achi {
margin-right:10px;
margin-bottom:5px;
color:#E61F02;
font-weight:bold;
float:left;
}
#rallymap ul.level li.dif {
margin-right:10px;
margin-bottom:5px;
color:#E61F02;
font-weight:bold;
float:left;
}
#rallymap .links {
text-align: right;
padding-top: 5px;
}
#rallymap .links img {
vertical-align: middle;
margin-right: 5px;
}
	
/* 14 select_wrap
---------------------------------------------------------------------- */
#select_wrap {
margin: 10px auto 0 auto;
background-image: url(../train/img/common/select_frame.gif);
background-repeat: repeat-y;
width:715px;
clear: both;
}
#select_wrap .select_title {
background-image: url(../train/img/common/select_bg.gif);
background-position: top left;
background-repeat: no-repeat;
padding: 10px;
color: #FF9900;
font-weight: bold;
}
#select_wrap select {
width: 165px;
margin: 0;
padding: 0;
}
#select_wrap h4 {
font-weight: bold;
color: #666666;
padding-bottom: 2px; 
}
#select_wrap ul {
width: 705px;
clear: both;
margin-top: 10px;
padding-left: 10px;
}
#select_wrap li {
float: left;
display: inline;
float: left;
margin-right: 8px;
}
#select_wrap .select_title h3 {
float: left;
margin-right: 30px;
}
.select_btm {
margin: 0 auto 10px auto;
background-image: url(../train/img/common/select_frame_btm.gif);
background-repeat: no-repeat;
width: 715px;
height: 10px;
}



/* 97 PR
---------------------------------------------------------------------- */
div#kotsu_info div.pr_wrap01{
width:224px;
float:right;
}

div#kotsu_info div.pr_wrap01 ul{
width:224px;
}
div#kotsu_info div.pr_wrap01 ul li{
width:224px;
margin:0 0 15px 0;
}
div#kotsu_info div.pr_wrap01 ul li img{
vertical-align:bottom;
}


div.pr_wrap02{
margin:30px auto 0 auto;
width:728px;
}

div.pr_wrap03{
margin:20px 0px;
width:430px;
/*margin-bottom:20px;*/
}

div.pr_wrap04{
margin:20px auto 0 auto;
width:224px;
}

div.pr_wrap05{
margin:20px auto;
width:725px;
}


/* 98 FONT
---------------------------------------------------------------------- */
.txt_s{
font-size:0.9em;
}

/* 99 clear
---------------------------------------------------------------------- */
/*div.section, dlgroup dl, ulgroup*/
div.section:after, .dlgroup:after, dl:after, .ulgroup:after{
content		: " ";
display		: block;
visibility	: hidden;
clear		: both;
height		: 0.1px;
font-size	: 0.1em;
line-height	: 0;
}

/* for IE7 */
*:first-child+html div.section, *:first-child+html .dlgroup, *:first-child+html dl, *:first-child+html .ulgroup{
min-height: 1%;
/*zoom	: 1;*/
}

/* for Mac IE */
* html div.section, * html .dlgroup, * html dl, * html .ulgroup{
display	: inline-table;
}

/* no Mac IE \*/
* html div.section, * html .dlgroup, * html dl, * html .ulgroup{
height	: 1%;
}
div.section, .dlgroup, dl, .ulgroup{
display	: block;
}
/* */