@charset "shift_jis";
/* CSS Document */

/* fire fox hack */
.foo, x:-moz-any-link { } /* FireFox 2 */
.foo, x:-moz-any-link, x:default { } /* FireFox 3 */
html>/**/body .foo, x:-moz-any-link, x:default { } /* Only FireFox 3 */

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

html
{
	width: 100%;
	height:100%;
	margin: 0px auto;
	padding: 0px;
	color:#FFF;
}

body
{
	behavior: url("csshover3.htc");
	float:none;
	clear::none;
	margin: 0px auto 0px auto;
	padding: 0px;
	width:100%;
	height:100%;
	position:static;
	display:block;
}

a{
	color: #09F;
	text-decoration:none;
	/*\*/
overflow: hidden;/* */
}

a:hover{
	color: #F33;
	text-decoration: underline;
	/*\*/
overflow: hidden;/* */
}

li{
	list-style-type: none;
}



img{
	behavior:url("pngbehavior.htc");
}


div#wrap {
	margin:0px auto 0px auto;
	padding: 0px;
	clear: none;
	float: none;
	width:100%;
	height:auto;
	position: static;
	display: block;
	background-color: #000;
	background-attachment: fixed;
	background-image: url(../img/wrap_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	/*overflow:auto;*/
}

div#block{
	position:absolute;
	bottom:0;
}

div#all
{
	float:none;
	clear:none;
	padding: 0px;
	width: 860px;
	height:auto;
	min-height:100%;
	position:static;
	display:block;
	background-color: #000;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: thin solid #333;
}

.clearfix:after {
font-size: 0px;
visibility: hidden;
clear: both;
height: 0px;
display: block;
content: ".";
}

.clearfix { display: inline-block; }
.clearfix { display: block; }

/* IE6対策 */
body > #all {
    height: 100%;
}

.iepngfix {
behavior: expression(IEPNGFIX.fix(this));
} 

img, div{ behavior: url(../iepngfix.htc) }

/* ************************************************** */

h1{
	text-indent: -9999px;
	font-size: xx-small;
}


div#header{
	text-align: center;
	margin:0px auto 0px auto;
	padding: 0px;
	float: none;
	clear: none;
	width: 860px;
	height: 80px;
	position: static;
	display: block;
	background-color:#000;
	background-image: url(../img/header_bg_2.jpg);
	background-position: center center;
}

/* ************************************************** */

div#site_logo{
	text-align:center;
	float: left;
	clear: none;
	width: 380px;
	height: 80px;
	padding: 0px;
	position: static;
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* ************************************************** */

div#welcome_area{
	float:right;
	clear: none;
	width:400px;
	height: 80px;
	margin:0px 0px 0px auto;
	padding: 0px;
	position: static;
	display: block;
	text-align: right;
}

div#welcome_1{
	display: block;
	padding: 0px;
	float: right;
	clear: none;
	height: 26px;
	width: auto;
	margin: 7px 0px 0px 0px;
	position: static;
}

div#welcome_2{
	display: block;
	padding: 0px;
	float: right;
	clear: none;
	_clear: both;/* IE6 hack */
	height: 26px;
	width: auto;
	_width: 300px;/* IE6 hack */
	margin: -2px 0px 0px 0px;
	position: static;
}


*:first-child+html div#welcome_2{
	display: block;
	padding: 0px;
	float:right;
	clear: both;
	height: 26px;
	width:350px;
	margin: -2px 0px 0px 0px;
	position: static;
}


div#welcome_3{
	display: block;
	padding: 0px;
	float: right;
	clear: both;
	_clear: both;/* IE6 hack */
	height: 26px;
	width: 210px;
	margin: -3px 3px 0px 0px;
	position: static;
}

span.wel{
	font-size:12px;
	line-height:150%;
	color:#F90;
	width:auto;
	height:26px;
	margin:0px 2px 0px 2px;
	padding:0px;
	float: left;
	clear: none;
	display:block;
	position:static;
}

span.wel strong{
	font-size:14px;
	color:#FC0;
}

a.new_reg{
	text-indent: -9999px;
	text-align:left;
	width: 74px;
	height: 21px;
	margin:0px 5px 0px auto;
	padding:0px;
	float: left;
	clear:none;
	background-image: url(../img/new_reg-btn_off.png);
	display: block;
	position: static;
}

a:hover.new_reg{
	text-indent: -9999px;
	text-align:left;
	width: 74px;
	height: 21px;
	margin:0px 5px 0px auto;
	padding:0px;
	float: left;
	clear:none;
	background-image: url(../img/new_reg-btn_on.png);
	display: block;
	position: static;
}

a.login_btn{
	text-indent: -9999px;
	text-align:left;
	width: 74px;
	height: 21px;
	margin:0px 5px 0px auto;
	padding:0px;
	float: left;
	clear:none;
	background-image: url(../img/login-btn_off.png);
	display: block;
	position: static;
}

