@charset "utf-8";

/************************************************************
 * 初期化
 ************************************************************/
body, form, img, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3 ,h4, h5 ,th ,td ,select,#contents #ch_karidoki p {
	margin: 0;
	padding: 0;
}
table { border-collapse: collapse; border-spacing: 0; }
a,img { border: 0; }
ul, ol, dl, li, dt, dd	{ list-style: none; }
img		{ border: none; vertical-align: top; }
table	{ border-spacing: 0; }
th		{ font-weight: normal; }
h5{
	font-size:12px;
	font-weight:normal;
}

/* clearfix */
.cFix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cFix	{ min-height: 1px; _height: 1px; }

#contents h2,#contents h3 {
	background:none;
	border:none;
}

#contents #articleColumn {
	width:642px;
	margin-bottom:20px;
}

/************************************************************
 * CLASSES(プロパティ)
 ************************************************************/

/* WIDTH */
.w67	{ width: 67px; }
.w95	{ width: 95px; }
.w115	{ width: 115px; }
.w117	{ width: 117px; }
.w120	{ width: 120px; }
.w135	{ width: 135px; }
.w140	{ width: 140px; }
.w142	{ width: 142px; }
.w150	{ width: 150px; }
.w193	{ width: 193px; }
.w200	{ width: 200px; }
.w205	{ width: 205px; }
.w215	{ width: 215px; }
.w250	{ width: 250px; }
.w255	{ width: 255px; }
.w260	{ width: 260px; }
.w270	{ width: 270px; }
.w280	{ width: 280px; }
.w300	{ width: 300px; }
.w330	{ width: 330px; }
.w340	{ width: 340px; }
.w312	{ width: 312px; }
.w350	{ width: 350px; }
.w380	{ width: 380px; }
.w390	{ width: 390px; }
.w407	{ width: 407px; }
.w420	{ width: 420px; }
.w430	{ width: 430px; }
.w460	{ width: 460px; }
.w480	{ width: 480px; }
.w506	{ width: 506px; }
.w562	{ width: 562px; }
.w564	{ width: 564px; }
.w582	{ width: 582px; }
.w610	{ width: 610px; }

/* HEIGHT */
.h18	{ height: 18px; }
.h72	{ height: 72px; }
.h97	{ height: 97px; }
.h446	{ height: 446px; }

/* MARGIN */
.mT1	{ margin-top: 1px; }
.mT2	{ margin-top: 2px; }
.mT3	{ margin-top: 3px; }
.mT4	{ margin-top: 4px; }
.mT5	{ margin-top: 5px; }
.mT6	{ margin-top: 6px; }
.mT7	{ margin-top: 7px; }
.mT8	{ margin-top: 8px; }
.mT10	{ margin-top: 10px; }
.mT15	{ margin-top: 15px; }
.mT20	{ margin-top: 20px; }
.mT25	{ margin-top: 25px; }
.mT30	{ margin-top: 30px; }
.mT35	{ margin-top: 35px; }
.mT40	{ margin-top: 40px; }
.mT50	{ margin-top: 50px; }
.mT60	{ margin-top: 60px; }

.mTN1	{ margin-top: -1px; }

.mL10	{ margin-left: 10px; }
.mL12	{ margin-left: 12px; }
.mL15	{ margin-left: 15px; }
.mL20	{ margin-left: 20px; }

.mR1	{ margin-right: 1px; }
.mR3	{ margin-right: 3px; }
.mR10	{ margin-right: 10px; }
.mR12	{ margin-right: 12px; }
.mR15	{ margin-right: 15px; }
.mR20	{ margin-right: 20px; }

.mH6	{ margin-right: 6px; margin-left: 6px; }
.mHA	{ margin-right: auto; margin-left: auto; }

.mB5	{ margin-bottom: 5px; }
.mB10	{ margin-bottom: 10px; }
.mB15	{ margin-bottom: 15px; }
.mB20	{ margin-bottom: 20px; }
.mB25	{ margin-bottom: 25px; }
.mB30	{ margin-bottom: 30px; }

/* PADDING */
.p5		{ padding: 5px; }
.p8		{ padding: 8px; }
.p10	{ padding: 10px; }
.p15	{ padding: 15px; }
.p20	{ padding: 20px; }

