@charset "UTF-8";

/* Common */
html{ overflow:scroll-y; overflow-y:scroll; width:100%; height:100%; } body{ width:100%; height:100%; font:normal 12px/180%  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",osaka, sans-serif; margin:0; padding:0; text-align:center; color:#333; } .fontsmall{	font-size:83.3%; line-height:130%; } .fontbig{ font-size:116.7%; line-height:180%; } * html table{ font-size:100%; line-height:150%; } form,dl,dt,dd,ul{ margin:0; padding:0; } input,select,textarea{ color:#444; font: normal 100%/166.7% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } ul li{ list-style:none; } h1, h2, h3, h4, h5, h6, h7{	font-size:100%; font-weight:normal; padding:0; margin:0; } p{ margin:0; padding:0 0 1em; } img{ border:none; vertical-align:top; } .bold{ font-weight:bold; }
.clearfix:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}.clearfix{ display:inline-table; zoom:1; }* html .clearfix{ height:1px; zoom:1; }.clearfix{ display:block; }


@media print{
	html,body {
		_zoom:0.73;
		overflow: visible !important;
	}
}

/* 角丸
#myElement {
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	behavior: url(/PIE.htc);
}
*/
body{ background:#fff; color:#333; }
a{
	color:#06F;
}
a:hover{ color:#F30; }
#stage{
	border-top:3px solid #d43e3e;
	font-size:1em;
	text-align:left;
	width:100%;
}

header{
	position: relative;
	height: 62px;
	margin: 0 auto;
	width: 950px;
}
header #logo{
	position: absolute;
	left: 0;
	top: 20px;
}
header #logo{
	position: absolute;
	left: 0;
	top: 20px;
}
header #description{
	position: absolute;
	left: 207px;
	top: 29px;
}
header #recruit{
	position: absolute;
	right: 0;
	top: 6px;
}

article{
	border-top: 3px solid #efefef;
}

#contentsBox{
	margin: 0 auto;
	overflow: hidden; _zoom:1;
	padding: 15px 0;
	width: 950px;
}

h1{
	font-size: 1.250em;
	margin-bottom: 15px;
	width: 100%;
	text-align: center;
}
#lead{
	margin-bottom: 20px;
	text-align: center;
}

#yearsBlock{
	background: url("../images/centerbar.gif") repeat-y top center;
	overflow: hidden;
}
#lbox{
	float: left;
	margin-left: 50px;
	width: 359px;
}
#rbox{
	float: right;
	margin-right: 50px;
	width:359px;
}
#contentsBox .yearLogo{

}
#contentsBox .yearlead{
	padding: 15px;
}
#contentsBox .info h3,
#contentsBox .feature h3{
	clear: both;
	line-height: 30px;
	margin-bottom: 15px;
	padding-left: 33px;
}
#contentsBox .info h3{
	background: url("../images/ttl_bg_info.gif") 0 0 no-repeat;
}
#contentsBox .feature h3{
	background: url("../images/ttl_bg_feature.gif") 0 0 no-repeat;
}

#contentsBox #pre{
	margin-bottom: 40px;
	text-align: center;
}
#contentsBox #pre img{
	margin-bottom: 10px;
}

#contentsBox p.clead{
	color:#B52121;
	font-size: 1.167em;
	padding: 0 10px 15px;
}
#contentsBox p.small{
	font-size: 0.833em;
	line-height: 1.5;
}
#contentsBox .imgBlock{
	float: left;
	margin-left: 10px;
	margin-bottom: 30px;
	width: 90px;
}
#contentsBox .textData{
	float: right;
	margin-right: 10px;
	margin-bottom: 5px;
	width: 230px;
}
#contentsBox .textData.oneColumn{
	width:339px;
}
#contentsBox .textData a{
	background: url("../images/icon/ico_arow.gif") 0 0 no-repeat;
	padding-left: 1.3em;
	display: inline-block;
}

#contentsBox .textData p{
	font-size: 0.833em;
	line-height: 1.5;
	padding-left: 1.6em;
}

