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


/* CSS構造 */
/*
 * body
 * │ヘッダー領域
 * ├#header
 * │
 * │コンテンツ領域
 * ├#wrapper
 * │　├#content
 * │　└#sidebar
 * │
 * │フッター領域
 * └#footer
 * 　　└#copyright
 *
 */

/* プロパティの指定順序 */
/*
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */



/* ------------------------- STR style.css */
@import url(".css");
/* ------------------------- END style.css */


/*==========================================================================================

	// link text color

==========================================================================================*/
a:link { color:#FFFFFF; text-decoration:underline; }
a:visited { color:#FFFFFF; text-decoration:underline;}
a:hover { color:#995b24;	text-decoration:none;	}
a:active { color:#FFFFFF; }
a:focus {	text-decoration:none;	}

img {
 margin:0;
	padding:0;
	border:0;
}



/*==========================================================================================

	// 構造

==========================================================================================*/
body {
	margin:0;
	padding:0;
	height:100%;
	background:#000000;
	color:#FFFFFF;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";
	font-size:12px;
	_font-size:12px; /* 基本を12pxに固定 IE only */
	line-height:22px;
}

#wrapper {
	width:900px;
	margin:0;
	padding:0;
}

html>body #wrapper {
	height:auto; 
	min-height: 100%;
}    


/* ヘッダー
==========================================================================================*/
#main {
	width:900px;
	height:450px;
	margin:0;
	padding:0;
}

/* 隙間が出るのを削除 */
* html #main {	line-height:0;}
*:first-child+html #main {	line-height:0;}


/* コンテンツ
==========================================================================================*/
#contents {
 margin:0;
 padding:0 0 0 170px;
 background:url(../img/f01.gif) 0 0 no-repeat;
 height:180px;
}

.contentsAreaLeft {
 float:left;
 width:213px;
}

.contentsAreaLeft ul {
 margin:0;
	padding:0;
	list-style:none;

}

.contentsAreaLeft ul li {

}

.contentsAreaLeft .contentsMap {
}

.contentsAreaLeft .contentsMap ul {
 padding-top:25px;
 height:18px;
}

.contentsAreaLeft .contentsMap ul li {
 float:left;
	list-style:none;
}

.map_g {
	margin-left:8px;
}


.contentsAreaRight {
 float:left;
}

.contentsAreaRight ul {
 margin:0;
	padding:0;
	list-style:none;
}






/* フッタ
==========================================================================================*/

#foot {
	padding-bottom:14px;
}

#foot ul {
 margin:0;
	padding:0;
	list-style:none;	
}


#foot ul li {
 float:left;
	height:90px;
}

.link_cg {
 padding:27px 0;
}

.lnk_copon {
 padding-left:127px;
}


/*==========================================================================================
	floatさせたボックスが親ボックスの外にはみ出す現象を回避
	(macIE用にmac-ie5.cssにも記述すること)
==========================================================================================*/

.clearFix:after,
#wrapper:after,
#gHeader:after,
#gNavi .main:after,
#gBody:after,
#gFooter:after,
#headerMiniNav ul:after,
#content:after,
#backNumberBox:after,
#mainVisual:after,
#mostPopular ol li:after
{
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* Mac IE には適用させない \*/
* html .clearFix,
* html #wrapper,
* html #gHeader,
* html #gNavi .main,
* html #gBody,
* html #gFooter,
* html #headerMiniNav ul,
* html #content,
* html #backNumberBox,
* html #mainVisual,
* html #mostPopular ol li
{
	height:1%;
}

/* IE7 */
*:first-child+html .clearFix,
*:first-child+html #wrapper,
*:first-child+html #gHeader,
*:first-child+html #gNavi .main,
*:first-child+html #gBody,
*:first-child+html #gFooter,
*:first-child+html #headerMiniNav ul,
*:first-child+html #content,
*:first-child+html #backNumberBox,
*:first-child+html #mainVisual,
*:first-child+html #mostPopular ol li
{
 display:inline-block;
}
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */