@charset "UTF-8";

/* =================================================================
■全体
================================================================= */



body {
	font-size: 14px;
	line-height: 140%;
	color: #595959;
	background: url(/share/images/static/common/body-bg.gif) left top ;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "メイリオ";
}

#wrap {
	width: 950px;
	margin: 0 auto;
	padding: 0 8px;
	background: url(/share/images/static/common/wrap-bg.gif) 0 top repeat-y ;
}



/* リンク */
/*-------------------------------------------- */

/* リンク基本 */
a {
	color: #4977c1;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* リンクアイコン */
.ga { /* 通常のグレーアイコン */
	padding-left: 8px!important;
	background: url(/share/images/static/common/ico-g-arrowR.gif) 0 6px no-repeat ;
}

.oa { /* カテゴリトップのオレンジアイコン */
	padding-left: 13px!important;
	background: url(/share/images/static/common/ico-o-arrowR.gif) 0 4px no-repeat;
}

.oa02 { /*案件へのリンクのオレンジアイコン大*/
    padding-left: 20px;
	background: url(/share/images/static/common/ico-o-arrowR02.gif) 0 2px no-repeat;
}

/* ページトップへ */
.pt {
	width: 0 auto;
	padding: 0 10px 20px 11px;
	float: right;
	background: url(/share/images/static/common/ico-g-arrowU.gif) 0 8px no-repeat ;
}

/* ページ下へ */
.pd {
	width: 0 auto;
	padding: 0 10px 20px 11px;
	float: right;
	background: url(/share/images/static/common/ico-g-arrowD.gif) 0 8px no-repeat ;
}


/* 余白 */
/*-------------------------------------------- */
.m30-0-0-0 {
	margin-top: 30px!important;
}

.m20-0-0-0 {
	margin-top: 20px!important;
}

.m10-0-0-0 {
	margin-top: 10px!important;
}

.m0-0-30-0 {
	margin-bottom: 30px!important;
}

.m0-0-20-0 {
	margin-bottom: 20px!important;
}

.m0-0-10-0 {
	margin-bottom: 10px!important;
}

/* 本文関連 */
/*-------------------------------------------- */

.txt {
	padding: 0 10px 10px;
}

.pt-txt {
	padding: 10px 10px 10px;
}

.a-txt { /* QAのインデントテキスト */
	padding: 0 10px 10px 2.2em;
	text-indent: -1.3em;
}

.st {
	color: #e96425;
}

.mr-st {
	font-weight: bold;
}

.mx-st {
	color: #e96425;
	font-weight: bold;
}

.orange {
	color: #e96425;
}

/* =================================================================
■ヘッダー
================================================================= */

#head {
	width: 950px;
	background: url(/share/images/static/common/head-bg-illust-top.gif) 0 top no-repeat ;

}

/*

#head {
	width: 950px;
	background: url(/share/images/static/common/head-bg-top.gif) 0 top no-repeat ;

}

*/

#head:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

	#logo {
		width: 262px;
		height: 54px;
		padding: 20px 0 0 16px;
		float: left;
}

	/* トップメニュー */
	/*-------------------------------------------- */

	#t-menu {
		width: 184px;
		height: 32px;
		margin: 5px 19px 0 0;
		float: right;
		background: url(/share/images/static/common/t-menu.gif) 0 0 no-repeat ;
	}

	#t-menu:after {
		content : "";
		display : block;
		height : 0;
		clear : both;
	}

	#t-menu li {
		display: block;
		float: left;
	}

	#t-menu li a {
		width: 90px;
		height: 32px;
		display: block;
		text-indent: -9999px;
		float: left;
		overflow: hidden;
	}
	

#t-menu li.tm02{
	display:none;
}
#t-menu li.tm03 a{
	background: url(/share/images/static/common/t-menu.gif) -183px 0px no-repeat ;
}
	
	#t-menu li.tm01 a:hover {
		background: url(/share/images/static/common/t-menu.gif) 0px -32px no-repeat ;
	}

