@charset "utf-8";

/************************************************************
 * 初期化
 ************************************************************/
body, form, img, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3 ,h4 ,th ,td ,select {
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	word-break: break-all;
}
table { border-collapse: collapse; border-spacing: 0; font-size:12px;}
a,img { border: 0; }
ul, ol, dl, li, dt, dd	{ list-style: none; }
img		{ border: none; vertical-align: top; }
table	{ border-spacing: 0; }
th		{ text-align: left; font-weight: normal; }

/* clearfix */
.cFix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cFix	{ min-height: 1px; _height: 1px; }

/************************************************************
 * アンカー
 ************************************************************/
a:link			{ color: #0066CC; }
a:visited		{ color: #0066CC; }
a:hover			{ color: #0080FF; }
a:active		{ color: #0080FF; }

/************************************************************
 * タグ
 ************************************************************/
body, select, textarea, th, td, li, a {
	font-family: メイリオ,Meiryo, 'ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Helvetica,sans-serif;
}
body, select, textarea {
	color: #333333;
	font-size: 12px;
	line-height: 1.41;
}

label			{ vertical-align: middle; }

/************************************************************
 * IDS
 ************************************************************/
#wrapper {
	background:none repeat scroll 0 0 #FFFFFF;
	margin:0 auto;
	padding:0;
	text-align:left;
	width:950px;
}

#kyotsu_kiji {
	width: 643px;
	margin-top: 20px;
}

#kyotsu_kiji p	{
	line-height: 20px;
	letter-spacing: 2px;
}

#kyotsu_kiji .fs12	{
	font-size: 12px;
}
#kyotsu_kiji .fs13	{
	font-size: 13px;
}
/************************************************************
 * CLASSES
 ************************************************************/
h1, h2, h3, h4, h5, h6 { font-size: 12px; }

/* 記事用打ち消し */
#contents h2	{ background: none;  margin-top: 0; font-weight: bold; }
#contents h3	{ border-left: none; font-weight: bold; }
#contents p		{ margin-top: 0; }

/* FORM要素 */
.TF { vertical-align: middle; }

.TF,
.TA,
.PD {
	border-top: 1px solid #98857A;
	border-right: 1px solid #DCCFC8;
	border-bottom: 1px solid #DCCFC8;
	border-left: 1px solid #98857A;
}
.CB {
	vertical-align: middle;
	height: 13px;
	margin-right: 1px;
}

/* スプライト画像 */
.b {
	border: 0 none;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	vertical-align: middle;
}

.s		{ background-image: url(../img/sprites/s.png); background-repeat: no-repeat; }
.b		{ background-image: url(../img/sprites/s.png); background-repeat: no-repeat; }


/* ボタン */
.btTabToyosu				{ background-position: 0 0; width: 320px; height: 79px; }
.btTabToyosu:hover,
.btTabToyosu:active			{ background-position: 0 -79px; }
.btTabToyosuCurrent			{ background-position: 0 -158px; width: 320px; height: 79px; }

.btTabKachidoki				{ background-position: -320px 0; width: 323px; height: 79px; }
.btTabKachidoki:hover,
.btTabKachidoki:active		{ background-position: -320px -79px; }
.btTabKachidokiCurrent		{ background-position: -320px -158px; width: 323px; height: 79px; }

.btTabKosodate				{ background-position: 0 -322px; width: 214px; height: 76px; }
.btTabKosodate:hover,
.btTabKosodate:active		{ background-position: 0 -398px; width: }

.btTabOyako					{ background-position: -214px -322px; width: 215px; height: 76px; }
.btTabOyako:hover,
.btTabOyako:active			{ background-position: -214px -398px; }

.btTabGokinzyo				{ background-position: -429px -322px; width: 214px; height: 76px; }
.btTabGokinzyo:hover,
.btTabGokinzyo:active		{ background-position: -429px -398px; }

.btTabShitamachi			{ background-position: -643px -322px; width: 214px; height: 76px; }
.btTabShitamachi:hover,
.btTabShitamachi:active		{ background-position: -643px -398px; }

.btTabKoutsusyudan			{ background-position: -857px -322px; width: 215px; height: 76px; }
.btTabKoutsusyudan:hover,
.btTabKoutsusyudan:active	{ background-position: -857px -398px; }

.btTabToshinmachi			{ background-position: -1072px -322px; width: 214px; height: 76px; }
.btTabToshinmachi:hover,
.btTabToshinmachi:active	{ background-position: -1072px -398px; }

.btWanganKensaku			{ background-position: 0 -852px; width: 424px; height: 64px; }
.btWanganKensaku:hover,
.btWanganKensaku:active		{ background-position: 0 -916px; }

/* アイコン */

/* テキスト＆背景 */
#contents .bgTop01H1		{ background: url(../img/topimg01.png) no-repeat; width: 643px; height: 200px; }
#contents .bgTop02H1		{ background: url(../img/topimg02.png) no-repeat; width: 632px; height: 200px; }

.txtInterviewTitle01		{ background-position: 0 -237px; width: 268px; height: 46px; }
.txtInterviewTitle02		{ background-position: -268px -237px; width: 288px; height: 45px; }

#contents .txtAlinkTitle	{ background: url(../img/sprites/s.png) no-repeat 0 -283px; width: 643px; height: 39px; }

