@charset "Shift_JIS";

/* -----------------------------------------------
free run top
CSS file File: base.css
----------------------------------------------- */

body{
background-color:#fff;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif, "Hiragino Kaku Gothic Pro", "Osaka","ＭＳＰゴシック";
text-align:center;
}

*{
margin:0;
padding:0;
}

*{font-size:100%;} 


hr{
display:none;
}

.naviskip{
text-indent: -10000px;
font-size: 1px;
width: 1px;
height: 1px;
}

.nouse {
display: none;
}

.clear {
clear: both;
padding:0;
margin:0;
}

.totop{
padding:0 40px 0 0;
margin:0 0 20px 0;
background:url(../images/icon_addition.gif) no-repeat 450px 6px;
text-align:right;
}

.textright{
text-align:right;
}
/*=================================================
LAYOUT
=================================================*/

#wrapper{
width:800px;
margin:0 auto;
text-align:left;
}


#header{
width:760px;
border:none;
}

#rightblock{
width:250px;
float:right;
}

#leftblock{
margin:0 250px 0 0;
}


#footer{
clear:both;
}

/*=================================================
LAYOUT (Lower layer)
=================================================*/

#l_menu{
width:160px;
float:left;
}

#r_main{
margin:0 20px 0 0;
}

#l_menuin {background: #18479f;width:160px;}
#l_menuin p {margin:0 0 0 0;text-align:center}
.rtop, .rbottom{display:block;background: #fff}
.rtop *, .rbottom *{display: block; height: 1px;
overflow: hidden; background: #18479f}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px} 

#dis_2 {margin:20px 8px 0 0; border: #CCCCCC solid 1px; padding: 10px; font-size: 0.7em; letter-spacing: 0.1em; line-height: 1.5em;}

/*=================================================
HEADER
=================================================*/

#header-left{
width:291px;
height:87px;
background:url(../images/logo.gif) no-repeat;
float:left;
}

#header-left h1{
padding:0 0 0 3px;
font-size:7pt;
font-style: normal;
font-weight: normal;
margin: 8px 0 0 0;
}

#header-left p{
padding:8px 0 0 10px;
font-size:0.7em;
}


#header-right{
width:469px;
height:87px;
background:url(../images/logo_tel.gif) no-repeat;
float:right;
}

#header-right h2{
text-indent:-999999px;
}

#header-right p{
text-indent:-999999px;
}

#free{
height:20px;
background:url(../images/icon_freetel.gif) no-repeat 15px 8px;
padding:8px 0 0 40px;
font-size:0.7em;
}

/*=================================================
GLOVALNAVI
=================================================*/

#glovalnavi{
width:760px;
height:30px;
}

#glovalnavi ul{
list-style:none;
height:30px;
}

#glovalnavi li{
float:left;
}

#menu {
    background: url("../images/navi_gloval.gif") no-repeat;
    height:30px;
    width: 760px;
    position: relative;
}

#menu li {
	position: absolute;
	top: 0px;
}

#menu li, #menu a {
    height:30px;
    display: block;
    text-indent: -999999px; 
    text-decoration: none; 
    font-size: 10px;
}

#menu li.freeruntop01, #menu li.freeruntop02 {
	left: 0px; 
	width: 114px;
}
#menu li.service01, #menu li.service02 {
	left: 114px; 
	width: 108px;
}
#menu li.customize01, #menu li.customize02 {
	left: 222px; 
	width: 108px;
}
#menu li.usage01, #menu li.usage02 {
	left: 330px; 
	width: 108px;
}
#menu li.invoice01, #menu li.invoice02 {
	left: 438px;
	width: 108px;
}
#menu li.contact01, #menu li.contact02 {
	left: 546px;
	width: 108px;
}
#menu li.sitemap01, #menu li.sitemap02 {
	left: 654px; 
	width: 107px;
}


