@charset "utf-8";
/* CSS Document */

.search_bg,.search_bottom,.bottom_bg_right,.bottom_bg_left,.title,#footer_line,#header_line,.result_title{
background-color:#0068B7;
}

body{
margin:0;
padding:0;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#333333;
min-width: 760px;
width: expression(document.body.clientWidth < 702? "700px" : "auto");
font-size:12px;
}

.wrap{
position: relative;
}

* html .wrap {
    border-left: 760px solid #FFFFFF; /* min-widthの幅を指定、背景色に合わせた色を指定 */
    zoom: 1; /* hasLayoutをON*/
	 position: relative;
}
 
* html .wrap .content {
    position: relative;
    margin-left: -760px; /* min-widthの幅を指定 */
    zoom: 1; /* hasLayoutをON*/
}


.more{
	position:absolute;
	right:14%;
	top:190px;
	padding-left:20px;
	background-image:url(../img/icon_01.jpg);
	background-position:left;
	background-repeat:no-repeat;
	height:28px;
	padding-top:12px;
}

* html .more {
	top:198px;
}


p{
margin:0;
padding:0;
border:0;

}

.container{
width:80%;
margin-left:auto;
margin-right:auto;
text-align:center;
line-height:1.2;
}

.title{
text-align:center;
padding:4px 10px 10px 10px;
color:#FFFFFF;
font-weight:bold;
font-size:120%;
}

img{
border:0;
margin:0;
padding:0;
vertical-align:bottom;
}

.search_box{
width:60%;
margin:5px;
padding:0;
}


.search_middle{
background-color:#FFFFFF;
text-align:center;
padding:10px;
}

#footer_line{
width:100%;
height:2px;
overflow:hidden;
margin-top:10px;
}

#header_line{
width:100%;
height:2px;
overflow:hidden;
}

.search_middle span{
line-height:1.2;
}

.search_bottom{
height:10px;
background-image:url(../img/bottom.gif);
background-repeat:repeat-x;
margin-bottom:10px;
}

.search_top{
height:12px;
background-image:url(../img/top.gif);
overflow:hidden;
background-repeat:repeat-x;
}

.search_top img{
margin-top:2px;
}


.mokuteki{
font-size:16px;
}



.copyright{
font-family:verdana, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}


#header{
background-position:bottom;
background-image:url(../img/header_bg.jpg);
background-repeat:repeat-x;
padding:10px;
}


.ex{
margin:10px 0;
}

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

.result_ex{
font-size:14px;
text-align:left;
margin-left:5px;
font-weight:bold;
}

.result_container img{
margin-bottom:10px;
}




.edge_01{
position:absolute;
right:89%;
top:95px;
}

.bg_left{
padding-left:7px;
background:url(../img/s1.gif) repeat-y;
}

.bg_right{
background:url(../img/s2.gif) repeat-y;
background-position:right;
padding-right:7px;
}

.left{
float:left;
}

.right{
float:right;
}

.bottom_bg_right{
width:10px; 
height:10px;
float:right;
}

.bottom_bg_left{
width:10px; 
height:10px;
float:left;
}

.container img{
margin-bottom:10px;
}

.bottom_bg_right img,.bottom_bg_left img{
margin:0;
}

.search_middle img{
margin:0;

}





.teiki{
	position:absolute;
	right:4%;
	top:88px;
	height:25px;
}



.result_container{
width:95%;
margin-left:auto;
margin-right:auto;
text-align:center;
line-height:1.1;
margin-top:10px;
}

.result_container a{

}

.result_title{
text-align:left;
padding:4px 10px 10px 10px;
color:#FFFFFF;
font-weight:bold;
font-size:18px;
}

.result_title span{
font-size:14px;
margin-left:10px;
}



.bg_gray,.bg_green,.bg_orange,.bg_yellow,.bg_blue,.bg_d_blue{
text-align:left;
font-size:90%;
}


.breake{
clear:both;
}


.space_container{
border-left:#FFFFFF 10px solid; border-right:#FFFFFF 10px solid; width:96%; background-color:#F5F5F5; height:3px;
overflow:hidden;
}

.space_detail{
background-color:#FFFFFF;
height:3px;
width:59%;
float:left;
overflow:hidden;
}

.space_time{
height:3px;
float:left; width:16%;
overflow:hidden;
}



.title_container{
border-left:#FFFFFF 10px solid; border-right:#FFFFFF 10px solid; width:96%; background-color:#F5F5F5;
}

.title_container .time,.title_container .fare,.title_container .special{
font-weight:bold;
}

.title_detail{
background-color:#FFFFFF;
}

.time{
float:left; width:16%; text-align:center;
padding-top:6px;
}


.special{
float:right; width:12%; text-align:center;
height:29px;
padding-top:6px;
}



.direct{
float:right; width:12%; text-align:center;
font-weight:bold;
color:#666666;
border-right:3px solid #FFFFFF;
height:29px;
padding-top:6px;
font-size:22px;
}


.title_container .fare{
height:44px;
}

.bottom_container .direct{
height:33px;
}

