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

#main_visual{
	width:960px;
	height:740px;
	margin:auto;
}

#main_bottom{
	width:960px;
	min-height:300px;
	margin:auto;
	background:url(../images/top/bottom_bg.gif) top center repeat-y;
}

#banner{
	width:900px;
	padding-top:7px;
	margin:auto;
	padding-bottom:7px;
}
#banner a{
	margin-right:4px;	
}
#banner *{
	float:left;
}
#banner a:hover{
	opacity:0.7;	
}
#	banner table *{
padding:0;margin:0;
}


#menubox{
	width:160px;
	height:686px;
	margin-left:0px;
	background:#F00;
	background:url(../images/menu/menu_bg.png) top center no-repeat;
	position:absolute;
	top:0px;
	left:0px;
}

#info{
	position:relative;
	width:900px;
	height:	295px;
	margin:auto;
}



#spec{
	width:590px;
	height:140px;
	position:absolute;
	/*top:858px;
	left:30px;*/
	top:113px;
	left:0px;
}

#twframe{
	width:280px;
	height:290px;
	position:absolute;
	/*top:746px;
	right:30px*/
	right:0px;
}
#news{
	width:590px;
	height:100px;
	background:url(../images/top/news_bg.jpg) top center no-repeat;
	position:absolute;
	/*top:746px;
	left:30px;*/
	top:0px;
	left:0px;
}

#news_area{
	width:550px;
	height:85px;
	padding-top:5px;
	padding-bottom:10px;
	padding-left:40px;
	overflow-y:scroll;
	overflow-x:hidden;
	color:#FFF;
	text-align:left;
}

.n_days{
	width:75px;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
	margin:0px;
	padding:0px;
}

.n_tx{
	width:530px;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
	margin:0px;
	padding:0px;
}

.n_tx a{color:#ffea00;}
.n_tx a:hover{color:#ffea00; text-decoration:underline;}


#topbn{
	position:absolute;
	top:130px;
	left:665px;
	width:295px;
	height:520px;
}


#popup03{
	position:absolute;
	top:485px;
	left:510px;
}


#mv01{
	position:absolute;
	top:505px;
	right:20px;
}

#mv02{
	position:absolute;
	top:540px;
	right:20px;
	width:273px;
	height:165px;
}

#key{
	position:absolute;
	right:0px;
	top:0px;
	display:none;
	width: 960px;
	height: 746px;
	overflow: hidden;
}

#sale{
	position: absolute;
	top: 641px;
	left: 196px;
}
#logo{position:absolute; top:495px; right:0px;}
#tx01{position:absolute; top:40px; right:0px;}
#tx02{position:absolute; top:0px; left:160px;}

#fade{position:absolute; top:686px; left:0px;}
#ps{position:absolute; top:0px; right:0px;}



#msgform{
	position:absolute;
	top:5px;
	right:200px;
}


#msgform02{
	position: absolute;
	top: 710px;
	left: 10px;
}

#trial{
	position: absolute;
	top: 470px;
	left: 270px;
	z-index: 5;
}

#trial02{
	position:absolute;
	top:520px;
	left:160px;
}


#linktop {
	width:100%;
	background:url(../images/top/bnr_top.gif) center top repeat-x;
}
#linkarea{
	width:100%;
	min-height:250px;
	background:url(../images/top/bnr_body.gif) center top repeat;
	margin:auto;
}
#linkbottom {
	background:url(../images/top/bnr_bottom.gif) center top repeat-x;
}
.linkbox {
	width:960px;
	margin:auto;
	text-align: center;
}
#linktop .linkbox {
	background:url(../images/top/bnr_top.gif) -420px top repeat;
	height: 12px;
}
#linkarea .linkbox {
	background:url(../images/top/bnr_body.gif) -420px top repeat;
}
#linkbottom .linkbox {
	background:url(../images/top/bnr_bottom.gif) -420px top repeat;
	height: 11px;
}

#bnlist{
}

#bnlist ul{list-style:none; padding-top:15px; padding-bottom: 20px; width:750px; margin:auto;}
#bnlist ul li{
	text-align:center;
	list-style:none;
	float:left;
	margin-right:10px;
	margin-top:15px;
	width:240px;
	height:83px;
	background:#321d00;
}
#bnlist ul li.jojoss {
    width: 740px;
    height: 83px;
    margin-right: 0;
}

#bnlist ul li.bigbn {
    width: 740px;
    height: 150px;
    margin: auto;
}

#bnlist ul li.jvc {
    width: 300px;
    height: 60px;
    margin-left: 220px;
}


#bnlist ul li a{opacity:1;}
#bnlist ul li a:hover{opacity:0.5;}





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * socialbutton
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */



div#socialbutton {
	position:absolute;
	/*top:1010px;
	left:30px;*/
	top:265px;
	left:0px;
	width: 590px;
	height:25px;
	background:url(../images/top/share_bg.jpg);
}

ul#box_sns {
	margin: 0;
	padding: 0;
	float: left;
	margin-top:2px;
	margin-left:120px;
	list-style: none;
}

ul#box_sns li {
	margin: 0;
	padding: 0;
	float:left;
}

li#sb_twitter {
	width: 120px;
}

li#sb_fb {
	width: 120px;
}

li#sb_hb {
	margin: 0 10px 0 5px !important;
}

li#sb_mixi {
	width: 124px;
}



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * socialbutton_bottombigbn
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#bn_bottomsns{
	margin:10px 0 0 10px;
	float:right;
	
}


#bg_box{
	background:url(../../images/top/book/bg_box_book.gif) no-repeat 0px 0px;
	width:478px;
	height:135px;
	margin:0 auto;
	padding:0 0 0 0px;
}

#bnboxmain{
		padding:30px 0 0 3px;
}

#bneq{
	margin:25px 0 0 50px;
	
}

/* ====【popup_twrc】================================== */
#cpbox{
	width:800px;
	height:980px;
	position:relative;
	margin:auto;
	padding-bottom:20px;
}

#btn_l{
	position:absolute;
	left:20px;
	bottom:84px;
}

#btn_r{
	position:absolute;
	left:410px;
	bottom:84px;
}






#pickup_box{
	width:160px;
	margin-top:20px;
}

#pickup_box .pu_btn{
	width:140px;
	/*height:100px;*/
	margin:auto;
	margin-top:5px;
}




#tx{
	float:right;
	width:320px;
}


#tx a img{
	padding:0px;
	margin:0;	
}
#tx a{
	padding:0px;
	margin:0;	
}


#enq{
	position: absolute;
	top: 37px;
	left: 276px;
}