#menu li.freeruntop01 a:hover {background: transparent url("../images/navi_gloval.gif") 0px -30px no-repeat;}
#menu li.service01 a:hover {background: transparent url("../images/navi_gloval.gif") -114px -30px no-repeat;}
#menu li.customize01 a:hover {background: transparent url("../images/navi_gloval.gif") -222px -30px no-repeat;}
#menu li.usage01 a:hover {background: transparent url("../images/navi_gloval.gif") -330px -30px no-repeat;}
#menu li.invoice01 a:hover {background: transparent url("../images/navi_gloval.gif") -438px -30px no-repeat;}
#menu li.contact01 a:hover {background: transparent url("../images/navi_gloval.gif") -546px -30px no-repeat;}
#menu li.sitemap01 a:hover {background: transparent url("../images/navi_gloval.gif") -654px -30px no-repeat;}


#menu li.freeruntop02 {background: transparent url("../images/navi_gloval.gif") 0px -30px no-repeat;}
#menu li.service02 {background: transparent url("../images/navi_gloval.gif") -114px -30px no-repeat;}
#menu li.customize02 {background: transparent url("../images/navi_gloval.gif") -222px -30px no-repeat;}
#menu li.usage02 {background: transparent url("../images/navi_gloval.gif") -330px -30px no-repeat;}
#menu li.invoice02 {background: transparent url("../images/navi_gloval.gif") -438px -30px no-repeat;}
#menu li.contact02 {background: transparent url("../images/navi_gloval.gif") -546px -30px no-repeat;}
#menu li.sitemap02 {background: transparent url("../images/navi_gloval.gif") -654px -30px no-repeat;}

/*=================================================
DESCRIPTION
=================================================*/
#description{
margin:5px 5px 5px 0;
width:740px;
}

/*=================================================
CRUMBLIST
=================================================*/
#crumblist{
font-size:0.7em;
padding:10px;
}  

#office{
font-size:0.7em;
margin:10px 0 0 7px;
}

#office ul li{
padding:2px 5px;
margin-bottom: 10px;
border-left: #999999 solid 3px;
line-height: 100%;
list-style: none;
}


/*=================================================
FLASHAREA
=================================================*/

#flasharea{
width:766px;
height:380px;
}


#flasharea #flasharea_left{
width:547px;
height:380px;
float:left;
}

#flasharea #flasharea_right{
width:212px;
height:380px;
float:left;
background:url(../../images/ban_bg.jpg);
}

#t_banner{
width:192px;
margin:10px 10px 10px 10px;
background-color:#fff;
}

#t_banner img{
margin:5px 10px 5px 5px;
}

#t_banner ul{
list-style:none;
}

#t_banner ul img{
margin:0 0 0 5px;
padding:2px;
}

/*=================================================
TOP CONTENTS
=================================================*/

#servicenavi{
margin-top:10px;
width:544px;
height:250px;
background:url(../images/bg_service.gif) no-repeat;
}

#servicenavi h2{
text-indent:-999999px;
}


#servicenavi ul{
list-style:none;
height:30px;
}

#servicenavi li{
float:left;
}

#smenu01 {
background:url(../../images/navi_spot_suttle.gif);
height:53px;
width: 524px;
margin:27px 0 0 14px;
position: relative;
}

#smenu01 li {
	position: absolute;
	top: 0px;
	height: 53px;
}

#smenu01li, #smenu01 a {
    height:53px;
    display: block;
    text-indent: -999999px; 
    text-decoration: none; 
    font-size: 10px;
}

#smenu01 li.bike01 {
	left: 0px; 
	width: 258px;
}
#smenu01 li.route01 {
	left: 0px; 
	left: 270px; 
	width: 258px;
}

#smenu01 li.bike01 a:hover {background: transparent url(../../images/navi_spot_suttle.gif) 0px -53px no-repeat;}
#smenu01 li.route01 a:hover {background: transparent url(../../images/navi_spot_suttle.gif) -270px -53px no-repeat;}



#smenu02 {
background:url(../../images/navi_spot-rute.gif);
height:53px;
width: 524px;
margin:10px 0 0 14px;
position: relative;
}

#smenu02 li {
	position: absolute;
	top: 0px;
	height: 53px;
}

#smenu02 li, #smenu02 a {
    height:53px;
    display: block;
    text-indent: -999999px; 
    text-decoration: none; 
    font-size: 10px;
}

