@charset "UTF-8";
/*###############################################
リセット
###############################################*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: bottom;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*###############################################
common
###############################################*/
label {
	cursor:pointer;
}
a {
	color: #40399a;
	text-decoration:underline;
}
a:hover {
	color:#615baf;
}
.clear {
	clear:both;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
img.fl {
	margin:0 15px 15px 0;
}
img.fr {
	margin:0 0 15px 15px;
}
.mgt5 { margin-top:5px; }
.mgt10 { margin-top:10px; }
.mgt15 { margin-top:15px; }
.mgt20 { margin-top:20px; }
.mgt30 { margin-top:30px; }
.mgt40 { margin-top:40px; }
.mgt50 { margin-top:50px; }
.mgb10 { margin-bottom:10px; }
.mgb20 { margin-bottom:20px; }
.mgb30 { margin-bottom:30px; }

p,li,td,th,h1,h2,h3,h4,h5,h6 {
	line-height:1.4;
}
th strong,
td strong,
p strong {
	font-weight:bold;
}
.sprite,
#mainmenu li a {
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
}
/*###############################################
structure
###############################################*/
body {
	color:#333333;
	font-size:12px;
	line-height:1.0;
	text-align:center;
	font-family:"Meiryo","Hiragino Kaku Gothic Pro","MS PGothic",verdana,Osaka,Sans-Serif;
	background:url(../img/bg_body2.png) repeat-y center 0;
}

#container {
	width:100%;
	margin:0 auto;
	position: relative;
}
#pagehead {
	height:35px;
	background:url(../img/bg_ovhead.png) repeat-x 0 0 #FFF;
}
#mainbar {
	width:100%;
	height:113px;
	position:absolute;
	top:35px;
	background:url(../img/bg_menu.jpg) repeat-x;
	box-shadow:0 1px 3px #bcbbbb;


}
#mainmenu {
	width:1200px;
	margin:5px auto 0;
}
#main {
	width:1200px;
	margin:10px auto 0;
	text-align:left;
	background-color:#FFF;
	border-radius:8px 8px 0 0;
}
#mainin{padding:15px;}


#content {
	width:875px;
	float:right;
}
#side {
	width:280px;
	float:left;
}
#logo {
	width:82px;
	height:28px;
	position:absolute;
	top:6px;
	left:20px;
}
#logo img {
	width:100%;
	height:auto;
}
/*###############################################
header
###############################################*/
#pagehead .bone {
	width:1200px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
#pagehead h1,
#pagehead p.first {
	font-size:12px;
	color:#FFF;
	position:absolute;
	top:13px;
	left:120px;

}
#pagehead h1 a,
#pagehead p.first a {
	color:#FFF;
	text-decoration:none;
}

/*###############################################
mainmenu
###############################################*/
#mainmenu li {
	float:left;
}

#mainmenu li a {
	display:block;
	width:150px;
	height:108px;
	overflow:hidden;
	text-indent:-500px;
}

#gnv_top a{background-position:0 0}
#gnv_cast a{background-position: -150px 0}
#gnv_newface a{background-position:-300px 0}
#gnv_schedule a{background-position:-450px 0}
#gnv_price a{background-position:-600px 0}
#gnv_ranking a{background-position:-750px 0}
#gnv_beginner a{background-position:-900px 0}
#gnv_recruit a{background-position:-1050px 0}

/*hover*/
#gnv_top a:hover{background-position:0 -111px}
#gnv_cast a:hover{background-position: -150px -111px}
#gnv_newface a:hover{background-position:-300px -111px}
#gnv_schedule a:hover{background-position:-450px -111px}
#gnv_price a:hover{background-position:-600px -111px}
#gnv_ranking a:hover{background-position:-750px -111px}
#gnv_beginner a:hover{background-position:-900px -111px}
#gnv_recruit a:hover{background-position:-1050px -111px}


/*###############################################
side
###############################################*/
#base_shame {
	overflow:hidden;
	background:url(../img/bg_sha1.gif);
	padding:9px;

}
#base_shame .inr {
	padding:9px;
	background-color:#FFF;
}
#side .mg{margin-top:10px;}

