@charset "utf-8";

/*-----------------------------------------------------
rayout
-------------------------------------------------------*/
/*-----------------------------------------------------
各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-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HGS明朝E", "ＭＳ Ｐ明朝", serif;*/
	font-size:14px;
	color:#505050;
	line-height:1.5;
	margin:0px;
	padding:0px;
	text-align:center;
	background: #fcfcfc;
}
/* 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: 1020px;
	margin: 0px auto;
}
#contents {
	clear:both;
	padding:0 0 20px;
	text-align:left;
}
#contents::after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html #contents { zoom: 1; } /* IE7 */
#main {
	width:720px;
	padding:0 0 30px;
	float:left;
}
#sub {
	width:250px;
	padding:0;
	float:right;
}
#pagetop{
	width: 100%;
	margin-left: 1040px;
	position: fixed;
	bottom: 140px;
	left: auto;
}
#pagetop a{
	width: 40px;
	height: 40px;
	display: block;
	background-image: url(../img/common/pagetop.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}
#pagetop a:hover{background-position: 100% 0;}
/*-----------------------------------------------------
Header
-------------------------------------------------------*/
header{margin-bottom: 30px;}
header #hdSet{
	width: 1020px;
	height: 136px;
	margin: 0 auto;
	position: relative;
	background: url(../img/common/mascot.png) 672px 100% no-repeat;
}
#nf header #hdSet{background: none;}
header #hdSet h1 {
	font-size: 72%;
	color: #999;
	float: left;
}
header #hdSet h1 a{color: #989898;}
header #hdSet h2 {
	padding-top: 65px;
	text-align: center;
}
header #hdSet p#rsv {
	width: 100%;
	position: fixed;
	left: auto;
	top: 1px;
	margin-left: 881px;
	z-index: 9999;
}
header #hdSet p#rsv a{
	width: 148px;
	height: 148px;
	background-image: url(../img/common/hd_rsv.png);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	outline: none;
}
header #hdSet p#rsv a,
header #hdSet p#rsv a:link{background-position: 0 0;}
header #hdSet p#rsv a:hover{background-position: 100% 0;}
/*-----------------------------------------------------
topNav
-------------------------------------------------------*/
nav {border-top: 2px solid #dfdfdf;}
nav ul#topNav::after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html nav ul#topNav { zoom: 1; } /* IE7 */
nav ul#topNav{
	width: 1020px;
	margin: -2px auto 0;
}
nav ul#topNav li{float:left;}
nav ul#topNav li a{
	height: 62px;
	display: block;
	background-image: url(../img/common/nav.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
}
nav ul#topNav li#navTOP a{width: 160px; background-position: 0 0;}
nav ul#topNav li#navABT a{width: 200px; background-position: -160px 0;}
nav ul#topNav li#navSHP a{width: 150px; background-position: -360px 0;}
nav ul#topNav li#navFAQ a{width: 162px; background-position: -510px 0;}
nav ul#topNav li#navMNU a{width: 174px; background-position: -672px 0;}
nav ul#topNav li#navSTF a{width: 174px; background-position: -846px 0;}

nav ul#topNav li#navTOP a:hover,nav ul#topNav li#navTOP a.act{background-position: 0 100%;}
nav ul#topNav li#navABT a:hover,nav ul#topNav li#navABT a.act{background-position: -160px 100%;}
nav ul#topNav li#navSHP a:hover,nav ul#topNav li#navSHP a.act{background-position: -360px 100%;}
nav ul#topNav li#navFAQ a:hover,nav ul#topNav li#navFAQ a.act{background-position: -510px 100%;}
nav ul#topNav li#navMNU a:hover,nav ul#topNav li#navMNU a.act{background-position: -672px 100%;}
nav ul#topNav li#navSTF a:hover,nav ul#topNav li#navSTF a.act{background-position: -846px 100%;}

/*-----------------------------------------------------
sub
-------------------------------------------------------*/
#date{
	width: 250px;
	height: 120px;
	margin-bottom: 20px;
	background: url(../img/common/dat_bg.png) 0 0 no-repeat;
	text-align: center;
	line-height: 1;
}
#date dl{padding: 0 20px;}
#date dl dt{padding: 10px 0; border-bottom: 1px dashed #929395;}
#date dl dt div#day{
	margin: 0 auto;
	display: inline-block;
	letter-spacing: -.3em;
}
#date dl dt div#day p{
	display: inline-block;
	letter-spacing: normal;
}
#date dl dt div#day p span{
	height: 34px;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#date dl dt div#day p#day_m{
	padding-right: 21px;
	background: url(../img/common/day_divide.png) 100% 50% no-repeat;
}
#date dl dt div#day p#day_m span,
#date dl dt div#day p#day_d span{
	width: 52px;
	background-image: url(../img/common/day_num.png);
}
#date dl dt div#day p#day_w span{
	width: 50px;
	background-image: url(../img/common/week.png);
}

#date dl dt div#day p span.d-1{background-position: 0 0;}
#date dl dt div#day p span.d-2{background-position: 0 -34px;}
#date dl dt div#day p span.d-3{background-position: 0 -68px;}
#date dl dt div#day p span.d-4{background-position: 0 -102px;}
#date dl dt div#day p span.d-5{background-position: 0 -136px;}
#date dl dt div#day p span.d-6{background-position: 0 -170px;}
#date dl dt div#day p span.d-7{background-position: 0 -204px;}
#date dl dt div#day p span.d-8{background-position: 0 -238px;}
#date dl dt div#day p span.d-9{background-position: 0 -272px;}
#date dl dt div#day p span.d-10{background-position: 0 -306px;}
#date dl dt div#day p span.d-11{background-position: 0 -340px;}
#date dl dt div#day p span.d-12{background-position: 0 -374px;}
#date dl dt div#day p span.d-13{background-position: 0 -408px;}
#date dl dt div#day p span.d-14{background-position: 0 -442px;}
#date dl dt div#day p span.d-15{background-position: 0 -476px;}
#date dl dt div#day p span.d-16{background-position: 0 -510px;}
#date dl dt div#day p span.d-17{background-position: 0 -544px;}
#date dl dt div#day p span.d-18{background-position: 0 -578px;}
#date dl dt div#day p span.d-19{background-position: 0 -612px;}
#date dl dt div#day p span.d-20{background-position: 0 -646px;}
#date dl dt div#day p span.d-21{background-position: 0 -680px;}
#date dl dt div#day p span.d-22{background-position: 0 -714px;}
#date dl dt div#day p span.d-23{background-position: 0 -748px;}
#date dl dt div#day p span.d-24{background-position: 0 -782px;}
#date dl dt div#day p span.d-25{background-position: 0 -816px;}
#date dl dt div#day p span.d-26{background-position: 0 -850px;}
#date dl dt div#day p span.d-27{background-position: 0 -884px;}
#date dl dt div#day p span.d-28{background-position: 0 -918px;}
#date dl dt div#day p span.d-29{background-position: 0 -952px;}
#date dl dt div#day p span.d-30{background-position: 0 -986px;}
#date dl dt div#day p span.d-31{background-position: 0 -1020px;}

#date dl dd{padding-top: 9px;}
#date dl dd div#time{
	padding-left: 24px;
	margin: 0 auto;
	background: url(../img/common/time_icon.png) 0 50% no-repeat;
	display: inline-block;
	letter-spacing: -.3em;
}
#date dl dd div#time p{
	display: inline-block;
	letter-spacing: normal;
}
#date dl dd div#time p:not(:first-child){
	padding-left: 7px;
	background: url(../img/common/time_divide.png) 0 50% no-repeat;
}
#date dl dd div#time p span{
	width: 26px;
	height: 20px;
	display: inline-block;
	background-image: url(../img/common/time_num.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}
