/* CSS Document */

body{
	text-align:center;
	font-family:"arial", Osaka,"Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	color:#ffffff;
	line-height:17px;
	font-size:12px;
	margin:0;
	padding:0;
	background-image:url(img/head_back.jpg);
}

#backGround{
	display:block;
	width:100%;
	height:100%;
	padding:0px;
	background-color:#000000;
}

#container{
	width:800px;
	text-align:left;
	margin:auto;
}



img{border:none;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.border{border-bottom:1px solid white; margin-bottom:20px;}

.left_s{float:left; margin:0 0 15px 0;}
.right_s{float:right; margin:20px 0 10px 0;}	
.sp_right{float:left; margin-right:15px; height:100%;}
.sp_left{float:left;margin-top:0px;padding-left:40px;}
.sp_top{margin:20px auto 0 auto; width:200px;}
.sp_under{height:50px;}
.sp_menu{margin-bottom:5px; width:100px;}

/*---------------------------*/
/*ヘッダー                   */
/*---------------------------*/
#headder{
	display:block;
	height:130px;
	width:100%;
	background-image:url(img/header.jpg);
	background-repeat:no-repeat;
}
#headder h1{display:none;}

#headButa{
	float:right;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/headbuta.png);
	height:41px;
	width:82px;
	margin-top: 89px;
	padding-right:50px;
	margin-right:50px;
}
#headButa img{
	display: none;
	}
#headButa>img{
	display: block;
}
#headButa span{
	display:none;
}


/*---------------------------*/
/*フッター		             */
/*---------------------------*/

div#footer {
	width:310px;
	height:40px;
	float:right;
	margin:5px 5px 40px auto;
}


/*---------------------------*/
/*メイン　                   */
/*---------------------------*/
#main{
	height:100%;
}

/*トップメニュー ------*/
#menu{
	float:right;
	padding-bottom:5px;
	margin-top:5px;
	height: 30px;
	text-align: left;
}
#menu ul{
	margin:0px;
	padding:0px;
}
#menu li{
	float:left;
	list-style-type:none;
	line-height:25px;
}

/*トピックス ------*/

#topics{
	float:right;
	height:100%;
	width:390px;
	}
	
#topics a:link, a:visited{
	color:#000000;
	text-decoration:underline;
	}
	
#topics a:hover{
	color:#888888;
	text-decoration:none;
	}
	
#topics a:active{
	color:#992200;
	text-decoration:none;
	}
	
.topics_c{
	margin-top:4px;
	}
	
.topics_box{
	background-image:url(img/topics_1.gif);
	background-repeat:no-repeat;
	width:311px;
	height:38px;
	font-size:12px;
	color:#000000;
	padding:3px 5px 0 6px;
	float:left;
	text-align:left;
	}
	
.mini_buta1{
	background-image:url(img/mini_buta_1.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	width:58px;
	height:41px;
	float:left;
	margin-left:5px;
	}
	
.mini_buta2{
	background-image:url(img/mini_buta_2.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	width:58px;
	height:41px;
	float:left;
	margin-left:5px;
	}
	
/*遂刑ﾒ冗馴ﾀ------*/

.producer{
	font-size:12px;
	margin:2px 0 5px 2px;
	text-align:left;
}

.producer_c{
	font-size:10px;
	margin:2px 0 5px 2px;
	text-align:center;
}

#left_b{
	float:left;
	width:340px;
	}
	
#right_b{
	float:right;
	width:50%;
	text-align:right;
	}
	
/*メニュー ------*/

div.menu_list{
	float:left;
	width:280px;
	height:auto;
	margin-top:0px;
	padding-left:40px;
	}
	
.arrow_o{
	background-image:url(img/arrow_o.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding-left:20px;
	display:block;
	}

a.arrow {
	background-image:url(img/arrow.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	text-decoration:none;
	display:block;
	padding-left:20px;
	}

a:hover.arrow {
	background-image:url(img/arrow_o.gif);
	background-repeat:no-repeat;
	text-decoration:underline;
	padding-left:20px;
	}
		
#menu_box{
	background-image:url(img/bg_box.gif);
	background-repeat:no-repeat;
	width:395px;
	height:323px;
	float:right;
	padding:20px 30px 20px 25px;
	}
	
.overflow{
	overflow:auto;
	height:330px;
	padding-right:15px;
	}
	
.overflow td{
	line-height:22px;
	margin:auto;
	padding:6px 0 6px 8px;
	}
	
.overflow td.normal{
	padding:0;
	}
		
.border_box{
	border-bottom:solid 1px #FFFFFF;
	margin-bottom:10px;
	padding-bottom:4px;
	margin-top:10px;
	}
	
.border_d{
	border-top: double 3px white;
	border-bottom: double 3px white;
	margin:0;
	text-align: center;
	padding:3px 0 2px 0;
	}

/*インフォメーション ------*/	
	
#info{
	height:100%;
	width:572px;
	margin-top:20px;
	}
	
#info p{
	font-size:12px;
	color:#000000;
	text-align:left;
	padding:5px 10px;
	margin:0;
	}

	
.info_box{
	float:left;
	width:503px;
	height:100%;
	background-color:#FFFFFF;
	}
	
.info_box_t{
	background-image:url(img/topics_2.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	height:5px;
	}
	
.info_box_u{
	background-image:url(img/topics_3.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height:5px;
	}

#info a:link, a:visited{
	color:#000000;
	text-decoration:underline;
	}
	
#info a:hover{
	color:#888888;
	text-decoration:none;
	}
	
#info a:active{
	color:#992200;
	text-decoration:none;
	}
/*店服------*/

#store_box{
	background-image:url(img/bg_store.gif);
	background-repeat:no-repeat;
	float:right;
	width:600px;
	height:365px;
	padding:15px 20px 20px 20px;
	}
	
.store_contents p{
	margin:4px 5px 4px 0;
	line-height:1.4em;
	}
	
.store_contents{
	margin:0 0 0 30px;
	height:360px;
	overflow:auto;
	}
	
img.sp{
	margin:30px 0 30px 30px;
	}
a:link.store, a:visited.store{
	color:#3366FF;
	text-decoration:none;
}
a:hover.store{
	color:#CC9900;
	text-decoration:underline;
}
a:active.store{
	color:#992200;
	text-decoration:underline;
}