@charset "utf-8";

* { 
margin:0; 
padding:0; 
color:#333333;
font-weight:normal;
font-style:normal;
}
body{ 
font-family:"ヒラギノ角ゴ Pro W3","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,Osaka,Verdana,"ＭＳ Ｐゴシック","MS P Gothic", sans-serif;
background-color:#FFFFFF;

}

#wp_header{
background:url(../img/bg_headtxt.gif) left top repeat-x;
height:104px;
}
#header{
width:1000px;
margin:0 auto;
}
#header h1{
font-size:10px;
padding-top:7px;
height:19px;
letter-spacing:0.06em;
}
#logo{
float:left;
width:329px;
height:35px;
padding-top:31px;

}
#rbox_header{
width:642px;
height:55px;
margin-top:8px;
position:relative;
float:right;
}
#hmenu{
position:abusolute;
top:0;
left:0;
text-align:left;
font-size:12px;
letter-spacing:0.1em;
padding-top:8px;
}
#bt_kotukyoku_h{
position:absolute;
top:0;
left:466px;
}

#gplus{
position:absolute;
top:35px;
left:0;
}
#twt{
position:absolute;
top:35px;
left:75px;
}
#fb{
position:absolute;
top:35px;
left:174px;
}





/*---------------------------------------------------
 headerfont
--------------------------------------------------- */
#headerfont{
position:absolute;
top:34px;
left:297px;
}


#headerfont ul span{
width:57px;
height:11px;
margin:6px 5px 0 0;
float:left;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../img/mojisize.gif) no-repeat;
}
#headerfont ul li{
float:left;
}
#headerfont ul li#font_ss{
width:24px;
height:21px;
margin:0;
}
#headerfont ul li#font_sm{
width:24px;
height:24px;
margin:0;
}
#headerfont ul li#font_sl{
width:24px;
height:24px;
}
#headerfont ul li img{
cursor:pointer;
}

/*---------------------------------------------------
 headersearch
--------------------------------------------------- */
#headersearch{
position:absolute;
top:34px;
left:445px;
width:144px;
height:21px;
float:left;
background-color:#fff;
}
#headersearch input[type=text]{
width:140px;
height:21px;
}

input[type=text]{
color:#333;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","MS PGothic","ＭＳ Ｐゴシック",sans-serif;
}


/*
 headersearch ie hack
--------------------------------------------------- */

/** html .search{padding:-1px 0 0 0;}IE6*/
/**:first-child+html .search{padding:-1px 0 0 0;}IE7*/
/*.search{padding:-1px 0 0 0\9;}IE8*/
/*.search:not(:target){padding:-1px 0 0 0\9;}IE9*/

#searchbtnwrap{
position:absolute;
top:34px;
left:592px;
width:50px;
height:21px;
display:block;

}
#searchbtn{
width:50px;
height:21px;
border:none;
cursor:pointer;
}

/*---------------------------------------------------
 nav
--------------------------------------------------- */

#wp_nav{
width:100%;
background:url(../img/bg_nav.jpg) left top repeat-x;
height:54px;
}
#nav{
width:1000px;
margin:0 auto;
height:54px;
}
#nav li{
float:left;
}
#nav li a{
display:block;
height:54px;
background:url(../img/nav.png) no-repeat;
text-indent:-9999px;
}

#nav li#nav01 a{background-position:0 0;width:165px;}
#nav li#nav02 a{background-position:-165px 0;width:167px;}
#nav li#nav03 a{background-position:-332px 0;width:168px;}
#nav li#nav04 a{background-position:-500px 0;width:167px;}
#nav li#nav05 a{background-position:-667px 0;width:167px;}
#nav li#nav06 a{background-position:-834px 0;width:166px;}

#nav li#nav01 a:hover{background-position:0 -54px;}
#nav li#nav02 a:hover{background-position:-165px -54px;}
#nav li#nav03 a:hover{background-position:-332px -54px;}
#nav li#nav04 a:hover{background-position:-500px -54px;}
#nav li#nav05 a:hover{background-position:-667px -54px;}
#nav li#nav06 a:hover{background-position:-834px -54px;}

#nav li#nav01_o a:hover{background-position:0 -54px;width:165px;}
#nav li#nav02_o a:hover{background-position:-165px -54px;width:167px;}
#nav li#nav03_o a:hover{background-position:-332px -54px;width:168px;}
#nav li#nav04_o a:hover{background-position:-500px -54px;width:167px;}
#nav li#nav05_o a:hover{background-position:-667px -54px;width:167px;}
#nav li#nav06_o a:hover{background-position:-834px -54px;width:166px;}




/*---------------------------------------------------
 content
--------------------------------------------------- */

#wp_content{
width:100%;
background:url(../img/bg_wpct.jpg) center top repeat-x;
}
#content{
width:1000px;
margin:0 auto;
padding-top:22px;
}
#l_content{
float:left;
width:743px;
}
#r_content{
float:right;
width:230px;
}

#wp_slide{
width:100%;
padding-top:22px;
}




/*---------------------------------------------------
 top main content
--------------------------------------------------- */