#date dl dd div#time p span.t-00{background-position:0 0;}
#date dl dd div#time p span.t-01{background-position:0 -20px;}
#date dl dd div#time p span.t-02{background-position:0 -40px;}
#date dl dd div#time p span.t-03{background-position:0 -60px;}
#date dl dd div#time p span.t-04{background-position:0 -80px;}
#date dl dd div#time p span.t-05{background-position:0 -100px;}
#date dl dd div#time p span.t-06{background-position:0 -120px;}
#date dl dd div#time p span.t-07{background-position:0 -140px;}
#date dl dd div#time p span.t-08{background-position:0 -160px;}
#date dl dd div#time p span.t-09{background-position:0 -180px;}
#date dl dd div#time p span.t-10{background-position:0 -200px;}
#date dl dd div#time p span.t-11{background-position:0 -220px;}
#date dl dd div#time p span.t-12{background-position:0 -240px;}
#date dl dd div#time p span.t-13{background-position:0 -260px;}
#date dl dd div#time p span.t-14{background-position:0 -280px;}
#date dl dd div#time p span.t-15{background-position:0 -300px;}
#date dl dd div#time p span.t-16{background-position:0 -320px;}
#date dl dd div#time p span.t-17{background-position:0 -340px;}
#date dl dd div#time p span.t-18{background-position:0 -360px;}
#date dl dd div#time p span.t-19{background-position:0 -380px;}
#date dl dd div#time p span.t-20{background-position:0 -400px;}
#date dl dd div#time p span.t-21{background-position:0 -420px;}
#date dl dd div#time p span.t-22{background-position:0 -440px;}
#date dl dd div#time p span.t-23{background-position:0 -460px;}
#date dl dd div#time p span.t-24{background-position:0 -480px;}
#date dl dd div#time p span.t-25{background-position:0 -500px;}
#date dl dd div#time p span.t-26{background-position:0 -520px;}
#date dl dd div#time p span.t-27{background-position:0 -540px;}
#date dl dd div#time p span.t-28{background-position:0 -560px;}
#date dl dd div#time p span.t-29{background-position:0 -580px;}
#date dl dd div#time p span.t-30{background-position:0 -600px;}
#date dl dd div#time p span.t-31{background-position:0 -620px;}
#date dl dd div#time p span.t-32{background-position:0 -640px;}
#date dl dd div#time p span.t-33{background-position:0 -660px;}
#date dl dd div#time p span.t-34{background-position:0 -680px;}
#date dl dd div#time p span.t-35{background-position:0 -700px;}
#date dl dd div#time p span.t-36{background-position:0 -720px;}
#date dl dd div#time p span.t-37{background-position:0 -740px;}
#date dl dd div#time p span.t-38{background-position:0 -760px;}
#date dl dd div#time p span.t-39{background-position:0 -780px;}
#date dl dd div#time p span.t-40{background-position:0 -800px;}
#date dl dd div#time p span.t-41{background-position:0 -820px;}
#date dl dd div#time p span.t-42{background-position:0 -840px;}
#date dl dd div#time p span.t-43{background-position:0 -860px;}
#date dl dd div#time p span.t-44{background-position:0 -880px;}
#date dl dd div#time p span.t-45{background-position:0 -900px;}
#date dl dd div#time p span.t-46{background-position:0 -920px;}
#date dl dd div#time p span.t-47{background-position:0 -940px;}
#date dl dd div#time p span.t-48{background-position:0 -960px;}
#date dl dd div#time p span.t-49{background-position:0 -980px;}
#date dl dd div#time p span.t-50{background-position:0 -1000px;}
#date dl dd div#time p span.t-51{background-position:0 -1020px;}
#date dl dd div#time p span.t-52{background-position:0 -1040px;}
#date dl dd div#time p span.t-53{background-position:0 -1060px;}
#date dl dd div#time p span.t-54{background-position:0 -1080px;}
#date dl dd div#time p span.t-55{background-position:0 -1100px;}
#date dl dd div#time p span.t-56{background-position:0 -1120px;}
#date dl dd div#time p span.t-57{background-position:0 -1140px;}
#date dl dd div#time p span.t-58{background-position:0 -1160px;}
#date dl dd div#time p span.t-59{background-position:0 -1180px;}






#calender{
	padding: 3px;
	border: 1px dotted #000;
	margin-bottom: 25px;
}
/* CLNDR --------------------------------- */
.clndr-controls{
	width: 100%;
	background: #494646;
	color: #fff;
	display: table;
	border-top: 2px solid #494646;
}
.clndr-controls > div{display: table-cell; text-align: center; vertical-align: middle;}
.clndr-controls .month{font-size: 115%;}
.clndr-control-button{
	width: 3em;
	padding: 0 5px;
}
.clndr-control-button span{
	padding: 0 5px;
	background: #ef4135;
	font-size: 79%;
	border-radius: 1.5em;
	cursor: pointer;
}
.clndr-table{
	width: 100%;
	border-collapse: collapse;
	border: 2px solid #494646;
}
.clndr-table td{
	text-align: center;
	border: 1px solid #d4cecc;
	color: #888;
}
.clndr-table td.adjacent-month{
	color: #ddd;
}
.clndr-grid{border: 2px solid #494646;}
td.header-day{
	color: #333;
	border-bottom: 1px solid #494646;
}
.calendar-dow-0{background: #f3f3f3;}
.today .day-contents{
	background: #ef4135;
	border-radius: 1em;
	color: #fff;
}

/* CLNDR --------------------------------- */
#fellow{margin-bottom: 20px;}
#fellow dl{
	height: 70px;
	padding: 0 73px 0 7px;
	background: url(../img/common/fellow_bg.png) 100% 100% no-repeat;
	text-align: center;
	line-height: 1;
}
#fellow dl dt{margin-bottom: 7px;}
#fellow dl dd span{
	font-size: 30px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #ef4135;
	font-weight: bold;
}
#fellow dl dd img{vertical-align: baseline;}
#shops{
	padding: 5px;
	border: 1px solid #494646;
	border-radius: 5px;
	background: url(../img/common/fellow_pat.png) 0 0 repeat;
}
#shops table{
	width: 100%;
	border-collapse: collapse;
	border: 2px solid #494646;
	background: #fff;
} 
#shops table th#area{background: #ef4135; color: #fff;}
#shops table th#count{background: #494646; color: #fff; text-align: center;}
#shops table td{border: 1px solid #c4c4c4;}
#shops table td span{font-weight: bold;}
#shops table tr:nth-child(2n+1) td{background: #f6f6f6;}
#shops table tr td:last-child{text-align: center;}

#banners li{margin-bottom: 10px;}

#blog{margin-bottom: 20px;}
#blog ul{
	padding: 9px;
	border: 1px solid #c7c7c7;
}
#blog ul li a{
	padding: 8px 0;
	display: block;
}
#blog ul li a::before{content: '■'; color: #ef4135;}
#blog ul li a:link{text-decoration: none; color: #444;}
#blog ul li a:hover{text-decoration: underline; color: #ef4135;}
#blog ul li:not(:first-child){border-top: 1px dotted #999595;}

#qr{
	padding: 20px 15px;
	margin-bottom: 20px;
	border: 1px solid #c7c7c7;
	border-radius: 5px;
}
#qr dl{
	width: 100%;
	display: table;
	text-align: center;
}
#qr dl dt,
#qr dl dd{display: table-cell; vertical-align: middle;}

#enq dl{
	padding: 15px 10px;
	background: #f8f7f7;
	text-align: center;
	border: 1px solid #c7c7c7;
	border-radius: 0 0 8px 8px;
}
#enq dl button{
	width: 125px;
	height: 26px;
	text-indent: -9999px;
	background-image: url(../img/common/enq_submit.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	border: none;
	cursor: pointer;
}
#enq dl button:hover{background-position: 0 100%;}
#enq dl dd{padding: 5px 0;}
#enq dl dd textarea{
	width: 100%;
	resize: vertical;
}