/*	#t-menu li.tm02 a:hover {
		background: url(/share/images/static/common/t-menu.gif) -91px -32px no-repeat ;
	}*/

	#t-menu li.tm03 a:hover {
		background: url(/share/images/static/common/t-menu.gif) -183px -32px no-repeat ;
	}

	/* グローバルメニュー */
	/*-------------------------------------------- */

	#g-menu {
			width: 930px;
			height: 49px;
			margin-top: 11px;
			padding: 0 10px;
			background: url(/share/images/static/common/g-menu.gif) 0 0 no-repeat ;
	}

	#g-menu:after {
		content : "";
		display : block;
		height : 0;
		clear : both;
	}

	#g-menu li {
		display: block;
		float: left;
	}

	#g-menu li.gm01 a {
		width: 80px;
		height: 49px;
		display: block;
		text-indent: -9999px;
		float: left;
		overflow: hidden;
	}

	#g-menu li a {
		width: 170px;
		height: 49px;

		display: block;
		text-indent: -9999px;
		float: left;
		overflow: hidden;
	}

	#g-menu li.gm01 a:hover {
		background: url(/share/images/static/common/g-menu.gif) -10px -49px no-repeat ;
	}

	#g-menu li.gm02 a:hover {
		background: url(/share/images/static/common/g-menu.gif) -90px -49px no-repeat ;
	}

	#g-menu li.gm03 a:hover {
		background: url(/share/images/static/common/g-menu.gif) -260px -49px no-repeat ;
	}

	#g-menu li.gm04 a:hover {
		background: url(/share/images/static/common/g-menu.gif) -430px -49px no-repeat ;
	}

	#g-menu li.gm05 a:hover {
		background: url(/share/images/static/common/g-menu.gif) -600px -49px no-repeat ;
	}

	#g-menu li.gm06 a:hover {
		background: url(/share/images/static/common/g-menu.gif) -770px -49px no-repeat ;
	}





/* =================================================================
■コンテンツ レイアウト
================================================================= */

#Mc {
	width: 950px;
	padding: 15px 0 10px;
	background: url(/share/images/static/common/mc-bg-bottom.gif) 0 bottom no-repeat ;
}



	/* 左カラム*/
	/*-------------------------------------------- */

	#Lc {
		width: 200px;
		padding-left: 15px;
		float: left;

	}




	/* 右カラム*/
	/*-------------------------------------------- */

	#Rc {
		width: 710px;
		padding-left: 10px;
		float: left;
	}


	/* ボトムカラム*/
	/*-------------------------------------------- */

	#Bc {
		width: 925px;
		margin: 25px 0 17px 0;
		padding: 0 0 0 25px;
	}

	#Bc:after {
		content : "";
		display : block;
		height : 0;
		clear : both;
	}



	#Bc li {
		display : block;
		float: left;
		border-right: 1px solid #b2b2b2;
	}

	#Bc li.bm-l {
		border-right: none!important;
	}

	#Bc li a {
		width: auto;
		line-height: 16px;
		padding: 0 7px;
		display : block;
		float: left;
		font-size: 12px;
	}

	#Bc p {
		width: 126px;
		height: 20px;
		float: right;
		background: url(/share/images/static/common/up.gif) 0 0 no-repeat ;
	}

	#Bc p a {
		width: 126px;
		height: 20px;
		display: block;
		overflow: hidden;
		text-indent: -9999px;
	}

	#Bc p a:hover {
		background: url(/share/images/static/common/up.gif) 0 -20px no-repeat ;
	}

	


/* =================================================================
■左カラム　メニュー要素
================================================================= */

/* メンバーログイン */
/*-------------------------------------------- */

#member {
	width: 200px;
	padding: 0 0 9px 0;
	background: url(/share/images/static/common/member-bg-bottom.gif) 0 bottom no-repeat ;
}

#member ul {
	width: 200px;
	padding-top: 18px;
	background: url(/share/images/static/common/member-bg-top.gif) 0 top no-repeat ;
}

