@charset "UTF-8";
/* ------------------------------------------------------------------
	sheet styles
-------------------------------------------------------------------*/
table.sheet {
	background:#FFF;
	width:100%;
}
.sheet th,
.sheet td {
	padding:5px;
	border:1px solid #CCC;
}
.sheet th {
	background-color: #EEE;
	font-style:normal;
}
.sheet td ul:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

/*==================================================================
	list setting
===================================================================*/
ul.disc {
	padding-left:2.5em;
	margin:1em 0px;
	list-style:disc;
}
ul.circle {
	padding-left:2.5em;
	list-style:circle;
	margin:1em 0px;
}
ol.decimal {
	padding-left:2.5em;
	list-style:decimal;
	margin:1em 0px;
}

/* ------------------------------------------------------------------
	input styles
-------------------------------------------------------------------*/
input {
	line-height:100%;
	font-family:sans-serif;
	vertical-align:middle;
}
input,
textarea {
	padding:0;
	font-size:100%;
}
label {
	padding-right:3px;
}
.formfield {
	font-size:12px;
	line-height:100%;
	height:15px;
	border:1px solid #9A9A9A;
	border-top-color: #616161;
	border-bottom-color: #C2C2C2;
	padding:2px 4px 2px 3px;
	_padding:5px 4px 0 3px;
	margin-right: 4px;
	font-family:"ヒラギノ角ゴ Pro W3",
"Hiragino Kaku Gothic Pro",
Osaka,
"ＭＳ Ｐゴシック",
"MS P Gothic";
}
.textarea {
	font-size:12px;
	border:1px solid #9A9A9A;
	border-top-color: #616161;
	border-bottom-color: #C2C2C2;
	padding:2px 4px 2px 3px;
	_padding:5px 4px 0 3px;
	margin-right: 4px;
	font-family:"ヒラギノ角ゴ Pro W3",
"Hiragino Kaku Gothic Pro",
Osaka,
"メイリオ",
Meiryo,
"ＭＳ Ｐゴシック",
"MS P Gothic";
}
*:first-child+html .formfield {
	height: 13px;
	padding:5px 4px 0 3px;
}
html:first-child .formfield {
	height: 20px;
	padding:0 4px 0 3px;
}
html:first-child .checkBox input,
html>/**/body .checkBox input {
	margin:0 3px 0 0;
	vertical-align:baseline;
}
html>/**/body .checkBox input {
	margin:0 4px 3px 0;
}
input:focus,
textarea:focus {
	background-color:#F5F5F5;
}
form img,
form input,
form select {
	vertical-align:middle;
}
form input,
form select {
	line-height:1;
}
.submit {
	text-align:center;
	margin:12px 0px;
}
.terms {
	overflow:auto;
	height:150px;
	padding:5px;
	border:1px solid #CCC;
	margin-bottom:10px;
	line-height:1.6em;
}
.terms h2 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
.terms h3 {
	font-weight:bold;
}
#main .formError {
	background:url(/img/front/common/icon/icon_error.gif) no-repeat 0 55%;
	padding-left:15px;
	display:block;
	color:#E60012;
	font-weight:bold;
	margin:0;
}
form .error {
	display:inline;
	padding:2px;
}
form textarea.error,
form input.error,
form select.error,
form .error {
	background:#F7C8DC;
	border:1px solid #CC0000;
}
form ul.error {
	display:block;
}
.formError {
	background:url(/img/front/common/icon_common.gif) no-repeat 0 -220px;
	padding-left:17px;
	color:#C00;
	font-size:10px;
	font-weight:bold;
}
ul.formError {
	background:none;
	background:#F7C8DC;
	border:1px solid #CC0000;
	display:block;
	padding:6px 8px;
	margin-bottom:10px;
}
ul.formError li {
	background:url(/img/front/common/icon_common.gif) no-repeat 0 -220px;
	padding-left:17px;
	color:#C00;
	font-size:10px;
	font-weight:bold;
}
.formB {
	font-size:100%;
	font-weight:bold;
	font-size:18px;
	line-height:18px;
	height:20px;
}
*+html .formfield.formB,
* html .formfield.formB {
	line-height:23px;
	height:26px;
	padding-top:0;
}
.textarea {
	width:500px;
}
.w500 {
	width:500px;
}
.w400 {
	width:400px;
}
.w100 {
	width:100px;
}
.w160 {
	width:160px;
}
.w200 {
	width:200px;
}

/* form
----------------------------------------------------------------- */	
.texB {
	background:url(/img/front/common/common.gif) no-repeat -264px -4px;
	padding:3px 0 3px 16px;
	margin-bottom:3px;
	color:#669900;
	line-height:normal;
}
.texQ {
	background:url(/img/front/common/common.gif) no-repeat -263px -110px;
	padding:3px 0 3px 20px;
	margin-bottom:3px;
	color:#1F61CD;
	line-height:normal;
}
.word {
	background:url(/img/front/common/common.gif) no-repeat -264px -193px;
	padding:3px 0 3px 18px;
	margin-bottom:3px;
	line-height:normal;
}

/*==================================================================
	pager setting
===================================================================*/
ol.pager {
	margin:2em 0px;
	text-align:center;
	font-family:Geneva,
Arial,
Helvetica,
sans-serif;
	clear:both;
}
ol.pager li {
	display:inline;
}
ol.pager li a {
	padding:5px 8px;
	border:1px solid #E7E7E7;
	text-decoration:none;
}
ol.pager li a:hover {
	border:1px solid #DBECFF;
	background: #DBECFF;
}
ol.pager li strong {
	border:1px solid #E7E7E7;
	padding:5px 8px;
	background: #E7E7E7;
	color: #999;
	font-weight:bold;
}

