@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:#000;
	background-color:#CCC;
}
a{color:red; text-decoration:none;}
a:hover{color:#f00; text-decoration:none;}

#wrapper {
	width:1020px;
	padding-top:30px;
	margin:0 auto;
}
#wrap {width:1000px; margin:0px auto; background:#fff; position:relative;}
.wrap_top {
	width:1000px;
	height:10px;
	margin:0px auto;
}

/* header */
header{height:510px; width:990px; margin:0 5px; background:url(../images/header.jpg) no-repeat 0 0; position:absolute; top:5px;}
header h1{display:block; width:1000px; margin:0 auto; padding-top:50px;}
header h1 a{width:990px; height:500px; display:block; text-indent:100%; overflow:hidden; white-space:nowrap;}
header h2 {text-indent:100%; overflow:hidden; white-space:nowrap;}

#about {height:110px; width:990px; background:url(../images/about_header.jpg) no-repeat 0 0; display:block; text-indent:100%; overflow:hidden; white-space:nowrap;}
#price a{height:110px; width:990px; background:url(../images/price.png) no-repeat right bottom; display:block; text-indent:100%; overflow:hidden; white-space:nowrap;}
#what a{height:110px; width:990px; background:url(../images/what.png) no-repeat right bottom; display:block; text-indent:100%; overflow:hidden; white-space:nowrap;}
#rule a{height:110px; width:990px; background:url(../images/rule.png) no-repeat right bottom; display:block; text-indent:100%; overflow:hidden; white-space:nowrap;}
#contact a{height:110px; width:990px; background:url(../images/contact.png) no-repeat right bottom; display:block; text-indent:100%; overflow:hidden; white-space:nowrap;}
/* article */
.article {width:990px; height:395px; margin:0px auto 0px auto; padding-top:105px;}
article {width:990px; height:395px; background:url(../images/article.jpg) no-repeat 0 105px; overflow:auto; margin:0px auto 0px auto; padding-top:105px;}
article section {width:990px; margin:0 auto;}
article h3 {color:red; padding:10px; font-size:18px;}
article p {font-size:12px; padding:10px; }
.box_hidden{overflow:hidden;}
figure {width:480px;}
figure h4 {color:#fff; line-height:30px; background-color:#666; text-indent:10px; width:480px;}
.what_l {width:480px; height:380px; float:left; margin-left:10px;}
.what_r {width:480px; height:380px; float:right; margin-right:10px;}
.what_box {width:460px; height:140px; clear:both; background-color:#fff; padding:10px; margin-bottom:10px;}
.what_box img {float:left; margin:0 10px 10px 0; width:100px; height:100px;}
figure p{padding:0 !important; }

span.big{font-size:160%; line-height:1.7em;}
/* aside */
aside {background:url(../images/num_bg.jpg) no-repeat center top; width:990px; height:250px; margin:0 auto; }
aside .lcode {position:absolute; top:520px; left:380px; font-size:24px;line-height:40px; color:red;}
.num_left{background:url(../images/otamesi.jpg) no-repeat center top; float:left; width:495px; margin:0 auto; padding:100px 0 0 0;}
.num_left p{font-size:10px; padding:0 0px 0 10px;}
.num_left h4{height:48px; text-indent:100%; overflow:hidden; white-space:nowrap; display:block;}
.num_right {width:480px; float:right; padding:10px 0;}
.num_right h3 {line-height:36px; font-size:18px; color:#333;}
.num_right p{font-size:10px; padding:0 10px 0 0px;}
.p12 {font-size:12px !important;}
.tel {font-size:40px !important; color:red; font-weight:bold; margin: 0; line-height:36px;}
.tel span{font-size:36px; color:#333; margin-right:10px; line-height:36px;}  

nav{background:url(../images/nav.jpg) no-repeat center top; width:1000px; height:40px; margin:0 auto;}
nav ul{ display:inline-block;}
nav li{float:left; text-align:center;}
nav li a{color:#000; font-weight:bold; display:block;  width:166.6px; line-height:40px; }
nav li a:hover{text-decoration:none;}

/* 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{
	width:1000px;
	margin:0 auto;
	text-align:right;
	padding-top:10px;
}

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; }
/* End hide from IE-mac */

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