a:hover.login_btn{
	text-indent: -9999px;
	text-align:left;
	width: 74px;
	height: 21px;
	margin:0px 5px 0px auto;
	padding:0px;
	float: left;
	clear:none;
	background-image: url(../img/login-btn_on.png);
	display: block;
	position: static;
}


a.logout_btn{
	text-indent: -9999px;
	text-align:left;
	width: 74px;
	height: 21px;
	margin:0px 5px 0px auto;
	padding:0px;
	float: left;
	clear:none;
	background-image: url(../img/logout-btn_off.png);
	display: block;
	position: static;
}

a:hover.logout_btn{
	text-indent: -9999px;
	text-align:left;
	width: 74px;
	height: 21px;
	margin:0px 5px 0px auto;
	padding:0px;
	float: left;
	clear:none;
	background-image: url(../img/logout-btn_on.png);
	display: block;
	position: static;
}

a:hover.mypage{
	text-indent: -9999px;
	text-align:left;
	width: 74px;
	height: 21px;
	margin:0px 5px 0px auto;
	padding:0px;
	float: left;
	clear:none;
	background-image: url(../img/mypage-btn_on.png);
	display: block;
	position: static;
}
a.mypage{
	text-indent: -9999px;
	text-align:left;
	width: 74px;
	height: 21px;
	margin:0px 5px 0px auto;
	padding:0px;
	float: left;
	clear:none;
	background-image: url(../img/mypage-btn_off.png);
	display: block;
	position: static;
}

a.look_btn{
	text-indent: -9999px;
	text-align:left;
	width: 69px;
	height: 16px;
	margin:0px 5px 0px auto;
	padding:0px;
	float: left;
	clear:none;
	background-image: url(../img/look-btn_off.png);
	display: block;
	position: static;
}

a:hover.look_btn{
	text-indent: -9999px;
	text-align:left;
	width: 69px;
	height: 16px;
	margin:0px 5px 0px auto;
	padding:0px;
	float: left;
	clear:none;
	background-image: url(../img/look-btn_on.png);
	display: block;
	position: static;
}

a.retune_top{
	text-indent: -9999px;
	text-align:left;
	width: 120px;
	height: 20px;
	margin:0px 0px 0px auto;
	padding:0px;
	float: left;
	clear:none;
	background-image: url(../img/btn_retune_top_off.png);
	display: block;
	position: static;
}

a:hover.retune_top{
	text-indent: -9999px;
	text-align:left;
	width: 120px;
	height: 20px;
	margin:0px 0px 0px auto;
	padding:0px;
	float: left;
	clear: none;
	background-image: url(../img/btn_retune_top_on.png);
	display: block;
	position: static;
}

a.help_btn{
	text-indent: -9999px;
	text-align:left;
	width: 80px;
	height: 20px;
	margin:0px 0px 0px auto;
	padding:0px;
	float: right;
	clear:none;
	background-image: url(../img/btn_help_off.png);
	display: block;
	position: static;
}

a:hover.help_btn{
	text-indent: -9999px;
	text-align:left;
	width: 80px;
	height: 20px;
	margin:0px 0px 0px auto;
	padding:0px;
	float: right;
	clear:none;
	background-image: url(../img/btn_help_on.png);
	display: block;
	position: static;
}

/* ************************************************** */

div#container{
	text-align:center;
	margin:0px auto;
	padding:0px;
	width:860px;
	height:auto;
	float:none;
	clear:none;
	display:block;
	position:static;
	background-color:#000;
}

div#left_area{
	text-align:left;
	margin:0px auto;
	padding:0px;
	width:180px;
	height:auto;
	float:left;
	clear:none;
	display:block;
	position:static;
	background-color:#000;
}

div#right_area{
	text-align:left;
	margin:0px auto;
	padding:0px;
	width:680px;
	height: auto;
	float:right;
	clear:none;
	display:block;
	position:static;
	background-color: #000;
}

h3.title-bar{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-shadow:0px 0px 10px #000; /* CSS-3 テキストシャドウ */
	text-indent:15px;
	text-align:left;
	line-height:180%;
	background-image:url(../img/title_h3bg.jpg);
	background-repeat:no-repeat;
	font-size:12px;
	color:#FFF;
	width:680px;
	height:20px;
	float:none;
	clear: both;
	margin:5px 0px 0px auto;
	padding:0px;
	display:block;
	position:static;
}

/* ************************************************** */
div#hello_area{
	background-image: url(../img/hello_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	padding: 0px;
	clear: none;
	float: none;
	height: 160px;
	width: 160px;
	margin:15px auto 10px auto;
	position: static;	 
 }
 
