@charset "utf-8";

* {
	margin: 0 0;
	padding: 0 0;
} 

/*ヘッダーエリア*/
div#header {
	width: 100%;
	background-image: url(../img/common/img_bg.jpg);
	background-repeat: repeat-x;
	height: 65px;
	padding-right: 0;
	padding-left: 0;
	padding-top: 5px;
}
div#headarea {
	width: 880px;
	margin: 0 auto;
}
#head_8 {
	margin-left: 170px;
	position: absolute;
}

img#head_txt {
	margin-left: 10px;
}

/*コンテンツエリア*/
div#wrap {
	width: 880px;
	margin: 0 auto;
	padding-bottom: 10px;
}
.textLeft{
	text-align:left;
}
.textLeft p{
	margin:10px 0 0 10px;
}
/*上部ナビゲーション・ディスプレイ*/
div#header_nav {
	width: 880px;
	text-align:right;
}

div#header_nav ul {
	display: block;
	/* width: 241px; */
	height: 10px;
	list-style: none;
	margin: 4px 0 4px 689px;
}
div#header_nav li {
	display: block;
	float: left;
	margin: 0px;
	padding-left: 20px;
	background: #FFFFFF url(../img/common/ico_list_blue.png) no-repeat scroll 9px 4px;
}

/*div#header_nav img {
	margin-left: 20px;
}*/

div#display {
	clear: both;
	width: 880px;
}
div#contener {
	width: 100%;
	height: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
}

/*ナビゲーション*/
div#wrap_nav {
	width: 186x;
	/*height: 200px;確認用*/
	float: left;
}

/*＝＝後の個別に指定するクラス＝＝*/
.ul_wrap {
	display: block;
	width: 186px;
	list-style: none;
	margin-bottom: 2px;
	padding: 0px;
	font-size: 0px;
}
.li_wrap {
	display: block;
	width: 186px;
	list-style: none;
	margin-top: 2px;
	padding: 0px;
}
.ul_main {
	display: block;
	width: 186px;
	list-style: none;
	margin-bottom: 0px;
	padding: 0px;
	font-size: 0px;
}
.li_main {
	display: block;
	width: 186px;
	list-style: none;
	margin-top: 0px;
	padding: 0px;
}

/*コンテンツ*/
div#contents {
	width: 674px;
	float: right;
}
div.box_top {
	height: auto;
	text-align: center;
}
div.box {
	height: auto;
	margin-top: 20px;
	text-align: center;
}
.img_border {
	display: block;
	width: 100%;
	height: 4px;
	background: url(../img/common/content_border.gif) repeat-x top center;
	margin: 15px 0 15px 0;
}
div.main {
	text-align: left;
	padding: 15px 0 20px 5px;
}
div.main_txt {
	text-align: left;
	padding: 15px 15px 20px 15px;
}
.txt_arrow {
	display: block;
	background: url(../img/common/icon_red.gif) no-repeat center left;
	padding-left: 15px;
}

div.pagetop {
	text-align: right;
	margin: 30px 0;
}

/*フラッシュナビゲーション*/
div#flash_nav {
	clear: both;
	z-index:1;
}
div#flash_blog {
	clear: both;
	width: 880px;
	height: 80px;
	margin: 30px;
}

/*フッターエリア*/
div#footer {
	width: 100%;
	background-color: #232323;
}

div#footerarea {
	height: 20px;
	background-color: #281E1A;
}
div#footerarea ul {
	display: block;
	width: 880px;
	margin: 0 auto;
	list-style: none;
}

div#footerarea li {
	float:left;
	display: block;
	background:transparent url("../img/common/ico_list_red.png") left center no-repeat;
	padding-left: 9px;
	margin: 5px 10px 5px 0;
	font-size: 100%;
	}
div#footerarea li a {
	text-decoration:none;
	color:#CCCCCC;
	}
div#footerarea li a:hover {
	text-decoration:underline;
	}
div#footerLink {
	width:880px;
	margin:0 auto;
	padding:14px 0 19px;
	background:#232323 none repeat scroll 0 0;
	display:block;
}
div#footerLink:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
div#footerLink {
	min-height:1px;
}
* html div#footerLink {
	height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}
div#footerLink .linkBox {
	float:left;
	width:176px;
}
div#footerLink .linkBox h3 {
	color:#ffffff;
	font-weight:bold;
	margin:0 0 0 13px;
}
div#footerLink .linkBox ul {
	margin:0 0 0 13px;
}
div#footerLink .linkBox ul li {
	margin:6px 0 0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
div#footerLink .linkBox ul li a{
	color:#cccccc;
	font-size:10px;
	text-decoration:none;
}
div#footerLink .linkBox ul li a:hover {
	text-decoration:underline;
}
div#copyright {
	width: 100%;
	clear: both;
	background-color: #232323;
	text-align: center;
}

div#copyright img {
	margin: 5px auto;
}


/*ほか*/
a img { border: none; }
a.next {
	background:url("../img/common/icon_red.gif") left center no-repeat;
	padding:0 0 0 17px;
}
.clear { clear: both; }
.f_right { float: right; }
.f_left { float: left; }
		
/*wrapscroll*/
#wrapscroll {
	position:absolute;
	top:310px;
	z-index:100;
}

/*余白調整*/
.mb_10 { margin-bottom: 10px; }
.mb_15 { margin-bottom: 15px; }
.mb_20 { margin-bottom: 20px; }
.mb_25 { margin-bottom: 25px; }
.mb_30 { margin-bottom: 30px; }
.mb_35 { margin-bottom: 35px; }
.mb_40 { margin-bottom: 40px; }
.mb_2 { margin-bottom: 2px; }

.mt_10 { margin-top: 10px; }
.mt_15 { margin-top: 15px; }
.mt_20 { margin-top: 20px; }
.mt_25 { margin-top: 25px; }
.mt_30 { margin-top: 30px; }
.mt_35 { margin-top: 35px; }

.ml_10 { margin-left: 10px; }
.ml_15 { margin-left: 15px; }
.ml_20 { margin-left: 20px; }
.ml_25 { margin-left: 25px; }
.ml_30 { margin-left: 30px; }
.ml_35 { margin-left: 35px; }

.mr_10 { margin-right: 10px; }
.mr_15 { margin-right: 15px; }
.mr_20 { margin-right: 20px; }
.mr_25 { margin-right: 25px; }
.mr_30 { margin-right: 30px; }
.mr_35 { margin-right: 35px; }

/*カラーテキスト*/
.txt_red{ color:#C00; }
.txt_brown{ color:#300; }
.txt_g{
	color:#919191;
	font-size: 95%;
}

/*フォントサイズ【0】*/
.font_0{
	font-size: 0;
	}
	
/*画像隙間対策*/
	
.botoom{
	vertical-align: bottom;
	}
	
/*パンクズナビ*/
#pan_nav{
	margin-right: 20px;
	text-align: right;
	color: #666;
	padding-bottom: 20px;
	}
#pan_nav a {
	color: #666;
	text-decoration: underline;
}
#pan_nav a:link {
	color: #666;
	text-decoration: underline;
}
#pan_nav a:hover {
	color: #C00;
	text-decoration: underline;
}

/* clearfix設定 */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:hidden;
}
.clearfix {
	min-height:1px;
}
* html .clearfix {
	height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}
.media_ban {
	margin-bottom: 40px;
}