.pT0	{ padding-top: 0; }
.pT3	{ padding-top: 3px; }
.pT5	{ padding-top: 5px; }
.pT10	{ padding-top: 10px; }
.pT11	{ padding-top: 11px; }
.pT15	{ padding-top: 15px; }
.pT20	{ padding-top: 20px; }
.pT35	{ padding-top: 35px; }
.pT41	{ padding-top: 41px; }
.pT45	{ padding-top: 45px; }
.pT55	{ padding-top: 55px; }

.pL2	{ padding-left: 2px; }
.pL10	{ padding-left: 10px; }
.pL15	{ padding-left: 15px; }
.pL20	{ padding-left: 20px; }
.pL30	{ padding-left: 30px; }
.pL80	{ padding-left: 80px; }

.pR5	{ padding-right: 5px; }
.pR10	{ padding-right: 10px; }
.pR15	{ padding-right: 15px; }
.pR20	{ padding-right: 20px; }
.pR16	{ padding-right: 16px; }
.pR20	{ padding-right: 20px; }

.pB3	{ padding-bottom: 3px;}
.pB5	{ padding-bottom: 5px;}
.pB6	{ padding-bottom: 6px;}
.pB10	{ padding-bottom:10px;}
.pB15	{ padding-bottom:15px;}
.pB20	{ padding-bottom:20px;}

.pH6	{ padding-right: 6px; padding-left: 6px; }
.pH10	{ padding-right: 10px; padding-left: 10px; }
.pH15	{ padding-right: 15px; padding-left: 15px; }
.pH20	{ padding-right: 20px; padding-left: 20px; }

.pV5	{ padding-top: 5px; padding-bottom: 5px; }
.pV3	{ padding-top: 3px; padding-bottom: 3px; }

.pH15V3	{ padding: 3px 15px; }
.pH10V20{ padding: 20px 10px; }
.pH15V10{ padding: 10px 15px; }
.pH10V5	{ padding: 5px 10px; }
.pH10V5	{ padding: 5px 10px; }
.pH12V5	{ padding: 5px 12px; }

/* DISPLAY */
.db	{ display: block; }

/* POSITION */
.pr			{ position:relative; }
.pa			{ position:absolute; }

.fl			{ float: left; }
.fr			{ float: right; }

.taR		{ text-align: right; }
.taC		{ text-align: center; }

.vaM	{vertical-align:middle;}
.vaB	{vertical-align:bottom;}

.ti1e{ text-indent:1em; }
.ti{ text-indent:-9999px; }