p#hello_txt{
	color:#FFF;
	text-align:justify;
	line-height:200%;
	font-size: xx-small;
	width: 150px;
}

h2#info_index{
	text-indent:-9999px;
	background-image: url(../img/title_info.jpg);
	background-repeat: no-repeat;
	background-position: center center;	
	margin:0px auto 5px -10px;
}

div#info_area{
	font-size:10px;
	text-align:center;
	margin:0px auto 10px auto;
	padding:0px;
	width:160px;
	height:auto;
	float:none;
	clear:none;
	display:block;
	position:static;
}

/* ************************************************** */

div#right_top{
	text-align:left;
	margin:10px  auto 0px 0px;
	padding:0px;
	width:670px;
	height:auto;
	float:none;
	clear:none;
	display:block;
	position:static;
}

div#flash_area{
	text-align:center;
	margin:0px auto;
	padding:0px;
	width:500px;
	height:300px;
	float:left;
	clear:none;
	display:block;
	position:static;
}

div#wn_area{
	margin:0px auto 0px auto;
	padding:0px;
	width:160px;
	height:auto;
	float:right;
	clear:none;
	display:block;
	position:static;
	background-color:#333;
}

div#wn_space{
	text-align:center;
	line-height:100%;
	margin:0px auto 10px auto;
	padding:0px;
	float:none;
	clear:none;
	width:160px;
	height:auto;
	display:block;
	position:static;
	background-color:#333;
}

h4#wn_index{
	text-indent:-9999px;
	margin:0px auto 2px auto;
	padding:0px;
	float:none;
	clear:none;
	width:160px;
	height:20px;
	display:block;
	position:static;
	background-image:url(../img/title_wn.jpg);
	background-repeat:no-repeat;
}

div#wn_space dl{
	margin:0px auto;
	padding:0px;
	width:160px;
	display:block;
	position:static;
	background-color:#333;
}

div#wn_space dt{
	font-size:xx-small;
	text-align:right;
	color:#F60;
	float:left;
	clear:none;
	margin:0px auto;
	padding:0px;
	width:30px;
	display:block;
	position:static;
}

div#wn_space dd a{
	font-size:xx-small;
	text-align:left;
	color:#999;
	margin:0px auto;
	padding:0px;
	width:120px;
	display:block;
	position:static;
	border-bottom: 1px dotted #999;
}

div#wn_space dd a:hover{
	font-size:xx-small;
	text-align:left;
	text-decoration:none;
	color:#FFF;
	margin:0px auto;
	padding:0px;
	width:120px;
	display:block;
	position:static;
	border-bottom: 1px dotted #999;
}

/* ************************************************** */

div#banner_150{
	text-align:center;
	line-height:130%;
	margin:5px auto 5px auto;
	padding:0px;
	width:160px;
	height:auto;
	float:none;
	clear:none;
	display:block;
	position:static;
}

p.b_150 a{
	text-align:center;
	text-decoration:none;
	line-height:150%;
	font-size:xx-small;
	color:#999;
	margin:5px auto 5px auto;
	padding:0px;
	width:160px;
	display:block;
	position:static;
}

p.b_150 a:hover{
	text-align:center;
	text-decoration:none;
	line-height:150%;
	font-size:xx-small;
	color:#fff;
	margin:5px auto 5px auto;
	padding:0px;
	width:160px;
	display:block;
	position:static;
}

/* ************************************************** */

div#new_release_area{
	text-align:left;
	margin:10px auto 10px 0px;
	padding:0px;
	width:670px;
	height:auto;
	float:none;
	clear: none;
	display:block;
	position:static;
}

table#newrelease {
	margin: 0px auto 20px auto;
	padding: 0px;
	clear: both;
	width: 670px;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
#newrelease td {
	margin: 0px;
	padding: 0px;
	width: 110px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	font-size: x-small;
	line-height: normal;
	text-align: center;
	vertical-align: top;
	background-color: #333;
}
#newrelease ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#newrelease a {
	text-decoration: none;
	color: #FFF;
}
#newrelease a:hover {
	text-decoration: none;
	color: #f66;
}
#newrelease li {
	margin: 0px;
	border-bottom: 1px dotted #333;
	padding-top: 2px;
	padding-bottom: 2px;
}
#newrelease li.lastline {
	border-bottom: none;
}

#newrelease td img {
	background: #FFF;
	padding: 1px;
	border: 1px solid #fff;
	margin-top: 5px;
}

/* ************************************************** */

div#footer{
	font-family: sans-serif;
	font-size: 10pt;
	color: #F90;
	text-align: center;
	line-height:150%;
	background-color: #666;
	margin: 0px auto;
	padding: 0px;
	float: none;
	clear: none;
	width: 860px;
	height: 80px;
	position: static;
	display: block;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: none;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	background-image: url(../img/footer_bg.jpg);
	background-position: center center;
}