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

@import url("style.css");

/* ★★★★★ 基本html設定 ★★★★★ ★★★★★ ★★★★★ ★★★★★ ★★★★★ */
html, body {
	height: 100%;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	/**/
	color: #404040;
	font-size:12px;	
}

a { 
	text-decoration:underline;
	color:#333;
}
a:hover { 
	text-decoration: none;
	color:#999;
}
/*a:visited {
	color: #333;
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}*/

p {
	margin:0 0 10px 0;
	padding:0;
}

img { border:0; margin:0; padding:0; vertical-align: bottom; }
span.alt { display: none;}
span.clear { clear:both; }
.clear { clear:both; display: none; }
div.clear { clear:both; display: none; }

h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }


/* ★★★★★ base layout style ★★★★★ ★★★★★ ★★★★★ ★★★★★ ★★★★★ */
#container {
	width: 100%;
	background: #000;
	text-align: left;/* この設定は body エレメントの text-align: center より優先されます。 */
	/* footerを下揃えにする為の設定 */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/*margin: 0 auto -25px; */
}

/* header/  ********** ********** ********** */

#headerArea {
	background-color:#1A1A1A;
	background-image:url(../images/cmn/header_bg.gif);
	background-repeat:repeat-x;
}
#header {
	width:760px;
	margin:0px auto;
}
#logo {
	display:inline;/*ie5のバグ回避？*/
	float:left;
	width:200px; height:52px;
	margin-left:2px;
	margin-top:9px;
	font-size:0px;
}
#login {
	float:right;
	width:200px; height:30px;
	margin-top:10px;
}

/*menuMain ********** */
#menuMain {
	clear:both;
	width:760px;
}
#menuMain ul{
	margin: 0px;
	padding: 0px;
	list-style:none;
}
#menuMain li,#menuMain a {
	float:left;
	display:block;
	width:113px;
	height:24px;
}
/* menuMain6を130pxに */
#menuMain1,#menuMain1 a{
	width:82px !important;
}
#menuMain a { 
	color:#FFFFFF;
	background:url(../images/cmn/menu_main.gif) no-repeat;
}
/*btn126*5　btn130*1 */
#menuMain1 a { background-position:0px 0px; }
#menuMain2 a { background-position:-82px 0px; }
#menuMain3 a { background-position:-195px 0px; }
#menuMain4 a { background-position:-308px 0px; }
#menuMain5 a { background-position:-421px 0px; }
#menuMain6 a { background-position:-534px 0px; }
#menuMain7 a { background-position:-647px 0px; }
#menuMain1 a:hover { background-position:0px -24px; }
#menuMain2 a:hover { background-position:-82px -24px; }
#menuMain3 a:hover { background-position:-195px -24px; }
#menuMain4 a:hover { background-position:-308px -24px; }
#menuMain5 a:hover { background-position:-421px -24px; }
#menuMain6 a:hover { background-position:-534px -24px; }
#menuMain7 a:hover { background-position:-647px -24px; }
/*comingContents*/
/*#menuMain3 { 
	background:url(../images/cmn/menu_main.gif) no-repeat;
	background-position:-252px -72px;
}*/
#menuMain5 { 
	background:url(../images/cmn/menu_main.gif) no-repeat;
	background-position:-504px -72px;
}
/* ********** ********** */

/*パンくずナビ ********** */
#menuNavi {
	clear:both;
	padding:5px 0;
	color:#666666;
	font-size:10px;
	
	/*border: 1px solid #ff9900;*/
}
#menuNavi a{ 
	color:#999999;
	margin:auto 5px;
}
#menuNavi a:hover{ color:#FFFFFF; }
#menuNavi .active{ 
	color:#A83133;
	margin:auto 5px;
}
/* ********** ********** */
/* ********** ********** ********** /header ********** */


/* contentsArea/ ********** ********** ********** ********** */
/*
	★各cssに記述
		・top.css (topページ用のcss)
		・second.css (第2階層共通のcss)
*/
/* ********** ********** ********** /contentsArea ********** */

/*
#push, #footerArea {
	height: 25px;
}
*/

/* footerArea/ ********** ********** ********** ********** */
#footerArea {
	clear:both;
	height: 25px;
	background-image:url(../images/cmn/footer_bg.gif);
}
#footer{
	margin:0 auto;
	width:760px;
}
#copyright {
	height:25px;
	background-image:url(../images/cmn/footer_copyright.gif);
}
/* ********** ********** ********** /footerArea ********** */

/*--------------------
	class
--------------------*/
/* more
---------------*/
.img_R {
	float: right !important;
	margin: 0 0 10px 10px;
}

/* more
---------------*/

p.more {
	margin: 1.5em 0 1em 0;
}

/* image
---------------*/
ul.image {
	margin-left: 0;
	padding: 0;
}

ul.image li {
	margin-right: 10px;
	display: inline;
	float: left;
	list-style-position: outside;
	list-style-type: none;
}

/* headimage
---------------*/
ul.headimage {
	margin: 2em 0;
	padding: 0;
}

ul.headimage li {
	display: inline;
	float: left;
	margin-right: 3px;
	text-align: right;
}

/* feebly
---------------*/

.feebly {
	font-size: 80%;
}


/*--------------------
	clearfix
--------------------*/
.contentslist ul,
ul.image,
ul.headimage,
div.samplelist,
.answer,
body.user dl,
body.user div.section,
body.user div#info,
div.imgCaption {
	/*\*/
	min-height: 1px;
	_height: 1%;
	/* */

	/*\*//*/
	overflow: hidden;
	/**/
}

.contentslist ul:after,
ul.image:after,
ul.headimage:after,
div.samplelist:after,
.answer:after,
body.user dl:after,
body.user div.section:after,
body.user div#info:after,
div.imgCaption:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}