/****************************************
		1. General Setting 
*****************************************/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}

html{background: url(../images/bg_body.jpg) repeat left top;}

body{
    background: url(../images/bg_header-2.jpg) repeat-x top left;
    font: 18px/28px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;
	color: #625144;
	} 

a{ color: #625144; text-decoration: underline;}
	a:hover{ color: #ff6c2d; text-decoration: none; }

.clear{ clear: both;}
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
/****************************************
		2. Basic Layout 
*****************************************/
#page-wrap{
	width:1144px; 
	height: 611px;
	background: url(../images/bg_03-2.jpg) no-repeat top center;
	margin:0 auto;
}
#page{width: 960px; margin: 0 auto;}
#header{height: 611px; position:relative;}
#main{  position: relative; height:1200px;}
#side{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 250px;
  height:500px;
}
#contents{width:680px; float: right;}

#footer{
	background:url(../images/bg_footer.png) repeat-x top center;
	height: 200px;
	margin:0 auto;
	clear:both;
}

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.ml10{ margin-left: 10px;}
.ml20{ margin-left: 20px;}
.ml30{ margin-left: 30px;}
.mr10{ margin-right: 10px;}
.mr20{ margin-right: 20px;}
.mr30{ margin-right: 30px;}
.mr40{ margin-right: 40px;}
.fl{ float:left;}
.fr{ float:right;}
.w400{ width:380px;}
.bold{ font-weight:bold; font-size:22px;}
.textc{ text-align:center;}
.red{color:#DE2910; font-weight:bold}
/****************************************
		3.  Header, Menu
*****************************************/
#nav {
	position:absolute;
	left:0;
	bottom:0;
}
#nav ul li{
	float:left;
	margin:0;
}
.header-tel{
	position:absolute;
	top:0;
	right:0;
}
.fuki{
	position:absolute;
	top:20px;
	right:330px;
}

/****************************************
		4.  side
*****************************************/
.bg-orange{
	background:url(../images/bg_orange.jpg) repeat top left;
}
.radius{
	border-radius: 10px;
	padding:15px;
}
#side ul{
	margin-bottom:20px;
}

/****************************************
		5.  Footer
*****************************************/
#footer ul li{
	float:left;
	margin-top:40px;
	font-size:0.75em;
	}
.logo { 
	float:right;
 	margin-top:40px;
}
#ftCr{
	clear:both;
	font-size:0.5em;
	float:right
}

/*トップページ*/
.photo{
	width: 250px;
	float:left;
	margin-right:10px;
}
.title{
	position:relative;
	width:580px;
	padding:20px;
	background:url(../images/bg_orange.jpg) repeat top left;
	border-radius:30px;
	color:#fff;
	margin:10px auto;
	font-size:26px;
	font-weight:bold;
	line-height:1.5;
	z-index:1;
}
.answer{
	position:relative;
	width:620px;
	margin-top: -80px;
	margin-bottom:30px;
	background-color:#ffebd6;
	z-index:-1;
	padding:100px 30px 30px 30px;
}
.itemization:before{
	content:url(../images/poti.png);
	position : relative ;
    bottom : -0.1em ;
    margin-right : 0.2em ;
}
.itemization{
	margin-bottom:20px;
}
.yume:before{
	content:url(../images/poti.png);
	position : relative ;
    bottom : -0.1em ;
    margin-right : 0.2em ;
}
.yume{
	width:400px;
	margin:10px auto;
}
/*笑トレについて*/
.textright{
	width:420px;
	float:right;
}
/*初めての方*/
.step1{
	position:relative;
	width:680px;
	margin-bottom:20px;
}
.step1 .photo{float: left;}
.step1 .text{float:right;}

.step2{ position:relative; width:680px; height:410px}
.step2 .photo { position:absolute; top:10px; right:80px;}
.step2  .text { position:absolute; top:80px; left:20px; width:290px;}
.step3{ position:relative; width:680px; height:300px;}
.step3 .photo{ position:absolute; top:-70px; left:0px;}
.step3 .text{ position:absolute; top:60px; right:0px; width:290px;} 
.step4{ position:relative; width:680px; height:700px;}
.step4 .photo1{ position:absolute; top:30px; right:40px;}
.step4 .text1{ position:absolute; top:80px; left:0px; width:310px;} 
.step4 .photo2{ position:absolute; top:300px; left:0;}
.step4 .text2{ position:absolute; top:380px; left:350px; width:300px;} 
.step5{ position:relative; width:680px; height:380px;}
.step5 .photo{ position:absolute; top:-10px; right:80px;}
.step5 .text{ position:absolute; top:60px; left:20px; width:290px;} 
.step6{position:relative;width:680px;margin-bottom:20px;}
.step6 .photo{float: left;}
.step6 .text{float:right;}
.ill { width:309px; height:306px; margin:30px auto;}

/*よくあるご質問*/
.faq_title{
	position:relative;
	width:580px;
	padding:20px;
	background:url(../images/bg_orange.jpg) repeat top left;
	border-radius:30px;
	color:#fff;
	margin:10px auto;
	font-size:26px;
	font-weight:bold;
	line-height:1.5;
	z-index:1;
}
.faq_title:before{
	content:url(../images/faq/q.png);
	position:relative;
	bottom: -0.16em;
	margin-right: 0.1em;
	}
.faq_answer{
	position:relative;
	width:580px;
	margin-top: -80px;
	margin-bottom:30px;
	background-color:#ffebd6;
	z-index:-1;
	padding:100px 30px 30px 70px;
}
.faq_answer img.a{
	position:absolute;
	top:90px;
	left:20px;
}
.faq_answer img.faq_tel{
	width:304px;
	margin:8px 120px;
}
/*交通・アクセス*/
table{
	width:100%;
	border:0;
}
th,td {
		font-size:14px;
}
.nt2 {
		background:#ddd;
}

.nt2 td {
		background:#fff;
		padding:5px;
		text-align:center;
}

.nt2 th {
		background:url(../images/thbg.gif) 0 bottom repeat-x #fff;
		padding:5px;
		font-weight:normal;
		text-align:center;
}
.tel {
		font-size:22px;
		font-weight:bold;
		font-family:Century Gothic,Arial, Helvetica, sans-serif;
		color:#DE2910;
}