/*-----------------------------------------------------
footer
-------------------------------------------------------*/
footer {
	text-align: center;
	background: #555;
}
#ftInner{
	width: 1020px;
	height: 100px;
	padding: 20px 0 0;
	margin: 0 auto;
	background: #555 url(../img/common/ft_logo.png) 100% 100% no-repeat;
}
footer ul{letter-spacing: -.3em;}
footer ul li{
	display: inline-block;
	color: #fff;
	letter-spacing: normal;
}
footer ul#func{margin-bottom: 10px;}
footer ul#ftArea{margin-bottom: 15px; font-size: 72%;}
footer ul li:not(:first-child)::before{content: '｜';}
footer a:link,
footer a:visited{text-decoration: none; color: #fff;}
footer a:hover{text-decoration: underline; color: #ef4135;}
footer small{
	padding:0px;
	font-style:normal;
	color: #cfcfcf;
}
footer small a:link,
footer small a:visited{color: #cfcfcf;}


/*-----------------------------------------------------
main
-------------------------------------------------------*/
/*
00 404.html
01 index.html
02 about.html
03 recruit/
04 faq.html(staff/stf_faq.html)
05 manual/
06 manual/item.html
07 staff/
08 staff/workflow.html
09 staff/flow.html
10 contact.html
11 area/
12 area/○○.html
13 area/brand.html
14 area/age.html
15 enrolled.html
16 past.html
17 inexp.html
18 worker.html
19 mother.html
20 terrace.html
21 learn/
22 learn/intro.html
23 learn/beginner.html
24 learn/intermediate.html
25 learn/advanced.html
26 mynum.html
27 business.html
28 comfort.html
29 privacy.html
30 sitemap.html

*/
p.txt {padding:5px 10px;}
td,th {
	padding:3px 5px;
	vertical-align:middle;
}
.hdTitle{
	padding: 26px;
	margin-bottom: 30px;
	background: url(../img/title/hd_bg.png) 0 0 repeat;
}
.hd2Line{
	padding: 8px 26px;
	margin-bottom: 30px;
	background: url(../img/title/hd_bg.png) 0 0 repeat;
	position: relative;
}
.hd2Line span{
	position: absolute;
	top: -16px;
	right: 46px;
}
#breadcrumb{
	padding-left: 20px;
	margin-bottom: 20px;
	background: url(../img/common/bc_home.png) 0 50% no-repeat;
	letter-spacing: -.3em;
}
#breadcrumb li{
	display: inline-block;
	letter-spacing: normal;
}
#breadcrumb li:not(:first-child)::before{
	padding: 0 8px;
	content: '＞';
	border: none;
}

.contact{text-align: center;}
.contact a{
	width: 400px;
	height: 70px;
	display: inline-block;
	background-image: url(../img/common/contact_btn.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	outline: none;
}
.contact a:hover{background-position: 0 100%;}

/* swiper(override)
-----------------------------------------------------------*/
.swiper-slide{
	flex-shrink:0 !important;
}
.swiper-container{
	min-width: 1020px !important;
	margin-bottom: 20px !important;
	position: relative;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction{
	bottom: 0 !important;
}
.swiper-pagination{
	padding-top: 15px !important;
	position: relative !important;
}
.swiper-pagination-bullet{
	width: 154px !important;
	height: 42px !important;
	border-radius: 0 !important;
	opacity: 0.5 !important;
}
.swiper-pagination-bullet:hover{
	opacity: 1 !important;
	transition: all .4s !important;}
.swiper-pagination-bullet-active {opacity: 1 !important;}


.swiper-pagination span:nth-child(1){background: url(../img/slide/banner01_thum.jpg);}
.swiper-pagination span:nth-child(2){background: url(../img/slide/banner02_thum.jpg);}
.swiper-pagination span:nth-child(3){background: url(../img/slide/banner03_thum.jpg?d=250210);}
.swiper-pagination span:nth-child(4){background: url(../img/slide/banner04_thum.jpg);}
.swiper-pagination span:nth-child(5){background: url(../img/slide/banner05_thum.jpg);}


#swpPages{
	width: 1060px;
	margin-left: -530px;
	margin-top: -22px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9999;
}
#swpPages li{
	display: block;
	cursor: pointer;
	width: 44px;
	height: 44px;
	background: rgba(0,0,0,.3);
	text-indent: -9999px;
	outline: none;
	border-radius: 100%;
	position: relative;
}
#swpPages li::after{
	width: 14px;
	height: 24px;
	display: block;
	content: '';
	top: 10px;
	left: 15px;
	position: absolute;
}
#swpPages li.slidePrev{float: left;}
#swpPages li.slideNext{float: right;}
#swpPages li.slidePrev::after{background-image: url(../img/slide/prev.png);}
#swpPages li.slideNext::after{background-image: url(../img/slide/next.png);}


/* 00 404.html
-----------------------------------------------------------*/
#nf h3{margin-bottom: 30px;}

#nf dl dt::before{
	content: '▼';
	color: #ef4135;
}
#nf dl dt,
#nf dl dd{
	padding: 5px 0;
	font-weight: bold;
}

/* 01 index.html
-----------------------------------------------------------*/
/* auth ----------------------- */
.remodal-overlay{background: url(../img/common/auth_bg.png) 0 0 repeat;}

#auth{
	border-radius: 10px;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.5);
	box-shadow: 0 0 2px rgba(0,0,0,.5);
}
#auth h1{margin-bottom: 35px;}
#auth h2{
	padding: 25px 0;
	background: 
		url(../img/common/auth_deco.png) 0 0 repeat-x,
		url(../img/common/auth_deco.png) 0 100% repeat-x
	;
	margin-bottom: 35px;
	position: relative;
}
#auth h2::after{
	width: 71px;
	height: 82px;
	content: '';
	display: block;
	background: url(../img/common/auth_chara.png) 0 0 no-repeat;
	position: absolute;
	bottom: -14px;
	right: -7px;
}
#authTxt{
	padding-bottom: 20px;
	margin-bottom: 40px;
	position: relative;
	text-align: left;
	background: #fff;
	border-bottom: 4px solid #555;
}
#authTxt::after, #authTxt::before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#authTxt::after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 16px;
	margin-left: -16px;
}
#authTxt::before {
	border-color: rgba(85, 85, 85, 0);
	border-top-color: #555;
	border-width: 22px;
	margin-left: -22px;
}
#enter{margin-bottom: 30px;}
#enter a{
	width: 240px;
	height: 60px;
	display: inline-block;
	background-image: url(../img/common/enter.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
}
#enter a:hover{background-position: 0 100%;}
#under18{
	padding-top: 40px;
	margin-bottom: 10px;
	font-size: 72%;
	background: url(../img/common/u18.png) 50% 0 no-repeat;
}
#hataj{padding-top: 15px;}
#hataj a:hover{opacity: .7;}
#hataj img{
	width: 100%;
	max-width: 200px;
	height: auto;
}

.bnBtns::after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html .bnBtns { zoom: 1; } /* IE7 */
.bnBtns{padding: 20px 0;}
.bnBtns li{float: left; margin-bottom: 15px;}
.bnBtns li:not(:nth-child(3n)){margin-right: 9px;}
.bnBtns li a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.areabox h4{
	padding: 2px 10px;
	margin-bottom: 15px;
	background: #d9c483;
	border-radius: 4px;
	color: #62461e;
}
.areabox ul::after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html .areabox ul { zoom: 1; } /* IE7 */
.areabox ul li{float: left; margin-bottom: 15px;}
.areabox ul li:not(:nth-child(3n)){margin-right: 9px;}
.areabox ul li a{text-decoration: none; color: #5e5e5e;}
.areabox ul li a span{display: block; font-size: 79%; text-align: center;}

/* 02 about.html
-----------------------------------------------------------*/
#introLink{
	padding: 30px 0;
	text-align: center;
}
#introLink a{
	width: 422px;
	height: 82px;
	background: url(../img/about/intro_link.png) 0 0 no-repeat;
	display: inline-block;
	text-indent: -9999px;
}
#introLink a:hover{background-position: 0 100%;}
#reason li{
	min-height: 240px;
	padding-left: 245px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#reason li#rsn01{background-image: url(../img/about/rsn01_img.jpg);}
#reason li#rsn02{background-image: url(../img/about/rsn02_img.jpg);}
#reason li#rsn03{background-image: url(../img/about/rsn03_img.jpg);}

#reason li dl dt img{margin-right: 5px;}
#reason li dl dt{
	margin-bottom: 10px;
	font-size: 115%;
	font-weight: bold;
}
#reason li a{font-weight: bold;}
#clipcard{
	width: 601px;
	padding: 45px 35px 20px;
	margin: 0 auto 30px;
	background:
		url(../img/about/clip_top.png) 0 0 no-repeat,
		url(../img/about/clip_btm.png) 0 100% no-repeat
	;
}
#clipcard dl{
	padding-left: 115px;
	background: url(../img/about/prof_img.jpg) 0 0 no-repeat;
}
#clipcard dl dt img{margin-right: 10px; vertical-align: baseline;}
#clipcard dl dt{
	padding-bottom: 10px;
	border-bottom: 1px dashed #c0a479;
	font-size: 115%;
	color: #b28239;
	font-weight: bold;
}
#clipcard dl dt span{padding-left: 10px; color: #a45f6a;}
#clipcard dl dd{padding: 15px 0;}

