@charset "utf-8";
/*-----------------------------------------------------
layout
-------------------------------------------------------*/
/*-----------------------------------------------------
各pxに対応する、IEハックで指定するパーセント
12px 	75%
13px 	82%
14px 	88%
15px 	94%
16px 	100%

基本サイズ12px	基本サイズ13px	基本サイズ14px
10px 	 84%			10px 	 77%			10px 	 72%
11px 	 92%			11px 	 85%			11px 	 79%
12px 	100%			12px 	 93%			12px 	 86%
13px 	109%			13px 	100%			13px 	 93%
14px 	117%			14px 	108%			14px 	100%
15px 	125%			15px 	116%			15px 	108%
16px 	134%			16px 	124%			16px 	115%
17px 	142%			17px 	131%			17px 	122%
18px 	150%			18px 	139%			18px 	129%
19px 	159%			19px 	147%			19px 	136%
20px 	167%			20px 	154%			20px 	143%
21px 	175%			21px 	162%			21px 	150%
22px 	184%			22px 	170%			22px 	158%
23px 	192%			23px 	177%			23px 	165%
24px 	200%			24px 	185%			24px 	172%
25px 	209%			25px 	193%			25px 	179%
26px 	217%			26px 	200%			26px 	186%
-------------------------------------------------------*/
body {
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-size:14px;
	color:#333333;
	line-height:1.5;
	height:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	/*background-color:#f8f7f4;*/
	background: #f8f7f4 url(../img/common/head.png) 0 0 repeat-x;
}
/* for IE7 */
*:first-child+html body {font-size: 88%;}
/* for IE8 */
head~/* */body {font-size: 88%;}
html:not(:target) body {font-size:14px;}

#wrapper {
	width:900px;
	padding: 14px 60px 70px;
	margin: 0 auto;
	text-align: left;
}
#wrapper:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html #wrapper { zoom: 1; } /* IE7 */
#main {
	width: 600px;
	color: #6e3a3a;
	float: right;
	font-size:117%;
}
#sub {
	width:270px;
	padding-top: 4px;
	float: left;
	text-align: center;
}
/*-----------------------------------------------------
Header
-------------------------------------------------------*/
header{
	height: 324px;
	background: url(../img/common/nav_belt.png) 0 100% repeat-x;
	text-align: left;
}
header h1{
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-weight: normal;
	font-size: 72%;
}
#headInner{width: 1020px; margin: 0 auto; position: relative;}
header #headInner #logo{
	padding: 22px 16px 13px;
	background: #fff;
	line-height: 1;
	text-align: center;
	float: left;
}
header #headInner #logo h2{margin-bottom: 12px;}
header #headInner #hdInfo{
	width: 769px;
	height: 232px;
	padding: 0 19px 0 37px;
	background: url(../img/common/head_img.jpg?d=251028) 0 0 no-repeat;
	float: left;
	box-sizing: border-box;
}
header #headInner #hdInfo:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html header #headInner #hdInfo { zoom: 1; } /* IE7 */

header #headInner #hdRecs{
	padding-top: 135px;
	margin-left: -15px;
	float: left;
}
header #headInner ul#hdRecs{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 133px;
	margin-left: -28px;
}
header #headInner ul#hdRecs li{
	padding: 0 5px;
}
header #headInner #hdBonus{
	position: absolute;
	top: 30px;
	left: 264px;
}
/*header #headInner #hdCaps{
	padding-top: 128px;
	float: left;
}*/
header #headInner #hdPg{
	padding-top: 152px;
	margin-left: -10px;
	float: left;
}
header #headInner #hdPg a{
	display:block;
	width:400px;
	height:64px;
	background:url(../img/common/hd_program.png) 0 0/400px 128px no-repeat;
	text-indent:-9999px;
	filter: drop-shadow(1px 1px 1px rgb(0,0,0,0.5));
}
header #headInner #hdPg a:hover{
	background-position:0 100%;
}
header #headInner #hdContact{
	padding-top: 27px;
	text-align: center;
	float: right;
}
header #headInner #hdContact dt{
	margin-bottom: 6px;
	padding-right: 10px;
}
header #headInner #hdContact dd{margin-bottom: 5px;}
header #headInner #hdContact dd#hdMail a{
	width: 205px;
	height: 31px;
	text-indent: -9999px;
	outline: none;
	background-image: url(../img/common/hd_mail.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: inline-block;
}
header #headInner #hdContact dd#hdMail a:link{background-position: 0 0;}
header #headInner #hdContact dd#hdMail a:hover{background-position: 0 100%;}

/* topNav
-------------------------------------------------------*/
nav#headNav{
    width: 970px;
    height: 51px;
    display: flex;
    justify-content: center;
    padding-top: 13px;
    margin: 5px auto 0;
    background: url(../img/common/nav_bg.png) 0 0 no-repeat;
}
nav#headNav ul li{float: left;}
nav#headNav ul li:not(:last-child){
	padding-right: 3px;
	background: url(../img/common/nav_dot.png) 100% 0 repeat-y;
}
nav#headNav ul li a{
	height: 34px;
	display: block;
	background-image: url(../img/common/nav.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
}
nav#headNav ul li#nav01 a{width: 181px; background-position: 0 0;}
nav#headNav ul li#nav02 a{width: 177px; background-position: -184px 0;}
nav#headNav ul li#nav03 a{width: 177px; background-position: -364px 0;}
nav#headNav ul li#nav04 a{width: 177px; background-position: -544px 0;}
nav#headNav ul li#nav05 a{width: 182px; background-position: -724px 0;}