#smenu {
	position:relative;
	margin:10px auto 38px;
}
#smenu h3 {
	background:url(../img/t_smenu.png) no-repeat;
	width:280px;
	height:64px;
	overflow:hidden;
	text-indent:-500px;
}
#smenu .inr {

	background:url(../img/bg_smenu_b.png) repeat-y;
}
#smenu::before{
	content:'';
	width:280px;
	height:196px;
	position:absolute;
	top:64px;
	background:url(../img/bg_smenu_bk.png) no-repeat;
}
#smenu::after {
	content:'';
	width:280px;
	height:28px;
	position:absolute;
	bottom:-28px;

	background:url(../img/bg_smenu_f.png) no-repeat;
}
#smenu ul {
	width:266px;
	position:relative;
	margin:0 auto;
	z-index:20;
}
#smenu a {
	display:block;
	height:47px;
	box-sizing:border-box;

	font-size:18px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	text-align:center;

	margin-bottom:1px;
	padding-top:12px;
	background:url(../img/bg_smenu.jpg) repeat-x 0 2px #442c1b;
	position:relative;
}
#smenu a:hover {
	background:url(../img/bg_smenu_on.jpg) repeat-x 0 2px #442c1b;
}
#smenu li:last-child a {
	height:49px;
}
#smenu a::after {
	content:'';
	width:100px;
	height:2px;
	position:absolute;
	top:0;
	left:7px;
	background:url(../img/bg_smenu_k.jpg) no-repeat;
}


#base_payment {
	text-align: center;
	width: 100%;
	margin: 10px auto 0;
	max-width: 280px;
}
#base_payment #btn_credit {
	max-width: 280px;
	height: auto;
}




/*###############################################
footer
###############################################*/
#pagefoot {
	width:100%;
	height:220px;
	background:url(../img/bg_foot.png) repeat-x;
	position:relative;
	top:-10px;
}
#pagefoot .inr {
	padding:45px 0 0;
	width:1200px;
	margin:0 auto;
	position:relative;
	text-align:left;
}

#flogo {
	position:absolute;
	left:80px;
	top:20px;
}
/*fnv*/
#fnv {
	width:660px;
	float:right;
}
#fnv ul {
	width:165px;
	float:left;
}
#fnv li {
	display:block;
	background:url(../img/ic_pencil.png) no-repeat;
	padding:2px 0 10px 28px;
}

#fnv a {
	font-size:14px;
	color:#FFF;
	text-decoration: none;
	margin-top:-10px;
}
#fnv a:hover {
	text-decoration: underline;
}
#copy {
	width:100%;
	box-sizing:border-box;
	position:absolute;
	bottom:-10px;

	height:33px;
	box-sizing:border-box;
	font-size: 12px;
	padding:10px 0 10px;
	text-align:center;
	background:url(../img/bg_copy.jpg) repeat-x 0 0 #000;
	color:#fff;
}
#pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 40px;
	z-index: 100;
}
#pagetop a {
	display: block;
	width:37px;
	width:37px;
}

/*###############################################
t
###############################################*/
.t1{
	font-size:24px;
	font-weight:bold;
	color:#fff;

	height:53px;
	padding:10px 0 0 28px;
	box-sizing:border-box;
	background:url(../img/bg_t1.png) no-repeat;
}


/*###############################################
pankuzu
###############################################*/
#pankuzu {
	width:685px;
	position:absolute;
	left:0;
	top:150px;
}
#pankuzu ul {
	float:left;
}
#pankuzu li {
	font-size:12px;
	float:left;
	margin-right:20px;
	color:#333333;
}
#pankuzu a {
	color:#95AABC;
	text-decoration:underline;
	display:inline-block;
	position:relative;
}
#pankuzu a:hover {
	text-decoration:underline;
}
#pankuzu a:after {
	display:inline-block;
	content:'';
	width:6px;
	height:6px;
	border-top:1px solid #95AABC;
	border-left:1px solid #95AABC;
	position:absolute;
	right:-12px;
	top:50%;
	margin-top:-5px;
	transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
#pankuzu .home {
}

/**/
.sq_base {
	border-top:4px solid #4a3ee1;
	border-bottom:1px solid #bab5f8;
	border-left:1px solid #bab5f8;
	border-right:1px solid #bab5f8;

	background:url(../img/bg_t.jpg) repeat-x 0 0;
	margin-bottom:15px;


}
.sq_base .st {
	font-weight:bold;
	font-size:14px;
	padding:15px 10px 11px 10px;
	border-bottom:1px dotted #bab5f8;
}
.sq_base .inr {
	padding:15px;
}
.box_qanda {
	border:1px solid #d1d1d1;
	border-radius:4px;
}
.box_qanda h3,
.box_qanda h2 {
	font-size:14px;
	font-weight:bold;
	position:relative;
	padding:9px 40px 5px;
	border-bottom:1px solid #d1d1d1;
	background:url(../img/bg_gr01.jpg) repeat-x 0 9px;
}
.box_qanda h3:after,
.box_qanda h2:after {
	content:'';
	position:absolute;
	width:20px;
	height:20px;
	background:url(../img/icon_q.png) no-repeat;
	left:10px;
	top:6px;
}
.box_qanda {
	margin-bottom:15px;
}
.box_qanda ul {
	padding:12px;
}
.box_qanda li {
	font-size:14px;
	margin-bottom:5px;
	background:url(../img/arw02.png) no-repeat 0 2px;
	padding-left:12px;
}