#smenu02 li.car01 {
	left: 0px; 
	width: 258px;
}
#smenu02 li.suttle01 {
	left: 0px; 
	left: 270px; 
	width: 258px;
}

#smenu02 li.car01 a:hover {background: transparent url(../../images/navi_spot-rute.gif) 0px -53px no-repeat;}
#smenu02 li.suttle01 a:hover {background: transparent url(../../images/navi_spot-rute.gif) -270px -53px no-repeat;}


#smenu03 {
background:url(../../images/navi_pro-buy.gif);
height:53px;
width: 524px;
margin:10px 0 0 14px;
position: relative;
}

#smenu03 li {
	position: absolute;
	top: 0px;
	height: 53px;
}

#smenu03 li, #smenu03 a {
    height:53px;
    display: block;
    text-indent: -999999px; 
    text-decoration: none; 
    font-size: 10px;
}

#smenu03 li.protect01 {
	left: 0px; 
	width: 258px;
}
#smenu03 li.shopping01 {
	left: 0px; 
	left: 270px; 
	width: 258px;
}

#smenu03 li.protect01 a:hover {background: transparent url(../../images/navi_pro-buy.gif) 0px -53px no-repeat;}
#smenu03 li.shopping01 a:hover {background: transparent url(../../images/navi_pro-buy.gif) -270px -53px no-repeat;}


/*=================================================
TOPICS
=================================================*/

#topics{
width:544px;
}

#ttl_topics{
width:544px;
height:21px;
margin:20px 0 0 0;
background:url(../../images/ttl_topics.gif) no-repeat;
}

#l_topics{
width:420px;
float:left;
}

#r_topics{
width:100px;
float:right;
padding:5px 0 0 0px;
font-size:0.7em;
}


#ttl_topics h2{
padding:5px 0 0 470px;
text-indent:-999999px;
}

#topics ul{
padding: 10px 0 0 0;
margin:5px 0 5px;
font-size:0.8em;
}


#topics li{
padding:0 0 0 25px;
margin:0 0 5px;
height:25px;
border-bottom:1px dashed #9cf;
list-style:none;
background:url(../../images/icon_topic.jpg) no-repeat 10px 4px;
}

#l_menuin h3{
padding:20px 0 0 30px;
font-size:0.8em;
background:url(../images/icon_ronavi.gif) no-repeat 15px 20px;
}

/*=================================================
RECRUTE
=================================================*/

#recrute{
width:543px;
height:100px;
margin:20px 0;
background:url(../../images/bg_recrute.jpg) no-repeat;
}

#recrute h2{
text-indent:-999999px;
}

#l_recrute{
padding:18px 0 0 7px;
width:103px;
height:57px;
float:left;
}

#r_recrute{
width:425px;
float:right;
}

#r_recrute p{
width:380px;
line-height:130%;
padding:18px 0 0 5px;
font-size:0.8em;
}
#r_recrute img{
margin:4px 0 0 255px;
}


/*=================================================
LEFTBOTTOM
=================================================*/
#leftbottom{
width:760px;
text-align:right;
font-size:0.7em;
padding:20px 0 15px;
clear:both;
}

/*=================================================
TOP DELIVERRY
=================================================*/
#top_delivery{
margin:10px 0 0 7px;
padding:10px 0;
width:205px;
background-color:#d7e1ed;
border:1px solid #d7e1ed;
}

#top_delivery img{
margin:0 0 0 15px;
}

#top_delivery ul{
padding:0 0 0 22px;
list-style:none;
font-size:0.8em;
}

#top_delivery li{
margin:6px 0;
padding:0 0 0 10px;
border-left:3px solid #fff;
}

#top_order{
margin:10px 0 0 7px;
width:205px;

border:1px solid #18479f;
}

#top_order #order_wapper{
margin:6px;
width:190px;
border:1px solid #18479f;
}

#top_order01,#top_order02{
width:180px;
padding:10px 10px 10px 0;
border-bottom:1px dashed #9cf;
}

#top_order03{
width:185px;
padding:10px 10px 10px 0;
}

#top_order01:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

#top_order02:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

#top_order03:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}


