@charset "UTF-8";


/* ELEMENTS
-----------------------*/
body{
background:#ddd;
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,Osaka,Arial,helvetica,sans-serif;
line-height:1.4;
}
img{
vertical-align:bottom;
}
a{
zoom:1;
vertical-align:baseline;
}
/* LAYOUT
-----------------------*/
#wrapper{
margin:0px auto;
width:800px;
background:#fff;
color:#333;
}
#header,
#footer{
clear:both;
}
#contents{
width:773px;
margin:0 auto 20px;
position:relative;
}
/* HOME */
.home #maincol{
float:left;
width:550px;
}
.home #subcol{
float:right;
width:207px;
}
/* ELSE */
#maincol{
float:right;
width:550px;
}
#subcol{
float:left;
width:200px;
}
/* INNER FORM*/
#inner_form #contents{
float:none;
clear:both;
margin:10px auto;
width:700px;
}
#inner_form #maincol{
float:none;
width:670px;
}
#inner_form #header{
border-bottom:1px solid #5d5d5d;
}
/* HEADER
-----------------------*/
#header{
width:773px;
margin:0 auto;
padding:10px 0 0;
}
.identity{
position:relative;
width:773px;
}
.summary{
background:#ddd;
padding:6px 5px 3px;
}
.logo{
position:absolute;
bottom:20px;
left:0px;
}
/* GLOBAL NAVIGATION */
.gnav{
background:#484AA2 url(../imgs/bg_gn.jpg);
clear:both;
padding-left:14px;
}
.gnav li{
float:left;
line-height:0;
}
/* BREAD CRUMB */
.crumb{
clear:both;
padding:10px 14px;
margin-bottom:10px;
}
/* CONTACT */
#header .contact{
background:#efeedd;
padding:5px 0;
float:right;
width:415px;
}
#header .contact .btn{
float:left;
padding:0 5px;
}
#header .contact dl{
margin-left:200px;
font-size:75%;
background:#f7f7ef;
width:196px;
padding:5px 5px 0;
}
#header .contact dt,
#header .contact dd{
margin-bottom:5px;
text-align:center;
}
#header .contact .hour,
#header .contact .holiday{
margin-bottom:0;
text-align:center;
}
/* UTILITY AREA */
.utility{
width:500px;
clear:right;
float:right;
padding:5px 0;
}
.unav{/*
padding:5px 0;*/
float:right;
display:inline;
height:12px;
padding:3px 0;
}
.unav li{
float:right;
border-right:1px solid #000;
padding-right:5px;
margin-right:5px;
line-height:1.2;
display:inline;
}
.unav li a{
color:#000;
}
#fsize img{
vertical-align:middle;
}
#fsize dl{
float:right;
display:inline;
}
#fsize dt{
float:left;
line-height:22px;
height:22px;
display:inline;
}
#fsize dd{
width:22px;
float:left;
line-height:22px;
}
/* FOOTER
-----------------------*/
#footer{
padding-bottom:10px;
}
.fnav01,
.fnav02{
text-align:center;
padding:5px 0;
}
.fnav02{
margin-bottom:20px;
}
.fnav01 li,
.fnav02 li{
display:inline-block;
display: -moz-inline-box;
border-right:1px solid #000;
padding-right:10px;
margin-right:10px;
/display:inline;
/zoom:1;
font-size:93%;
}
.fnav01 li.last,
.fnav02 li.last{
border-right:none;
padding-right:0;
margin-right:0;
}
.address,
.copyright{
text-align:center;
font-size:86%;
}
/* MAIN COLUMN
-----------------------*/
p{
margin-bottom:15px;
}
#header p,
#subcol p,
#footer p{
margin:0px;
}
#maincol .contact{
background:#efeede url(../imgs/bg_ft_contact_main.gif) no-repeat center bottom;
padding-bottom:20px;
}
#maincol .contact h4{
background:#fec35d;
background:#EFEEDE;
padding:5px 0 5px 15px;
border:none;
margin:0;
}
#maincol .contact .desc{
padding:5px 0 5px 15px;
margin-bottom:5px;
}
#maincol .contact dl{
width:224px;
background:#f7f7ef;
font-size:86%;
}
#maincol .contact dt{
background:url(../imgs/dot_contact_main.gif) repeat-x bottom center;
padding:13px 0px;
text-align:center;
}
#maincol .contact dd{/*
padding:8px 20px 0;*/
text-align:center;
padding-top:8px;
}
#maincol .contact dd.hour,
#maincol .contact dd.holiday{
padding:0 5px;
text-align:center;
font-size:85%;
color:#666;
letter-spacing:1px;
}
#maincol .contact dd.hour{
padding-top:15px;
}
#maincol .contact .web{
float:left;
margin-left:30px;
display:inline;
}
#maincol .contact .tel{
float:right;
margin-right:30px;
display:inline;
}
.pagetop{
text-align:right;
clear:both;
padding:15px 0;
}

.pagetop a{
background:url(../imgs/m_pagetop.gif) no-repeat left center;
padding-left:15px;
}