/* 03 recruit/
-----------------------------------------------------------*/
#mainInfo{
	border: 2px solid #494646;
}
#infoHead{
	width: 100%;
	background: #f6f6f6;
	display: table;
	border-bottom: 2px solid #494646;
}
#infoHead dt{display: table-cell; vertical-align: middle;}
#infoHead dd{
	padding: 5px 10px;
	display: table-cell;
	vertical-align: middle;
	font-size: 129%;
	font-weight: bold;
}
#infoCont{
	padding: 25px 15px;
	display: table;
}
#infoCont #manager{
	width: 132px;
	display: table-cell;
	vertical-align: top;
}
#voices{
	padding: 0 15px;
	display: table-cell;
}
#s_word{margin-bottom: 20px;}
#s_word dt{
	padding: 5px 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #494646;
	font-weight: bold;
	font-size: 115%;
}
#s_word dt span{
	padding: 0 5px;
	border-left: 5px solid #ef4135;
}
#s_word dd{padding-left: 15px;}
#s_word dd div::before{
	content: '';
	width: 16px;
	height: 16px;
	display: inline-block;
	border: 16px solid transparent;
	border-top: 16px solid #d2f3ff;
	position: absolute;
	top: 0;
	left: -16px;
	z-index: -1;
}
#s_word dd div{
	padding: 5px 10px;
	background: #d2f3ff;
	border-radius: 0 5px 5px 5px;
	position: relative;
	color: #096f93;
}

#message{
	border: 2px solid #096f93;
	border-radius: 5px;
}
#message dt{
	padding: 5px 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: #096f93;
}
#message dd{
	padding: 15px;
	color: #096f93;
}
.recbox{padding: 20px 0;}
.recbox h4{
	padding: 5px 0;
	margin-bottom: 15px;
	border-radius: 5px;
	background: #494646;
	text-align: center;
	font-size: 115%;
	color: #fff;
}

.recbox #photoinfo{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
.recbox #photoinfo li{
	width: 164px;
	-webkit-box-flex: 1;
	-webkit-flex: 0 1 0px;
	flex: 0 1 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.recbox #photoinfo li dl dd{
	padding-top: 5px;
	font-size: 86%;
}

.recbox table{
	width: 100%;
	border-collapse: collapse;
}
.recbox table th{
	width: 6em;
	padding: 20px 35px;
	background: #e3e3e3;
	border: 1px solid #494646;
	white-space: nowrap;
	text-align: left;
}
.recbox table td{
	padding: 20px 15px;
	border: 1px solid #494646;
}
.recbox table#treat{margin-top: 30px;}
.recbox table#treat th{
	background: #7f7f7f;
	color: #fff;
}


/* 04 faq.html(staff/stf_faq.html)
-----------------------------------------------------------*/
.tabs{
	text-align: center;
	margin-bottom: -1px;
}
.tabs li{display: inline-block;}
.tabs li a{
	width: 134px;
	height: 82px;
	display: block;
	text-indent: -9999px;
	outline: none;
	background-repeat: no-repeat;
}
#faq .tabs li a{background-image: url(../img/other/faq_tab.png);}
#stfFaq .tabs li a{width: 171px; background-image: url(../img/other/stffaq_tab.png);}

li#tab01 a{background-position: 0 0;}
li#tab02 a{background-position: -134px 0;}
li#tab03 a{background-position: -268px 0;}
li#tab04 a{background-position: -402px 0;}
li#tab05 a{background-position: -536px 0;}
li#tab01 a:hover,li#tab01 a.act{background-position: 0 100%;}
li#tab02 a:hover,li#tab02 a.act{background-position: -134px 100%;}
li#tab03 a:hover,li#tab03 a.act{background-position: -268px 100%;}
li#tab04 a:hover,li#tab04 a.act{background-position: -402px 100%;}
li#tab05 a:hover,li#tab05 a.act{background-position: -536px 100%;}

#stfFaq li#tab01 a{background-position: 0 0;}
#stfFaq li#tab02 a{background-position: -171px 0;}
#stfFaq li#tab03 a{background-position: -342px 0;}
#stfFaq li#tab04 a{background-position: -513px 0;}
#stfFaq li#tab05 a{background-position: -684px 0;}
#stfFaq li#tab01 a:hover,#stfFaq li#tab01 a.act{background-position: 0 100%;}
#stfFaq li#tab02 a:hover,#stfFaq li#tab02 a.act{background-position: -171px 100%;}
#stfFaq li#tab03 a:hover,#stfFaq li#tab03 a.act{background-position: -342px 100%;}
#stfFaq li#tab04 a:hover,#stfFaq li#tab04 a.act{background-position: -513px 100%;}
#stfFaq li#tab05 a:hover,#stfFaq li#tab05 a.act{background-position: -684px 100%;}

#faqCont{
	padding: 40px 20px;
	margin-bottom: 30px;
	border: 1px solid #555;
	border-radius: 5px;
}
.atn{color: #ef4135;}

#faqCont dl{
	border: 1px solid #c7c7c7;
	margin-bottom: 10px;
}
#faqCont dl dt{
	padding: 15px 50px;
	background: #f4f4f4 url(../img/other/icon_q.png) 10px 50% no-repeat;
	font-weight: bold;
	position: relative;
	cursor: pointer;
}
#faqCont dl dt::after{
	content: '';
	width: 20px;
	height: 20px;
	margin-top: -10px;
	display: block;
	background-image: url(../img/other/faq_arrow.png);
	background-repeat: no-repeat;
	background-position: 0 100%;
	position: absolute;
	top: 50%;
	right:10px;
}
#faqCont dl dt.selected::after{background-position: 0 0;}
#faqCont dl dd{
	padding: 15px 36px 15px 50px;
	border-top: 1px solid #c7c7c7;
}
#faq #faqCont dl dd{background: #fff url(../img/other/icon_a.png) 10px 15px no-repeat;}
#stfFaq #faqCont dl dd{background: #fff url(../img/other/icon_stf_a.png) 10px 15px no-repeat;}
#faqSerif{
	margin-bottom: 15px;
	text-align: center;
}

/* 05 manual/
-----------------------------------------------------------*/
#mnHead h4{
	text-align: center;
	margin-bottom: 45px;
}
#mnHead p{margin-bottom: 25px;}
.mnsteps{
	padding-top: 25px;
	margin-bottom: 30px;
	background: url(../img/manual/mn_deco.png) 0 0 repeat-x;
	position: relative;
}
.mnsteps h4{
	position: absolute;
	top: -15px;
	left: 0;
}
.stpF{padding-left: 140px;}
.stpF span{color: #ef4135;}
#mnrsv{
	padding: 40px 0;
	text-align: center;
}
#mnrsv a{
	width: 300px;
	height: 70px;
	display: inline-block;
	background-image: url(../img/manual/mn_rsv.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	outline: none;
}
#mnrsv a:hover{background-position: 0 100%;}

#appearance{
	width: 629px;
	height: 588px;
	margin: 35px auto;
	background: url(../img/manual/appearance.png) 0 0 no-repeat;
	position: relative;
}
#appearance ul li{position: absolute;}
#appearance ul li#ap01{top: 0; left: 0;}
#appearance ul li#ap02{top: 231px; left: 0;}
#appearance ul li#ap03{top: 462px; left: 0;}
#appearance ul li#ap04{top: 0; right: 0;}
#appearance ul li#ap05{top: 174px; right: 0;}
#appearance ul li#ap06{top: 386px; right: 0;}

