@charset "utf-8";

/* ============================================
	body
============================================ */
body { -webkit-text-size-adjust: none;}
a { color: #4b8fde;}
img { vertical-align: bottom;}
a:hover { text-decoration: none;}
.fShadow { text-shadow: 0 0 1px #272727;}

/* ============================================
	”Ä—p
============================================ */
.radius05 {
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.btNone { border-top: none !important;}

/* ============================================
	header
============================================ */
#header {
	margin: 0 0 2px;
	padding: 10px 10px 5px;
	border-bottom: solid 2px #dcdcdc;
	line-height: 1.2;
	position: relative;
}
#logo, #icoPC {
	letter-spacing: -1px;
}

#icoPC a {
	padding:  0 0 0 20px;
	background-image: url(../img/ico_pc.png);
	background-position: 2px 2px;
	background-size: 12px 10px;
	background-repeat: no-repeat;
	font-size: 80%;
}
#what {
	padding: 10px 7px 9px;
	background: -webkit-gradient(linear, left top, left bottom, 
		color-stop(1.00, #fff),
		color-stop(0.91, #f4f2eb),
		color-stop(0.51, #fff),
		color-stop(0.34, #f6f6f6),
		color-stop(0.00, #fff)
	);
	background: -moz-linear-gradient(top, 
		#fff, 
		#f6f6f6 34%, 
		#fff 51%, 
		#f4f2eb 91%, 
		#fff
	);
	border: solid 1px #354975;
	-webkit-box-shadow: 0 0 1px #fff inset;
	box-shadow: 0 0 1px #fff inset;
	background-color: #fff;
	color: #354975;
	position: absolute;
	top: 13px;
	right: 10px;
	cursor: pointer;
	font-size: 70%;
}
#what p {
	padding: 0 15px 0 3px;
	background-image: url(../img/ico_bopen.png);
	background-position: right 50%;
	background-size: 9px 9px;
	background-repeat: no-repeat;
	display: block;
	letter-spacing: -1px;
}
#what.opened p {
	background-image: url(../img/ico_bclose.png);
}
#what span {
	font-size: 110%;
}
#whatIn {
	width: 100%;
	border-bottom: solid 2px #9e7d29;
	margin: 0 0 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 3px 3px #d9d9d9;
	box-shadow: 0 3px 3px #d9d9d9;
	font-size: 80%;
	display: none;
}
#whatIn p {
	padding: 5px;
	border-bottom: solid 1px #fff;
}

/* ============================================
	mainimg
============================================ */
#mainimg {
	width: 100%;
	height: 155px;
	background-image: url(../img/bg_mainimg.jpg);
	background-position: top center;
	background-size: 568px 155px;
	background-repeat: no-repeat;
}
#mainimg h1 {
	text-indent: -9999px;
}
#mainimgSub {
	width: 100%;
	height: 115px;
	background-image: url(../img/bg_mainimg_sub.jpg);
	background-position: top center;
	background-size: 568px 115px;
	background-repeat: no-repeat;
}
#mainimgSub a {
	width: 100%;
	height: 115px;
	display: block;
	text-indent: -9999px;
}

#inquiryTit {
	margin: 10px 10px 0 10px;
	background-image: url(../img/bg_tit_inquiry.png);
	background-position: top left;
	background-size: 5px 40px;
	background-repeat: repeat-x;
}
#inquiryTit h1 {
	background-image: url(../img/bg_tit_inquiry_last.png);
	background-position: top right;
	background-size: 100px 40px;
	background-repeat: no-repeat;
}

/* ============================================
	nav
============================================ */
#nav,
.nav {
	width: 100%;
	margin: 0 0 5px;
	border-bottom: solid 1px #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 3px 3px #d9d9d9;
	box-shadow: 0 3px 3px #d9d9d9;
/* hover fixed */
	background: #fff;
	position: absolute;
	top: 39px;
	left: 0;
	display: none;
	z-index: 999;
}
#nav ul,
.nav ul {
	border-bottom: solid 2px #9e7d29;
	padding: 0 5px;
}
#nav ul li,
.nav ul li {
	font-size: 77%;
	border-bottom: solid 1px #e6e5e2;
}
#nav ul li:last-child,
.nav ul li:last-child {
	border-bottom: none;
}
#nav ul li a,
.nav ul li a {
	padding: 9px 0 9px 15px;
	background-image: url(../img/ico_nav.png);
	background-position: left center;
	background-size: 10px 10px;
	background-repeat: no-repeat;
	color: #222;
	display: block;
}
#nav ul li a span,
.nav ul li a span {
	margin: 0 5px 0 0;
	background-image: url(../img/ico_nav_arrow.png);
	background-position: right center;
	background-size: 10px 10px;
	background-repeat: no-repeat;
	display: block;
}

