@charset "UTF-8";

/* ################################################### */
/* #                                                 # */
/* #                                                 # */
/* #                    共通用css                    # */
/* #                                                 # */
/* #                                                 # */
/* ################################################### */


/* 目次
---------------------------------------------------- */
/*

 1. base         (基本設定)
 2. Layout       (基本レイアウト枠)
 3. Header       (ヘッダ内要素)
 4. GlobalNavi   (グローバルナビゲーション内要素)
 5. Content      (サイト内枠)
 6. Main         (メインカラム内要素)
 7. Sub          (サブカラム内要素)
 8. Footer       (フッタ内要素)
 9. 汎用	

/*



/* base
---------------------------------------------------- */
body {
	background-color: #fff;
	text-align: center;
	color: #333;
	font-size: 62.5%;
	font-family: 'ＭＳ Ｐゴシック';
}

body, div, h1, h2, h3, h4, h5, h6, p, address, dl, dt, dd, ul, ol, li, img {
	margin: 0;
	padding: 0;
	border: none;
}

div, table {
	line-height: 140%;
}
address {
	font-style:normal;
}
table 
{
    /* 2010/07/11 DEL */
	/*border-collapse: collapse;
	border-spacing: 0;*/
	empty-cells: show;
}

img {
	vertical-align: bottom;
}

/* フォント */
#DocBody, table, h1, h2, h3, h4, h5, h6, input, textarea {
	font-size: 1.2em;
}

a { outline: none; }
a:link { color: #002966;}
a:visited { color: #002966;}
a:hover { color: #002966; text-decoration:none;}
a:active { color: #002966;}


/* Layout
---------------------------------------------------- */
#DocBody {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
}
#Header {
	border-bottom: 2px solid #FF4209;
	padding:0;
}
#GlobalNavi {
	clear: both;
}
#Contents {
	width: 885px;
	margin: 0 0 0 15px;
}
#Main {
	padding-bottom: 20px;
	margin-top:15px;
	width: 640px;
	float: left;
}
h2 {
	margin:20px 0 10px 0;
	padding-bottom:5px;
	border-bottom:1px solid #D0D9E6;
}
h2.ttl_news {
	border-bottom:0px solid #FFFFFF;
}
h3 {
	margin:20px 0 10px 0;
}

#Sub {
	width: 230px;
	float: right;
	background:url(/img_common/bg_sub.jpg) bottom left repeat-x;
	padding:0 0 100px 0;
	text-align:center;
}
#Footer {
	width: 900px;
	padding: 10px 0;
	margin-top: 15px;
	text-align: left;
	clear: both;
	border-top: 1px solid #DBE2EC;
}
	
.ExtraWindow {
	background-color: #fff;	
	margin-bottom: 10px;
	text-align: center;
}


/* Header
---------------------------------------------------- */
#Header p.Logo {
	padding: 10px 0 10px 10px;
	float: left;
	width:150px;
}
#HeaderR {
	float:right;
	width:730px;
	margin:10px 0 0 0;
	font-size:0.9em;
}
#LeftBtn {
	float:left;
	margin:10px 0 0 0;
}
#LeftBtn ul {
	width:380px;
}
#LeftBtn ul li {
	float:left;
	list-style: none;
}
#HeaderCall {
	float:right;
	width:340px;
}
#HeaderCall ul li {
	list-style:none;
}

/* GlobalNavi
---------------------------------------------------- */
#GlobalNavi ul {
}
#GlobalNavi li {
	float: left;
	list-style: none;
	text-align: left;
}
#GlobalNavi li a {
	display: block;
	height:62px;
	_width:179px;
}

body#Company	#GlobalNavi li.gCorp a {
	width:181px;
	background:url(/img_common/gnavi_corp_on.gif) left top no-repeat;
}
body#Company	#GlobalNavi li.gCorp a img {
	display: none;
}

body#Sale	#GlobalNavi li.gSell a {
	width:180px;
	background:url(/img_common/gnavi_sell_on.gif) left top no-repeat;
}
body#Sale	#GlobalNavi li.gSell a img {
	display: none;
}

body#Buy	#GlobalNavi li.gBuy a {
	width:179px;
	background:url(/img_common/gnavi_buy_on.gif) left top no-repeat;
}
body#Buy	#GlobalNavi li.gBuy a img {
	display: none;
}

body#Shop	#GlobalNavi li.gShop a {
	width:179px;
	background:url(/img_common/gnavi_shop_on.gif) left top no-repeat;
}
body#Shop	#GlobalNavi li.gShop a img {
	display: none;
}

body#Recruit	#GlobalNavi li.gOffer a {
	width:181px;
	background:url(/img_common/gnavi_offer_on.gif) left top no-repeat;
}
body#Recruit	#GlobalNavi li.gOffer a img {
	display: none;
}



.Path {
	background-color:#FF4209;
	width:880px;
	padding:4px 0 6px 20px;
}

.Path ul li {
	background:url(../img_common/ico_patharrow.gif) center left no-repeat;
	padding:0 0 0 10px;
	margin:0 20px 0 0;
	color:#FFF;
	list-style:none;
	float:left;
}

.Path ul li a { outline: none; text-decoration:none; }
.Path ul li a:link { color: #FFF; text-decoration:none;}
.Path ul li a:visited { color: #FFF; text-decoration:none;}
.Path ul li a:hover { color: #FFF; text-decoration:underline;}
.Path ul li a:active { color: #FFF; text-decoration:none;}

/* Sub
---------------------------------------------------- */
.BannerArea {
	text-align: left;
}
.BannerArea li {
	list-style: none;
}

#Sub .Widget {
	width: 230px;
	padding: 15px 0 0 0;
}


/* Footer
---------------------------------------------------- */
#Footer p.Copy{
	padding: 10px 0;
	text-align:center;
	background:url(/img_common/bg_footerline.gif) top left no-repeat;
}
#Footer ul {
	margin:0 0 10px 0;
}
#Footer ul li {
	float:left;
	list-style:none;
}



/* 汎用
---------------------------------------------------- */
.Center {
	text-align:center!important;
}
.Fleft {float:left;}
.Fright {float:right;}

.Arrow {
	background:url(../img_common/ico_arrow.gif) left center no-repeat;
	padding:0 0 0 10px;
}


/* clearfix */
.clearfix:after {
	content: ",";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
	*html .clearfix { height: 1%; }
	.clearfix { display: block; }
/* End hide from IE-mac */


/* フォントサイズ調整
---------------------------------------------------- */
/* No Mac IE \*/
* html #DocBody, 
* html table, 
* html h2, 
* html h3, 
* html h4, 
* html h5, 
* html h6 {
	font-size: x-small;
}
/* Win IE Only */
/*前後のコメントは正常解釈の Mac IE 対策 */