#necessary{position: absolute; top: 381px; left: 12px;}
#necessary a{
	width: 200px;
	height: 48px;
	display: block;
	text-indent: -9999px;
	outline: none;
	background-image: url(../img/manual/necessary.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#necessary a:hover{background-position: 0 100%;}
#interview ol{
/*	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;*/
}
#interview ol::after{content:".";clear: both; content: ""; display: block; height: 0;}
#interview ol li{
	width: 355px;
	height: 222px;
	float: left;
	margin-bottom: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #dfdfc7;
	border-radius: 8px;

}
#interview ol li:nth-child(odd){margin-right: 10px;}
#interview ol li dl{padding: 10px;}
#interview ol li dl dt{
	padding: 5px 10px;
	background: #f2f2dd;
	color: #63634e;
	font-weight: bold;
}
#interview ol li dl dd{padding: 10px;}
#mnfaq{
	padding: 40px 0 70px;
	text-align: center;
}
#mnfaq a{
	width: 350px;
	height: 48px;
	display: inline-block;
	text-indent: -9999px;
	outline: none;
	background-image: url(../img/manual/mn_faq.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#mnfaq a:hover{background-position: 0 100%;}

/* 06 manual/item.html
-----------------------------------------------------------*/
#item{margin-bottom: 50px;}
#item h4{text-align: center; margin-bottom: 30px;}
#item p{margin-bottom: 30px;}
#item ul{
/*	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;*/
}
#item ul::after{content:".";clear: both; content: ""; display: block; height: 0;}
#item ul li{width: 220px; float: left;}
#item ul li:not(:last-of-type){margin-right: 30px;}
#item ul li dl dd{padding: 20px 0;}

/* 07 staff/
-----------------------------------------------------------*/
#stfMain{
	padding: 10px;
	margin-bottom: 30px;
	background:
		url(../img/staff/pic_top.png) 0 0 no-repeat,
		url(../img/staff/pic_btm.png) 0 100% no-repeat,
		#fff
	;
}
#stfInner{
	padding: 30px 20px 10px;
	border: 1px dashed #999;
}
#stfInner h4{text-align: center; margin-bottom: 30px;}
#stfInner p{margin-bottom: 30px;}

#require{
	text-align: center;
	margin-bottom: 40px;
}
#require li{
	padding: 0 8px;
	display: inline-block;
}
#require li#req01 a{background-image: url(../img/staff/require01.jpg);}
#require li#req02 a{background-image: url(../img/staff/require02.jpg);}
#require li#req03 a{background-image: url(../img/staff/require03.jpg);}
#require li a{
	width: 200px;
	height: 180px;
	display: block;
	text-indent: -9999px;
	outline: none;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#require li a:hover{background-position: 0 100%;}

#reqBans{
	text-align: center;
	margin-bottom: 40px;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: 15px;
}
#reqBans li{}
#reqBans li#reqban01 a{background-image: url(../img/staff/req_ban01.png);}
#reqBans li#reqban02 a{background-image: url(../img/staff/req_ban02.png);}
#reqBans li a{
	width: 335px;
	height: 180px;
	display: block;
	text-indent: -9999px;
	outline: none;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#reqBans li a:hover{background-position: 0 100%;}


#stfLinks{text-align: center;}
#stfLinks li{
	padding: 0 5px;
	display: inline-block;
}
#stfLinks li a{
	width: 160px;
	height: 46px;
	display: block;
	text-indent: -9999px;
	outline: none;
	background-image: url(../img/staff/stf_links.png);
	background-repeat: no-repeat;
}
#stfLinks li#sl01 a{background-position: 0 0;}
#stfLinks li#sl02 a{background-position: -174px 0;}
#stfLinks li#sl03 a{background-position: -348px 0;}
#stfLinks li#sl04 a{background-position: -522px 0;}
#stfLinks li#sl01 a:hover{background-position: 0 100%;}
#stfLinks li#sl02 a:hover{background-position: -174px 100%;}
#stfLinks li#sl03 a:hover{background-position: -348px 100%;}
#stfLinks li#sl04 a:hover{background-position: -522px 100%;}

/*準備中*/
#stfLinks li#sl01{position: relative;}
#stfLinks li#sl01::after{
	content: "準備中";
	width: 160px;
	height: 39px;
	background: rgba(0,0,0,0.7);
	display: block;
	position: absolute;
	top: 0px;
	left: 5px;
	border-radius: 7px;
	font-size: 22px;
	padding-top: 7px;
	color: #FFF;
}
/*///*/

#stfContact{
	padding: 13px;
	background: url(../img/staff/dot_bg.png) 0 0 repeat;
}
#scInner{
	padding: 35px 0 0;
	border: 5px solid #fff;
	-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.5);
	box-shadow: inset 0 0 1px rgba(0,0,0,.5);
	background: #fcfcfc;
	position: relative;
	text-align: center;
}
#scInner h4{
	width: 100%;
	position: absolute;
	top: -50px;
	left :0;
}
#scInner p{margin-bottom: 30px;}
#scInner p a{
	width: 300px;
	height: 40px;
	display: inline-block;
	text-indent: -9999px;
	outline: none;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#scInner p a:hover{background-position: 0 100%;}
#scInner p#stfmail a{background-image: url(../img/staff/stf_mail.png);}
#scInner p#stfform a{background-image: url(../img/staff/stf_form.png);}

/* 08 staff/workflow.html
-----------------------------------------------------------*/
.wflow h4{margin-bottom: 24px;}
.wflow ol li{
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #b6b3b3;
	margin-top: 30px;
	position: relative;
}
.wflow ol li:not(:first-child)::before{
	width: 70px;
	height: 16px;
	margin-left: -35px;
	content: '';
	display: block;
	background: url(../img/staff/wfl_arrow.png) 50% 0 no-repeat;
	position: absolute;
	top: -24px;
	left: 50%;
}
.wflow ol li > dl{
	min-height: 128px;
	padding: 0 230px 0 10px;
	background-position: 100% 50%;
	background-repeat: no-repeat;
}
.wflow ol li > dl dt{
	padding: 8px 0 16px;
	background: url(../img/staff/wfl_hr.png) 0 100% repeat-x;
}
.wflow ol li > dl dd{padding: 10px 0;}
#wfl01 dl{background-image: url(../img/staff/wfl_img01.jpg);}
#wfl02 dl{background-image: url(../img/staff/wfl_img02.jpg);}
#wfl03 dl{background-image: url(../img/staff/wfl_img03.jpg);}
#wfl04 dl{background-image: url(../img/staff/wfl_img04.jpg);}
#wfl05 dl{background-image: url(../img/staff/wfl_img05.jpg);}
#wfl06 dl{background-image: url(../img/staff/wfl_img06.jpg);}
#wfl07 dl{background-image: url(../img/staff/wfl_img07.jpg);}
#wfl08 dl{background-image: url(../img/staff/wfl_img08.jpg);}

.exVoice{
	padding-left: 225px;
	margin: 50px 0;
	background-position: 5px 50%;
	background-repeat: no-repeat;
	padding-bottom: 50px;
	border-bottom: 1px solid #494646;
}
.exVoice dt{margin-bottom: 20px;}
#ex01{background-image: url(../img/staff/wfl_voiceimg01.png);}

/* 09 staff/flow.html
-----------------------------------------------------------*/
#flow{padding: 30px 0;}
#flow li{padding: 35px 0 30px;}
#flow li:not(:first-child){background: url(../img/staff/fl_hr.png) 0 0 repeat-x;}
#flow li dl{display: table;}
#flow li dl dt{
	padding: 15px 35px;
	display: table-cell;
}
#flow li dl dd{
	display: table-cell;
	vertical-align: top;
}
#flow li dl dd p.flCaps{color: #2facb0; font-weight: bold;}
#flow li dl dd div{
	padding: 10px 15px;
	color: #fff;
	background: #2facb0;
	border-radius: 5px;
}