#member ul li {
	width: 182px;
	margin: 0 auto;
	padding-bottom: 5px;
}

#member ul li a {
	width: 182px;
	height: 37px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#member ul .btn-reg a {
	background: url(/share/images/static/common/btn-reg.gif) 0 0 no-repeat ;
}

#member ul .btn-login a {
	background: url(/share/images/static/common/btn-login.gif) 0 0 no-repeat ;
}

#member .beginner {
	padding: 4px 0 8px 0;
	text-align: center;
	background: url(/share/images/static/common/member-bg-middle.gif) 0 0 repeat-y ;
}



#member .beginner a {
	width: 6em;
	margin: 0 auto;
	padding: 0 0 0 24px;
	line-height: 20px;
	display: block;
	overflow: hidden;
	background: url(/share/images/static/common/ico-beginner.gif) 0 0 no-repeat ;
}


/* サイドメニュー 外枠*/
/*-------------------------------------------- */
#s-menu {
	width: 200px;
	padding: 16px 0 0 0;
	background: url(/share/images/static/common/sm-bg-top.gif) 0 top no-repeat ;
}

#s-menu .in01 {
	width: 200px!important;
	background: url(/share/images/static/common/sm-bg-middle.gif) 0 0 repeat-y ;
}

#s-menu .in02 {
	width: 200px!important;
	padding: 0 0 16px 0!important;
	background: url(/share/images/static/common/sm-bg-bottom.gif) 0 bottom no-repeat ;
}

	/* サイドメニュー 内枠*/
	/*-------------------------------------------- */
	#s-menu .menu {
		width: 180px;
		padding: 5px 10px 20px;
		background: url(/share/images/static/common/menu-bg-top.gif) 10px top no-repeat ;
	}

	#s-menu .menu .in03 {
		width: 180px;
		padding-bottom: 4px;
		background: url(/share/images/static/common/menu-bg-bottom.gif) 0 bottom no-repeat ;
	}

	#s-menu .menu .in04 {
		width: 180px;
		background: url(/share/images/static/common/menu-bg-middle.gif) 0 0 repeat-y ;
	}

	#s-menu h3.lv2-t {
		width: 160px;
		height: 35px;
		margin: 0 auto;
	}

	#s-menu h3.lv2-t a {
		width: 160px;
		height: 35px;
		display: block;
		overflow: hidden;
		text-indent: -9999px;
	}

	#s-menu .menu ul {
		width: 168px;
		margin: 0 6px;
	}

	#s-menu .menu li a { 
		width: 168px;
		padding-bottom: 1px;
		display: block;
		overflow: hidden;
		text-indent: -9999px;
	}

	/* サイドメニュー バナー*/
	/*-------------------------------------------- */
	#s-menu ul.banner {
		width: 181px;
		margin: 0 9px;
	}

	#s-menu .banner li {
		width: 181px;
		height: 61px;
		margin-bottom: 7px;
	}

	#s-menu .banner li a {
		width: 181px;
		height: 61px;
		display: block;
		overflow: hidden;
		text-indent: -9999px;
	}


	#s-menu .banner li.sb01 { /* バナー画像の指定*/
		background: url(/share/images/static/common/banner-c-ct.gif) 0 0 no-repeat ;
	}

	#s-menu .banner li.sb02 { /* バナー画像の指定*/
		background: url(/share/images/static/common/banner-c-shindan.gif) 0 0 no-repeat ;
	}

	#s-menu .banner li.sb03 { /* バナー画像の指定*/
		background: url(/share/images/static/common/bnr03.gif) 0 0 no-repeat ;
	}

	#s-menu .banner li.sb04 { /* バナー画像の指定*/
		background: url(/share/images/static/common/bnr04.gif) 0 0 no-repeat ;
	}

/* =================================================================
■h1タイトル＆要素
================================================================= */

h1 {
	width: 710px;
	height: 50px;
	text-indent: -9999px;
}