.fare{
float:right; width:12%; text-align:center;
height:29px;
border-right:3px solid #FFFFFF;
padding-top:6px;
}




.d_blue_detail,.blue_detail,.yallow_detail,.orange_detail,.green_detail,.gray_detail,.title_detail,.b_gray_detail,.bottom_detail,.red_detail,.gray_detail_green_icon_01,.gray_detail_green_icon_02{
float:left; height:29px; text-align:left;
width:59%;
padding-top:6px;
}

.title_detail{
height:60px;
}


.title_detail{
background-color:#FFFFFF;
display:table;
padding-bottom:5px;
}


.gray_container{
border-left:#F2F2F2 10px solid; border-right:#F2F2F2 10px solid; width:96%; background-color:#EAEAEA;
}

.gray_detail{
background-color:#F2F2F2;
background-image:url(../img/icon_04.gif);
background-repeat:no-repeat;
background-position:left;
}

.gray_detail_green_icon_01{
background-color:#F2F2F2;
background-image:url(../img/icon_14.gif);
background-repeat:no-repeat;
background-position:left;
}


.gray_detail_green_icon_02{
background-color:#F2F2F2;
background-image:url(../img/icon_15.gif);
background-repeat:no-repeat;
background-position:left;
}



.gray_container .direct,.gray_container .fare{
border-right:3px solid #F2F2F2;
}

.b_gray_detail{
background-color:#F2F2F2;
background-image:url(../img/icon_11.gif);
background-repeat:no-repeat;
background-position:left;
display:table;
}


.green_container{
border-left:#E2F8EE 10px solid; border-right:#E2F8EE 10px solid; width:96%; background-color:#DEEFE7;
}

.green_detail{
background-color:#E2F8EE;
color:#339933;
background-image:url(../img/icon_05.gif);
background-repeat:repeat-y;
background-position:left;
}

.green_container .direct,.green_container .fare{
border-right:3px solid #E2F8EE;
}

.orange_container{
border-left:#F8EFE2 10px solid; border-right:#F8EFE2 10px solid; width:96%; background-color:#EFE8DE;
}

.orange_detail{
background-color:#F8EFE2;
color:#FF6904;
background-image:url(../img/icon_06.gif);
background-repeat:repeat-y;
background-position:left;
}

.orange_container .direct,.orange_container .fare{
border-right:3px solid #F8EFE2;
}


.yallow_container{
border-left:#FFF9CC 10px solid; border-right:#FFF9CC 10px solid; width:96%; background-color:#F5F0CC;
}

.yallow_detail{
background-color:#FFF9CC;
color:#CC9900;
background-image:url(../img/icon_07.gif);
background-repeat:repeat-y;
background-position:left;
}

.yallow_container .direct,.yallow_container .fare{
border-right:3px solid #FFF9CC;
}

.blue_container{
border-left:#CCEFFF 10px solid; border-right:#CCEFFF 10px solid; width:96%; background-color:#CCE8F5;
}

.blue_detail{
background-color:#CCEFFF;
color:#146EFF; 
background-image:url(../img/icon_09.gif);
background-repeat:repeat-y;
background-position:left;
}

.blue_container .direct,.blue_container .fare{
border-right:3px solid #CCEFFF;
}

.d_blue_container{
border-left:#CCE2FF 10px solid; border-right:#CCE2FF 10px solid; width:96%; background-color:#CCDEF5;
}

.d_blue_detail{
background-color:#CCE2FF;
color:#003399;
background-image:url(../img/icon_10.gif);
background-repeat:repeat-y;
background-position:left;
}

.d_blue_container .direct,.d_blue_container .fare{
border-right:3px solid #CCE2FF;
}



.red_container{
border-left:#FFE5E6 10px solid; border-right:#FFE5E6 10px solid; width:96%; background-color:#F5DFE1;
}

.red_detail{
background-color:#FFE5E6;
color:#FF3300;
background-image:url(../img/icon_13.gif);
background-repeat:repeat-y;
background-position:left;
}

.red_container .direct,.red_container .fare{
border-right:3px solid #FFE5E6;
}

.bottom_container{
border-left:#FFE1FF 10px solid; border-right:#FFE1FF 10px solid; width:96%; background-color:#FFD2FF;
}

.bottom_detail{
background-color:#FFE1FF;
display:table;
background-image:url(../img/icon_12.gif);
background-repeat:no-repeat;
background-position:left;
padding-bottom:4px;
}

.bottom_container .direct,.bottom_container .fare{
border-right:3px solid #FFE1FF;
}

.result_container p,.bottom_detail p{
margin-left:52px;
margin-right:10px;
}

.title_detail p{
margin-left:20px;
margin-right:10px;
}

.green_detail p,.orange_detail p,.yallow_detail p,.blue_detail p,.d_blue_detail p,.red_detail p{
margin-left:90px;
margin-right:10px;
}

.search_more tr{
background-color:#FFFFFF;
}

.search_more{
background-color:#F0F0F0;
width:500px;
text-align:left;
margin-left:auto;
margin-right:auto;
}

.more_b{
width:500px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}

.right{
float:right;
}

.left{
float:left;
}