/* 10 contact.html
-----------------------------------------------------------*/
#conTab{
	text-align: center;
	margin-bottom: -1px;
}
#conTab li{
	padding: 4px;
	display: inline-block;
	width: 27%;
	border-width: 1px;
	border-style: solid;
	border-color: #555;
	border-radius: 4px 4px 0 0;
	-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.1);
	box-shadow: inset 0 -2px 0 rgba(0,0,0,.1);
}
#conTab li:hover,
#conTab li.act{
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #555 #555 #fff #555;
}
#conTab li a{
	display: block;
	text-decoration: none;
	color: #5e5e5e;
}
#conTab li a:hover,
#conTab li.act a{border-radius: 4px;}
#conTab li a span{display: block; font-size: 72%;}
#conTab li a:hover span,
#conTab li.act a span{
	background: #fff5d7;
}
#contactBox{
	padding: 40px 20px;
	margin-bottom: 50px;
	border: 1px solid #555;
	border-radius: 5px;
}
#contactBox ul li{margin-bottom: 15px;}
#contactBox ul li dl{border: 2px solid #d7d7d7;}
#contactBox ul li dl dt{
	font-size: 115%;
	font-weight: bold;
	color: #494646;
	background: #d7d7d7;
}
#contactBox ul li dl dd{
	padding: 0 20px;
	display: table;
}
#contactBox ul li dl dd p{display: table-cell; vertical-align: middle;}
#contactBox ul li dl dd p.shpTel{
	padding: 10px 50px;
	background: url(../img/other/shop_tel.png) 5px 50% no-repeat;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 200%;
	font-weight: bold;
}
#contactBox ul li dl dd p.shpMail a{
	width: 170px;
	height: 34px;
	display: block;
	text-indent: -9999px;
	outline: none;
	background-image: url(../img/other/shop_mail.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#contactBox ul li dl dd p.shpMail a:hover{background-position: 0 100%;}
#attention{
	padding: 15px;
	border: 1px solid #f04d42;
	background: #fff1f0;
	border-radius: 8px;
}
#attention ul li{
	padding-left: 25px;
	color: #ef4135;
	background: url(../img/other/attention.png) 0 50% no-repeat;
}
#formSteps{
	margin: 35px 0;
	text-align: center;
}
#formSteps li{
	width: 182px;
	height: 34px;
	display: inline-block;
	margin-left: -15px;
	text-indent: -9999px;
	background-image: url(../img/other/form_steps.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#formSteps li:nth-child(1){background-position: 0 0;}
#formSteps li:nth-child(2){background-position: -182px 0;}
#formSteps li:nth-child(3){background-position: -364px 0;}
#formSteps li.act:nth-child(1){background-position: 0 100%;}
#formSteps li.act:nth-child(2){background-position: -182px 100%;}
#formSteps li.act:nth-child(3){background-position: -364px 100%;}

#formBox table{
	width: 100%;
	border-collapse: collapse;
}
#formBox table th,
#formBox table td{
	padding: 10px 20px;
	background: #f3f3f3; border-bottom: 3px solid #fff;
	font-size: 115%;
}
#formError {
	border: 1px solid #ef4135;
	background: url(../img/other/attention.png) 7px 50%no-repeat,#fff1f0;
	background-size: 17px, 100%;
	color: #ef4135;
	text-align: left;
	margin: 15px auto 0;
	padding: 5px 0 5px 29px;
	border-radius: 3px;
	width: 95%;
}


#formBox table th{white-space: nowrap; vertical-align: top;}
#formBox table th span{color: #ef4135;}
#formBox table td span{font-size: 86%;}
#formBox input[type="text"] {
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #a1a1a1;
	font-family: Arial,Helvetica,sans-serif;
	height: 26px;
	line-height: 1;
	vertical-align: middle;
}
#formBox textarea {
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #a1a1a1;
	height: 160px;
	padding: 2px 5px;
}
#formBox select {
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #a1a1a1;
	font-family: Arial,Helvetica,sans-serif;
	height: 26px;
	line-height: 1;
	padding: 0;
	vertical-align: middle;
}
#formBox #formTable{border-collapse: separate; word-break:break-word;}
#formBox #formTable th{
	background: #dfdfdf;
	padding: 10px 20px;
	width: 30%;
	border-right: 3px solid #fff;

}
#formBox #formTable td{
	background: #f4f4f4;
	padding: 10px 20px;
}

#certify{
	margin-bottom: 20px;
	display: flex;
	background: #f3f3f3;
}
#certify dt{
	margin-bottom: 3px;
	width: 182px;
	padding: 10px 20px;
	position:relative;
	font-size: 115%;
}
#certify dd{
	font-size: 115%;
	width: 498px;
	padding: 10px 0;
}
#certify dd span{
	display: inline-block;
	background: #405157;
	color: #fff;
	padding: 7px 10px;
	font-size: 1.3rem;
}
#formBox #certify dd input{
	width: 5em;
	box-sizing: border-box;
	text-align: center;
}
#certify .atn {
	color: #ef4135;
	position: absolute;
	top: 10px;
	left: calc(8em + 20px);
}

#complete{
	background: url(../img/other/form_chara.png) 50% 100% no-repeat;
	background-size: 197px 188px;
	padding-bottom: 200px;
}

.cntBtn {text-align: center; padding: 30px 0;}
.cntBtn li{
	display: inline-block;
	padding: 0 10px;
}
.cntBtn input{
	width: 230px;
	height: 40px;
	text-indent: -9999px;
	outline: none;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 0 0;
	border: none;
	cursor: pointer;
}
.cntBtn .cntConfirm input{background-image: url(../img/other/form_confirm.png);}
.cntBtn .cntBack input{background-image: url(../img/other/form_back.png);}
.cntBtn .cntSubmit input{background-image: url(../img/other/form_submit.png);}


.cntBtn input:hover{background-position: 0 100%;}

/*
#formBox button{
	width: 230px;
	height: 40px;
	text-indent: -9999px;
	outline: none;
	display: inline-block;
	background-image: url(../img/other/form_submit.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	border: none;
	cursor: pointer;
}
#formBox button:hover{background-position: 0 100%;}
*/
/* 11 area/
-----------------------------------------------------------*/
#arealist{
	border-top: 1px dashed #7e7e7e;
}
#arealist li{
	padding: 30px 0;
	border-bottom: 1px dashed #7e7e7e;
}
#arealist li dl{display: table;}
#arealist li dl dt{display: table-cell;}
#arealist li dl dd{padding-left: 20px; display: table-cell;}
#arealist li dl dt a{
	width: 180px;
	height: 78px;
	display: block;
	background-image: url(../img/area/shoplink.png?d=250210);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
}
#arealist li#areaIB dl dt a{background-position: 0 0;}
#arealist li#areaGTD dl dt a{background-position: 0 -78px;}
#arealist li#areaSJ dl dt a{background-position: 0 -156px;}
#arealist li#areaKSC dl dt a{background-position: 0 -234px;}
#arealist li#areaUD dl dt a{background-position: 0 -312px;}
#arealist li#areaOM dl dt a{background-position: 0 -390px;}
#arealist li#areaNKG dl dt a{background-position: 0 -468px;}
#arealist li#areaYH dl dt a{background-position: 0 -546px;}
#arealist li#areaNFB dl dt a{background-position: 0 -624px;}
#arealist li#areaKG dl dt a{background-position: 0 -702px;}
#arealist li#areaMTD dl dt a{background-position: 0 -780px;}
#arealist li#areaKJ dl dt a{background-position: 0 -858px;}
#arealist li#areaKW dl dt a{background-position: 0 -936px;}

#arealist li#areaIB dl dt a:hover{background-position: 100% 0;}
#arealist li#areaGTD dl dt a:hover{background-position: 100% -78px;}
#arealist li#areaSJ dl dt a:hover{background-position: 100% -156px;}
#arealist li#areaKSC dl dt a:hover{background-position: 100% -234px;}
#arealist li#areaUD dl dt a:hover{background-position: 100% -312px;}
#arealist li#areaOM dl dt a:hover{background-position: 100% -390px;}
#arealist li#areaNKG dl dt a:hover{background-position: 100% -468px;}
#arealist li#areaYH dl dt a:hover{background-position: 100% -546px;}
#arealist li#areaNFB dl dt a:hover{background-position: 100% -624px;}
#arealist li#areaKG dl dt a:hover{background-position: 100% -702px;}
#arealist li#areaMTD dl dt a:hover{background-position: 100% -780px;}
#arealist li#areaKJ dl dt a:hover{background-position: 100% -858px;}
#arealist li#areaKW dl dt a:hover{background-position: 100% -936px;}

/* 12 area/○○.html
-----------------------------------------------------------*/
#access{padding: 30px 0 50px;}
#access ul{margin-bottom: 20px;}
#access ul li::before{
	content: '■';
	color: #d9c483;
}

#areashop{padding: 20px 0 50px;}
#areashop ul li:not(:last-child){margin-bottom: 35px;}
#areashop ul li dl{
	width: 100%;
	display: table;
}
#areashop ul li dl dt{
	width: 234px;
	display: table-cell;
	vertical-align: top;
}
#areashop ul li dl dd{
	padding: 5px 0 0 20px;
	display: table-cell;
}
#areashop ul li dl dd h5{
	margin-bottom: 5px;
	background: #5e5e5e;
	font-size: 115%;
	color: #fff;
}

#otherArea{
	margin-top: 30px;