#bk_know{
margin:18px 0 0 0;
overflow:hidden;
height:221px;
}
.box_know{
float:left;
width:241px;
height:195px;
padding-right:10px;
}
.box_know_end{
float:left;
width:241px;
height:195px;
}
.box_know a span , .box_know_end a span{
display:block;
width:209px;
height:39px;
border:1px solid #cccccc;
font-size:12px;
padding:149px 15px 5px 15px;
}
.box_know a span#ensen{
background:url(../../img/img_ensen.jpg) 1px 1px no-repeat;
}
.box_know a span#osusume{
background:url(../../img/img_osusume.jpg) 1px 1px no-repeat;
}
.box_know_end a span#kaiyu{
background:url(../../img/img_kaiyu.jpg) 1px 1px no-repeat;
}
.box_know a:hover span , .box_know_end a:hover span{
border:1px solid #0080C0;
}
.box_know a:link , .box_know_end a:link{
text-decoration:none;
}
.box_know a:hover , .box_know_end a:hover{
text-decoration:none;
}


#top_ctttl2{
padding-top:33px;
padding-bottom:21px;
clear:both;
}



/* tab
--------------------------------------------------------------- */
#tabs{width:743px;position:relative;}
#tab01{float:left;}
#tab02 , #tab03 , #tab04{float:left; margin:0 0 0 6px;}
#tab01Box, #tab02Box , #tab03Box , #tab04Box{width:743px; margin:0 0 0 0; clear:both;}
#tab01Box{border-top:solid 2px #CC5B39;padding-top:10px;}
#tab02Box{border-top:solid 2px #8F8F30;padding-top:10px;}
#tab03Box{border-top:solid 2px #1F8CA4;padding-top:10px;}
#tab04Box{border-top:solid 2px #CC8626;padding-top:10px;}

#tabs li#tab01,
#tabs li#tab02,
#tabs li#tab03,
#tabs li#tab04{
height:35px;
}

#tabs #bt_itiran{
position:absolute;
left:687px;
top:13px;
}

/* tab content
--------------------------------------------------------------- */
.wp_article{
width:753px;
margin-right:-10px;
}
.wp_article .box{
width:239px;
float:left;
margin-right:10px;
margin-top:10px;
background:url(../img/bg_article.jpg) left bottom repeat-x;
border:1px solid #CCCCCC;
height:315px;
}
.wp_article .box_in{
padding:5px;
width:229px;
position:relative;
}
.wp_article .box_in .icon_soon{
position:absolute;
top:10px;
left:10px;
}
.wp_article dt{
float:left;
background-color:#666666;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
padding:3px 8px;
font-size:70%;
color:#fff;
clear:both;
width:36px;
margin-top:5px;
white-space:nowrap;
overflow:hidden;
height:18px;
}
.wp_article dd{
float:right;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
font-size:70%;
color:#666;
padding:3px 8px;
width:159px;
margin-top:5px;
overflow:hidden;
height:18px;
}

.wp_article p{
clear:both;
line-height:120%;
padding-top:7px;
font-size:85%;
letter-spacing:0.06em;
}

/* side route search
--------------------------------------------------------------- */
#box_route_search{
background:url(../img/bg_route_s.jpg) left top no-repeat;
border-right:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
border-left:1px solid #d9d9d9;
width:208px;
padding:10px;
}
#box_route_search dl {
margin:0;
padding:0;
font-size:75%;
}

#box_route_search dl dt {
width:44px;
float:left;
margin:0 3px 10px 0;
}

#box_route_search dl dd {
margin:0 0 9px 0;
}

#box_route_search dl dd input{
width:148px;
padding:2px;
border:1px solid #ccc;
background:#fff;
vertical-align:middle;
}

#box_route_search select{
border:1px solid #ccc;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","MS PGothic","ＭＳ Ｐゴシック",sans-serif;
height:20px;
margin:0;
padding:0;
letter-spacing:0.1em;
}

#box_route_search p#txtsearch{
font-size:65%;
letter-spacing:-1px;
line-height:130%;
}

/* side banner
--------------------------------------------------------------- */

#bg_zikoku{
background:url(../img/bg_bn_time.jpg) left top no-repeat;
padding:28px 0 0 58px;
font-size:90%;
height:24px;
margin-top:10px;
}
#bg_price{
background:url(../img/bg_bn_price.jpg) left top no-repeat;
padding:28px 0 0 58px;
font-size:90%;
height:24px;
margin-top:10px;
}
#bg_routemap{
background:url(../img/bn_routemap.jpg) left top no-repeat;
padding:74px 0 0 119px;
font-size:90%;
height:30px;
margin-top:10px;
}
#bg_zikoku a:hover , #bg_price a:hover , #bg_routemap a:hover{
color:#0080C0;
text-decoration:none;
}


/* pagetop
--------------------------------------------------------------- */

#wp_pagetop{
clear:both;
background:url(../img/bg_footer.gif) left top no-repeat;
width:68px;
height:52px;
padding-left:932px;
padding-top:35px;
}


/* footer
--------------------------------------------------------------- */

#wp_footer{
width:100%;
background-color:#eee;
}
#footer{
width:960px;
margin:0 auto;
font-size:70%;
padding-top:15px;
padding-bottom:15px;
z-index:1;
}
#box_fmenu{
border:1px solid #d4d4d4;
background-color:#FFFFFF;
padding:8px 20px;
line-height:200%;
-moz-border-radius: 6px;  
-webkit-border-radius: 6px;  
border-radius: 6px;  
position: relative;
}

#logo_f{
margin-top:32px;
margin-left:15px;
}

.txt_f{
padding-left:15px;
padding-top:15px;
}
.txt_f2{
padding-left:15px;
padding-top:10px;
}
#bnr_kotukyoku_f{
float:left;
padding-top:20px;
padding-left:15px;
}
#icon_f{
float:right;
padding-top:35px;
}
#icon_f li{
float:left;
padding-right:10px;
}
#cr{
clear:both;
padding-top:15px;
text-align:right;
font-size:90%;
}