@charset "shift_jis";

/* -----------------------------------------------
タグ初期化
------------------------------------------------- */
body, div, p, ul, li, dl, dt, dd, img, a, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	line-height:100%;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}

img {
	border:none;
	vertical-align:top;
}

ul, dl, ol {
	list-style-type:none;
}

strong {
	font-weight:normal;
}

address {
	font-style:normal;
}

body {
    font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
				height:100%;
				zoom:0.5;
}
table {
    font-size:inherit;
    font:100%;
}


/* -----------------------------------------------
汎用クラス
------------------------------------------------- */
.floatLeft  {float: left;}
.floatRight {float: right;}
.clearer    {clear: both;}

/* clearfixハック */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a {
 text-decoration:none;
	color:#FFF;
	outline:none;
}

div#wrapper {
	width:640px;
	background-color:#FFF200;
	font-size:30px;
	margin:0px auto;
}

div#top {
 padding:20px;
} 

div#review {
	background:url("../images/review_bgbottom.gif") bottom  no-repeat;
	padding-bottom:34px;
	font-size:17px;
} 

div#p {
 
} 

div#review ul {
	background: #FFFFFF;
	padding:0 20px 0 20px;
	
	
 
} 

div#review li.txt {
	background:url("../images/star.gif") 0 0 no-repeat;
	text-align:left;
	padding:0px 0 10px 21px;
	line-height:130%;
} 

div#review li.txt img {
	position:relative;
	top:3px;

} 

div#top p#review1 {
	height:257px;
 position:relative;
} 

div#top p#review1 img {
	display:block;
 position:absolute;
	left:-20px;
	top:0px;
} 

div#top p#review2 {
	height:252px;
 position:relative;
} 

div#top p#review2 img {
	display:block;
 position:absolute;
	left:-20px;
	top:0px;
} 

div#top p#review3 {
	height:366px;
 position:relative;
} 

div#top p#review3 img {
	display:block;
 position:absolute;
	left:-20px;
	top:0px;
} 

div#top p#review4 {
	margin:20px 0 20px 0;
	text-align:center;
} 

div#top p#now {
	height:619px;
	margin-top:20px;
 position:relative;
} 

div#top p#now img {
	display:block;
 position:absolute;
	left:-20px;
	top:0px;
} 

div#back {
position:relative;
margin:10px 0 10px 0;
height:10px
} 

div#back p {
position:absolute;
bottom:0;
right:5px;

} 

div#top h2 {
	margin-bottom:20px;
} 

div#top div#main {
	background-color:#FFF;
	padding:20px 20px 0px 20px;
	margin:20px 0 20px 0;
} 

div#top div#main p {
	line-height:130%;
	padding-bottom:20px;
} 

div#top ul.notice {
margin-top:10px;
} 

div#top ul.notice li {
	font-size:16px;
	line-height:130%;
	margin-bottom:10px;
} 

div#flow {
	padding:0px 20px;
} 

div#flow h2 {
	text-align:center;
	margin-bottom:20px;
} 

div#flow ul {
	margin-bottom:40px;
} 

div#flow ul li {
	margin-bottom:10px;
} 

div#btn {
	text-align:center;
	margin-bottom:60px;
} 

div#btn p {
	margin-bottom:20px;
} 

div#about {
	width:600px;
	margin:0 auto 30px auto;
} 

div#about h2 {
	margin-bottom:20px;
} 

div#about p {
	font-size:16px;
	line-height:130%;
} 



div#disco {
	width:600px;
	background-color:#FFF86A;
	border:12px #000 solid;
	border-width:12px 0px;
	padding:20px;
} 

div#disco h2 {
	margin-bottom:20px;
} 

div#disco ul li {
	background:url("../images/icon.gif") left 8px no-repeat;
	line-height:130%;
	margin-bottom:20px;
	padding-left:0.5em;
} 

p#pagetop a {
	display:block;
	background-color:#FFCC00;
	text-align:center;
	padding:30px 0px;
}

div#footer {
	background-color:#000;
}

div#footer ul {
	margin-bottom:20px;
}

div#footer ul li a {
	display:block;	
	font-size:20px;
	padding:35px 20px;
	border-bottom:3px #FFF solid;
}

div#footer p {
	color:#FFF;
	font-size:20px;
	line-height:130%;
	padding:0px 20px 20px 20px;
}