/*	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;*/
}
#otherArea li{
	width: 20%;
	padding: 5px;
	margin-bottom: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	float: left;
}
#otherArea li a{
	height: 3em;
	line-height: 1.2;
	padding: 0 20px;
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,.5);
	box-shadow: 0 0 1px rgba(0,0,0,.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
	background: #ddd9d9;
	border-radius: 5px;
	font-size: 115%;
	color: #494646;
	text-decoration: none;
	font-weight: bold;
	position: relative;
}
#otherArea li a::after{
	content: '';
	width: 13px;
	height: 13px;
	/*margin-top: -6px;*/
	display: block;
	background-image: url(../img/area/area_arrow.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 9999;
	position: absolute;
	top: 17px;
	right: 10px;
}

#otherArea li a:hover,
#otherArea li a.act{
	background: #ef4135;
	color: #fff;
}
#otherArea li a:hover::after,
#otherArea li a.act::after{
	background-position: 0 100%;
}

/* 13 area/brand.html
-----------------------------------------------------------*/
#brandList{
	margin-bottom: 30px;
	text-align: center;
}
#brandList li{
	padding: 4px 15px;
	display: inline-block;
}
#brandList li span{display: block; font-size: 72%;}

.brand{padding: 20px 20px 50px;}
.brand dl{
	margin-bottom: 20px;
	display: table;
}
.brand dl dt{display: table-cell; vertical-align: top;}
.brand dl dt img{border: 1px solid #dbdbdb;}
.brand dl dd{
	padding-left: 20px;
	display: table-cell;
}

.brand ul{
	margin-top: 30px;
/*	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;*/
}
.brand ul::after{content:".";clear: both; content: ""; display: block; height: 0;}
.brand ul li{
	width: 25%;
	padding: 5px;
	margin-bottom: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	float: left;
}
.brand ul li a{
	height: 3em;
	line-height: 1.2;
	padding: 0 20px 0 10px;
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,.5);
	box-shadow: 0 0 1px rgba(0,0,0,.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
	background-color: #f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eaeaea), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #eaeaea);
	background: -moz-linear-gradient(#fff, #eaeaea);
	background: linear-gradient(#fff, #eaeaea);
	border-radius: 5px;
	font-size: 115%;
	color: #494646;
	text-decoration: none;
	font-weight: bold;
	position: relative;
}
.brand ul li a::after{
	content: '';
	width: 13px;
	height: 13px;
/*	margin-top: -6px;
*/	display: block;
	background-image: url(../img/area/brand_arrow.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 9999;
	position: absolute;
	top: 17px;
	right: 7px;
}

.brand ul li a:hover,
.brand ul li a.act{
	background: #ef4135;
	color: #fff;
}
.brand ul li a:hover::after,
.brand ul li a.act::after{
	background-position: 0 100%;
}

/* 14 area/age.html
-----------------------------------------------------------*/
#agelink{text-align: center;}
#agelink li{
	padding: 0 10px;
	margin-bottom: 50px;
	display: inline-block;
}
#agelink li a{position: relative; display: block;}
#agelink li a span{
	width: 87px;
	height: 87px;
	position: absolute;
	top: 144px;
	right: 0;
	background-position: 0 0;
	text-indent: -9999px;
}
#agelink li a:hover span{background-position: 100% 0;}
#agelink li#al20 a span{background-image: url(../img/area/link20.png);}
#agelink li#al30 a span{background-image: url(../img/area/link30.png);}
#agelink li#al40 a span{background-image: url(../img/area/link40.png);}
#agelink li#al50 a span{background-image: url(../img/area/link50.png);}
#agelink li#al60 a span{background-image: url(../img/area/link60.png);}
#agelink li#alun a span{background-image: url(../img/area/link_unknown.png);}

.ageInfo{
	min-height: 360px;
	padding-left: 190px;
	margin-top: 20px;
	background-repeat: no-repeat;
	background-position: 0 30px;
}
.ageInfo h5{
	padding: 10px 0;
	margin: 20px 0;
	border-top: 2px solid #ef4135;
	border-bottom: 1px solid #8a8787;
	font-size: 115%;
	text-align: center;
}
.ageInfo ul{
/*	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;*/
	text-align: center;
}
.ageInfo ul::after{content:".";clear: both; content: ""; display: block; height: 0;}
.ageInfo ul li{
	width: 33.3%;
	padding: 5px 0;
	float: left;
}
.ageInfo ul li img{
	max-width: 95%;
	height: auto;
}
#age20,#age30,#age40,#age50,#age60{margin-bottom: 30px;}
#age20 .ageInfo{background-image: url(../img/area/bg_img20.png);}
#age30 .ageInfo{background-image: url(../img/area/bg_img30.png);}
#age40 .ageInfo{background-image: url(../img/area/bg_img40.png);}
#age50 .ageInfo{background-image: url(../img/area/bg_img50.png);}
#age60 .ageInfo{background-image: url(../img/area/bg_img60.png);}
#unknown .ageInfo{background-image: url(../img/area/bg_imgun.png);}

/* 15 enrolled.html
-----------------------------------------------------------*/
#enrolled h4{
	margin-bottom: 20px;
	text-align: center;
}
#enrolled ul#enrReason{
/*	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;*/
	text-align: center;
}
#enrolled ul#enrReason::after{content:".";clear: both; content: ""; display: block; height: 0;}
#enrolled ul#enrReason li{
	width: 226px;
	border: 2px solid #81d2a2;
	border-radius: 5px 5px 0 0;
	float: left;
	height: 310px;
}
#enrolled ul#enrReason li:not(:last-of-type){
	margin-right: 15px;
}

#enrolled ul#enrReason li dl dt{
	padding-top: 10px;
	background: #81d2a2;
}
#enrolled ul#enrReason li dl dd{
	text-align: left;
	padding: 8px;
}
.voice{display: table; margin-bottom: 30px;}
.voice > p{display: table-cell; vertical-align: top;}
.voice dl{
	padding-left: 30px;
	display: table-cell;
}
.voice dl dt{
	line-height: 26px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 2px solid #f3786f;
	font-weight: bold;
}
.voice dl dt span{
	padding-left: 10px;
	color: #a07b08;
	font-weight: normal;
}

/* 16 past.html
-----------------------------------------------------------*/
#past h4{margin-bottom: 30px;}
#past p{margin-bottom: 45px;}

/* 17 inexp.html
-----------------------------------------------------------*/
#safety::after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html #safety { zoom: 1; } /* IE7 */
#safety{margin-bottom: 50px;}
#safety dl{
	width: 318px;
	height: 252px;
	padding: 32px 17px 0;
	background: url(../img/other/inexp_bg.png) 0 0 no-repeat;
}
#safety dl dt{margin-bottom: 20px;}
#safety dl dd{padding: 0 10px;}

#inexp h4{margin-bottom: 30px;}
#inexp p{margin-bottom: 45px;}

/* 18 worker.html
-----------------------------------------------------------*/
.example{display: table;}
.example > p{display: table-cell; vertical-align: top;}
.example dl{
	padding-left: 20px;
	display: table-cell;
}
.example dl dt{
	padding-left: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	background: #494646;
	color: #fff;
}
#worker h4{margin-bottom: 30px;}
#worker p{margin-bottom: 45px;}

/* 19 mother.html
-----------------------------------------------------------*/
#mother h4{margin-bottom: 30px;}
#mother p{margin-bottom: 45px;}
#mother ul#motherPT{
	margin-bottom: 45px;
/*	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;*/
	text-align: center;
}
#mother ul#motherPT::after{content:".";clear: both; content: ""; display: block; height: 0;}
#mother ul#motherPT li{
	width: 226px;
	border: 2px solid #fb9394;
	border-radius: 5px 5px 0 0;
	float: left;
	height: 342px;
}
#mother ul#motherPT li:not(:last-of-type){margin-right: 15px;}
#mother ul#motherPT li dl dt{
	padding-top: 10px;
	background: #fb9394;
}
#mother ul#motherPT li dl dd{
	text-align: left;
	padding: 8px;
	line-height: 1.7;
}

/* 20 terrace.html
-----------------------------------------------------------*/
#terrace{
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px dashed #7e7e7e;
}