#top_order01 #icon_top01,#top_order02 #icon_top02,#top_order03 #icon_top03{
padding:6px;
width:46px;
height:53px;
float:left;
}



#top_order01 h3,#top_order02 h3,#top_order03 h3{
padding:6px 0 0 0;
font-size:0.9em;
}

#top_order01 p,#top_order02 p,#top_order03 p{
padding:6px 0 0 0;
line-height:130%;
font-size:0.7em;
width: 109px;
float: right;
}


#top_iso{
padding:10px 0 10px 10px;
width:205px;
}

#top_iso p{
padding:5px 0 0 0;
font-size:0.7em;
}


#top_pdf{
padding:10px 0 10px 10px;
width:205px;
}

#top_pdf p{
padding:5px 0 0 0;
font-size:0.7em;
}


/*=================================================
FOOTER
=================================================*/


#footer{
width:760px;
height:69px;
background:url(../images/bg_footer.gif) no-repeat 0 0;
color:#fff;
}

#footer #textnavi{
width:800px;
height:45px;
}


#footer #textnavi ul{
padding:15px 0 0 90px;
text-align:center;
list-style:none;
font-size:0.7em;
}

#footer #textnavi li{
float:left;
padding:1px;
}

#footer address{
font-style:normal;
text-align:center;
font-size:0.7em;
color:fff;
padding:0 3 5px 3px;
}

#textnavi{
height:30px;
text-align:center;
}



/*=================================================
LINK
=================================================*/

a:link , a:visited , a:active{
color:#18479f;
text-decoration:underline;
}
a:hover{
color:#f90;
text-decoration:none;
}

#footer a:link , #footer a:visited , #footer a:active{
color:#fff;
text-decoration:underline;
}
#footer a:hover{
color:#f90;
text-decoration:none;
}

#r_recrute a:link , #r_recrute a:visited , #r_recrute a:active{
color:#fff;
text-decoration:underline;
}
#r_recrute a:hover{
color:#f90;
text-decoration:none;
}


#crumblist a:link , #crumblist a:visited , #crumblist a:active{
color:#18479f;
text-decoration:underline;
}
#crumblist a:hover{
color:#f90;
text-decoration:none;
}


#top_delivery a:link , #top_delivery a:visited , #top_delivery a:active{
color:#6a6f73;
text-decoration:underline;
}
#top_delivery a:hover{
color:#f90;
text-decoration:none;
}


#delivery a:link , #delivery a:visited , #delivery a:active{
color:#6a6f73;
text-decoration:underline;
}
#delivery a:hover{
color:#f90;
text-decoration:none;
}


#localnavi a:link , #localnavi a:visited , #localnavi a:active{
color:#fff;
text-decoration:underline;
}
#localnavi a:hover{
color:#f90;
text-decoration:none;
}

#r_order a:link , #r_order a:visited , #r_order a:active{
color:#6a6f73;
text-decoration:underline;
}
#r_order a:hover{
color:#f90;
text-decoration:none;
}

.totitle a:link , .totitle a:visited , .totitle a:active{
color:#fff;
text-decoration:underline;
}
.totitle a:hover{
color:#f90;
text-decoration:none;
}




/*=================================================
LOCALNAVI
=================================================*/

#l_menuin p{
padding:20px 0 0 30px;
font-size:0.8em;
color:#fff;
text-align:left;
font-weight: bold;
background:url(../images/icon_ronavi.gif) no-repeat 15px 20px;
}

#localnavi ul{
padding:0 0 0 30px;
}

#localnavi li{
padding:5px 0 0 0;
font-size:0.8em;
color:#fff;
}


#localnavi img{
padding:5px 0 0 5px;
}

/*=================================================
DELIVERY
=================================================*/


#delivery{
margin:10px 0 0 10px;
padding:10px 0;
width:140px;
background-color:#d7e1ed;
border:1px solid #d7e1ed;
}

#delivery img{
padding:0 0 0 2px;
}

#delivery ul{
padding:0 0 0 10px;
list-style:none;
font-size:0.7em;
}

#delivery li{
margin:6px 0;
padding:0 0 0 3px;
border-left:3px solid #fff;
}