.fgWhite	{ color: #ffffff; }
.fgLGray	{ color: #999999; }
.fgDGray	{ color: #666666; }
.fgLLGray{ color: #B4B4B4; }
.fgGreen	{ color: #008E3B; }
.fgBlue	{ color: #449AC9; }
.fgE32B5C	{ color: #E32B5C; }
.fgFCBD01	{ color:#FCBD01; }

.bgFFCC00	{background:#FFCC00;}
.bgB4E7D1	{background:#B4E7D1;}
.bgF1F8E8	{background:#F1F8E8;}
.bgF8FBE7	{background:#F8FBE7;}
.bgF4FBE7	{background:#f4fbe7;}

.bgFFCC99	{background:#ffcc99;}


.bF36F3F	{border:#f36f3f 1px solid;}

.bTCCC	{border-top:#CCC 1px solid;}
.bBCCC	{border-bottom:#CCC 1px solid;}

.bdBGrayDot	{border-bottom:1px #bababa dotted;}
.bBRedDas	{border:1px #E32B5C dashed;}

.zi0	{ z-index: 0; }
.zi1	{ z-index: 1; }
.zi2	{ z-index: 2; }
.zi3	{ z-index: 3; }
.zi10	{ z-index: 10; }

/* FONTSIZE */
.ft84	{font-size:84%;}
.ft117	{font-size:117%;}
.ft134	{font-size:134%;}
.ft160	{font-size:160% !important;}

/* LINE-HEIGHT */
.lh1_4	{ line-height: 1.4; }
.lh1_6	{ line-height: 1.6; }
.lh1_8	{ line-height: 1.8; }
.lh150	{ line-height:150%; }
.lh160	{ line-height:160%; }

.ls01	{letter-spacing:0.1em;}
.ls03	{letter-spacing:0.3em;}
.ls1px	{letter-spacing:1px;}

.fwB	{font-weight:bold;}
.fwN	{font-weight:normal;}

/************************************************************
 * CLASSES
 ************************************************************/
#contents p{
	margin:0 0 0 0;
}

#contents #ch_kiji a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}

#contents .jlink_area {
	background:url("../img/bg_jyunbi.jpg") no-repeat top left;
	width:643px;
	height:194px;
	padding-top:29px;
}
#contents .jlink_area ul {
	margin:0;
	padding:0;
}
#contents .jlink_area li {
	float:left;
}

#contents .hajimeni_area {
	background:url("../img/bg_hajimeni.png") no-repeat top left;
	width:643px;
	height:152px;
}
#contents .k_nos {
	margin-left:auto;
	margin-right:auto;
	width:624px;
	background-color:#000000;
	position:relative;
}
#contents .k_block {
	width:582px;
	background:url("../img/bg_kiji.png");
	border-left:solid 1px #999999;
	border-right:solid 1px #999999;
	border-bottom:solid 1px #999999;
	margin-left:10px;
	margin-right:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

#contents h2.h2_ugokidasi {
	background:url("../img/h2_ugokidasi.png") no-repeat top left;
	width:610px;
	height:52px;
	text-indent:-9999px;
	position:absolute;
	top:-7px;
	left:3px;
}
#contents h2.h2_sakimawari {
	background:url("../img/h2_sakimawari.png") no-repeat top left;
	width:610px;
	height:52px;
	text-indent:-9999px;
	position:absolute;
	top:-7px;
	left:3px;
}
#contents h2.h2_bukkenkengaku {
	background:url("../img/h2_bukkenkengaku.png") no-repeat top left;
	width:610px;
	height:52px;
	text-indent:-9999px;
	position:absolute;
	top:-7px;
	left:3px;
}
#contents h2.h2_keiyaku {
	background:url("../img/h2_keiyaku.png") no-repeat top left;
	width:610px;
	height:52px;
	text-indent:-9999px;
	position:absolute;
	top:-7px;
	left:3px;
}
#contents h2.h2_sinsa {
	background:url("../img/h2_sinsa.png") no-repeat top left;
	width:610px;
	height:52px;
	text-indent:-9999px;
	position:absolute;
	top:-7px;
	left:3px;
}
#contents h2.h2_keiyaku {
	background:url("../img/h2_keiyaku.png") no-repeat top left;
	width:610px;
	height:52px;
	text-indent:-9999px;
	position:absolute;
	top:-7px;
	left:3px;
}
#contents h2.h2_keiyaku_jyunbi {
	background:url("../img/h2_keiyaku_jyunbi.png") no-repeat top left;
	width:610px;
	height:52px;
	text-indent:-9999px;
	position:absolute;
	top:-7px;
	left:3px;
}
#contents h2.h2_kanryou {
	background:url("../img/h2_kanryou.png") no-repeat top left;
	width:610px;
	height:52px;
	text-indent:-9999px;
	position:absolute;
	top:-7px;
	left:3px;
}

#contents h3.h3_nyuukyokibou {
	background:url("../img/h3_nyuukyokibou.png") no-repeat top left;
	width:582px;
	height:39px;
	text-indent:-9999px;
}
#contents h3.h3_hosyounin {
	background:url("../img/h3_hosyounin.png") no-repeat top left;
	width:407px;
	height:39px;
	text-indent:-9999px;
}
#contents h3.h3_heyasagasi {
	background:url("../img/h3_heyasagasi.png") no-repeat top left;
	width:582px;
	height:39px;
	text-indent:-9999px;
}
#contents h3.h3_hudousan_tel {
	background:url("../img/h3_hudousan_tel.png") no-repeat top left;
	width:582px;
	height:39px;
	text-indent:-9999px;
}
#contents h3.h3_hudousan_houmon {
	background:url("../img/h3_hudousan_houmon.png") no-repeat top left;
	width:582px;
	height:39px;
	text-indent:-9999px;
}
#contents h3.h3_kariyoyaku {
	background:url("../img/h3_kariyoyaku.png") no-repeat top left;
	width:582px;
	height:39px;
	text-indent:-9999px;
}
#contents h3.h3_shokeihi {
	background:url("../img/h3_shokeihi.png") no-repeat top left;
	width:582px;
	height:39px;
	text-indent:-9999px;
}
#contents h3.h3_syorui {
	background:url("../img/h3_syorui.png") no-repeat top left;
	width:582px;
	height:39px;
	text-indent:-9999px;
}
#contents h3.h3_sinsa {
	background:url("../img/h3_sinsa.png") no-repeat top left;
	width:407px;
	height:39px;
	text-indent:-9999px;
}
#contents h3.h3_hikkosi {
	background:url("../img/h3_hikkosi.png") no-repeat top left;
	width:407px;
	height:39px;
	text-indent:-9999px;
}
#contents h3.h3_kaitsuirai {
	background:url("../img/h3_kaitsuirai.png") no-repeat top left;
	width:582px;
	height:39px;
	text-indent:-9999px;
}
#contents h3.h3_keiyaku {
	background:url("../img/h3_keiyaku.png") no-repeat top left;
	width:407px;
	height:39px;
	text-indent:-9999px;
}
#contents h3.h3_sagatsuku {
	background:url("../img/h3_sagatsuku.png") no-repeat top left;
	width:638px;
	height:39px;
	text-indent:-9999px;
}