#contentsBox .textData .point{
	color:#f00;
}

#btmContents{
	background: url("../images/dot_border.gif") repeat-x bottom left;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
#btmContents ul{
	background: url("../images/btmContents_bg.gif") repeat-x top left;
	clear: both;
	overflow: hidden;
}
#btmContents li{
	background: #fff;
	border-top:5px solid #e7e7e7;
	float: left;
	margin-left: 1px;
}
#btmContents li .linkbox img{
	margin-bottom: 5px;
}
#btmContents li.box1{
	margin-left: 0;
	width: 312px;
} 

#btmContents li.box2{
	width: 323px;
} 
#btmContents li.box3{
	width: 313px;
} 
#btmContents li.box1 p,
#btmContents li.box1 .linkbox,
#btmContents li.box2 p,
#btmContents li.box2 .linkbox,
#btmContents li.box3 p,
#btmContents li.box3 .linkbox{
	padding: 20px 0 0;
	margin: 0 auto;
	width: 235px;
}
#btmContents li a img{
	vertical-align: middle;
}

.recruitstaff{
	border:6px solid #9cf;
	margin-bottom: 25px;
	padding: 25px 30px;
	overflow: hidden;
}
.recruitstaff .imgblock{
	float: left;
	padding-top: 10px;
	width: 80px;
}
.recruitstaff .textblock{
	float: left;
	width: 580px;
}
.recruitstaff .textblock h3{
	border-bottom: 1px solid #36c;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.recruitstaff .textblock p{
	padding: 0;
}
.recruitstaff .btnblock{
	float: right;
	padding-top: 10px;
	width: 193px;
}


.privacy{
	background: url("../images/dot_border.gif") repeat-x top left;
	margin-bottom: 40px;
	overflow: hidden; _zoom:1;
	padding: 20px 20px 0;
	position: relative;
}
.privacy .mark{
	float: left;
	width: 75px; 
}
.privacy .drsc{
	float: right;
	width: 800px;
}
.privacy .drsc b{
	color:#B52121;
	display: block;
	font-size: 1.167em;
	margin-bottom: 5px;
}
.privacy .drsc p{
	line-height: 1.5;
}
.privacy .drsc .link{
	line-height: 1.5;
	position: absolute;
	top: 20px;
	right: 25px;
}
.privacy .drsc .link li{
	float: left;
	margin-left: 20px;
}
.privacy .drsc .link li img{
	vertical-align: top;
}

footer{
	background: #fbfbfb;
	border-top:1px solid #e4e4e4;
	padding-top: 32px;
	padding-bottom: 50px;
}

footer .inBox{
	margin: 0 auto;
	position: relative;
	width: 950px;
}
footer .line1,
footer .line2,
footer .line3{
	background: url("../images/footer_dotline.gif") repeat-x left bottom;
	font-size: 0.833em;
	line-height: 39px;
	height: 39px;
	position: relative;
}
footer .line2 .lb{
	position: absolute;
	left: 0;
}
footer .line2 .rb{
	position: absolute;
	left: 50%;
}
footer .line3{
	margin-bottom: 30px;
}

footer .btmBoxL{
	position: relative;
	height: 35px;
	width: 300px;
}
footer .btmBoxL div{
	position: absolute;
	bottom: 0;
	vertical-align: bottom;
}
footer .btmBoxL .gakujo{left: 0;}
footer .btmBoxL .koen{left: 95px;}
footer .btmBoxL .abc1008{left: 125px;}
footer .btmBoxL .slash{left: 193px;}
footer .btmBoxL .skya{left: 207px;}
footer .btmBoxL div img{
	vertical-align: bottom;
}

footer .btmBoxR{
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 1;
}


/* icon SET ***************************************************************************/
a.iconblank{
	background:url(../images/icon/blank.gif) no-repeat right center;
	padding-right:18px;
}
a.iconpdf{
	background:url(../images/icon/pdf.gif) no-repeat right center;
	padding-right:18px;
}
/* icon SET ***************************************************************************/