#contents .barTitle01H3		{ background: url(../img/sprites/s.png) no-repeat 0 -474px; width: 643px; height: 63px; }
#contents .barTitle02H3		{ background: url(../img/sprites/s.png) no-repeat 0 -537px; width: 643px; height: 63px; }
#contents .barTitle03H3		{ background: url(../img/sprites/s.png) no-repeat 0 -600px; width: 643px; height: 63px; }
#contents .barTitle04H3		{ background: url(../img/sprites/s.png) no-repeat 0 -663px; width: 643px; height: 63px; }
#contents .barTitle05H3		{ background: url(../img/sprites/s.png) no-repeat 0 -726px; width: 643px; height: 63px; }
#contents .barTitle06H3		{ background: url(../img/sprites/s.png) no-repeat 0 -789px; width: 643px; height: 63px; }

.txtToyosuArea				{ background-position: 0 -980px; width: 293px; height: 21px; }
.txtTishiAccess				{ background-position: -293px -980px; width: 283px; height: 18px; }

.bgTxtImgAreaL				{ background-position: 0 -1001px; width: 321px; height: 93px; }
.bgTxtImgAreaM				{ background-position: -321px -1001px; width: 321px; height: 83px; }
.bgTxtImgAreaS				{ background-position: -642px -1001px; width: 321px; height: 73px; }


/* 打ち消しのstyleを当てている「h2,h3,p」に関しては、#contentsを記述に追加するのと、background:の記述を使う。 */
.sampleH2	{ background-position: 0 0; width: 643px; height: 55px; }




/************************************************************
 * CLASSES(プロパティ)
 ************************************************************/
/* WIDTH */
.wFull	{ width: 100%; }
.w100	{ width: 105px; }
.w312	{ width: 312px; }
.w321	{ width: 321px; }
.w422	{ width: 422px; }

/* HEIGHT */
.h100	{ height: 100px; }

/* LINE-HEIGHT */
.lh12	{ line-height: 12px; }

/* 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; }
.mT9	{ margin-top: 9px; }
.mT10	{ margin-top: 10px; }
.mT22	{ margin-top: 22px; }
.mT29	{ margin-top: 29px; }
.mT35	{ margin-top: 35px; }
.mT39	{ margin-top: 39px; }
.mT40	{ margin-top: 40px; }
#contents .mT19	{ margin-top: 19px; }
#contents .mT32	{ margin-top: 32px; }
#contents .mT33	{ margin-top: 33px; }

.mR10	{ margin-right: 10px; }

.mL10	{ margin-left: 10px; }

.mHA	{ margin-right: auto; margin-left: auto; }

/* PADDING */
.p10	{ padding: 10px; }
.p15	{ padding: 15px; }
.p20	{ padding: 20px; }

.pT10	{ padding-top: 10px; }
.pT24	{ padding-top: 24px; }
#contents .pT7		{ padding-top: 7px; }
#contents .pT22 	{ padding-top: 22px; }

.pR10	{ padding-right: 10px; }

.pB10	{ padding-bottom: 10px; }

.pL10	{ padding-left: 10px; }

.pV10	{ padding-top: 10px; padding-bottom: 10px; }

.pH10	{ padding-left: 10px; padding-right: 10px; }
#contents .pH15	{ padding-left: 15px; padding-right: 15px; }

.pV10H15	{ padding: 10px 15px;}

/* LINE-HEIGHT */
.lh16		{ line-height: 16px; }

/* DISPLAY */
.di		{ display: inline; }
.dn		{ display: none; }
.db		{ display: block; }
.dib	{ display: inline-block; }

.oh		{ overflow: hidden; }

.zi0	{ z-index: 0; }
.zi1	{ z-index: 1; }
.zi2	{ z-index: 2; }
.zi3	{ z-index: 3; }

.nowrap	{ white-space: nowrap; }

.breakW		{ word-wrap: break-word; }
.breakA		{ word-break: break-all; }
.lBNormal	{ line-break: normal; }

.textNote{
	text-indent: -11px;
	margin-left: 11px;
}

.zm	{ zoom: 1; }

/* POSITION */
.fl		{ float: left; }
.fr		{ float: right; }
.cb		{ clear: both; }

.taC	{ text-align: center; }
.taR	{ text-align: right; }
.taL	{ text-align: left; }

.vaT	{ vertical-align: top; }
.vaM	{ vertical-align: middle; }
.vaB	{ vertical-align: bottom; }

.pr		{ position: relative; }
.pa		{ position: absolute; }


.offLeft	{ text-indent: -9999px; overflow: hidden; }

/* FOREGROUNG */
.bld	{ font-weight: bold; }
.nml	{ font-weight: normal; }

.fs10		{ font-size: 10px; }
.fs11		{ font-size: 11px; }
.fs12		{ font-size: 12px; }
.fs16		{ font-size: 16px; }

.fgGray			{ color: #666666; }

/* BACKGROUNG */
.bgWhite		{ background-color: #FFFFFF; }

/* BORDER */
.bdGray			{ border: 1px solid #CCCCCC; }
.bdGrayT		{ border-top: 1px solid #CCCCCC; }
.bdGrayR		{ border-right: 1px solid #CCCCCC; }
.bdGrayB		{ border-bottom: 1px solid #CCCCCC; }
.bdGrayL		{ border-left: 1px solid #CCCCCC; }