/*=================================================
FREERUN
=================================================*/
#freerun{
margin:10px 0 10px 10px;
}

/*=================================================
ORDER
=================================================*/

#r_order{
width:138px;
height:100px;
margin:0 0 0 10px;
border-right:1px solid #8d8d8d;
border-left:1px solid #8d8d8d;
border-bottom:1px solid #8d8d8d;
background-color:#fff;
}

#r_order ul{
font-size:0.8em;
padding:4px 0 0 30px;
}

#r_order li{
color:#6a6f73;
margin:4px 0;
list-style-image:url(../images/icon_order.gif)
}


/*=================================================
DISCOUNT
=================================================*/
#discount{
width:140px;
}

#discount ul{
margin:0 0 15px 10px;
padding:10px 0 0 0;
list-style:none;
}

#discount li{
padding:4px 0;
}
/*=================================================
LAVEL
=================================================*/
#lavel{
width:160px;
padding:5px 0;
}

#iso img{
	float:left;
	padding-top: 5px;
}

#isotext{
padding:5px 0 0 0;
font-size:0.7em;
}

#pdf img{
padding:10px 0;
}

/*=================================================
CONTENT：サービス
=================================================*/
#serv_content{
width:579px;
height:60px;
background-image:url(../../service/images/ttl_bikeservice.gif);
}

#serv_content h2{
text-indent:-999999px;
}


.tablesrv {
margin:10px 0;
}

.serv_context{
width:579px;
}


.tablesrv th{
padding:20px 0 0 0
}

.tablesrv th{
font-size:0.9em;
padding:10px 0;
}

.tablesrv td{
font-size:0.9em;
}

.user_border01{
border-left:1px solid #ccc;
border-top:1px solid #ccc;
text-align:center;
width:309px;
height:30px;
}

.user_border02{
border-left:1px solid #ccc;
border-top:1px solid #ccc;
text-align:center;
width:70px;
height:30px;
}

.user_border03{
border-left:1px solid #ccc;
border-top:1px solid #ccc;
text-align:center;
width:130px;
height:30px;
}

.user_border04{
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
text-align:center;
width:70px;
height:30px;
}

.dser_border01{
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
width:309px;
height:60px;
}

.dser_border02{
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
text-align:center;
width:70px;
height:60px;
}

.dser_border03{
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
text-align:center;
width:130px;
height:60px;
}

.dser_border04{
border:1px solid #ccc;
text-align:center;
width:70px;
height:60px;
}

.tablesrv td li{
list-style-type:none;
}

.tablesrv td img{
padding:0 5px;
}

.srv img{
float:left;
}
.srvtx{
padding:5px;
}

/*=================================================
CONTENT：スポット便（バイク）
=================================================*/


#content{
padding:0 0 0 180px;
}

#content p{
font-size:0.8em;
line-height:140%;
}



#content h3{
margin:20px 0 15px 0px;
padding:7px 0 4px 20px;
width:575px;
height:20px;
font-size:0.9em;
background:url(../images/bg_gray.gif) no-repeat;
}


#img_spot01{
background:url(../../service/images/ttl_pot01.jpg) no-repeat;
padding:0 0 10px 0;
width:579px;
height:60px;
}

#img_spot01 h2{
text-indent:-999999px;
}

#spottext01{
width:580px;
height:133px;
}

#region{
width:250px;
height:133px;
margin:0 0 0 15px;
float:right;
}

#prospottext01{
width:580px;
height:200px;
}

#proregion{
width:250px;
height:200px;
margin:0 0 0 15px;
float:right;
}

#spot_s{
width:580px;
height:170px;
margin:15px 0;
}

#spot_s img{
padding:0 0 10px 0px;
}

#img_spottime{
width:190px;
height:120px;
float:left;
}

#img_spotsize{
width:190px;
height:120px;
float:right
}

#img_spotrcharge{
width:190px;
height:120px;
float:right;
padding:0 4px 0 0;
}



#c_tab{
width:570px;
}

#addition h4{
margin-top:10px;
padding:0 0 0 7px;
background:url(../images/icon_addition.gif) no-repeat 0 4px;
font-size:0.8em;
}