/* ============================================
	TOP
============================================ */
#btnTpNav {
	padding: 0 10px 0 0;
	font-size: 90%;
	background: -webkit-gradient(linear, left top, left bottom, 
		color-stop(1.00, #f7f7f7),
		color-stop(0.51, #f1f1f1),
		color-stop(0.50, #fdfdfd),
		color-stop(0.00, #fff)
	);
	background: -moz-linear-gradient(top, 
		#fff, 
		#fdfdfd 50%, 
		#f1f1f1 51%, 
		#f7f7f7
	);
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	border: solid 1px #d3d6da;
	border-bottom: none;
	-webkit-box-shadow: 0 0 1px #fff inset, -1px -1px 1px #7f6521, 1px -1px 1px #7f6521;
	box-shadow: 0 0 1px #fff inset, -1px -1px 1px #7f6521, 1px -1px 1px #7f6521;
	background-color: #fff;
	top: 5px;
	right: 10px;
	position: absolute;
	cursor: pointer;
}
#btnTpNav span {
	width: 150px;
	height: 26px;
	padding: 7px 0 0;
	background-image: url(../img/ico_open.png);
	background-position: right 13px;
	background-size: 9px 9px;
	background-repeat: no-repeat;
	text-align: center;
	display: block;
}
#btnTpNav.opened span {
	background-image: url(../img/ico_close.png);
}

/* ============================================
	Button
============================================ */
/* Category */
#ctHead {
	position: relative;
}
#ctHead .nav {
	top: 34px !important;
}
#ctFoot {
	border-top: solid 2px #abb5be;
	border-bottom: solid 1px #abb5be;
	position: relative;
}
#ctFoot .nav {
	top: 47px !important;
}
.btnNav {
	width: 300px;
	margin: 13px auto;
	cursor: pointer;
}
.btnNav span {
	width: 140px;
	margin: 0 auto;
	padding: 6px 0 5px;
	background-image: url(../img/ico_open.png);
	background-position: right 50%;
	background-size: 9px 9px;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 90%;
	display: block;
}
.btnNav.opened span {
	background-image: url(../img/ico_close.png);
}

/* Entry */
.btnCtTp {
	width: 300px;
	margin: 13px auto;
}
.btnCtTp a {
	padding: 6px 0 5px;
	color: #222;
	display: block;
	text-align: center;
}
.btnCtTp span {
	padding: 0 20px 0 0;
	background-image: url(../img/ico_garrow.png);
	background-position: right 50%;
	background-size: 8px 7px;
	background-repeat: no-repeat;
	font-size: 90%;
}

/* Etc */
.bgSilver {
	border: solid 1px #a9b3bd;
	background: -webkit-gradient(linear, left top, left bottom, 
		color-stop(1.00, #fff),
		color-stop(0.91, #f4f2eb),
		color-stop(0.51, #fff),
		color-stop(0.34, #f6f6f6),
		color-stop(0.00, #fff)
	);
	background: -moz-linear-gradient(top, 
		#fff, 
		#f6f6f6 34%, 
		#fff 51%, 
		#f4f2eb 91%, 
		#fff
	);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 1px #fff inset, 0 0 3px #d9d9d9;
	box-shadow: 0 0 1px #fff inset, 0 0 3px #d9d9d9;
}
.bgBrown {
	border: solid 1px #9e7d29;
	background: -webkit-gradient(linear, left top, left bottom, 
		color-stop(1.00, #fff),
		color-stop(0.91, #f4f2eb),
		color-stop(0.51, #fff),
		color-stop(0.34, #f6f6f6),
		color-stop(0.00, #fff)
	);
	background: -moz-linear-gradient(top, 
		#fff, 
		#f6f6f6 34%, 
		#fff 51%, 
		#f4f2eb 91%, 
		#fff
	);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 1px #fff inset,;
	box-shadow: 0 0 1px #fff inset,;
}

#btnIndex {
	width: 300px;
	margin: 0 auto 13px;
	border: solid 1px #922800;
	background: -webkit-gradient(linear, left top, left bottom, 
		color-stop(1.00, #982b00),
		color-stop(0.51, #932900),
		color-stop(0.50, #9d2d00),
		color-stop(0.00, #9e2e00)
	);
	background: -moz-linear-gradient(top, 
		#982b00, 
		#932900 50%, 
		#9e2e00 51%, 
		#9e2e00
	);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 1px #c38973 inset, 0 1px 1px #d9d9d9;
	box-shadow: 0 1px 1px #c38973 inset, 0 1px 1px #d9d9d9;
}
#btnIndex a {
	padding: 3px 0 5px;
	text-align: center;
	display: block;
}
#btnIndex a img {
	pointer-events: none;
}

#btnPC {
	border-top: solid 2px #9e7d29;
}
#btnPC div {
	width: 300px;
	margin: 13px auto;
	border: solid 1px #a58027;
	background: -webkit-gradient(linear, left top, left bottom, 
		color-stop(1.00, #a58027),
		color-stop(0.51, #a27b25),
		color-stop(0.50, #aa8729),
		color-stop(0.00, #aa8729)
	);
	background: -moz-linear-gradient(top, 
		#aa8729, 
		#aa8729 50%, 
		#a27b25 51%, 
		#a58027
	);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 1px #d1be8a inset, 0 1px 1px #d9d9d9;
	box-shadow: 0 1px 1px #d1be8a inset, 0 1px 1px #d9d9d9;
}
#btnPC div a {
	padding: 6px 0 5px;
	text-align: center;
	font-size: 90%;
	color: #fff;
	display: block;
}
#btnPC div a span {
	padding:  0 0 0 25px;
	background-image: url(../img/ico_pc_brown.png);
	background-position: 5px 50%;
	background-size: 15px 15px;
	background-repeat: no-repeat;
}

/* ============================================
	contents
============================================ */
.contBox {
	margin: 0 10px 10px;
	clear: both;
}
.titBrown {
	width: 100%;
	margin: 0 0 1px;
	position: relative;
}
.titBrown h1,
.titBrown h2 {
	padding: 7px 0 5px 10px;
	color: #fff;
	font-size: 110%;
	text-shadow: 0 -1px 1px #765e1f;
	-webkit-text-shadow: 0 -1px 1px #765e1f;
	-moz-text-shadow: 0 -1px 1px #765e1f;
	background: #9e7d29;
}

/* ============================================
	Review
============================================ */
.sprevsep {
	display: none;
	opacity: 0;
}
.element {
	border-top: solid 2px #abb5be;
	background: #fff8db;
}
.twText {
	margin: 0 10px 5px;
}
.exTrue {
	padding: 0 0 5px;
	border-bottom: solid 1px #e6e5e2;
}
.twText:first-letter {
	font-size: 150%;
}
.twGrade {
	margin: 0 10px;
}
.twGrade span {
	margin: 0 0 0 1em;
}
.twFuture {
	margin: 0 10px;
}
.snsBox {
	margin: 5px 0 0;
	padding: 10px 10px 3px;
	background: #fff;
}
.snsBox div {
	float: left;
}
.twBtn,
.twBtn iframe {
	width: 110px !important;
}

/* ============================================
	PAGE TOP
============================================ */
.pageTop {
	height: 30px;
	padding: 6px 13px 0 0;
	border-top: solid 2px #abb5be;
	background: -webkit-gradient(linear, left top, left bottom, 
		color-stop(1.00, #fff),
		color-stop(0.91, #f4f2eb),
		color-stop(0.51, #fff),
		color-stop(0.14, #f6f6f6),
		color-stop(0.00, #fff)
	);
	background: -moz-linear-gradient(top, 
		#fff,
		#f6f6f6 86%,
		#fff 49%,
		#f4f2eb 9%,
		#fff
	);
}
.pageTop a {
	width: 175px;
	float: right;
	color: #222;
	background-image: url(../img/ico_pagetop.png);
	background-position: right center;
	background-size: 8px 8px;
	background-repeat: no-repeat;
	display: block;
}

/* ============================================
	footer
============================================ */
#footer {
	padding: 5px 0 3px;
	border-top: solid 2px #dcdcdc;
	color: #999;
	text-align: center;
	font-size: 70%;
}