/* SUB COLUMN
-----------------------*/
#subcol .bnr li{
margin-bottom:10px;
font-size:85%;
line-height:1.4;
}
#subcol .contact h4{/*
background:#fec35d;*/
background:#EFEEDE;
padding:5px 10px;
text-align:left;
border:none;
}
#subcol .contact .desc,
#subcol .contact dl,
#subcol .contact .btn{
width:180px;
margin:0 auto;
line-height:1.6;
padding:3px 0;
}
#subcol .contact{
background:#efeede;
padding:0 0 5px;
}
#subcol dl{
background:#f7f7ef;
font-size:79%;
text-align:center;
color:#666;
}
#subcol .contact dt,
#subcol .contact dd{
padding:3px 4px;
text-align:left;
text-align:center;
}
#subcol .contact dd{
line-height:1.2;
}
#subcol .contact dd img{
margin-bottom:5px;
margin:0 -4px 5px;
}
#subcol .contact .hour{
margin-bottom:3px;
}
#subcol .local{
margin-bottom:15px;
background:#efeede;
padding-bottom:20px;
}
.local h3{
background:#333338;
padding:10px;
font-weight:bold;
font-size:108%;
color:#fff;
margin-bottom:0;
}
.local li{
font-size:108%;
}
.local li a{
display:block;
background:#bcbde6 url(../imgs/m_lnav.gif) no-repeat 8px 16px;
padding:12px 10px 10px 32px;
text-decoration:none;
color:#333;
}
.local li a:hover,
.local li.stay a{
background:#484aa2 url(../imgs/m_lnav_on.gif) no-repeat 8px 16px;
color:#fff;
text-decoration:none;
}


/* HEADINGS
-----------------------*/
h2{
background:url(../imgs/bg_hd02.gif) repeat;
padding:5px 5px 5px 15px;
margin-bottom:10px;
font-size:108%;
}
h2 span{
background:#fff;
padding:2px 2px 2px 10px;
width:300px;
display:block;
}
h3{
background:#efeede url(../imgs/bg_hd03.gif) no-repeat left center;
padding:3px 8px 3px 23px;
margin-bottom:20px;
font-size:108%;
}
h3 span{
border-left:8px solid #0a2077;
padding-left:5px;
}
h4{
background:#fff url(../imgs/bg_hd04.gif) no-repeat left center;
padding:3px 8px 3px 23px;
margin-bottom:20px;
font-size:108%;
border-bottom:1px solid #484aa2;
}
h5{
padding:3px 8px 3px 16px;
background:#fff url(../imgs/bg_hd05.gif) no-repeat left center;
margin-bottom:10px;
border-bottom:1px solid #cfc77c;
}
.lead{
margin-bottom:20px;
font-size:136%;
color:#484aa2;
font-weight:bold;
}
em{
color:#fd7801;
font-style:normal;
}
/* LISTS
-----------------------*/
.price,
.point,
.detail{
margin:0 15px 15px;
}
.check{
margin:0 0px 15px 45px;
}
.detail li,
.check li{
background:url(../imgs/m_check.gif) no-repeat 0 6px;
padding:3px 0 3px 20px;
margin-bottom:5px;
zoom:1;
}
.check li{
background:url(../imgs/m_check.gif) no-repeat 0 4px;
}
.detail li{
background:url(../imgs/m_anchor.gif) no-repeat left center;
}
.point li{
margin-bottom:10px;
padding-left:15px;
background:url(../imgs/m_point.gif) no-repeat 0 5px;
}
dl.price dd{
padding-left:20px;
margin-bottom:5px;
background:url(../request/imgs/m_price_term_list.gif) no-repeat 0 3px;
}

/* TABLES
-----------------------*/
table{
table-layout:fixed;
width:550px;
margin-bottom:15px;
}
tbody th{/*
width:165px;*/
}
th{
background:#e3e3f1;
}
td{
background:#f7f7ef;
}
th,
td{
vertical-align:middle;
padding:5px 8px;
border-collapse:collapse;
border:1px solid #ccc;
}
/* PARAGRAPH
-----------------------*/
span.m_notice{
color:#f00;
}
#maincol .notice p{
margin:0 0 5px;
}
.etc{
margin-left:45px;
}
/* ANCHOR
-----------------------*/
.detail_link{
text-align:right;
margin-bottom:30px;
}
.detail_link span,
.detail_link a{
background:url(../imgs/m_anchor.gif) no-repeat left center;
padding:3px 0 3px 20px;
}
.detail_link span{
margin-right:-0.5em;}
a.opw/*,
.detail_link a*/{
background:url(../imgs/m_opw.gif) no-repeat left center;
padding-left:16px;
}
.detail_link .opw{
padding:0 0 0 16px;
}
/* IMAGE
-----------------------*/
.image{
text-align:center;
}
.imgL{
float:left;
margin-right:10px;
line-height:1;
}
.imgR{
float:right;
margin-left:10px;
line-height:1;
}
.frame,
img.photo{
border:1px solid #ccc;
padding:3px;
}
/* OUTLINE BLOCK
-----------------------*/
.section{
margin-bottom:30px;
clear:both;
}