.h1-lead {
	width: 666px;
	padding: 5px 22px 0;
	font-size: 14px;
	font-weight: bold;
}


.h1-txt {
	width: 666px;
	padding: 10px 22px 0;
}


/* =================================================================
■大外の囲みおよび囲み内要素
================================================================= */

/* 大外囲み */
/*-------------------------------------------- */
.kBox {
	width: 710px;
	margin-top: 25px;
	padding-top: 15px;
	background: url(/share/images/static/common/k-top.gif) 0 top no-repeat ;
}

.kBox .in01 {
	width: 710px;
	background: url(/share/images/static/common/k-middle.gif) 0 0 repeat-y ;
}

.kBox .in02 {
	width: 682px;
	padding: 0 14px 6px;
	background: url(/share/images/static/common/k-bottom.gif) 0 bottom no-repeat ;
}


	/* h2、h3、h4タイトル＆要素 */
	/*-------------------------------------------- */
	h2 {
		width: 682px;
		height: 38px;
		margin: 0 auto;
		text-indent: -9999px;
	}

	.h2-lead {
		width: 662px;
		padding: 10px;
		color: #333333;
		font-weight: bold;
	}

	h3 {
		text-indent: -9999px;
	}

	.h3-tt {
		padding-left: 11px;
		line-height: 22px;
		color: #e96425;
		font-size: 16px;
		font-weight: bold;
		text-indent: 0!important;
		background: url(/share/images/static/common/h3-ico.gif) 0 0 no-repeat;
	}

	.h3-lead {
		width: 662px;
		padding: 10px;
		color: #333333;
		font-weight: bold;
	}


	h4 {
		text-indent: -9999px;
		border-bottom: 3px solid #d0b38b;
	}
			/*テキストについては、カラム要素内で指定しています。 */


	/* 1カラム ノーマルタイプ */
	/*-------------------------------------------- */

	.B1c {
		width: 682px;
	}

	/* 1カラム 囲みタイプ */
	/*-------------------------------------------- */

	.kB1c {
		width: 681px;
		padding: 10px 0 10px 1px;
		background: url(/share/images/static/common/k1c-top.gif) 1px top no-repeat ;
	}

	.kB1c .in01 {
		width: 682px!important;
		background: url(/share/images/static/common/k1c-middle.gif) 0 0 repeat-y ;
	}

	.kB1c .in02 {
		width: 660px!important;
		padding: 0 12px 10px 10px!important;
		background: url(/share/images/static/common/k1c-bottom.gif) 0 bottom no-repeat ;
	}

	.kB1c .h3-txt {
		width: 636px;
		padding: 10px 12px 0;
	}

	.kB1c .h4-txt {
		width: 636px;
		padding: 5px 12px 0;
	}


	/* 2カラム ノーマルタイプ */
	/*-------------------------------------------- */
	.LB2-1c {
		width: 331px;
		padding: 0 0 10px 0;
		float: left;
	}

	.RB2-1c {
		width: 331px;
		padding: 0 0 10px 20px;
		float: left;
		
	}

	.LB2-1c .h3-txt,
	.RB2-1c .h3-txt {
		width: 309px;
		padding: 10px 11px 0;
	}

	.LB2-1c .h4-txt,
	.RB2-1c .h4-txt {
		width: 309px;
		padding: 5px 11px 0;
	}

	/* 2カラム 囲みタイプ */
	/*-------------------------------------------- */
	.LkB2-1c {
		width: 335px;
		padding: 10px 0 10px 1px;
		float: left;
		background: url(/share/images/static/common/k2c-top.gif) 1px top no-repeat ;
	}

	.RkB2-1c {
		width: 335px;
		padding: 10px 1px 10px 10px;
		float: left;
		background: url(/share/images/static/common/k2c-top.gif) 10px top no-repeat ;
	}

	.LkB2-1c .in01,
	.RkB2-1c .in01 {
		width: 335px!important;
		background: url(/share/images/static/common/k2c-middle.gif) 0 0 repeat-y ;
	}

	.LkB2-1c .in02,
	.RkB2-1c .in02 {
		width: 315px!important;
		padding: 0 10px 10px!important;
		background: url(/share/images/static/common/k2c-bottom.gif) 0 bottom no-repeat ;
	}

	.LkB2-1c .h3-txt,
	.RkB2-1c .h3-txt {
		width: 291px;
		padding: 10px 12px 0;
	}

	.LkB2-1c .h4-txt,
	.RkB2-1c .h4-txt {
		width: 291px;
		padding: 5px 12px 0;
	}
	
	/* 3カラム ノーマルタイプ */
	/*-------------------------------------------- */
	.LB3-1c {
		width: 214px;
		padding: 0 10px 10px 0;
		float: left;
	}

	.CB3-1c {
		width: 214px;
		padding: 0 10px 10px 10px;
		float: left;
	}
	
	.RB3-1c {
		width: 214px;
		padding: 0 0 10px 10px;
		float: left;
	}
	
	.LB3-1c .h3-txt,
	.CB3-1c .h3-txt,
	.RB3-1c .h3-txt {
		width: 190px;
		padding: 10px 12px 0;
	}

	.LB3-1c .h4-txt,
	.CB3-1c .h4-txt,
	.RB3-1c .h4-txt {
		width: 190px;
		padding: 5px 12px 0;
	}
	
	/* 3カラム 囲みタイプ */
	/*-------------------------------------------- */
	.LkB3-1c {
		width: 220px;
		padding: 10px 0 9px 1px;
		float: left;
		background: url(/share/images/static/common/k3c-top.gif) 1px top no-repeat ;
	}

	.CkB3-1c,
	.RkB3-1c {
		width: 220px;
		padding: 10px 0 9px 10px;
		float: left;
		background: url(/share/images/static/common/k3c-top.gif) 10px top no-repeat ;
	}

	.LkB3-1c .in01,
	.CkB3-1c .in01,
	.RkB3-1c .in01 {
		width: 220px!important;
		background: url(/share/images/static/common/k3c-middle.gif) 0 0 repeat-y ;
	}

	.LkB3-1c .in02,
	.CkB3-1c .in02,
	.RkB3-1c .in02 {
		width: 200px!important;
		padding: 0 10px 10px!important;
		background: url(/share/images/static/common/k3c-bottom.gif) 0 bottom no-repeat ;
	}
	
	.LkB3-1c .h3-txt,
	.CkB3-1c .h3-txt,
	.RkB3-1c .h3-txt {
		width: 180px;
		padding: 10px 10px 0;
	}

	.LkB3-1c .h4-txt,
	.CkB3-1c .h4-txt,
	.RkB3-1c .h4-txt {
		width: 180px;
		padding: 5px 10px 0;
	}

	/* 1:2カラム ノーマルタイプ */
	/*-------------------------------------------- */
	.RB3-2c {
		width: 448px;
		padding: 0 0 10px 10px;
		float: left;
	}

	.RB3-2c .h3-txt {
		width: 424px;
		padding: 10px 12px 0;
	}

	.RB3-2c .h4-txt {
		width: 424px;
		padding: 5px 12px 0;
	}

	/* 2:1カラム ノーマルタイプ */
	/*-------------------------------------------- */
	.LB3-2c {
		width: 448px;
		padding: 0 10px 10px 0;
		float: left;
	}

	.LB3-2c .h3-txt {
		width: 424px;
		padding: 10px 12px 0;
	}

	.LB3-2c .h4-txt {
		width: 424px;
		padding: 5px 12px 0;
	}

	/* 1:2カラム 囲みタイプ */
	/*-------------------------------------------- */
	.RkB3-2c {
		width: 450px;
		padding: 10px 0 9px 10px;
		float: left;
		background: url(/share/images/static/common/k3-2c-top.gif) 10px top no-repeat ;
	}

	.RkB3-2c .in01 {
		width: 450px!important;
		background: url(/share/images/static/common/k3-2c-middle.gif) 0 0 repeat-y ;
	}

	.RkB3-2c .in02 {
		width: 430px!important;
		padding: 0 10px 10px!important;
		background: url(/share/images/static/common/k3-2c-bottom.gif) 0 bottom no-repeat ;
	}
	
	.RkB3-2c .h3-txt {
		width: 410px;
		padding: 10px 10px 0;
	}

	.RkB3-2c .h4-txt {
		width: 410px;
		padding: 5px 10px 0;
	}

	/* 2:1カラム 囲みタイプ */
	/*-------------------------------------------- */
	.LkB3-2c {
		width: 450px;
		padding: 10px 0 9px 1px;
		float: left;
		background: url(/share/images/static/common/k3-2c-top.gif) 1px top no-repeat ;
	}

	.LkB3-2c .in01 {
		width: 450px!important;
		background: url(/share/images/static/common/k3-2c-middle.gif) 0 0 repeat-y ;
	}

	.LkB3-2c .in02 {
		width: 430px!important;
		padding: 0 10px 10px!important;
		background: url(/share/images/static/common/k3-2c-bottom.gif) 0 bottom no-repeat ;
	}
	
	.LkB3-2c .h3-txt {
		width: 410px;
		padding: 10px 10px 0;
	}

	.LkB3-2c .h4-txt {
		width: 410px;
		padding: 5px 10px 0;
	}

	/* リスト */
	/*-------------------------------------------- */

	ul.list {
		margin-top: -3px;
		line-height: 120%;
	}

	.list li {
		padding: 9px 10px 0 24px;
		background: url(/share/images/static/common/ico-list.gif) 12px 12px no-repeat;
	}


	/* 定義済みリスト */
	/*-------------------------------------------- */

	dl.t-list01:after,
	dl.t-list02:after {
		content : "";
		display : block;
		height : 0;
		clear : both;
	}

		/* 1カラムタイプ */

		dl.t-list01 {
			width: 680px;
			margin-top: -3px;
			padding: 0 1px 0 1px;
			line-height: 120%;
		}

		/* 2カラムタイプ */

		dl.t-list02 {
			width: 330px;
			margin-top: -3px;
			line-height: 120%;
		}

		.t-list01 dt,
		.t-list02 dt {
			width: 59px;
			padding: 9px 10px 0;
			display: blcok;
			float: left;
			color: #8f6727;
		}

		.t-list01 dd,
		.t-list02 dd {
			padding: 9px 10px 0 79px;
			display: blcok;
		}