#contents h4.h4_point {
	background:url("../img/h4_point.png") no-repeat top left;
	width:563px;
	height:31px;
	text-indent:-9999px;
}
#contents .h4_point_jinbutsu {
	position:absolute;
	top:-12px;
	left:467px;
}
#contents h5.h5_hosyounin {
	background:url("../img/h5_hosyounin.png") no-repeat top left;
	width:562px;
	height:20px;
	text-indent:-9999px;
	margin-left:auto;
	margin-right:auto;
}
#contents h5.h5_jyunbi {
	background:url("../img/h5_jyunbi.png") no-repeat top left;
	width:562px;
	height:20px;
	text-indent:-9999px;
	margin-left:auto;
	margin-right:auto;
}

#contents dt.dt_01_01_hikkosi {
	background:url("../img/dt_01_01_hikkosi.png") no-repeat top left;
	width:562px;
	height:20px;
	text-indent:-9999px;
}
#contents dt.dt_01_02_taikyobi {
	background:url("../img/dt_01_02_taikyobi.png") no-repeat top left;
	width:562px;
	height:20px;
	text-indent:-9999px;
}
#contents dt.dt_01_03_hosyounin {
	background:url("../img/dt_01_03_hosyounin.png") no-repeat top left;
	width:562px;
	height:20px;
	text-indent:-9999px;
}
#contents dt.dt_01_04_yuzurenai {
	background:url("../img/dt_01_04_yuzurenai.png") no-repeat top left;
	width:562px;
	height:20px;
	text-indent:-9999px;
}
#contents dt.dt_01_05_sagasu {
	background:url("../img/dt_01_05_sagasu.png") no-repeat top left;
	width:562px;
	height:20px;
	text-indent:-9999px;
}
#contents dt.dt_02_01_houmon {
	background:url("../img/dt_02_01_houmon.png") no-repeat top left;
	width:562px;
	height:20px;
	text-indent:-9999px;
}
#contents dt.dt_02_02_mousikomi {
	background:url("../img/dt_02_02_mousikomi.png") no-repeat top left;
	width:562px;
	height:20px;
	text-indent:-9999px;
}

#contents .c_box {
	border:solid 1px #FCBD01;
	padding:10px;
}
#contents .c_box dt {
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:1.6;
}
#contents .c_box dd {
	letter-spacing:0.1em;
	line-height:1.6;
}

#contents .extra_area_top {
	background:url("../img/bg_extra.png") no-repeat top left;
	width:643px;
	margin-bottom:0;
}
#contents .extra_area_bottom {
	margin-top:0;
	background:url("../img/bg_extra.png") no-repeat bottom left;
	width:643px;
}
/************************************************************
 * ボタン関連
 ************************************************************/
