@charset "shift_jis";
/* CSS Document Last Modified 091224 */

ol,ul,li{list-style:none;}

body{
background-color:#E5E5F5;
height:100%;
margin:0;
padding:0;
font-size:12px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color:#333333;
line-height:1.5em;
letter-spacing:0.1em;
}


/*----- link start -----*/
a,a:link,a:visited{text-decoration:none; color:#fff;}
a:hover{text-decoration:underline; color:#f50;}
a:active{text-decoration:underline; color:#f00;}

/*--改行--*/
br{letter-spacing:0;}

/*--clear--*/
.c-both{display:block; clear:both; height:0; line-height:0px; font-size:1px;}

#outline_base{
background:url(../images/base_re.gif) repeat-y;
width:1000px;
height:auto;
margin:0 auto;
padding:0;
}

#outline_basefooter{background:url(../images/base_footer.gif) no-repeat; margin:0 auto; padding:0;}

#outline{width:950px; height:auto; margin:0 auto;}

#header{width:930px; height:70px; margin:0 auto 8px; padding:0; text-align:left;}

#footer{
background:url(../images/footer_menu.jpg) no-repeat;
color:#FFFFFF;
width:950px;
height:30px;
margin:0 auto 6px;
padding:0;
text-align:left;
}


#footer ul{font-size:10px; letter-spacing:0.1em; margin:5px 0 0 120px; padding:0;}

#footer li{color:#FFFFFF; margin:5px 13px 0 0; float:left;}

*+html #footer li{margin:0 13px 0 0;}
* html #footer li{margin:-1px 13px 0 0;}

#copy{
background:url(../images/copylight.gif) no-repeat;
height:12px;
width:950px;
margin:0;
padding:0;
}

.subtxt{font-size:10px; color:#333333;}


/*----- top -----*/

#menu{margin:0; padding:0; width:360px; height:auto; float:left;}

#menu ul{margin:0; padding:0; width:350px;}
#menu li{margin:0 8px 1px 0; padding:0; float:left;}
*+html #menu li{margin:0 8px 4px 0;}
* html #menu li{margin:0 8px 4px 0;}


#fl_img{margin:0 auto 20px; padding:0;}
#contents{width:930px; margin:0 auto; padding:0;}
#card_qr{width:570px; margin:0 0 10px; float:left;}
#top_bn{width:570px;margin:0 0 10px; padding:0; float:left;}

#top_bn a:hover img{filter:alpha(opacity=60); opacity:0.6;}

.bn6{margin-right:6px;}
.bn10{margin-right:10px;}
*+html .bn6{margin-right:6px;}/*--IE7--*/
*+html .bn10{margin-right:10px;}/*--IE7--*/

#tel_img{width:360px; margin:0; padding:0; float:left;}

/*----- 2colm layout -----*/

#contents2{width:920px; margin:0 auto; padding:0;}
#side{width:210px; margin:0 10px 10px 0; float:left;}
#side_menu,#card_qr2{margin:0; padding:0;}

#side_menu ul{margin:0 0 10px; padding:0; width:210px;}
#side_menu li{margin:0 5px 2px 0; padding:0; display:block; float:left;}

#side_bn2{margin:0 0 15px;}
#side_bn2 img{margin:0 5px 10px 0; padding:0; float:left;}
#side_bn2 a:hover img{filter:alpha(opacity=60); opacity:0.6;}

* html #side{width:205px; margin:0 10px 10px 0; float:left;}
* html #side_menu ul{width:205px;}
* html #side_menu li{margin:0 0 2px; padding:0; display:block; float:left;}

#main{width:700px; margin:0 auto 10px; float:left;}

#main p{width:660px; margin:0 auto 25px; padding:0 19px; float:left;}

#main h1{
background-color:#ffeebb;
border-left:#ff9900 solid 6px;
border-top:#FF9900 solid 1px;
border-right:#FF9900 solid 1px;
border-bottom:#FF9900 solid 1px;
font-size:14px;
font-weight:bold;
color:#FF4400;
margin:0 5px 10px;
padding:3px 0 3px 10px;
width:670px;
}

#main h2{
background-color:#ddeeff;
border-left:#6090c0 solid 6px;
border-top:#6090c0 solid 1px;
border-right:#6090c0 solid 1px;
border-bottom:#6090c0 solid 1px;
font-size:14px;
font-weight:bold;
color:#003060;
margin:0 5px 10px;
padding:3px 0 3px 10px;
width:670px;
clear:both;
}

#main h4{
font-size:14px;
font-weight:bold;
color:#3366FF;
margin:0 5px 10px;
padding:3px 0 3px 15px;
}

#main a:link{color:#FF6600;}

#ttl{margin:0 0 10px; width:700px;}
.ttls{margin:0 0 6px; width:700px;}
.ttls img{margin:0 auto; text-align:center;}
.red{color:#CC0000;}
.blue{color:#003399;}


/*----- first -----*/
#first ul{
background-color:#eeeeee;
color:#003060;
margin:0 auto 10px;
padding:10px;
width:650px;
}

#first li{margin:0 0 3px 25px; padding:0;}


/*----- faq -----*/
#faq{width:700px; margin:0;}

.faq_ttl{
width:630px;
background:url(../images/faq_q.jpg) no-repeat;
height:40px;
font-size:12px;
line-height:2.5em;
font-weight:bold;
color:#ffffff;
word-spacing:0ｓ;
padding:5px 0 0 50px;
margin:0 auto;
}

.faq_a{
border:#aaaaaa dotted 1px;
width:638px;
background:url(../images/faq_a.jpg) no-repeat;
margin:0 auto 15px;
padding:35px 20px 10px 20px;
}

/*----- flow -----*/

.ttlstep{margin:0 auto 6px; width:680px;}

#caution{
font-size:10px;
color:#cc0000;
width:600px;
margin:0 auto;
padding:8px;
}

.steptxt{
background-color:#EBEEF5;
padding:10px 15px;
width:640px;
margin:0 auto;
clear:both;
}

.arrow{margin:8px auto 10px; text-align:center;}

#plan_txt{
background:#ffeebb;
font-size:14px;
font-weight:bolder;
color:#CC0000;
padding:10px 15px;
width:640px;
margin:0 0 8px;
text-align:center;
line-height:1.6em;
letter-spacing:0.1em;
}

/*----- rate -----*/

#rate table{margin-bottom:10px;}
#rate td{font-size:15px; font-weight:bolder;}
#rate th{font-size:15px; font-weight:bolder; color:#FFFFFF;}

#rate ul{background-color:#eeeeee; width:630px; margin:10px auto; padding:8px;}

#rate_ttl_pink{
background-color:#ffddee;
border-left:#993366 solid 6px;
border-top:#993366 solid 1px;
border-right:#993366 solid 1px;
border-bottom:#993366 solid 1px;
font-size:14px;
font-weight:bold;
color:#993366;
margin:0 5px 10px;
padding:3px 0 3px 10px;
width:670px;
clear:both;
}

#rate_ttl_gold{
background-color:#ffeebb;
border-left:#aa6611 solid 6px;
border-top:#aa6611 solid 1px;
border-right:#aa6611 solid 1px;
border-bottom:#aa6611 solid 1px;
font-size:14px;
font-weight:bold;
color:#774411;
margin:0 5px 10px;
padding:3px 0 3px 10px;
width:670px;
clear:both;
}

/*----- trade row -----*/

.keihyou ul{margin:0; padding:0;}
.keihyou li{background-color:#FFFFFF; width:auto; list-style:lower-alpha;}

.keihyou td{padding-left:10px;}

/*----- sitemap -----*/
#sitemap td{border-bottom:#cccccc solid 1px; font-size:12px;}
#sitemap a:link{text-decoration:none; color:#FF6600;}
#sitemap a:visited{text-decoration:none; color:#FF6600;}
#sitemap a:hover{text-decoration:underline; color:#FF0000;}

/*----- form inquiry -----*/


#formbase{width:auto;}

#formbase table{margin-bottom:10px;}

#formbase th{
background-color:#306090;
border-left:#003060 solid 6px;
border-top:#003060 solid 1px;
border-right:#003060 solid 1px;
border-bottom:#003060 solid 1px;
font-size:14px;
font-weight:bold;
color:#ffffff;
}


#formbase td{border-bottom:#cccccc solid 1px;}


#name, #name2,
#birth1, #birth2, #birth3,
#zip1, #zip2,
#local,
#live1,#live2,#live3,
#age,
#cmail1, #cmail2,
#tel, #tel1, #tel2,
#money,
#bank,
#place,
#number,
#bankname,
#cardname,
select,
textarea{background-color:#ffffdd; border:#777777 solid 1px;}

#submit{
background-color:#FFFFFF;
margin:0 0 0 200px;
padding:0;
border:0;
float:left;
}

#reset{
background-color:#ffffcc;
border:#FF9900 solid 1px;
margin:20px 25px 0 0;
padding:0;
float:right;
color:#666666;
}

/*----- agency -----*/

#agency_flow{
background-color:#4477cc;
border:#003060 solid 1px;
width:400px;
margin:0 auto;
padding:10px 20px 10px 40px;
}

#agency_flow ul{
list-style:decimal;
color:#ffffff;
margin-left:-35px;
}

*+html #agency_flow ul{
list-style:decimal;
color:#ffffff;
margin:0;
}


#agency_flow li{
margin:0 0 5px;
padding:0;
}



#agency_flowtxt{
background-color:#ff6600;
border:#FFCC66 solid 2px;
color:#ffffff;
font-size:14px;
font-weight:bolder;
margin:10px auto;
padding:10px;
text-align:center;
width:600px;
}

#agency_subtxt1{
font-size:10px;
color:#333333;
margin:0 auto;
padding:0;
text-align:center;
width:600px;
}

#agency_subtxt2{
font-size:10px;
font-weight:bolder;
color:#cc0000;
margin:0 auto;
padding:0;
text-align:center;
width:600px;
}


#agency_exs{
background-color:#EBEEF5;
border:#999999 solid 1px;
width:412px;
margin:0 auto 10px;
padding:6px;
}

#agency_exsttl{
background-color:#003060;
font-size:14px;
font-weight:bolder;
color:#FFFFFF;
margin:0;
padding:6px;
}

#agency_exs p{
font-size:14px;
text-align:center;
width:370px;
margin:0 auto;
}

#agency_formbtn{
font-size:14px;
text-align:center;
width:400px;
margin:0 auto;
}


/*----- 5point -----*/

.head5p{margin:0 5px; padding:0; width:690px;}
.bottom5p{margin:0 auto 15px; padding:0; width:690px;}
.base5p{background:url(../images/5pointbase_re.gif) repeat-y; width:690px; margin:0 5px; padding:0;}
.base5ptxt{margin:0 auto; padding:4px 0; text-align:left; width:650px;}

.hl_txt{
background-color:#EBEEF5;
font-size:14px;
font-weight:bolder;
color:#0033FF;
text-align:center;
margin:0 auto;
padding:6px 0;
width:660px;
}

.subtxt5p{
font-size:10px;
color:#333333;
text-align:center;
margin:0 auto;
padding:3px 0;
width:650px;
}


/*----- newyearCP -----*/

h1#newyearCP{
background-color:#fff!important;
border:none!important;
display:block;
width:700px;
margin:0;
padding:0;
}
h2#newyearCP1{
background:url(../images_cp/newyear_img2.gif) no-repeat center top;
background-color:#fff!important;
border:#fff!important;
display:block;
font-size:1px;
height:283px;
width:auto;
margin:0 0 6px 0!important;
padding:0!important;
}

#newyearCP_btn,
a#btn_mt{
border:none;
display:block;
text-align:center;
margin:0;
padding:0!important;
}
#newyearCP_btn{
padding:200px 0 0!important;
}

h2#newyearCP1 a:hover img.btn,
h2#newyearCP2 a:hover img.btn{
filter:alpha(opacity=60); opacity:0.6;
}

h2#newyearCP2{
background-color:#fff!important;
border:none!important;
display:block;
width:700px;
margin:0!important;
padding:0!important;
text-align:center;
}

h2#newyearCP2 a.btn{
border:none;
display:block;
text-align:center;
margin:0;
padding:0!important;
}

h2#newyearCP img,
h2#newyearCP1 img,
h2#newyearCP2 img{
border:0;
}



/* ----------------------------------------------------------------
    Style Adjust
----------------------------------------------------------------- */
.mt00{ margin-top:0 !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt20{ margin-top:20px !important; }
.mt30{ margin-top:30px !important; }
.mt40{ margin-top:40px !important; }
.mb00{ margin-bottom:0 !important; }
.mb05{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb30{ margin-bottom:30px !important; }
.mb40{ margin-bottom:40px !important; }