/* =================================================================
■フッター
================================================================= */

#foot {
		width: 920px;
		padding: 12px 0 30px 30px;
		position: relative;
	}

#foot:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
	}

	#foot ul.f-menu01 {
		width : 606px;
		float: left;
	}

	#foot ul.f-menu01 li {
		margin-right: 24px;
		padding-left: 7px;
		display : block;
		float: left;
		background: url(/share/images/static/common/ico-g-arrowR.gif) 0 5px no-repeat ;
	}

	#foot ul.f-menu01 li a {
		width: auto;
		line-height: 16px;
		display : block;
		float: left;
		font-size: 10px;
	}

	#foot p {
		width: 314px;
		float: right;
		font-size:11px;
	}

	#foot ul.f-menu02 {
		width : auto;
		padding: 10px 20px 0 0;
		float: right;
	}

	#foot ul.f-menu02 li {
		padding-left: 8px;
		background: url(/share/images/static/common/ico-g-arrowR.gif) 0 8px no-repeat ;
	}

	#foot ul.f-menu02 li a {
		font-size: 12px;
	}

	#foot address {
		width: 373px;
		height: 25px;
		margin-top: 20px;
		text-indent: -9999px;
		background: url(/share/images/static/common/f-copy.gif) 0 0 no-repeat ;
	}

	#foot div.legal {
		top: 50px;
		width: 130px;
		position: absolute;
		right: 0pt;
		color: #4977C1;
		font-size: 12px;
	}