#addition table{
font-size:0.8em;
margin:15px 0;
}

.l_border01,.l_border02{
width:80px;
height:30px;
text-align:center;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
}

.c_border01,.c_border02{
width:110px;
height:30px;
text-align:center;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
}

.r_border01,.r_border02{
width:380px;
height:30px;
padding:5px;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
}

.l_border03{
width:70px;
height:30px;
text-align:center;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.c_border03{
width:120px;
height:30px;
text-align:center;
border:1px solid #ccc;
}

.r_border03{
width:380px;
height:30px;
padding:5px;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

#expect{
width:570px;
}



#ex_area{
width:570px;
padding:10px 5px;
background-color:#c0c0c0;
}

#ex_areaup{
width:570px;
height:50px;
}

#ex_areadw{
width:570px;
height:50px;
}

.ex_icon01{
width:278px;
height:50px;
margin:0 2px 2px;
float:left;
}

.ex_icon02{
width:278px;
height:50px;
margin:0 2px 2px;
float:right;
}

#advert{
width:570px;
padding:10px 0;
}

#l_advert{
width:250px;
float:left;
}

#advert{
width:590px;
padding:10px 0;
}

#inright{
width:175px;
margin: 0 0 10px 5px;
float:left;
}

#alamg{
float:left;
}

#inright img{
padding:0 0 3px 5px;
}

#inright p{
padding:3px 10px;
}

#l_advert{
width:280px;
height:90px;
padding:10px 0;
float:left;
}

#l_adin{
width:148px;
height:90px;
float:left;
border-bottom:1px solid #009;
border-top:1px solid #009;
border-left:1px solid #009;
}

#r_adin{
width:148px;
height:90px;
float:left;
border:1px solid #009;
}

.adimg{
padding:5px;
float:left;
}

#l_adin h5{
margin:10px 0 3px 0;
font-size:0.8em;
}

#l_adin p{
font-size:0.7em;
}


#r_adin img{
padding:7px 0 8px 0;
}


#r_adin h5{
margin:10px 0 3px 0;
font-size:0.8em;
}

#r_adin p{
font-size:0.7em;
}


#content div.relatedservice {
	margin: 20px 0 10px 0;
	border: 1px solid #8B8B8B;
	width: 580px;
}	

#content div.relatedservice h3.serviceheader{
	margin:0px 0 0px 0px;
	padding:7px 0 0px 20px;
	width:560px;
	font-size:0.9em;
	background: #8B8B8B;
	color:#fff;
	background: #8B8B8B url(../images/icon_relatedservice.gif) no-repeat 8px 50%;
}

#content div.relatedservice ul {
	padding: 6px 0px 10px 10px;
	font-size:0.8em;
}

#content div.relatedservice li {
margin:5px 0;
	list-style-type: none;
	padding-left: 16px;
	background: url(../images/bg_relatedservicelist.gif) no-repeat 0 50%;
}

/*=================================================
CONTENT：スポット便（軽自動車）
=================================================*/

#img_spot02{
background:url(../../service/images/ttl_pot02.jpg) no-repeat;
padding:0 0 10px 0;
width:579px;
height:60px;
}

#img_spot02 h2{
text-indent:-999999px;
}

/*=================================================
CONTENT：ルート便
=================================================*/

#img_root{
background:url(../../service/images/ttl_rute.jpg) no-repeat;
padding:0 0 10px 0;
width:579px;
height:60px;
}

#img_root h2{
text-indent:-999999px;
}

#deliver table{
font-size:0.8em;
}

.lroot_bo01{
width:80px;
height:30px;
text-align:center;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
}

.rroot_bo01{
width:490px;
height:30px;
text-align:center;
line-height:130%;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
}

.lroot_bo02{
width:80px;
height:30px;
text-align:center;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
}

.rroot_bo02{
width:490px;
height:30px;
padding:5px;
line-height:130%;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
}

.lroot_bo03{
width:80px;
height:30px;
text-align:center;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.rroot_bo03{
width:490px;
height:30px;
padding:5px;
line-height:130%;
border:1px solid #ccc;
}

/*=================================================
CONTENT：シャトル便
=================================================*/

#img_suttle{
background:url(../../service/images/ttl_suttle.jpg) no-repeat;
padding:0 0 10px 0;
width:579px;
height:60px;
}

