@charset "UTF-8";
/* CSS Document */

/* reset */
*{margin:0; padding:0;}
h1,h2,h3,h4,h5,p,hr,ul,li,ol,img,form{margin:0; padding:0; border:0;}
img{border:0;}
ul li{list-style:none;}

header,footer,section,nav,figure,article,hgroup,dialog,aside{margin:0; padding:0; display:block;}

/* 共通設定 */
body{font-size:12px; line-height:1.4em;
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
margin:0; padding:0; color:#ccc; background:#333;}
a{color:#fff600; text-decoration:none;}
a:hover{color:#f00; text-decoration:underline;}
#wrap{background:#000;}

/* header */
header{height:383px; min-width:1000px; margin:0 auto;}
header hgroup{height:287px; background:url(../images/topimage.jpg) no-repeat center top;}
header h1{display:blcok; width:1000px; margin:0 auto; padding-top:50px;}
header h1 a{width:400px; height:200px; display:block; text-indent:100%; overflow:hidden; white-space:nowrap;}
header h2{width:1000px; margin:0 auto; background:url(../images/header_h2.png) no-repeat center center; text-indent:100%; overflow:hidden; white-space:nowrap; display:block; height:96px;}

/* article */
#content{padding-bottom:20px;}
article section figure{width:1000px; margin:0 auto;}
article section{padding:20px 0; background:url(../images/section_bg.jpg) repeat-x top #000;}
article section h3{height:72px; text-indent:200%; overflow:hidden; white-space:nowrap; display:block; margin-left:-10px;}
article section p{margin-bottom:10px;}
#about h3{background:url(../images/h3_about.png) no-repeat 0 0;}
#whatcan h3{background:url(../images/h3_whatcan.png) no-repeat 0 0;}
#whatwoman h3{background:url(../images/h3_whatwoman.png) no-repeat 0 0;}
#price h3{background:url(../images/h3_price.png) no-repeat 0 0;}
#rule h3{background:url(../images/h3_rule.png) no-repeat 0 0;}
#trade h3{background:url(../images/h3_trade.png) no-repeat 0 0;}
#company h3{background:url(../images/h3_company.png) no-repeat 0 0;}
#contact h3{background:url(../images/h3_contact.png) no-repeat 0 0;}
#number h3{background:url(../images/h3_number.png) no-repeat 0 0;}
#taiken h3{color:#FF0;}
/* End hide from IE-mac */

/* clearfix各バージョンここまで */

#whatcan img,#number img{float:right; border:1px solid #333;}
#whatwoman img{float:left; border:1px solid #333;}
.pane{width:640px;}
#whatcan .pane,#number .pane{float:left;}
#whatwoman .pane{float:right;}
#about figure{position:relative; min-height:228px;}
.regist{position:absolute; top:0; right:0; width:250px; height:228px; background:url(../images/regist.gif) no-repeat 0 0;}
.regist h4{height:48px; text-indent:100%; overflow:hidden; white-space:nowrap; display:block;}
.regist .reg a{display:block; width:230px; height:168px; margin:0 auto; background:url(../images/reg1.png) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap;}
#price h4,#contact h4{font-size:20px; display:block; padding:10px 0; font-weight:normal; color:#ff0078;}
span.big{font-size:160%; line-height:1.7em;}
span.yellow{font-size:120%; color:#fff600; font-weight:bold;}
span.pink{font-size:120%; color:#ff0078; font-weight:bold;}

#tel{width:1000px; margin:0 auto; background:#131313;}
#tel dd{font-size:58px; color:#fff600; font-weight:bold; text-shadow:2px 2px 1px rgba(0,0,0,0.7); line-height:65px; white-space:nowrap;}
#tel dd span{color:#fff; font-size:40px;}
#tel dd a:hover{text-decoration:none;}
.telLeft{margin:20px 0 20px 20px; float:left; width:600px;}
.telRight{margin:20px 20px 20px 0; float:right; width:326px; height:247px; background:url(../images/luckycode.jpg) no-repeat 0 0; position:relative;}
.telRight h4{display:block; height:110px; text-indent:100%; overflow:hidden; white-space:nowrap;}
.telRight p{padding-right:175px;}
.luckycode{position:absolute; top:132px; right:10px; width:146px; text-align:center;}
.luckycode h5{display:block; height:30px; text-indent:100%; overflow:hidden; white-space:nowrap;}
span.lucky{font-size:40px; color:#ff0078; font-weight:bold; text-shadow:2px 2px 1px rgba(0,0,0,0.7); line-height:45px; white-space:nowrap;}
dt{display:block; height:38px; text-indent:100%; overflow:hidden; white-space:nowrap;}
.num1{background:url(../images/num1.png) no-repeat 0 0;}
.num2{background:url(../images/num2.png) no-repeat 0 0;}
.telTop{width:1000px; height:6px; margin:0 auto; background:url(../images/tel_top.png) no-repeat 0 0;}
.telFoot{width:1000px; height:6px; margin:0 auto; background:url(../images/tel_foot.png) no-repeat 0 0;}
.point{background:#333; padding:10px; margin-bottom:20px;}


/* aside */
aside{width:1000px; margin:0 auto; background:url(../images/aside.gif) no-repeat 0 0; height:132px;}
aside .reg{margin:10px 0 0 55px; float:left; width:546px;}
aside .reg a{display:block; width:546px; height:110px; margin:0 auto; background:url(../images/reg2.png) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap;}
aside .mb{margin:10px 10px 0 0; float:right; position:relative; width:360px;}
aside .mb h4{display:block; height:45px; background:url(../images/mb.png) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap;}
aside .mb p{width:260px;}
aside .mb img{position:absolute; top:10px; right:0;}

/* footer */
#page-top{position:fixed; bottom:10px; right:10px;}
#page-top a{display:block; width:50px; height:50px; text-indent:100%; overflow:hidden; white-space:nowrap; background:url(../images/pagetop.png) no-repeat 0 0;}
footer{padding:20px 0; background:#333; text-align:center;}
nav{padding-bottom:20px;}
nav ul{border-left:1px solid #fff; display:inline-block;}
nav li{display:inline-block; padding:0 10px; border-right:1px solid #fff;}
nav li a{color:#fff;}
nav li a:hover{text-decoration:none;}

footer address{color:#fff; font-style:normal; font-size:10px;}

/* clearfix各バージョン */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }