@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; }
html,
body {
	font-family: Arial, Helvetica,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:13px;
	height: 100%;
	background:url(../img/background.png) repeat;
	line-height:1.5;
}
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -200px;
}
#push,#footer { height: 200px; }
#footer{
	background-color:#f06090;
	border-top:1px solid #fff;
	color:#fff;
	font-size:93%;
	text-align:center;
}
	/* YUI fontSize
10px = 77% 11px = 85% 12px = 93% 13px = 100%
14px = 108% 15px = 116% 16px = 123.1% 17px = 131%
18px = 138.5% 19px = 146.5% 20px = 153.9% 21px = 161.6%
22px = 167% 23px = 174% 24px = 182% 25px = 189% 26px = 197% */
p{ font-size:108%; }
.small{ font-size:93%; }
.x-small{ font-size:85%; }
.xx-small{ font-size:77%; }
.large{ font-size:138.5%; }
a,a:link{ color:#2584f0; }
a:visited{ color:#b362ce; }
a:hover{ color:#FF5F00; text-decoration:none; }
img{ border:0; }
.c_red{ color:#db2121; }
.c_pink{ color:#f06090; }

/* header */
#header{
	background:url(../img/header_back.png) repeat-x;
	height:430px;
	text-align:center;
	padding-top:43px;
	}
	#header_logo{
		width:900px;
		margin:0 auto;
		position:relative;
	}
	.btn_top_acsess{
		width:168px;
		height:23px;
		display:block; text-indent:-9999px; overflow:hidden;
		background:url(../img/ico_acsess.png) no-repeat;
		position:absolute;
		right:0;
		top:50px;
		}
	.btn_yoyaku{
		width:168px;
		height:23px;
		position:absolute;
		right:0;
		top:20px;
		}
	#logo{
		width:287px; height:100px;
		background:url(../img/logo-trans.png) no-repeat;
		display:block; text-indent:-9999px; overflow:hidden;
		margin:0 auto;
	}
	#navi{
		background:url(../img/menu_back.png) repeat-x;
		height:54px;
	}
	#navi ul{
		width:900px;
		margin:0 auto;
	}
	#navi li{
		float:left;
		list-style:none;
		text-indent:0;
	}
	#navi a{
		display:block; text-indent:-9999px; overflow:hidden;
		height:54px;
	}
	.btn_about{
		width:174px;
		background:url(../img/menu.png) 0 0 no-repeat;
	}
		.btn_about:hover{
			background:url(../img/menu.png) 0 -54px no-repeat;
		}
	.btn_price{
		width:170px;
		background:url(../img/menu.png) -174px 0 no-repeat;
	}
		.btn_price:hover{
			background:url(../img/menu.png) -174px -54px no-repeat;
		}
	.btn_fqa{
		width:250px;
		background:url(../img/menu.png) -345px 0 no-repeat;
	}
		.btn_fqa:hover{
			background:url(../img/menu.png) -345px -54px no-repeat;
		}
	.btn_contact{
		width:159px;
		background:url(../img/menu.png) -595px 0 no-repeat;
	}
		.btn_contact:hover{
			background:url(../img/menu.png) -595px -54px no-repeat;
		}
	.btn_toppage{
		width:147px;
		background:url(../img/menu.png) -754px 0 no-repeat;
	}
		.btn_toppage:hover{
			background:url(../img/menu.png) -754px -54px no-repeat;
		}

/* box */
#content{
	width:905px;
	margin:0 auto 100px;
	}
	.text-center{
		text-align:center;
	}
	.text-right{
		text-align:right;
	}
	.margin_bottom{
		margin-bottom:50px;
	}
	.pagetop{
		font-size:100%;
		text-align:right;
		padding:10px 0 30px;
	}
	.pagetop:last-child{
		padding-bottom:0;
	}