/*==================================================================
	text setting
===================================================================*/
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}
.middle {
	vertical-align:middle;
}
.more {
	text-align:right;
}
p,
li,
dt,
dd,
th,
td,
.inner {
	word-wrap:break-word;
}
strong {
	font-weight:bold;
}
.bold {
	font-weight:bold;
}
.red {
	color: #FF0000;
}
/* オンマウス */
a:hover img {
	filter:alpha(opacity=90);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
a#logo:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

/* List Styles
-----------------------------------------------------------------------------  */
.note {
	padding-left:1em;
	text-indent:-1em;
}

/* Lnline Styles
-----------------------------------------------------------------------------  */
.inline {
	display:inline;
}
.inline li {
	display:inline;
}

/* Font Styles
-----------------------------------------------------------------------------  */
.small {
	font-size:77%;
}
.big {
	font-size:131%;
}
/* 23px */
.f6 {
	font-size:23px;
}
/* 20px */
.f5 {
	font-size:20px;
}
/* 17px */
.f4 {
	font-size:17px;
}
/* 14px */
.f3 {
	font-size:14px;
}
/* 12px */
.f2 {
	font-size:12px;
}
/* 10px */
.f1 {
	font-size:10px;
}
.red {
	color:#BD2C2A;
}
.blue {
	color:#0066CC;
}
.gray {
	color:#AAA;
}
.yellow {
	color:#FFCC00;
}
.brown {
	color:#993333;
}

/* float Styles
-------------------------------------------------------------------*/
.leftBox {
	float:left;
}
.rightBox {
	float:right;
}

/*==================================================================
	background setting
===================================================================*/
#searchInfo h2,
#searchCategory h2,
#searchTemp h2,
#mapList li a,
#prInfo h2,
#keywordSearch h2,
#zenkokuSearch h2,
.nowSearch h3,
#sidebarLogin h3,
#bnrSidebarMember a,
#bnrSidebarSearch a,
#sidebarRanking h3,
#sidebarCheck h3,
#searchInfo th a,
#searchInfo ul li a,
#searchCategory th a,
#searchCategory ul li a,
#bottomBnr li a,
#loginForm dt,
a#spMajor,
a#spIntroduce,
a#spSkill,
a#spHigh,
a#spShort,
#sidebarMobile h3,
#sbm li a,
#map #map_popup #map_popup_close,
#sbm h2,
.btnRegist a,
.btnLogin a,
.btnMypage a,
.btnLogout a,
#searchBox h2,
#bnrHomeSp li a,
#backTop a,
#fSearch h4,
#fCompany h4,
a.print,
#entryMember h2,
#hdlMail h3,
#hdlPassword h3,
.btnMember,
.btnFaq,
#entryInfo h3,
.btnOffice {
	position:relative;
	/*HideMacIE\*/
	overflow:hidden;
	/**/
	display:block;
	background:none;
	padding:0;
	margin:0;
}
#searchInfo h2 span,
#searchCategory h2 span,
#searchTemp h2 span,
#mapList li a span,
#prInfo h2 span,
#keywordSearch h2 span,
#zenkokuSearch h2 span,
.nowSearch h3 span,
#sidebarLogin h3 span,
#sidebarRanking h3 span,
#sidebarCheck h3 span,
#bnrSidebarMember a span,
#bnrSidebarSearch a span,
#searchInfo th a span,
#searchInfo ul li a span,
#searchCategory th a span,
#searchCategory ul li a span,
#bottomBnr li a span,
#loginForm dt span,
a#spMajor span,
a#spIntroduce span,
a#spSkill span,
a#spHigh span,
a#spShort span,
#sidebarMobile h3 span,
#sbm li a span,
#map #map_popup #map_popup_close span,
#sbm h2 span,
.btnRegist a span,
.btnLogin a span,
.btnMypage a span,
.btnLogout a span,
#searchBox h2 span,
#bnrHomeSp li a span,
#backTop a span,
#fSearch h4 span,
#fCompany h4 span,
a.print span,
#entryMember h2 span,
#hdlMail h3 span,
#hdlPassword h3 span,
.btnMember span,
.btnFaq span,
#entryInfo h3 span,
.btnOffice span {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

/*==================================================================
	hacks setting
===================================================================*/
/*	clearfix styles
-------------------------------------------------------------------*/
#contents:after,
.inner:after,
.section:after,
.iconTempDetail:after,
.iconPr:after,
.iconCom:after,
.iconTemp:after,
#mypageMenu:after,
.clearfix:after,
.mypageSec:after,
#infoIntroduction:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#contents,
.inner,
.section,
.clearfix,
.iconTempDetail,
.iconPr,
.iconCom,
.iconTemp,
#mypageMenu,
.mypageSec,
#infoIntroduction {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #contents,
* html .inner,
* html .section,
* html .iconTempDetail,
* html .iconPr,
* html .iconCom,
* html .iconTemp,
* html .clearfix,
* html #mypageMenu,
* html .mypageSec,
* html #infoIntroduction {
	height: 1%;
}
#contents,
.inner,
.section,
.iconTempDetail,
.iconPr,
.iconCom,
.iconTemp,
.clearfix,
#mypageMenu,
.mypageSec,
#infoIntroduction {
	display: block;
}