@charset "utf-8";
/* Default CSS */

/*CSSマップ

1-1 サイト全体
2-1 ヘッダ全体
3-1 メニュー
4-1 プロモエリア
5-1 コンテンツエリア
5-2 コンテンツ汎用
6-1 サイドコンテンツ
7-1 フッタ

*/

/* -------------------------------------------------------

1-1 サイト全体

------------------------------------------------------- */
html{
	height:100%;
}
body{
	background-color: black;
	width: auto;
	height:auto;
}


/* -------------------------------------------------------

2-1 ヘッダ全体

------------------------------------------------------- */
header#header_site{
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 200px;
}
header#header_site h1.header_site-h1{
	position: absolute;
	top: 55px;
	left: 0;
	width: 173px;
	height: 89px;
}


/* -------------------------------------------------------

3-1 メニュー

------------------------------------------------------- */
header#header_site ul.header_site-nav01{
	position: absolute;
	top: 35px;
	right: 0;
	width: 190px;
	height: 29px;
}
header#header_site ul.header_site-nav01 li.header_nav01-left{
	float: left;
	padding-right: 61px;
	width: 60px;
	height: 29px;
}
header#header_site ul.header_site-nav01 li.header_nav01-right{
	float: right;
	width: 69px;
	height: 29px;
}

header#header_site ul.header_site-nav02{
	position: absolute;
	top: 95px;
	right: 0;
	width: 726px;
	height: 45px;
}
header#header_site ul.header_site-nav02 li{
	float: left;
	width: auto;
	height: 45px;
}


/* -------------------------------------------------------

4-1 プロモエリア

------------------------------------------------------- */
div#common_promo{
	position:relative;
	top: 0;
	background-color: #20262a;
	padding: 0;
	margin: 0;
	width:100%;
	height: 600px;
	text-align: center;
}

div#common_promo-mainimage{
	margin: 0 auto;
	padding: 0;
	width:960px;
	text-align: center;
}

div#common_promo-local{
	background-color: #20262a;
	padding: 0;
	margin: 0;
	width:100%;
	height: 240px;
	text-align: center;
}
h2.common_promo-h2{
	margin: 0 auto;
	padding: 0;
	width:960px;
	height: 240px;
	text-align: center;
}

/* -------------------------------------------------------

5-1 コンテンツエリア

------------------------------------------------------- */
article.common_inner{
	margin: 0 auto;
	padding: 60px 0 30px 0;
	width:960px;
}

section.common_inner01{
	overflow: hidden;
	padding: 0 0 40px 0;
	width:960px;
}


/* -------------------------------------------------------

5-2 コンテンツ汎用

------------------------------------------------------- */
h1.common_inner-h1a{/* 汎用見出し */
	padding-bottom: 30px;
	width: auto;
	height: auto;
	line-height: 0;
}


/* -------------------------------------------------------

6-1 サイドコンテンツ

------------------------------------------------------- */


/* -------------------------------------------------------

7-1 フッタ

------------------------------------------------------- */
footer#common_footer{
	background-color: #1a1e22;
	padding: 30px 0;
	margin: 0;
	width:100%;
	height: auto;
}
div.common_footer-inner{
	overflow: hidden;
	display: table;
	margin: 0 auto;
	width: 960px;
	height: auto;
}
div.common_footer-inner dl.common_footer-inner01{
	display: table-cell;
	width: 280px;
	height: auto;
	vertical-align: top;
}
div.common_footer-inner dl.common_footer-inner01 dt{
	padding-bottom: 15px;
	width: 280px;
	height: 16px;
}
div.common_footer-inner dl.common_footer-inner01 dd{
	width: 280px;
	height: 52px;
}

div.common_footer-inner aside.common_footer-inner02{
	display: table-cell;
	width: 93px;
	height: 90px;
	vertical-align: top;
}

div.common_footer-inner div.common_footer-inner03{
	display: table-cell;
	padding-left: 75px;
	width: 512px;
	height: auto;
	text-align: center;
	vertical-align: middle;
}

nav.common_footer-nav{/* リンク */
	padding: 30px 0 15px 0;
	width: auto;
	height: auto;
	text-align: center;
}
nav.common_footer-nav ul.common_footer-nav_link{
	overflow: hidden;
	width: auto;
	height: auto;
	text-align: center;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
nav.common_footer-nav ul.common_footer-nav_link li{
	display: inline-block;
	width: auto;
	height: auto;
	letter-spacing: normal; /* 文字間を通常に戻す */
}



/* 1015 追加 */
.common_footer-nav_link a:link,
.common_footer-nav_link a:visited{
	color:#fff;
	text-decoration:none
	}
	
.common_footer-nav_link a:hover,
.common_footer-nav_link a:active{
	color:#fff;
	text-decoration:underline;
	}

#footer2{
	clear:both;
	width:100%;
	text-align:center;
	}
	
#footer2 .inr{
	width:960px;
	margin:0 auto;
	padding:0; 
	}
	
.f-left{float:left;}
.f-right{float:right;}
.clear{clear:both;}
	
.mr30{margin-right:30px}

.title01{
	border-left:3px solid #fff;
	font-size:110%;
	padding:3px 0 3px 8px;
	margin-bottom:20px}
	
.table001{
	margin: 0 0 30px 10px;
	border-top: #6b6b6b solid 1px;
	border-left: #6b6b6b solid 1px;
	width: 949px;
	height: auto;
	}

.table001 th{
	border-bottom: #6b6b6b solid 1px;
	background-color: #1a1e22;
	padding: 6px 10px;
	width: 180px;
	height: auto;	
	text-align: center;
	vertical-align: middle;
	}

.table001 td{
	border-bottom: #6b6b6b solid 1px;
	border-right: #6b6b6b solid 1px;
	background-color: #b5b5b5;
	padding: 6px 10px;
	width: auto;
	height: auto;
	color: #333333;
	vertical-align: middle;
	}

/*-----------
width
----------- */
.w40{width:40px;}
.w60{width:60px;}	
.w80{width:80px;}	
.w90{width:90px;}	
.w120{width:120px;}	
.w140{width:140px;}	
.w150{width:150px;}
.w160{width:160px;}
.w180{width:180px;}
.w190{width:190px;}	
.w200{width:200px;}
.w210{width:210px;}
.w220{width:220px;}
.w230{width:230px;}
.w240{width:240px;}	
.w250{width:250px;}	
.w260{width:260px;}
.w270{width:270px;}
.w280{width:280px;}
.w285{width:285px;}
.w290{width:290px;}	
.w300{width:300px;}	
.w310{width:310px;}	
.w320{width:320px;}	
.w330{width:330px;}
.w340{width:340px;}
.w350{width:350px;}
.w370{width:370px;}
.w360{width:360px;}
.w380{width:380px;}
.w390{width:390px;}
.w400{width:400px;}
.w410{width:410px;}
.w420{width:420px;}
.w430{width:430px;}
.w450{width:450px;}
.w460{width:460px;}
.w470{width:470px;}
.w480{width:480px;}
.w490{width:490px;}
.w500{width:500px;}