/*reset and clear*/
body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form, div { margin: 0; padding: 0; border: none; text-align: left; list-style-type: none; outline:none}


.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { min-height: 1px;}

* html .clearfix { height: 1px; /*\*//*/ height: auto; overflow: hidden;/**/}


/*-html-*/
body{ margin:0; padding:0; font-size:80%; line-height:1.6; color:#4f4f4f; background:#d8d8d8; font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}
body.karyu{ background:#edffaf}
body.atopi{ background:#fff}

a{ color:#325AA0; text-decoration:none;}
a:link{ color:#325AA0; text-decoration:none;}
a:visited{ color:#325AA0; text-decoration:none;}
a:hover{ color:#325AA0; text-decoration:underline;}
a:active{ color:#325AA0; text-decoration:underline;}

a img{ border:0;}
.clear{ clear:both;}
.bottom{ margin-bottom:10px;}
.big{ font-size:120%; font-weight:bold;}
.notice_big{ font-size:110%; font-weight:bold; color:#FF0000;}
.color{ color:#fe929d;}
.notice{ color:#FF0000;}
hr{ border-bottom:1px solid #fe929d; border-top:0px; border-right:0px; border-left:0px; padding:0; margin:5px 0;height:1px}

.center{ text-align:center}

.fl_right{ float:right; padding-left:10px}
.fl_left{ float:left; padding-right:10px}

p{ margin-bottom:10px;}

#wrapper{ margin:0 auto; width:975px; padding:0 15px; background:url(../images/lp_cont_back.gif) repeat-y left 54px}
#wrapper.karyu{ background:url(../images/lpk_cont_back.gif) repeat-y left 54px}


#head{ background:white; height:54px; width:100%}
#headInn{ width:945px; margin:0 auto}
#header_FB_wrapper,#header_Twitter_wrapper,#header_google_wrapper{ float:right; padding-top:15px}
#header_FB_wrapper{ padding-right:20px; margin-left:-20px}
#head img.logo{ float:right; padding-top:5px}


.tokuho{ background:url(../images/tokuho_back.png) repeat-x left top; border:3px solid #468ab8;width:900px; margin:10px 0 10px 20px; margin-bottom:20px}
.tokuho h2{ font-size:28px; text-align:center; padding:10px 100px;
	background-image:url(../images/tokuho_ph1.png),url(../images/tokuho_ph2.png);
	background-repeat:no-repeat;
	background-position:left 10px, right top;
	line-height:2.2em;
	margin:20px}
.tokuho h2 span{ background:#186da6; color:white; padding:2px 5px; margin-right:10px;}
.tokuho h2 strong{ font-size:40px; color:#182a89; background:url(../images/tokuho_line.png) no-repeat center bottom; padding-bottom:2px; background-size:100%}

.tokuho h3{ font-size:18px; padding-left:50px; line-height:2em; padding-bottom:10px}
.tokuho h3 strong{ font-size:24px; color:#cf0041;}
.tokuho h4{ font-size:18px; color:#186da6; padding-bottom:5px; padding-left:50px}
.tokuho p{ padding-bottom:10px; padding-left:50px; font-size:14px}

#lp1{ background:url(../images/lp1.jpg) no-repeat; width:945px; height:570px; position:relative}
#lp1.karyu{ background:url(../images/lpk1.jpg) no-repeat; width:945px; height:576px; position:relative}
#lp1.karyu10{ background:url(../images/10lpk1.jpg) no-repeat; width:945px; height:576px; position:relative}

#lp1 form{ position: absolute;top:0; left:0;}
#lp1 form input{ display:block; background:url(../images/order_bt.gif) no-repeat; width:921px; height:99px; position:absolute; text-indent:-9999px; top:577px; left:15px; border:0; cursor: pointer}
#lp1 form input:hover{ opacity:0.7}

#lp2,#lp3,#lp5,#lp6,#lp7,#lp8{ margin:10px 0; width:945px}

#lp2{ background:url(../images/lp2.gif) no-repeat; height:883px; text-indent:100%; white-space:nowrap; overflow:hidden;}
#lp3{ background:url(../images/lp3.gif) no-repeat; height:365px; text-indent:100%; white-space:nowrap; overflow:hidden; margin:10px 0 0 0 }

#lp2.karyu{ background:url(../images/lpk2.gif) no-repeat;}
#lp3.karyu{ background:url(../images/lpk3.gif) no-repeat; height:475px;}


#checkWrap{ background:url(../images/check_back.gif) no-repeat; width:945px; height:540px;}
.check{ padding:110px 240px 20px 46px}
.check_in{ background:#efe7d1; padding:10px; margin:10px; font-size:14px}
label{ height:50px}
#checkWrap p{ padding:0 10px 0 40px}

p.result{ padding:10px 20px; font-weight:bold; font-size:18px; width:500px; text-align:center}
.result_age{ padding:10px 20px; font-weight:bold; font-size:28px; color:#102c60; width:500px; text-align:center; background:white; }
.result_com{ padding:10px 20px; font-weight:bold; font-size:16px; width:500px; text-align:center}
.result_agecom{ color:#102c60; font-size:20px}

#lp4{ margin:0; padding:0}
#lp7{ background:url(../images/lp_back.gif) no-repeat left bottom;}
#lp4Lead{ background:url(../images/lp4_back.jpg) no-re
peat left top; width:945px; height:280px}
#lp4Lead.karyu{ background:url(../images/lpk4_back.jpg) no-repeat left top; width:945px; height:280px}
#lp4 h2{ display:none}

#lp4 p{ font-size:130%; line-height:1.8em; padding:90px 400px 20px 20px}

#lp4 #column{ background:url(../images/lp4_column_back.jpg) no-repeat; width:908px; height:389px; position:relative; margin-left:20px}
#lp4 #column.karyu{ background:url(../images/lpk4_column_back.jpg) no-repeat; width:908px; height:389px; position:relative; margin-left:20px}

#lp4 #column p{ left:240px; top:140px; width:620px; position:absolute; font-size:17px; line-height:1.8em; padding:0}
#lp4 #column .ph{ position:absolute; left:790px; top:10px; text-align:center; padding:0 5px; font-size:11px}

.lp4_2{ padding:0; margin:0 18px; line-height:0.1em}
.lp4_2 img{}

#lp6 form input{ display:block; background:url(../images/order_bt.gif) no-repeat; width:921px; height:99px; text-indent:-9999px; border:0; cursor: pointer; margin-left:15px}
#lp6 form input:hover{ opacity:0.7}

#lp5{ margin:10px 0 0 0}
#lp5 h2{ background:url(../images/lp5_head.gif) no-repeat; width:945px; height:85px; text-indent:-9999px}
#lp5 h2.karyu{ background:url(../images/lpk5_head.gif) no-repeat; }

#tokuho{ margin:10px 0 ; background:url(../images/lp_back.gif) no-repeat left bottom; padding-bottom:20px}
#tokuho p{ padding:10px 40px; font-size:16px}
#tokuho div.img{ text-align:center; padding:10px 10px 10px 0; margin-left:-20px}
#tokuho h2{ background:url(../images/tokuho_head.jpg) no-repeat; width:945px; height:245px; text-indent:-9999px}
#tokuho h3{ background:url(../images/tokuho_h3.gif) no-repeat; width:880px; height:33px; margin-left:34px; text-indent:-9999px}
#tokuho .h4_1{ background:url(../images/tokuho_h4_1.jpg) no-repeat; width:891px; height:177px; margin:10px 0 0 28px}
#tokuho .h4_2{ background:url(../images/tokuho_h4_2.jpg) no-repeat; width:891px; height:214px; margin:10px 0 0 28px}
#tokuho .h4_1 h4,#tokuho .h4_2 h4{ display:none;}
#tokuho .h4_1 p,#tokuho .h4_2 p{ font-size:16px; line-height:1.5em; padding:58px 80px 20px 30px;}

.lpIn{ padding:0 20px 20px 30px;}

#lp7 img{ padding-bottom:10px}

#lp7 h2{ background:url(../images/lp7_head.gif) no-repeat; width:945px; height:86px; text-indent:-9999px}
#lp7 h2.karyu{ background:url(../images/lpk7_head.gif) no-repeat;}

#lp8 h2{ background:url(../images/lp8_head.gif) no-repeat; width:945px; height:86px; text-indent:-9999px}

#lp9 h2{ background:url(../images/lp9_head.gif) no-repeat; width:945px; height:130px; text-indent:-9999px}


#lp10{ background:url(../images/lp10.gif) no-repeat; width:945px; height:322px; text-indent:-9999px}

#lpk10box{ background:url(../images/10lpk2.jpg) no-repeat; width:911px; height:523px; margin-left:15px; position:relative}
#lpk10box input{ display:block; background:url(../images/10order_bt2.png) no-repeat; width:414px!important; height:64px!important; position:absolute; text-indent:-9999px; top:430px; left:230px; border:0; cursor: pointer}
#lpk10box input:hover{ opacity:0.7}

#product{ padding:20px 50px 20px 20px}
#product h4{ color:white; padding:10px; font-size:120%; margin-bottom:10px}
#product h4.y1{background:#125bbf;}
 #product h4.y2{background:#7cad1d;}
#product h5{ font-size:110%; padding-bottom:5px; color:#125bbf;}
#product table{ border-top:1px solid #666; border-left:1px solid #666; margin:0 0 10px 0; border-collapse:collapse}
#product table th{ background:#efefef; padding:10px; border-bottom:1px solid #666; border-right:1px solid #666; white-space:nowrap}
#product table td{ padding:10px; padding:10px; border-bottom:1px solid #666; border-right:1px solid #666;}

#footer{ width:100%; background:#cfcfcf}
#footerIn{ width:945px; padding:10px; margin:0 auto}
.footer_text{ float:left;}
.footer_text a{ color:#000}
.copy{ float:right}



#wrapper.atopi{ background:none}
#atopi{ width:964px; margin:10px auto; font-size:15px}
#atopi h1{ background:url(../images/atopi_head.jpg) no-repeat; width:964px; height:241px; text-indent:-9999px}
#atopiBox{ background:url(../images/atopi_box_head.gif) no-repeat; width:962px; margin:10px 0; padding-top:4px}
#atopiBox .inn{ background:url(../images/atopi_box_back.gif) repeat-y; padding:20px 20px 20px 40px}
#atopiBox .inn h2{ padding-bottom:0}
#atopiBox .inn p{ padding-bottom:10px; padding-left:10px}
#atopiBox .inn img{ padding-bottom:10px}
#atopiBox .inn table.atopitable{ border-collapse:collapse; margin:5px 0; width:100%; border-bottom:1px solid #666; border-top:1px solid #666; background:#fff; font-size:16px; border-left:1px dashed #999}
#atopiBox .inn table.atopitable th{ border-bottom:1px solid #666; padding:5px; text-align:center; border-right:1px dashed #999}
#atopiBox .inn table.atopitable tr.odd th{ border-bottom:none; padding:5px; text-align:center; background:#e5e5e5; border-right:1px dashed #999}
#atopiBox .inn table.atopitable tr.odd td{padding:5px; text-align:center; background:#e5e5e5; border-right:1px dashed #999; width:180px;}
#atopiBox .inn table.atopitable tr.even th{ border-bottom:none; padding:5px; text-align:left; background:#fff; border-right:1px dashed #999}
#atopiBox .inn table.atopitable tr.even td{padding:5px; text-align:center; background:#fff; border-right:1px dashed #999}
#atopiBox .bottom{ background:url(../images/atopi_box_bottom.gif) no-repeat left bottom; height:5px}
p.small{ font-size:90%}
p.lead{ font-size:120%; font-weight:bold}