nav#headNav ul li#nav01 a:hover{background-position: 0 100%;}
nav#headNav ul li#nav02 a:hover{background-position: -184px 100%;}
nav#headNav ul li#nav03 a:hover{background-position: -364px 100%;}
nav#headNav ul li#nav04 a:hover{background-position: -544px 100%;}
nav#headNav ul li#nav05 a:hover{background-position: -724px 100%;}
#sitemap{
	position: absolute;
	top: 0;
	right: 8px;
}
#sitemap a{
	width: 65px;
	height: 53px;
	display: block;
	text-indent: -9999px;
	outline: none;
	background-image: url(../img/common/sitemap.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#sitemap a:hover{background-position: 100% 0;}
#oslinkSub{padding-bottom: 20px;}
/*-----------------------------------------------------
sub
-------------------------------------------------------*/
#subNav{
	padding-bottom: 42px;
	margin-bottom: 10px;
	background: url(../img/common/menu_btm.png) 0 100% no-repeat;
}
#subNav dd{
	padding: 0 20px;
	border-width: 0 1px;
	border-style: solid;
	border-color: #dad6d0;
	background: #fcfbfa;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#subNav dd a{
	display: block;
	padding: 10px 0;
}
#subNav dd:not(:last-child) a{border-bottom: 1px dashed #beb0af;}
#banner li{margin-bottom: 20px;}
#otherArea{
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #806564;
}
#otherArea:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html #otherArea { zoom: 1; } /* IE7 */
#otherArea p{margin-bottom: 10px;}
#otherArea ul li {float: left; margin-bottom: 6px;}
#otherArea ul li a{
	width: 88px;
	height: 88px;
	display: block;
	background-image: url(../img/common/sub_area.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline :none;
}
#otherArea ul li:not(:nth-child(3n)){margin-right: 3px;}

#otherArea ul li#subTJ a{background-position: 0 0;}
#otherArea ul li#subNB a{background-position: -91px 0;}
#otherArea ul li#subUD a{background-position: -182px 0;}
#otherArea ul li#subKB a{background-position: 0 -94px;}
#otherArea ul li#subJS a{background-position: -91px -94px;}
#otherArea ul li#subKT a{background-position: -182px -94px;}

#otherArea ul li#subTJ a:hover{background-position: 0 -188px;}
#otherArea ul li#subNB a:hover{background-position: -91px -188px;}
#otherArea ul li#subUD a:hover{background-position: -182px -188px;}
#otherArea ul li#subKB a:hover{background-position: 0 -282px;}
#otherArea ul li#subJS a:hover{background-position: -91px -282px;}
#otherArea ul li#subKT a:hover{background-position: -182px -282px;}
/*-----------------------------------------------------
footer
-------------------------------------------------------*/
footer{background: #5a4c47 url(../img/common/foot_deco.png) 0 0 repeat-x;}
footer #ftInner{
	width: 900px;
	padding: 0 60px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
footer #ftInner #pagetop{
	position: absolute;
	top: -27px;
	right: 20px;
}
footer #ftInner #pagetop a{
	width: 55px;
	height: 55px;
	text-indent: -9999px;
	outline: none;
	background-image: url(../img/common/pagetop.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
}
footer #ftInner #pagetop a:hover{background-position: 100% 0;}
footer #ftInner #ftLogo{
	height: 67px;
	padding: 12px 0 0 11px;
}
footer #ftInner ul{
	padding-left: 27px;
	float: left;
}
footer #ftInner ul li{
	padding-left: 15px;
	line-height: 2.3;
	font-size: 86%;
	background: url(../img/common/ft_arrow.png) 0 50% no-repeat;
}
footer #ftInner ul li#ftTJ{background: url(../img/common/ft_tj.png) 0 50% no-repeat;}
footer #ftInner ul li#ftNB{background: url(../img/common/ft_nb.png) 0 50% no-repeat;}
footer #ftInner ul li#ftUD{background: url(../img/common/ft_ud.png) 0 50% no-repeat;}
footer #ftInner ul li#ftKB{background: url(../img/common/ft_kb.png) 0 50% no-repeat;}
footer #ftInner ul li#ftJS{background: url(../img/common/ft_js.png) 0 50% no-repeat;}
footer #ftInner ul li#ftKT{background: url(../img/common/ft_kt.png) 0 50% no-repeat;}
footer #ftInner ul li a{color: #fff; text-decoration: none;}
footer #ftInner ul li a:hover{text-decoration: underline;}

footer #ftLinks{height: 270px; background: url(../img/common/ft_hr.png) 0 100% repeat-x;}
footer #ftLinks:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html footer #ftLinks { zoom: 1; }
footer #ftQR{
	width: 310px;
	height: 128px;
	margin-bottom: 15px;
	float: right;
	background: url(../img/common/mob_box.png) 0 0 no-repeat;
}
footer #ftQR:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html footer #ftQR { zoom: 1; }
footer #ftQR dt{
	padding: 23px 10px 0 20px;
	float: left;
}
footer #copy{text-align: right;}
footer #copy small{
	height: 50px;
	line-height: 50px;
	font-size: 72%;
	text-align: right;
	color: #fff;
	display: inline-block;
}


/*-----------------------------------------------------
Main
-------------------------------------------------------*/
p.txt {padding:5px 10px;}
td,th {
	padding:3px 5px;
	vertical-align:middle;
}