#img_suttle h2{
text-indent:-999999px;
}


.lsuttle_bo01{
width:100px;
height:30px;
text-align:center;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
}

.rsuttle_bo01{
width:470px;
height:30px;
line-height:130%;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
}

.lsuttle_bo02{
width:100px;
height:30px;
text-align:center;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
}

.rsuttle_bo02{
width:470px;
height:30px;
padding:5px;
line-height:130%;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
}

.lsuttle_bo03{
width:100px;
height:30px;
text-align:center;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.rsuttle_bo03{
width:470px;
height:30px;
padding:5px;
line-height:130%;
border:1px solid #ccc;
}

/*=================================================
CONTENT：お買い物便
=================================================*/

#img_shopping{
background:url(../../service/images/ttl_shopping.jpg) no-repeat;
padding:0 0 10px 0;
width:579px;
height:60px;
}

#img_shopping h2{
text-indent:-999999px;
}

/*=================================================
CONTENT：プロテクト便
=================================================*/

#img_protect{
background:url(../../service/images/ttl_protect.jpg) no-repeat;
padding:0 0 10px 0;
width:579px;
height:60px;
}

#img_protect h2{
text-indent:-999999px;
}


#ex_areadw02{
width:570px;
height:100px;
}

.ex_icon03{
width:278px;
height:50px;
margin:0 2px 2px;
float:left;
}



/*=================================================
CONTENT：サイトマップ
=================================================*/
#first{
width:590px;
height:150px;
padding:20px;
}

#sitemap{
width:579px;
height:60px;
background:url(../../sitemap/images/ttl_sitemap.gif) no-repeat;
}

#sitemap h2{
text-indent:-999999px;
}

#topic{
width:265px;
float:left;
}


#company{
width:265px;
padding:0 0 0 15px;
float:left;
}

#home{
padding:20px 20px 0;
}


#service{
width:250px;
float:left;
}

#home{
padding:20px 20px 0;
}




/*=================================================
CONTENT：プライバシー
=================================================*/

#privacy{
width:579px;
height:60px;
background:url(../../privacy/images/ttl_privacy.gif) no-repeat;
}

#privacy h2{
text-indent:-999999px;
}

#management,#collect,#info_use{
width:570px;
}

/*=================================================
TOPICS：バックナンバー
=================================================*/
#back_content{
width:579px;
height:60px;
background-image:url(../../topics/images/ttl_backnumber.gif);
}

#back_content h2{
text-indent:-999999px;
}

.backbox{
width:555px;
margin:0 0 40px 0;
border:1px solid #666;
}

.backbox h4{
padding:9px 10px 9px 45px;
font-size:12px;
line-height:130%;
color:#fff;
}

.backbox p{
padding:5px 10px 5px 10px;
font-size:0.8em;
}

.totitle{
width: 555px;
background:url(../../topics/images/ttl_ttopics.gif) no-repeat;
background-color:#888;
}




.totitle h4 {
margin: 0;
background:url(../../topics/images/icon_arrow.gif) no-repeat;

}


/*=================================================
contact：お問合わせ
=================================================*/
#f_wrapper{
width:800px;
margin:0 auto;
text-align:left;
}

#f_header{
width:800px;
height:87px;
background:url(../../contact/images/logo_contact.gif) no-repeat;
text-align:left;
}

#fromarea{
width:800px;
}

#f_footer{
clear:both;
}

/*=================================================
LAYOUT：お問合わせ
=================================================*/


#f_footer{
width:800px;
height:69px;
padding:45px 0 0 0;
background:url(../images/bg_footer.gif) no-repeat left center;
color:#fff;
}

#f_footer address{
font-style:normal;
text-align:center;
font-size:0.7em;
color:fff;

}

#f_header h1{
padding:8px 0 0 10px;
font-size:0.7em;
}

#f_header p{
padding:8px 0 0 10px;
font-size:0.7em;
}

#fromarea iframe{
border-style: none;

}