@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  updated --- 2013/01/18
 */


/* !HTML5 elements
---------------------------------------------------------- */
header, footer, nav, section, aside, article
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	*font-size: small;
	*font: x-small;
	-webkit-text-size-adjust: none;
	line-height: 1.6;
	color: #231815;
}
/* ie7 */ *:first-child+html body { }
/* ie6Below */ * html body { }
/* ie8 */ body { }
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 110%; vertical-align: middle;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html,body { height: 100%;text-align: center;}
@media print {
	html,
	html body { *zoom: 0.65;}
}
/* !wrapper
---------------------------------------------------------- */
#wrapper {
	position: relative;
	margin: 0px auto -75px;
	width: 100%;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	text-align: left;
}

/* header
---------------------------------------------------------- */
header{
	position: relative;
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

header a.lnkTop{
	background: url(../img/bg_a02.gif) no-repeat left center;
	padding-left: 15px;
	float: right;
	margin-top: 20px;
	margin-right: 5px;
	letter-spacing: 3px;
	color: #7FCCEC;
	font-weight: bold;
}

/* !contents
---------------------------------------------------------- */
#contents {
	position: relative;
	background-color: #fff;
	margin: 0px auto;
	padding-bottom: 75px;
	width: 980px;
	height: 100%;
}

/* !contents menu
---------------------------------------------------------- */

/* !contents main
---------------------------------------------------------- */
section{
	width: 870px;
	margin: 0 auto;
}

article{
	color: #007C36;
}

section#top{
	margin-top: 70px;
}

section#top article{
	position: relative;
	margin: 25px 0 55px;
	height: 450px;
	line-height: 2;
	overflow: hidden;
}

section#top article ul{
	margin-top: 40px;
	width: 870px;
}

section#top article li{
	display: block;
	border: 3px solid #D2D2D3;
	width: 344px;
	height: 155px;
	text-align: center;
}

section#top article li.first{
	float: left;
}

section#top article li.last{
	float: right;
}

section#interview dl{
	margin-bottom: 20px;
}

section#interview h2{
	margin: 0 0 20px 80px;
}

section#interview .ans dt,section#interview .ask dt{
	width: 60px;
	float: left;
	text-align: center;
	clear: left;
}

section#interview .ans dd,section#interview .ask dd{
	margin-left: 80px;
}

section#interview .ask dt{
	background:url(../img/bar_green.gif) left center repeat-x;
}
body#interview02 section#interview .ask dt{
	background:url(../img/bar_blue.gif) left center repeat-x;
}

section#interview .ask dd{
	color: #007C36;
}
body#interview02 section#interview .ask dd{
	color: #0091DA;
}

section#interview .ans.right{
	float: right;
	width: 500px;
}

section#interview .ans dt{
	text-align: center;
	border: 1px solid #0091DA;
	color: #0091DA;
}
body#interview02 section#interview .ans dt{
	border: 1px solid #00A63C;
	color: #00A63C;
}
section#interview .ans dt.dtN,
body#interview02 section#interview .ans dt.dtN {
	border: none;
}

section#interview .ans dd p{
	padding: 0 0 30px 30px;
	font-size: 85%;
	line-height: 1.2;
}

section#interview div.notice{
	clear: both;
	padding-left: 80px;
}

section#interview div.notice dt{
	margin: 25px 0 10px;
	font-weight: bold;
}

section#interview div.notice a{
	color: #009FE8;
}

section#interview nav{
	clear: both;
	margin: 50px auto 30px;
	width: 240px;
	overflow: hidden;
}
body#interview02 section#interview nav{
	width: 340px;
}

section#interview nav li{
	display: block;
	float: left;
	width: 40px;
	text-align: center;
}

section#interview nav li.active{
	font-weight: bold;
	color: #009fe8;
}
body#interview02 section#interview nav li.active{
	color: #009fe8;
}

/* --------------------------------------------
	SNS
-------------------------------------------- */
#sns{
	width: 870px;
	margin: 50px auto 30px;
	height: 20px;
}

#sns .snsBtn{
	position: absolute;
	top: 0;
}

#snsTwitter{
	right: 300px;
}

#snsFacebook{
	right: 180px;
}

#snsHatena{
	right: 110px;
}

#snsGoogle{
	right: 0px;
}

/* !pageTop
---------------------------------------------------------- */
.pageTop {
	clear: both;
	position: relative;
	top: -70px;
	width: 870px;
	margin: 0 auto;
	text-align: right;
	font-size: 80%;
}
/* !footer
---------------------------------------------------------- */
#footer{
	clear: both;
	position: absolute;
	bottom: 0;
	background-color: #BEDFC2;
	width: 100%;
	height: 70px;
	font-size: 80%;
}
footer {
	margin: 0px auto;
	width: 980px;
	font-size: 12px;
	overflow: hidden;
	color: #fff;
}
#footer .footerL {
	margin-top: 20px;
	width: 500px;
	text-align:left;
	line-height: 20px;
}

footer .footerL a{
	background: url(../img/bg_a01.gif) no-repeat left center;
	padding-left: 10px;
	color: #fff;
	text-decoration: none;
}