/*-----------------------------------------------------
下層共通
-------------------------------------------------------*/
#main input[type="text"] {
		-moz-box-sizing: border-box;
		box-sizing:border-box;
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #7f9db9;
		font-family: Arial,Helvetica,sans-serif;
		height: 1.4em;
		line-height: 1;
		vertical-align: middle;
}
#main textarea {
		-moz-box-sizing: border-box;
		box-sizing:border-box;
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #7f9db9;
		height: 60px;
		padding: 2px 5px;
}
/*#main select {
		-moz-box-sizing: border-box;
		box-sizing:border-box;
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #7f9db9;
		font-family: Arial,Helvetica,sans-serif;
		height: 22px;
		line-height: 1;
		padding: 0;
		vertical-align: middle;
}*/
.sbox{padding: 15px 0;}
.dotbtm{border-bottom: 1px dotted #8c817d; margin-bottom: 15px;}
#pageHead{text-align: center; margin-bottom: 20px;}
/* resizer
--------------------------------------*/
#resizer{
	padding-bottom: 20px;
	margin-bottom: 15px;
	background: url(../img/common/cont_deco.png) 0 100% repeat-x;
}
#resizer:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html #resizer { zoom: 1; } /* IE7 */
#tSize {
	padding-right: 1px;
	float:right;
}
#tSize dt {
	float: left;
	margin-right: 7px;
}
#tSize dd {
	cursor: pointer;
	float: left;
	margin-right: 4px;
}
.small-text{font-size: 100% !important;}
.medium-text{font-size: 117% !important;}
.large-text{font-size: 134% !important;}

/* auth
--------------------------------------*/
.answer-section .overlay{
	width:100%;
	height:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background:rgba(0,0,0,0.7); 
	position:absolute;
	top:0px;
	left:0px;
	z-index:1000;
}
#auth{
	width: 640px;
	padding: 15px 40px 25px;
	margin: 0px auto;
	text-align: left;
	background: #fff;
	border-radius: 10px;
	position: absolute;
	top: 90px;
	left: 50%;
}
#auth h1{
	text-align: center;
	font-size: 86%;
	font-weight: normal;
	color: #8f4f4f;
}
#authBox{padding: 20px 0;}
#authBox h2{
	margin-bottom: 15px;
	text-align:center;
}
#authBox #enterBox{
	width: 100%;
	padding: 5px 0;
	margin-bottom: 15px;
}
#authBox #enterBox dt{text-align: center;}
#authBox #enterBox dd{text-align: center; padding-top:20px;}
#authBox #enterBox dd img{cursor: pointer;}
#authBox #leaveBox{
	width: 100%;
	display: table;
}
#authBox #leaveBox dt{
	padding:0 5px 0 45px;
	background: url(../img/index/under18.png) 0 50% no-repeat;
	text-align: left;
	font-size: 72%;
	color: #929199;
	display: table-cell;
}
#authBox #leaveBox dd{
	vertical-align: middle;
	display: table-cell;
}
#authFoot{
	width:100%;
	padding: 10px 0;
	background: #ededed;
	border-radius: 10px;
	display: table;
}
#authFoot dl{
	text-align:center;	
}
#authFoot dl dt{
	text-align: left;
	display:table-cell;
	padding:12px 20px 0;
	font-size:1.3em;
}
#authFoot dl dd{
	display:table-cell;
}
#authFoot dl dd img{
	margin-top:-16px;
}
#hataj {
	padding-top: 15px;
	text-align: center;
}

/*#authFoot ul li{display: inline-block;}
#authFoot ul li:not(:last-child):after{
	content: "｜";
	display: inline-block;
}
#authFoot ul li a{color: #007de8; text-decoration: none;}
#authFoot ul li a:hover{text-decoration: underline;}*/

/* 01 index.html
-------------------------------------------------------*/
#indRec{
	width:600px;
	height:175px;
	background:url(../img/common/top_img.jpg) 0 0 no-repeat;
	display:flex;
}
#indRec h3{padding:65px 0 0 10px;}
#indRec p{padding:13px 6px 0 20px;}
#mynum{
	color:#f15f8f;
	background:#ffffff;	
	border:solid 2px #f15f8f;
	margin-top:10px;
	padding:5px;
}
#indRecapp{
	display:flex;
	border-bottom: dotted 1px #8c817d;
	padding-bottom:10px;	
	margin-bottom:10px;
}
#indRecapp a{ padding:5px 2px;}
#indDeco{
	width: 494px;
	padding: 30px;
	margin: 0 auto 15px;
	background:
		url(../img/index/deco_top.png) 0 0 no-repeat,
		url(../img/index/deco_btm.png) 0 100% no-repeat,
		url(../img/index/deco_bg.png) 0 0 repeat-y
	;
}
#indAreacom{
	display:flex;
	border-top: dotted 1px #8c817d;
	padding-top:10px;	
	margin-top:10px;
}
#indAreacom a{ padding:5px 2px;}
.indMenu{padding-top:10px;}
.indMenu li{
	position:relative;
	float:left;
	text-align:left;
}
.indMenu li a{
	background-image: url(../img/common/top_menu.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	text-decoration:none;
}
.indMenu2{
	padding: 20px 0 20px;
	text-align: center;
	border-top:2px solid #cab5a8;
	margin-top:20px;
}
.indMenu2 li{
	position:relative;
	float:left;
	text-align:left;
}
.indMenu2 li a{
	background-image: url(../img/common/top_menu.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	text-decoration:none;
}
#imAb a,
#imAg a,
#imFa a,
#imHt a{
	width:201px;
	height:74px;
}
#imMo a,
#imCb a{
	width:198px;
	height:74px;
}

#imAb a{background-position:0 0;}
#imMo a{background-position:-201px 0;}
#imAg a{background-position:-399px 0;}
#imFa a{background-position:0 -74px;}
#imCb a{background-position:-201px -74px;}
#imHt a{background-position:-399px -74px;}

#imAb a:hover,#imAb a.act{background-position:0 -147px;}
#imMo a:hover,#imMo a.act{background-position:-201px -147px;}
#imAg a:hover,#imAg a.act{background-position:-399px -147px;}
#imFa a:hover,#imFa a.act{background-position:0 -221px;}
#imCb a:hover,#imCb a.act{background-position:-201px -221px;}
#imHt a:hover,#imHt a.act{background-position:-399px -221px;}

h3#indqaHead{text-align:center;}
h3#indqaHead img{margin-top:40px; margin-bottom:20px;}
.qaHead2{border-bottom: dotted 1px #8c817d; padding-bottom:10px;}
#indqamore{text-align:center; margin-top:-30px; margin-bottom:15px;}

.topHead{
	padding: 5px 30px;
	background: url(../img/common/top_bullet.png) 10px 50% no-repeat, -webkit-linear-gradient(#9de4e4, #d7f6f6);
	background: url(../img/common/top_bullet.png) 10px 50% no-repeat, -moz-linear-gradient(#9de4e4, #d7f6f6);
	background: url(../img/common/top_bullet.png) 10px 50% no-repeat, linear-gradient(#9de4e4, #d7f6f6);
	border-radius: 1.5em;
	-webkit-box-shadow: 0 1px 0 rgba(167,99,110,0.7);
	box-shadow: 0 1px 0 rgba(167,99,110,0.7);
	font-size: 115%;
}
#notification{color: #308f68;}
#news{
	width: 585px;
	padding-bottom: 10px;
	margin-left: 5px;
	background: url(../img/index/news_btm.png) 0 100% no-repeat;
}
#news ul{
	padding: 0 15px 0 40px; 
	background: url(../img/index/news_bg.png) 0 0 repeat-y;
}
#news ul li{padding: 15px 0;}
#news ul li:not(:last-child){border-bottom: 1px dashed #c5c7cb;}
#news ul li dl dt{
	min-height: 28px;
	padding-left: 25px;
	line-height: 2em;
}
#news ul li dl.man dt{background: url(../img/index/icon_man.png) 0 50% no-repeat;}
#news ul li dl.woman dt{background: url(../img/index/icon_woman.png) 0 50% no-repeat;}
#news ul li dl dt a{color: #a67d4d;}
#news ul li dl dt span{color: #658ecf; font-size: 86%;}
#news ul li dl dd{color: #6f747c; font-size: 79%;}
#blogLink {padding: 10px; text-align:center;}
#blogLink li{display: inline-block;}

/* 02 recruitment.html
-------------------------------------------------------*/
#recruit{border-collapse: collapse;}
#recruit a{color: #007de8;}
.attention{color: #b90c0c;}
#recruit th{
	padding: 20px;
	border: 1px solid #af8080;
	color: #8f4f4f;
	font-weight: bold;
	white-space: nowrap;
	vertical-align: top;
	background: #f9efee;
}
#recruit td{
	padding: 20px;
	border: 1px solid #af8080;
}
#recruit td ol{padding: 10px 0;}
#recruit td ol li{list-style: inside decimal;}
#recTel{
	min-height: 30px;
	padding-left: 40px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 200%;
	line-height: 1.2;
	background: url(../img/other/rec_tel.png) 0 50% no-repeat;
}
#recMail{
	min-height: 20px;
	padding-left: 40px;
	margin-bottom: 10px;
	background: url(../img/other/rec_mail.png) 0 50% no-repeat;
}
#recLine {
	min-height: 30px;
	padding-left: 40px;
	margin-bottom: 60px;
	font-size: 140%;
	line-height: 1.2;
	background: url(../img/other/rec_line.png) 0 50% no-repeat;
}
#recLine span {
	padding: 0 95px 55px 0;
	margin-bottom: 5px;
	background: url(../img/other/rec_qr.png?d=251216) 100% 50% no-repeat;
	background-size: 84px 84px;
}
#recLink li a:before{
	content: "＞";
}

#titleRec{
	color: #ffffff;
	border:solid 1px #2676a4;
	border-collapse:collapse;
	width:100%;
	margin-top:20px;
}
#titleRec tr{background:#f5fbfe;}
#titleRec #titleConrec{background:#2676a4;}
#titleRec #titleConrec th{
	text-align:center;
	height:30px;
}
#titleRec tr td{
	padding:30px 20px 15px;
	margin: 0 auto;
	color: #2676a4;
}
#titleRec tr td dl dt{
	padding: 10px 0 0;
	font-weight: bold;
}
#titleRec tr td dl dt:before{
	content: "◆";
	color: #92d0f4;
	font-size:1.2em;
}
#titleRec tr td dl dt span{font-weight: normal;}
#titleRec tr td dl dd{padding: 0 0 10px;}
#titleRec tr td dl dd:not(:last-child){border-bottom: 1px dotted #a4a9b8;}
#titleRec tr td dl dd textarea{width: 100%; height: 9em; resize: vertical;}

/* 03 qa/
-------------------------------------------------------*/
#qaHead{
	min-height: 180px;
	padding-left: 84px;
	margin-bottom: 10px;
	background: url(../img/qa/qa_img.png) 20px 15px no-repeat;
}
#qaHead dl{
	padding: 9px 35px;
	border: 1px solid #6e3a3a;
	border-radius: 30px;
	display: table;
	margin: 0 auto;
}
#qaHead dl dt,
#qaHead dl dd{display: table-cell;}
#qaHead dl dd#qbtn{padding-left: 17px;}
#qaHead dl dd#qbtn a{
	width: 143px;
	height: 40px;
	background-image: url(../img/qa/qa_btn.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	outline: none;
}
#qaHead dl dd#qbtn a:hover{background-position: 0 100%;}
.pages{
	padding: 10px;
	border-top: 1px dotted #8c817d;
}
.pages:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html .pages { zoom: 1; } /* IE7 */
.pages li a{
	width: 84px;
	height: 25px;
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	outline: none;
	background-position: 0 0;
}
.pages li a:hover{background-position: 0 100%;}
.pages li.prev{float: left;}
.pages li.prev a{background-image: url(../img/qa/prev.png);}
.pages li.next{float: right;}
.pages li.next a{background-image: url(../img/qa/next.png);}


#qaList{padding: 10px;}
#qaList dl{margin-bottom: 30px;}
#qaList dl dt div{
	padding: 13px;
	border-width: 0 2px;
	border-color: #ac9e9c;
	border-style: solid;
}
#qaList dl dd{
	border-width: 0 2px 2px 2px;
	border-color: #ac9e9c;
	border-style: solid;
	border-radius: 0 0 5px 5px;
}
#qaList dl dd div{padding: 13px; color: #007a66;}

/* 04 staff.html
-------------------------------------------------------*/
#staffTable{
	border:1px solid #8d7667;
}
#staffTable dt{
	color: #6e3a3a;
	font-weight: bold;
	font-size: 115%;
	background: #e4e0d8;
}
#staffTable dt,
#staffTable dd{
	padding: 10px;
	border-bottom: 1px solid #8d7667;
}
#staffTable dd:last-child{border: none;}
.inlineList li{display: inline;}
#mcCaps{text-align: center; padding: 15px;}
#staffTable dd ul#modelcase{text-align: center;}
#staffTable dd ul#modelcase li{display: inline-block;}
#staffTable dd ul#modelcase li dl dt,
#staffTable dd ul#modelcase li dl dd{padding: 0; border: none; background: none;}

/* 05 company.html
-------------------------------------------------------*/
#companyInfo li{padding: 16px 0;}
#companyInfo li:not(:last-child){border-bottom: 1px solid #9c8080;}
#companyInfo li dl{width: 100%; display: table;}
#companyInfo li dl dt{width: 150px; display: table-cell; vertical-align: middle;}
#companyInfo li dl dt img{vertical-align: middle;}
#companyInfo li dl dd{padding-left: 30px; display: table-cell; vertical-align: middle;}
#sendmail{margin-bottom: 15px; line-height: 31px;}
#sendmail a{
	width: 205px;
	height: 31px;
	text-indent: -9999px;
	outline: none;
	background-image: url(../img/common/hd_mail.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: inline-block;
}
#sendmail a:link{background-position: 0 0;}
#sendmail a:hover{background-position: 0 100%;}

/* 06 application.html
-------------------------------------------------------*/
#contact{
	width: 540px;
	padding: 30px 20px;
	margin: 0 auto 20px;
	border: 1px solid #a6aab7;
	border-radius: 8px;
	background: #f4f5f6;
	color: #48557b;
}
#contact_btn{
	text-align:center;
}
#contact dl dt{
	padding: 10px 0 0;
	font-weight: bold;
}
#contact dl dt:before{
	content: "◆";
	color: #98a8dc;
}
#contact dl dt span{font-weight: normal;}
#contact dl dd{padding: 0 0 10px;}
#contact dl dd:not(:last-child){border-bottom: 1px dotted #a4a9b8;}
#contact dl dd textarea{width: 100%; height: 9em; resize: vertical;}
#submitBox{padding: 10px 0;}
#chkBox{display: block; margin-bottom: 15px;}
#contactMail{padding: 30px 10px 0;}
#contactMail a{
	width: 258px;
	height: 60px;
	display: block;
	background-image: url(../img/other/sendmail.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline:none;
}
#contactMail a:hover{background-position: 0 100%;}
#contactTel{padding: 15px 0;}
#contactTel p{margin-bottom: 10px;}
#contactTel p span{color: #13980f;}

#lineInfo:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html #lineInfo { zoom: 1; } /* IE7 */
#lineInfo{
	margin-bottom: 35px;
	background: url(../img/other/line_caps.png) 480px 0 no-repeat;
	position: relative;
}
#linetxt{
	float: left;
	padding:13px 0 0 9px;
}
#lineqr{
	padding: 2px 122px 0 0;
	float: right;
}
#linelink{
	position: absolute;
	top: 122px;
	left: 328px;
}

/* 07 sitemap.html
-------------------------------------------------------*/
.smLink{padding: 20px 0;}
.smLink:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html .smLink { zoom: 1; } /* IE7 */
.smLink ul{
	width: 50%;
	float: left;
}
.smLink ul li{
	padding: 5px 5px 5px 20px;
	line-height: 2em;
}
.smLink ul li a{
	padding-left: 25px;
	color: #007de8;
	text-decoration: none;
	background: url(../img/other/sm_bullet.png) 0 50% no-repeat;
}
.smLink ul li a:hover{text-decoration: underline;}

/* 08 tadaima/
-------------------------------------------------------*/
.tdHead{
	min-height: 32px;
	line-height: 32px;
	padding: 4px 0 4px 40px;
	font-size: 115%;
	color: #754f54;
	background: url(../img/tadaima/tdm_bullet.png) 0 50% no-repeat;
	border-bottom: 2px solid #cab5a8;
	text-align:left;
}
.tdInner{padding: 10px 0 10px;}
#aboutFlow{
	padding: 40px 0 10px;
	text-align: center;
}
#aboutFlow li:not(:last-child){
	padding-bottom: 14px;
	margin-bottom: 4px;
	background: url(../img/tadaima/flow_arrow.png) 50% 100% no-repeat;
}
.indMenu li a{background:url(../img/common/top_menu.jpg);}

#aboutImg{
	padding-bottom: 150px;
	margin-bottom: 20px;
	background: url(../img/tadaima/img_about.png) 50% 100% no-repeat;
}
#beginnerImg{
	min-height: 250px;
	padding-right: 160px;
	background: url(../img/tadaima/img_beginner.png) 100% 0 no-repeat;
}
#ageImg{
	min-height: 150px;
	padding-left: 260px;
	background: url(../img/tadaima/img_age.png) 0 0 no-repeat;
}
#faceImg{
	padding-bottom: 130px;
	margin-bottom: 20px;
	background: url(../img/tadaima/img_face.png) 50% 100% no-repeat;
}
#comebackImg{
	min-height: 250px;
	padding-left: 160px;
	background: url(../img/tadaima/img_comeback.png) 0 0 no-repeat;
}
.green{color:#4b9d7b;}
/* 09 interview/
-------------------------------------------------------*/
#interview{
	padding-bottom: 25px;
	background: #fff url(../img/interview/interview_bg.png) 0 0 no-repeat;
}
#intList{padding: 15px;}
#intList li{padding: 10px 0;}
#intList li:not(:last-child){border-bottom: 1px solid #ad9191;}
#intList li a{
	width: 100%;
	background: url(../img/interview/icon_interview.png) 100% 50% no-repeat;
	display: table;
}
#intList li a div{
	display: table-cell;
	vertical-align: middle;
}
#intList li a div.intListPhoto{width: 35px; padding: 0 10px;}
#intList li a div.intListName{padding: 0 15px; font-size: 129%;}
#intList li a div img{
	border: 2px solid #fff;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);
	box-shadow: 0 0 3px rgba(0,0,0,0.4);
}
#intHead{padding: 24px 35px 15px 55px;}
#intHead:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html #intHead { zoom: 1; } /* IE7 */

#intPhoto{float: left;}
#intPhoto img{
	border: 4px solid #fff;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);
	box-shadow: 0 0 3px rgba(0,0,0,0.4);
}
#intInfo{
	width: 342px;
	float: left;
	padding-left: 30px;
}
#intInfo h4{
	font-size: 115%;
	margin-bottom: 15px;
}
#intComment{
	padding: 10px 15px;
	background: #fadbdb;
	color: #8f4f4f;
	border-radius: 6px;
	position: relative;
}
#intComment:after {
	right: 100%;
	top: 22px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(250, 219, 219, 0);
	border-right-color: #fadbdb;
	border-width: 10px;
	margin-top: -10px;
}
#intQA{padding: 0 15px;}
#intQA dt{
	padding-left: 22px;
	margin-left: 18px;
	background: #ecd5d5;
	color: #754f54;
	position: relative;
}
#intQA dt:before{
	width: 36px;
	height: 36px;
	margin-top: -18px;
	content: "";
	background: url(../img/interview/q_icon.png) 50% 50% no-repeat;
	display: block;
	position: absolute;
	top: 50%;
	left: -18px;
}
#intQA dd{padding: 15px;}
#intPages{
	padding: 15px 0;
	text-align: center;
	border-top: 1px solid #ad9191;
}
#intPages li{display: inline-block;}
#intPages li:nth-child(2n):before{content: "｜"; display: inline-block;}
#intPages li a{
	padding: 5px 15px;
	color: #476ff1;
	text-decoration: none;
}
#intPages li a:hover{text-decoration: underline;}

/* 10 404.html
-------------------------------------------------------*/
body#nf{background: #f8f7f4;}
#nfBox{
	width: 520px;
	height: 560px;
	padding: 0 20px;
	margin-top: -280px;
	margin-left: -280px;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: left;
}
#nfBox h1{margin-bottom: 35px; text-align: center;}
#nfBox h2{margin-bottom: 15px; text-align: center;}
#nfBox dl dt{
	line-height: 2;
	padding-left: 20px;
	background: url(../img/common/nf_bullet.png) 0 50% no-repeat;
}
#nfBox dl dd{line-height: 2;}
#nfBox a{color:#007de8; text-decoration: none;}
#nfBox a:hover{text-decoration: underline;}

/* 11 blog.html
-------------------------------------------------------*/
#blog{
	width: 585px;
	padding: 10px 0;
	margin-left: 5px;
	background:
		url(../img/index/news_top.png) 0 0 no-repeat,
		url(../img/index/news_btm.png) 0 100% no-repeat
	;
}
#blogInner{padding: 0 15px 0 40px; background: url(../img/index/news_bg.png) 0 0 repeat-y;}
/*#blog ol{padding: 0 15px 0 40px;}*/
#blog ol li{
	padding: 15px 0;
	border-bottom: 1px dashed #c5c7cb;
}
#blog ol li dl dt{
	min-height: 28px;
	padding-left: 25px;
	line-height: 2em;
}
#blog ol li dl.man dt{background: url(../img/index/icon_man.png) 0 50% no-repeat;}
#blog ol li dl.woman dt{background: url(../img/index/icon_woman.png) 0 50% no-repeat;}
#blog ol li dl dt a{color: #a67d4d;}
#blog ol li dl dt span{color: #658ecf; font-size: 86%;}
#blog ol li dl dd{color: #6f747c; font-size: 79%;}

#blogPages:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html #blogPages { zoom: 1; } /* IE7 */
#blogPages{padding: 20px 0;}
#blogPages li a{
	width: 56px;
	height: 20px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	outline: none;
}
#blogPages li#prevList{float: left;}
#blogPages li#prevList a{background-image: url(../img/blog/blog_prev.png);}
#blogPages li#prevList a:hover{background-position: 0 100%;}
#blogPages li#nextList{float: right;}
#blogPages li#nextList a{background-image: url(../img/blog/blog_next.png);}
#blogPages li#nextList a:hover{background-position: 0 100%;}


#blog h4{
	padding: 15px 0 15px 30px;
	margin-bottom: 5px;
	border-bottom: 1px dashed #c5c7cb;
	font-size: 129%;
	color: #a67d4d;
}
#blog h4#blogShop{background: url(../img/index/icon_man.png) 0 50% no-repeat;}
#blog h4#blogLady{background: url(../img/index/icon_woman.png) 0 50% no-repeat;}
#postDate{text-align: right; color: #658ecf; font-size: 86%;}
#postTxt{padding-bottom: 20px; border-bottom: 1px dashed #c5c7cb; color:#6f747c;}

#detFunc{padding: 20px 10px;}
#detFunc:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#detFunc a{
	display: block;
	text-indent: -9999px;
	outline: none;
}
*:first-child+html #detFunc { zoom: 1; } /* IE7 */
#backlist{float: left;}
#backlist a{
	width: 113px;
	height: 19px;
	background-image: url(../img/blog/backlist.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#backlist a:hover{background-position: 0 100%;}

#detPages{float: right;}
#detPages li{display: inline-block;}
#detPages li a{
	width: 80px;
	height: 20px;
	background-image: url(../img/blog/det_pages.png);
	background-repeat: no-repeat;
}
#detPages li#prevPost a{background-position: 0 0;}
#detPages li#nextPost a{background-position: 100% 0;}
#detPages li#prevPost a:hover{background-position: 0 100%;}
#detPages li#nextPost a:hover{background-position: 100% 100%;}

/* 12 money/
-------------------------------------------------------*/
.monBox{
	padding: 20px 0;
	text-align: center;
}
.monBox p{
	margin-bottom: 5px;
	text-align: left;
}
/*.monBox h4{
	min-width: 350px;
	padding: 5px 20px;
	margin-bottom: 15px;
	text-align: center;
	font-size: 115%;
	display: inline-block;
	background: #ebe9e3;
}*/
.mNavList{width:620px; margin-left:-10px;}
.mNavList li{display: inline-block;}

#monFrame{
	width: 562px;
	padding: 115px 0 20px 30px;
	margin: 0 auto;
	border: 4px solid #e3e0d7;
	border-radius: 7px;
	position: relative;
	margin-top:20px;
}
#monFrame h5{
	width: 100%;
	text-align: center;
	position: absolute;
	top: -10px;
	left: 0;
}
#monFrame #monInner:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html #monFrame #monInner { zoom: 1; } /* IE7 */
#monFrame #monInner{
	display:flex;
	margin-left:-10px;
}
#monFrame #mPhoto{
	padding-top: 7px;
	float: left;
}
#monFrame #mDet{
	padding: 27px 0 0 13px;
	float: left;
	text-align:left;
}
#monFrame #mDet li{margin-bottom: 15px;}
#monFrame #mEx{
	padding-left: 23px;
	float: left;
	text-align: left;
	margin-left:-10px;
}
#monFrame #mEx dt{
	padding-left: 25px;
	margin-bottom: 10px;
}
#monFrame div#mEx{padding-top: 25px;}

#monFrame #comment{
	padding-right: 30px;
	position: relative;
}
#monFrame #comment h6{
	position: absolute;
	top: -51px;
	left: 0;
}
#monFrame #comment #ageCaps{
	position: absolute;
	top: -37px;
	left: 141px;
}
.arrow_box {
	padding: 10px;
	position: relative;
	background: #fff;
	border: 1px solid #a98888;
	border-radius: 5px;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 60px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 16px;
	margin-left: -16px;
}
.arrow_box:before {
	border-color: rgba(169, 136, 136, 0);
	border-bottom-color: #a98888;
	border-width: 17px;
	margin-left: -17px;
}

/* 13 howto/
-------------------------------------------------------*/
.hBox{padding: 20px 45px;}
#howtoList{
	text-align: left;
	border: 4px solid #d8c4da;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 7px;
}
#howtoList dt{
	padding: 10px;
	background: #ebe0ec;
	cursor: pointer;
}
#howtoList dt:not(:nth-last-child(2)){border-bottom: 2px solid #6c416c;}
#howtoList dt:after{
	width: 20px;
	height: 26px;
	content: '';
	display: block;
	background: url(../img/howto/howto_arrow.png) 0 0 no-repeat;
	float: right;
}
#howtoList dt.selected:after{background-position: 100% 0;}
#howtoList dd{
	padding: 10px 10px 20px;
	background: #fff;
	text-align: center;
}
#howtoList dd:last-child{border-top: 2px solid #6c416c;}
#howtoList dd h4{
	height: 2em;
	line-height: 2em;
	padding: 0 10px;
	margin: 0 20px 10px;
	position:relative;
	text-align:center;
	display: inline-block;
	background: #e8e9d8;
}
#howtoList dd h4:before{
	content:" ";
	position:absolute;
	z-index:0;
	top:0;
	left:-0.5em;
	width: 1em;
	height: 0px;
	border-top: 1em solid #e8e9d8;
	border-right: 0.5em solid transparent;
	border-bottom: 1em solid #e8e9d8;
	border-left: 0.5em solid transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#howtoList dd h4:after{
	content:" ";
	position:absolute;
	z-index:0;
	top:0;
	right:-0.5em;
	width: 1em;
	height: 0px;
	border-top: 1em solid #e8e9d8;
	border-right: 0.5em solid transparent;
	border-bottom: 1em solid #e8e9d8;
	border-left: 0.5em solid transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ans{text-align: left;color: #6c416c;}
.ans h5{color: #a78366;}
#ansImg01{min-height: 143px; padding-right: 205px; background: url(../img/howto/qimg_1.png) 100% 100% no-repeat;}
#ansImg02{min-height: 143px; padding-right: 210px; background: url(../img/howto/qimg_2.png) 100% 100% no-repeat;}
#ansImg03{min-height: 143px; padding-right: 150px; background: url(../img/howto/qimg_3.png) 100% 100% no-repeat;}
#ansImg04{min-height: 143px; padding-right: 160px; background: url(../img/howto/qimg_4.png) 100% 100% no-repeat;}
#ansImg05{min-height: 143px; padding-right: 160px; background: url(../img/howto/qimg_5.png) 100% 100% no-repeat;}
#ansImg07{min-height: 192px; padding-right: 160px; background: url(../img/howto/qimg_7.png) 100% 100% no-repeat;}

/* 14 staff/
-------------------------------------------------------*/
#titleStf{
	color: #ffffff;
	border:solid 1px #2676a4;
	border-collapse:collapse;
	width:100%;
}
#titleStf tr{background:#f5fbfe;}
#titleStf #titleConstf{background:#2676a4;}
#titleStf #titleConstf th{
	text-align:center;
	height:30px;
}
#titleStf tr td{
	padding:30px 20px 15px;
	margin: 0 auto;
	color: #2676a4;
}
#stfTelm{
	display:flex;
	justify-content: center;
	align-items: center;
	width:620px;
	margin-left:-10px;
}
#stfTelm img{padding:20px 10px;}
.redStf{color:#b90c0c;}
.smallStf{font-size:0.8em;}
#contact_btn2{text-align:center;}
#contact_btn2 a img{padding-top:10px;}
#titleStf tr td dl dt{
	padding: 10px 0 0;
	font-weight: bold;
}
#titleStf tr td dl dt:before{
	content: "◆";
	color: #92d0f4;
	font-size:1.2em;
}
#titleStf tr td dl dt span{font-weight: normal;}
#titleStf tr td dl dd{padding: 0 0 10px;}
#titleStf tr td dl dd:not(:last-child){border-bottom: 1px dotted #a4a9b8;}
#titleStf tr td dl dd textarea{width: 100%; height: 9em; resize: vertical;}


/* 99 closed/
-------------------------------------------------------*/
/*#headInnerCL {
	width: 1020px;
	margin: 0 auto;
	position: relative;
}*/
#bodyCL {background: none;}
#bodyCL header {
	height: unset;
	background: none;
}
#wrapperCL {
	height: auto;
	min-height: 100%;
}
#closed{padding:40px 0;}
#centerCL {
	font-size: 1.0rem;
	width: 500px;
	margin: 0 auto;
}
#headInnerCL {background: #343434;}
#mainCL #logo{padding:30px 0;}
#mainCL #titleCL{margin-bottom:30px;}
#txtCL p:nth-child(3){text-align:left; margin-left: 15px;}
#otherAreaCL{
	margin-bottom: 30px;
	display: flex;
	justify-content: center;
}
#otherAreaCL:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html #otherAreaCL { zoom: 1; } /* IE7 */
#otherAreaCL p{margin-bottom: 10px;}
#otherAreaCL ul li {float: left; margin-bottom: 6px;}
#otherAreaCL ul li:not(:last-child) {margin-right:12px;}
#otherAreaCL ul li a{
	width: 88px;
	height: 88px;
	display: block;
	background-image: url(../img/common/sub_area.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline :none;
}

#otherAreaCL ul li#subTJ a{background-position: 0 0;}
#otherAreaCL ul li#subNB a{background-position: -91px 0;}
#otherAreaCL ul li#subKB a{background-position: 0 -94px;}
#otherAreaCL ul li#subKT a{background-position: -182px -94px;}

#otherAreaCL ul li#subTJ a:hover{background-position: 0 -188px;}
#otherAreaCL ul li#subNB a:hover{background-position: -91px -188px;}
#otherAreaCL ul li#subKB a:hover{background-position: 0 -282px;}
#otherAreaCL ul li#subKT a:hover{background-position: -182px -282px;}
#bodyCL footer{
	height: 50px;
	margin-top: -50px;
}