#contents a.btn {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
#contents a.btn:hover {
	background-position:bottom;
}
#contents a.btn_jyunbi_01 {
	background:url("../img/btn_jyunbi_01.png") no-repeat top;
	width:96px;
	height:86px;
}
#contents a.btn_jyunbi_02 {
	background:url("../img/btn_jyunbi_02.png") no-repeat top;
	width:96px;
	height:86px;
}
#contents a.btn_jyunbi_03 {
	background:url("../img/btn_jyunbi_03.png") no-repeat top;
	width:96px;
	height:86px;
}
#contents a.btn_jyunbi_04 {
	background:url("../img/btn_jyunbi_04.png") no-repeat top;
	width:96px;
	height:86px;
}
#contents a.btn_jyunbi_05 {
	background:url("../img/btn_jyunbi_05.png") no-repeat top;
	width:96px;
	height:86px;
}
#contents a.btn_jyunbi_06 {
	background:url("../img/btn_jyunbi_06.png") no-repeat top;
	width:92px;
	height:86px;
}
#contents a.btn_jyunbi_07 {
	background:url("../img/btn_jyunbi_07.png") no-repeat top;
	width:71px;
	height:86px;
}
#contents a.btn_heyasagashi {
	background:url("../img/btn_heyasagashi.png") no-repeat top;
	width:408px;
	height:59px;
	margin-top:5px;
}
#contents a.btn_sokunyukyo {
	background:url("../img/btn_sokunyukyo.png") no-repeat top;
	width:411px;
	height:50px;
}
#contents a.btn_isogi_sokunyukyo {
	background:url("../img/btn_isogi_sokunyukyo.png") no-repeat top;
	width:411px;
	height:87px;
}

/************************************************************
 * 転勤特集導線（2012/8/22　リリース分）
 ************************************************************/

#contents .jlink_area {
	position:relative;
/*	margin-bottom:35px; */
}

#contents .tenkinLead {
	position:absolute;
	top:130px;
	left:0;
}
#contents .tenkinLead ul.btns {
	width:629px;
	height:35px;
	background-position: 0 -147px;
	border-left:2px solid #b45109;
	border-right:2px solid #b45109;
	border-bottom:2px solid #b45109;
	padding:10px 0 10px  10px ;
}
#contents .tenkinLead ul,
#contents .tenkinLead .s_tenkin {
	background-image: url(../img/s_tenkinLead.png);background-repeat: no-repeat;text-indent:-9999px;overflow: hidden;display:block;
}
#contents .tenkinLead .ttlTenkin {
	background-position: 0 0;width: 643px;height: 46px;
}
#contents .tenkinLead a.btnTenkinHokkaido {
	background-position: 0 -57px;width: 80px;height: 35px;
}
#contents .tenkinLead a.btnTenkinHokkaido:hover {
	background-position: 0 -102px;
}
#contents .tenkinLead a.btnTenkinMiyagi {
	background-position: -90px -57px;width: 80px;height: 35px;
}
#contents .tenkinLead a.btnTenkinMiyagi:hover {
	background-position: -90px -102px;
}
#contents .tenkinLead a.btnTenkinKanto {
	background-position: -180px -56px;width: 80px;height: 35px;
}
#contents .tenkinLead a.btnTenkinKanto:hover {
	background-position: -180px -102px;
}
#contents .tenkinLead a.btnTenkinKansai {
	background-position: -270px -57px;width: 80px;height: 35px;
}
#contents .tenkinLead a.btnTenkinKansai:hover {
	background-position: -270px -102px;
}
#contents .tenkinLead a.btnTenkinTokai {
	background-position: -360px -56px;width: 80px;height: 35px;
}
#contents .tenkinLead a.btnTenkinTokai:hover {
	background-position: -360px -102px;
}
#contents .tenkinLead a.btnTenkinHiroshima {
	background-position: -450px -57px;width: 80px;height: 35px;
}
#contents .tenkinLead a.btnTenkinHiroshima:hover {
	background-position: -450px -102px;
}
#contents .tenkinLead a.btnTenkinFukuoka {
	background-position: -540px -57px;width: 80px;height: 35px;
}
#contents .tenkinLead a.btnTenkinFukuoka:hover {
	background-position: -540px -102px;
}

.mR10 { margin-right: 10px; }