/* title */
h2{
	height:51px;
	display:block; text-indent:-9999px; overflow:hidden;
}
	.title_price{
		background:url(../img/title_course.png) center no-repeat;
	}
	.title_gallery{
		background:url(../img/title_gallery.png) center no-repeat;
		margin-top:50px;
	}
	.title_about{
		background:url(../img/title_about.png) center no-repeat;
		margin-bottom:10px;
	}
	.title_kutikomi{
		background:url(../img/title_kutikomi.png) center no-repeat;
		margin:50px 0 35px;
	}
	.title_otoku{
		background:url(../img/title_otoku.png) center no-repeat;
		margin:50px 0 20px;
	}
	.title_fqa{
		background:url(../img/title_fqa.png) center no-repeat;
		margin:0 0 20px;
	}
	.title_course{
		background:url(../img/title_course.png) center no-repeat;
		margin:0 0 20px;
	}
/* fqa */
	.answer{
		background-color:#fff8d6;
		border:1px solid #eddb84;
		padding:15px 15px 10px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.answer p{
		color:#3e360f!important;
	}
	#fqa .osusume{
		color:#09b8a4!important;
		margin-bottom:5px!important;
	}
	.osusume img{
		vertical-align:middle!important;
		margin-right:10px;
	}
	#nayami2,#nayami3,#nayami4{
		margin-top:50px;
	}

/* price */
#face,#faceoption,#bodyoption,#body{
	margin:20px 0;
}
	.table{
		width:100%;
		background-color:#fff4f2;
		color:#675c48;
		border-left:1px solid #d2c4aa;
		border-top:1px solid #d2c4aa;
		margin-top:-10px;
		margin-bottom:5px;
	}
	.table th{
		color:#aa8e8b;
		text-align:center;
		font-weight:normal;
		padding:5px;
		font-size:93%;
		border-bottom:1px solid #d2c4aa;
		border-right:1px solid #d2c4aa;
	}
	.table td{
		color:#675c48;
		padding:5px;
		border-bottom:1px solid #d2c4aa;
		border-right:1px solid #d2c4aa;
	}
	.table tr:nth-child(even){
		background-color:#fadfdc;
	}
	.td1{
		width:20%;
	}
	.td2{
		width:10%;
	}
	.td3{
		width:60%;
	}
	.td4{
		width:10%;
		text-align:right;
	}
	#pannavi{
		margin:20px 0;
		font-size:93%;
	}
	#pannavi ul{
		list-style:none;
		text-align:center;
	}
	#pannavi li{
		float:left;
	}
	#pannavi li:after{
		content:"｜";
	}
	#pannavi li:last-child:after{
		content:"";
	}
	
/* syokai */
#face1{
	margin: 50px 0 0;
}
.shokaiLF{
	width:200px;
	float:left;
}
.shokaiRT{
	width:380px;
	float:right;
}
	.shokaiRT dd,#face4 dd{
		margin-top:5px;
		color:#747474;
		font-size:93%;
		margin-top:-10px;
		padding-left:35px;
		margin-bottom:15px;
	}
	.shokaiRT dt,#face4 dt{
		font-size:108%;
		color:#eb5386;
		margin-bottom:15px;
	}
	.number,.option{
		background-color:#F477A1;
		padding:5px 10px;
		color:#fff;
		margin-right:10px;
	}
	.option{
		display:block;
		margin: 0 0 10px 0 !important;
		}

/* about */
#syokai,#syokai2{
	background-color:#ffecf3;
	border:1px solid #ebb6c9;
	color:#c14c77;
	padding:15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width:570px;
	margin-bottom:20px;
}
	.text-left{ padding:15px 20px; }
	#syokai p,#syokai2 p{
		color:#c14c77!important;
		margin-bottom:0!important;
	}
	#syokai2 p{ color:#545454!important; }
	.photo{
		float:left;
		margin:0 20px 0 0;
	}
	.photo img{ vertical-align:bottom; }
	#syokai2{
		background-color:#fdffec;
		border:1px solid #cac295;
		width:60%;
		float:right;
	}
	#kutikomi{
		background:url(../img/dot_tate.png) repeat-y center;
	}
		.komi-lf{
			float:left;
			width:47%;
		}
		.komi-rt{
			float:right;
			width:47%;
		}
		.komi-row{
			background:url(../img/dot_yoko.png) repeat-x bottom;
			margin-bottom:20px;
			}
		#kutikomi h4{
			font-size:108%;
			color:#6d501a;
			font-weight:normal;
			padding-bottom:10px;
		}
		#kutikomi p{
			font-size:100%;
		}


