@charset "EUC-JP";   /*   文字コード   */


/* 共通設定
------------------------------------------------ */

*{
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

html{
	padding: 0;
	color:#333;
	margin: 0px auto;
	text-align: center;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#C6CDB9;
	scrollbar-darkshadow-color:#C6CDB9;
	scrollbar-face-color:#FFFFFF;
	scrollbar-shadow-color:#C6CDB9;
	scrollbar-track-color:#FFFFFF;
}

body{
	padding: 0;
	color:#333;
	margin: 0px auto;
	background: #fff url(images/bg.gif) repeat;
	text-align: center;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#C6CDB9;
	scrollbar-darkshadow-color:#C6CDB9;
	scrollbar-face-color:#FFFFFF;
	scrollbar-shadow-color:#C6CDB9;
	scrollbar-track-color:#FFFFFF;
}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{
	display:inline-block;
} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/

.hide{
	display:none;
}

hr{
	display: none;
}

.clear{
	clear: both;
}


/* フォント関連
------------------------------------------------ */

a { text-decoration: none }

a:link {
	color: #666666;
}

a:visited {
	color: #C21001;
}

a:hover { 
	color: #C21001;
	text-decoration: underline
}

a.back:link {
	color: #7E8585;
}

a.back:visited {
	color: #7E8585;
}

a.back:hover {
	color: #7E8585;
	text-decoration: underline;
}

h1{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

h2{
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin: 30px 0 0 0;
}


h3{
	_width: 700px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	margin: 5px; 0;
	padding: 3px 0 3px 5px;
}

h3.err{
	color: #900;
}

h4{
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin-bottom:5px;
	background-color:#F6F6F6;
	padding-left:5px;
	text-align:left;
}

.font_strong{
	font-weight:bold;
	color:#FF0000;
}


/* レイアウト　ページ上部
------------------------------------------------ */

div#main{
	width: 750px;
	height: auto;
	margin: 0px auto;
	text-align: center;
	background:#fff;
}


div#header{
	clear:both;
	widows:750px;
	height:80px;
	background:url(images/header.jpg) no-repeat center top;
	position:relative;
}

div#header_logo{
	position:absolute;
	width:70px;
	height:70px;
	left: 12px;
	top: 3px;
}

div#header_koei{
	position:absolute;
	width:70px;
	height:35px;
	left: 670px;
	top: 17px;
}

div#header_navi{
	padding-top:63px;
}


div#header_navi_back{
	clear:both;
	float:left;
	margin-left:93px;
	padding-top:2px;
}

div#header_navi_support{
	float:right;
	height:16px;
	margin-right:15px;
}


/* レイアウト　ページ中部
------------------------------------------------ */

div#middle{
	clear:both;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	padding:0 14px;
	width: 720px;
	margin: 0 auto;
	text-align: left;
	line-height: 1.5;
	padding-top:2px;
	padding-bottom:5px;
}


div#contents_wrapper{
	clear:both;
	width:720px;
	margin:0 auto;
	text-align:center;
}

div#contents_wrapper_top{
	clear:both;
	width:720px;
	height:7px;
	margin:0 auto;
	text-align:center;
	background:url(images/contents_wrapper_top.gif) no-repeat center bottom;
}

div#contents_wrapper_middle{
	clear:both;
	width:720px;
	height:auto;
	text-align:center;
	background-color:#efefef;
	padding:3px 0;
}

div#contents_wrapper_bottom{
	clear:both;
	width:720px;
	height:7px;
	margin:0 auto;
	text-align:center;
	background:url(images/contents_wrapper_bottom.gif) no-repeat center top;
}

.contents{
	width:720px;
	height:auto;
}

.contents_header_01{
	clear:both;
	width:700px;
	height:45px;
	margin:0 10px;
	background:url(images/contents_header_01.gif) no-repeat center top;
}

.contents_header_02{
	clear:both;
	width:700px;
	height:45px;
	margin:0 10px;
	background:url(images/contents_header_02.gif) no-repeat center top;
}

.contents_middle{
	clear:both;
	width:700px;
	height:auto;
	margin:0 10px;
	background:url(images/contents_middle.gif) repeat-y center top;
	text-align:center;
	position: relative;
}

.contents_footer{
	clear:both;
	width:700px;
	height:6px;
	margin:0 10px;
	background:url(images/contents_footer.gif) no-repeat center top;
}

/* 今月のオススメコンテンツ　レイアウトパーツ  */

.contents_unit_01{
	width:690px;
	height:auto;
	float:left;
	margin:0 5px;
	display:inline;
	position: relative;
}

.contents_unit_01_top{
	width:690px;
	height:15px;
	background:url(images/contents_unit_01_top.gif) no-repeat bottom center;
}

.contents_unit_01_table{
	width:670px;
	padding:0 10px;
	height:auto;
	background:#D8DAD4 url(images/contents_unit_01_middle.gif) repeat-y top center;
}

.contents_unit_01_bottom{
	width:690px;
	height:8px;
	background:url(images/contents_unit_01_bottom.gif) no-repeat top center;
}

/* 絶賛配信中コンテンツ　レイアウトパーツ  */

.contents_unit_02{
	width:340px;
	height:auto;
	position: relative;
}

.contents_unit_02_top{
	width:340px;
	height:15px;
	background:url(images/contents_unit_02_top.gif) no-repeat bottom center;
}

.contents_unit_02_table{
	width:326px;
	padding:0 7px;
	height:auto;
	background:#D8DAD4 url(images/contents_unit_02_middle.gif) repeat-y top center;
}

.contents_unit_02_bottom{
	width:340px;
	height:8px;
	background:url(images/contents_unit_02_bottom.gif) no-repeat top center;
}

.contents_unit_02_left {	/* 左側の場合、追加で設定 */
	float:left;
	margin-left:7px;
	display:inline;
}
.contents_unit_02_right{	/* 右側の場合、追加で設定 */
	float:right;
	margin-right:7px;
	display:inline;
}

.contents_unit_firstlane {	
	margin-top:-13px;
	z-index:999;
}

.contents_box_spec{
	text-align:left;
	padding-top:5px;
}

td.td_title{
	background-color:#F6F6F6;
}

.qrcode {
	width:62px;
	height:61px;
	background:url(images/bg_access_here.gif) no-repeat top center;
	text-align:center;
	padding-top:13px;
}


/* レイアウト　ページ下部
------------------------------------------------ */

div#dot_line{
	clear: both;
	width: 720px;
	margin: 0 auto;
	height:23px;
	background:url(images/dot_line.gif) no-repeat center middle;
}

div#middle_footer{
	clear: both;
	width: 720px;
	margin: 0 auto;
	line-height: 1.5;
	text-align: left;
	color:#7E8585;
	font-size:10px;
}

div#footer{
	clear: both;
	text-align: center;
	height:29px;
	background:url(images/copyright.gif) no-repeat center bottom;
}