/* 21 learn/
-----------------------------------------------------------*/
#learn > p{margin-bottom: 30px;}
#learn ul#levelList{
/*	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;*/

}
#learn ul#levelList::after{content:".";clear: both; content: ""; display: block; height: 0;}
#learn ul#levelList li{
	width: 344px;
	padding-bottom: 30px;
	float: left;
}
#learn ul#levelList li:nth-child(odd){margin-right: 30px;}
#learn ul#levelList li a{
	width: 344px;
	height: 140px;
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
}
#learn ul#levelList li a:hover{background-position: 0 100%;}
#learn ul#levelList li#lv01 a{background-image: url(../img/learn/lv_intro.png);}
#learn ul#levelList li#lv02 a{background-image: url(../img/learn/lv_beginner.png);}
#learn ul#levelList li#lv03 a{background-image: url(../img/learn/lv_intermediate.jpg);}
#learn ul#levelList li#lv04 a{background-image: url(../img/learn/lv_advanced.jpg);}

/* 22 learn/intro.html
-----------------------------------------------------------*/
.desc{margin-bottom: 30px; font-size: 115%;}
#intro h4{margin-bottom: 30px;}
#lvLinks{
	padding: 20px 0;
	margin-bottom: 20px;
	text-align: center;
}
#lvLinks li{
	padding: 0 5px;
	display: inline-block;
}
#lvLinks li a{
	width: 144px;
	height: 42px;
	display: block;
	text-indent: -9999px;
	outline: none;
	background-image: url(../img/learn/lv_links.png);
	background-repeat: no-repeat;
}

#lvLinks li#lv01 a{background-position: 0 0;}
#lvLinks li#lv02 a{background-position: -154px 0;}
#lvLinks li#lv03 a{background-position: -308px 0;}
#lvLinks li#lv04 a{background-position: -462px 0;}
#lvLinks li#lv01 a:hover{background-position: 0 100%;}
#lvLinks li#lv02 a:hover{background-position: -154px 100%;}
#lvLinks li#lv03 a:hover{background-position: -308px 100%;}
#lvLinks li#lv04 a:hover{background-position: -462px 100%;}

#job{
	margin-bottom: 30px;
/*	-js-display:flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;*/
}
#job::after{content:".";clear: both; content: ""; display: block; height: 0;}
#job li{width: 240px; height: 187px; background: #e1f8f8; float: left;}
#job li:nth-child(even){background: #eefafa;}
#job li dl{padding: 10px;}
#job li dl dd{padding: 10px 0 20px;}

.introBox{margin-bottom: 50px;}
.introBox::after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html .introBox { zoom: 1; } /* IE7 */

.salary{
	margin-bottom: 40px;
	display: table;
}
.salary > p{display: table-cell; vertical-align: middle;}
.salary dl{
	padding-left: 20px;
	display: table-cell;
}
.salary dl dt{
	padding-left: 10px;
	margin-bottom: 15px;
	font-weight: bold;
	background: #494646;
	color: #fff;
}

/* 23 learn/beginner.html
-----------------------------------------------------------*/
#beginner h4{margin-bottom: 30px;}
#beginner p{font-size: 115%;}

#beginner table{
	width: 90%;
	margin: 0 auto 50px;
	border-collapse: collapse;
}
#beginner table th{
	padding: 10px;
	background: #f8f8f9;
	border: 2px solid #c7c7c7;
	font-weight: bold;
}
#beginner table th::before{
	color:#c0a85c;
	content: '●';
}
#beginner table td{
	padding: 10px;
	border: 2px solid #c7c7c7;
}
#begFAQ{
	padding: 20px 0;
	text-align: center;
}
#begFAQ a{
	width: 350px;
	height: 48px;
	display: inline-block;
	background-image: url(../img/learn/beg_faq.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
}
#begFAQ a:hover{background-position: 0 100%;}
#official{
	padding: 30px 0 50px;
	text-align: center;}
#official a{
	width: 370px;
	height: 70px;
	display: inline-block;
	background-image: url(../img/learn/official_link.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
}
#official a:hover{background-position: 0 100%;}

/* 24 learn/intermediate.html
-----------------------------------------------------------*/
#careful{
	padding: 35px 0;
	text-align: center;
}
#careful ul li{
	padding: 0 5px 10px;
	display: inline-block;
}
#imPoint{
	-js-display:flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
#imPoint > li{
	margin-bottom: 20px;
	border: 8px solid #e4f3f3;
}
#imPoint dl{
	width: 310px;
	padding: 18px 12px;
}
#imPoint dl dd{padding: 20px 0;}
#imPoint dl dd > ul li{padding: 3px 0;}

/* 25 learn/advanced.html
-----------------------------------------------------------*/
#resign{
	width: 520px;
	padding:25px 0 20px 120px;
	margin: 40px auto 0;
	background: #e4f3f3 url(../img/learn/img_resign.png) 50px 30px no-repeat;
	border-radius: 10px;
	position: relative;
	font-size: 115%;
	color: #337779;
}
#resign dt{
	position: absolute;
	top: -15px;
	left: 30px;
}
#resign dd span{
	display: block;
	font-size: 84%;
}

/* 26 mynum.html
-----------------------------------------------------------*/
#mynum{
	padding-right: 280px;
	min-height: 190px;
	background: url(../img/other/mynum_img.png) 100% 10px no-repeat;
}
#mynum dt{
	margin-bottom: 20px;
	text-align: center;
}

/* 27 business.html
-----------------------------------------------------------*/
/* 28 comfort.html
-----------------------------------------------------------*/
#confSerif {
	padding: 15px;
	margin-bottom: 25px;
	border: 1px solid #7e7e7e;
	border-radius: 2em;
	background: #fff;
	text-align: center;
	position: relative;
}
#confSerif::after, #confSerif::before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#confSerif::after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 20px;
	margin-left: -20px;
}
#confSerif::before {
	border-color: rgba(126, 126, 126, 0);
	border-top-color: #7e7e7e;
	border-width: 21px;
	margin-left: -21px;
}

#ranking{margin-bottom: 30px;}
#ranking li{padding: 10px 0;}
#ranking li:not(:first-child){border-top: 1px dashed #808080;}

#ranking li div{
	width: 100%;
	background: #f7f3ec;
	display: table;
}
#ranking li div p{
	width: 68px;
	padding: 5px 10px;
	display: table-cell;
	vertical-align: top;
}
#ranking li div dl{
	padding: 10px 0;
	display: table-cell;
}
#ranking li div dl dt{
	font-size: 115%;
	color: #9f7316;
	font-weight: bold;
}

/* 29 privacy.html
-----------------------------------------------------------*/
#privacy dt::before{content: '◆'; color:#c4ad65;}
#privacy dt{
	margin-bottom: 15px;
	font-size: 115%;
	font-weight: bold;
}
#privacy dd{margin-bottom: 35px;}

/* 30 sitemap.html
-----------------------------------------------------------*/
#sitemap a:hover{background-color: #ddd;}
#sitemap > li{padding: 15px;}
#sitemap > li:not(:first-child){
	border-top: 1px dashed #7e7e7e;
}
#sitemap > li > a{
	display: block;
	padding:5px 0 5px 30px;
	background: url(../img/other/sm_bullet.png) 0 50% no-repeat;
}
.dir{padding-left: 30px;}
.dir li{
	width: 100%;
	display: table;
	padding: 2px 0;
}
.dir li::before{
	width: 1em;
	content: '└';
	color: #000;
	display: table-cell;
}
.dir li a{
	padding: 3px 0;
	display: table-cell;
}
.smBox{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
.smBox dl{width: 330px; margin: 10px 0;}
.smBox dl dd{padding: 15px;}
.smBox dl dd ul li{padding: 2px 0;}
.smBox dl dd ul li a{
	padding: 3px 0;
	display: block;
}
.smBox dl dd ul li a::before{
	content: '＞';
}
.smBox dl.shop{border: 1px solid #a0c5c6;}
.smBox dl.shop dt{
	padding: 10px;
	text-align: center;
	font-weight: bold;
	background: #eaf7f7;
	border-bottom: 1px solid #a0c5c6;
}
.smBox dl.lower{border: 1px solid #d4cecc;}
.smBox dl.lower dt{
	padding: 10px;
	text-align: center;
	font-weight: bold;
	background: #f7f7f7;
	border-bottom: 1px solid #d4cecc;
}

/*-----------------------------------------------------
下層共通
-------------------------------------------------------*/
/*#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: 22px;
	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;
}*/