#rt{
	width:600px;
	float:right;
}
	/* index */
	#rt p{ margin-bottom:20px; color:#6e6e6e; }
	#choice{
		margin:20px auto;
		text-align:center;
	}
	#choice li{
		width:195px;
		list-style:none;
		float:left;
		text-align:left;
		margin-right:5px;
	}
	#choice li:last-child{ margin-right:0; }
	/* gallery */
	#gallery img{
		height:60px;
		border:1px solid #ccc;
	}
	#gallery p{
		padding:20px 0 0;
	}
#lf{
	width:240px;
	float:left;
}
	/* submenu */
	#submenu{ margin-bottom:20px; }
	#lf_title{
		height:41px;
		background:url(../img/title_left.png) no-repeat;
		display:block; text-indent:-9999px; overflow:hidden;
		margin-bottom:10px;
	}
	#submenu dt a:link,#submenu dt a:visited{
		color:#6d6d6d!important;
	}
	#submenu a:link{
		text-decoration:underline;
	}
	#submenu a:hover{
		text-decoration:none;
	}
	#submenu dl{
		line-height:2;
	}
	#submenu dt{
		font-size:100%;
		color:#6b6b6b;
	}
	#submenu dd{
		font-size:100%;
		color:#f477a1;
		margin: 0 0 0 20px;
		padding-left:15px;
		background:url(../img/ico_arrow.png) 0 50% no-repeat ;
	}
	/* caption */
	#caption{
		font-size:100%;
		color:#6b6b6b;
		text-align:center;
		}
		#caption p{
			margin-bottom:10px; 
		}
		#caption p:last-child{
			margin-bottom:0;
		}
	
.box{
	padding:20px;
	background-color:#fff;
	-moz-box-shadow: 0px 2px 5px 1px #cab1ab;
	-webkit-box-shadow: 0px 2px 5px 1px #cab1ab;
	box-shadow: 0px 2px 5px 1px #cab1ab;
}
/* clearfix */
.clearfix {width:100%;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
 }
.ninja_onebutton{ margin:0!important; padding:0!important; }

.otokubox{
	border: 1px solid #d7bfa2;
	background-color: #f2e4d3;
	padding: 20px;
	margin-bottom: 20px;
}
.otokubox h3{
	font-size: 1.6rem;
	padding-bottom: 10px;
	border-bottom: 1px dotted #a38f6b;
	margin-bottom: 10px;
}
.otokubox h3 .badge{
	float: right;
	width: 5em;
	text-align: center;
	padding: 3px 10px;
	font-size: 1rem;
	background-color: #eb5386;
	color: #fff;
	margin-left: 10px;
	vertical-align: middle;
}
.otokubox .price{
	text-align: center;
	font-size: 1.4rem;
}
.otokubox .price span{
	font-size: 2rem;
	font-weight: 700;
	color: #db2121;
}
@media screen and (max-width: 768px){
	#attention-wrap{
		margin-top: 10px!important;
		margin-left: 10px!important;
		margin-right: 10px!important;
	}
	img{
		max-width: 100%;
		height: auto;
	}
	#navi{
		height: auto;
		background: url(../img/menu_back.png) repeat;
		margin-bottom: 20px;
	}
	#lf,
	#rt,
	#content,
	#navi ul,
	#header_logo{
		float: none;
		width: auto;
	}
	#lf,
	#rt{
		margin-left: 10px;
		margin-right: 10px;
	}
	#header{
		height: auto;
		background: url(../img/header_back.png) repeat;
	}
	#content{
		margin: 10px auto 100px;
		clear: both;
		overflow: hidden;
	}
	.btn_top_acsess,
	.btn_yoyaku{
		margin: 0 auto 5px;
		position: static;
	}
	#topimage{
		margin-top: 10px;
	}
	#choice li{
		width: 48%;
		margin-right: 10px;
	}
	#caption iframe{
		width: 100%;
	}
	#choice li:nth-child(2){
		margin-right: 0;
	}
	.title_otoku,
	.title_price,
	.title_gallery{
		background-size: auto 38px;
	}
	#lf_title{
		background-position: center;
	}
	#submenu dt,
	#submenu dd{
	}
}