/* バンゲリングベイ　CSS Document トップページ・共通部分*/

@charset "UTF-8";


/* ボディ部分 */
body {
		background:url(../images/common/bg.gif) ;
	
	margin: 0;
	padding: 0;
	text-align: center;
	font-family:"ＭＳ Ｐゴシック", "Osaka", sans-serif;
	color: #333333;
	}


a {
	color: #333333;
	}
	

a:hover {
	color: #CC0000;
	}



.font_red{
color:#FF0000;
}

.font_yel {
color:#FDB913;
}

.font85{
font-size: 85%;
}

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

h2 {
margin: 0;
padding: 0;
}

p {
margin: 10px 5px 15px 5px;
}

.mojikan1 {
letter-spacing: -0.05em;
}

img {
border: 0;
}
/* ボディ部分終了 */




/* コンテナー部分 */
#container {
	text-align: center;	
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 800px;
	background-color: #FFFFFF;
	border-left: #FFFF00 1px solid;
	border-right: #FFFF00 1px solid;
	height: 600px;

	}
	
/* コンテナー部分終了 */



/* フォーム部分 */
form {
	margin: 0px;
}
/* フォーム部分終了 */



/* ヘッダー部分 */	
#header {
	width: 800px;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	


/* ヘッダー部分 */	

.head {
	margin: 0 ;
	padding: 0;
	overflow: hidden;
		clear: both;

}



.headmenu {
	height: 36px;
	clear: both;
	text-align:left;
	padding: 0;
	margin: 0;
	overflow: hidden;
	border-bottom: 4px solid #000;
}




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

}

.headmenu ul li {
float: left; 
	margin: 0;
	padding: 0;
}


.engbtn {
text-align: right;
margin: 40px 5px 5px 0;
}

.topbana {
padding: 0 5px 0 5px;
}
	
.topbanamr{
margin-bottom: 10px;
}
/* ヘッダー部分終了 */	




	
/* ヘッダー部分終了 */	

/* コンテンツ部分 */	
#content {
	width: 800px;
	clear: both;

	}
	
/* コンテンツ部分終了 */
	


	
/* 内容部分 */
#cont {
	float: left;
	text-align: left;
	padding: 10px;
	font-size: 80%;
	width: 780px;
	line-height: 140%;
	}

.topnews {
	padding:3px; 
	background: url(../images/top/news2.jpg) 0px 0px no-repeat;
	height: 204px;
	margin: 0;
	font-size: 75%;
	

}

.topnews ul{
	padding:10px 5px 5px 5px;
	list-style: none;
	margin: 0;
}
.topnews ul li{
	padding:3px 0 3px 15px; 
	background: url(../images/top/topicon2.gif) 5px 10px no-repeat;

}
.topnews ul li a{
	text-decoration: underline;
	
}
.topnews ul li a:hover{
	color: #0000FF;
}


.merit {
	padding:3px; 
	background: url(../images/top/merit.jpg) 0px 0px no-repeat;
	height: 204px;
	margin: 0;
	

}

.merit ul{
	padding:0px 5px 5px 5px;
	list-style: none;
	margin: 0;
}
.merit ul li{
	padding:3px 0 3px 17px; 
	background: url(../images/top/topicon.gif) 5px 8px no-repeat;

}
.merit ul li a{
	text-decoration: underline;
	
}
.merit ul li a:hover{
	color: #0000FF;
}



/* 右部分 
#right {
	width: auto;
	float: left;
	padding: 20px 0px 10px 0px;
	font-size: 80%;
	line-height: 140%;

	}
	
	
*/

		
/* フッター部分 */
#footer {
	text-align: center;	
	margin-left: auto;
	margin-right: auto;
	height: auto;
	clear: both;
	width: 800px;
	color: #FFF;
	border-left: 1px solid #FFFF00;
	border-right: 1px solid #FFFF00;
	border-bottom: 1px solid #FFFF00;
	background-color: #000000;

}


.footback {
	height:50px;
	clear: both;
	/*text-align: right;*/
		text-align: center;
}

.toplink {
	font-size: 75%;
	text-align: right;
	padding: 10px 10px 2px 0px;
	border-bottom: 5px solid #231815;
	clear: both;

}


.toplink a {
	color: #876B54;
	text-decoration: none;
	}

.toplink a:hover {
	color:#FF9900;
	}


.copy {
	float: left;
	padding: 30px 0px 0px 50px;
	text-align: left;
	font-size: 70%;
	
	/*color: #301F0F;*/

}
.copy a {
color: #FFFFFF;
}

.copy a:hover {
color: #FFFFFF;

}


.fp {
	float: left;
	text-align: left;
	padding: 5px 0px 0px 5px;
	font-size:11px;
}

/*.footmenu {
clear: both;
	text-align: left;
	padding:0;
	margin:5px 0 0 0;
	font-size: 75%;
}


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


.footmenu ul li {
float: left; 
	margin: 0 10px 0 0;
	padding: 0 0 0 7px;
	background: url(../images/common/icon2.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

	
.footmenu a {
	color: #333333;
	text-decoration: none;
	}

.footmenu a:hover {
	color:#FF9900;
	}
*/	

.info {
	text-align: right;
	padding:7px 10px 0px 0px;
}
	
/*フッター部分終了 */


	




	
/* 真ん中部分*/


	
/* ------------------------------
news
------------------------------ */


.news {
	margin-bottom: 10px;
	width:auto;
	height:auto;
	overflow: hidden;
	clear:both;
	text-align:left;
	background-color: #FBFBF1;
	}
	
	
.news_cont {
padding: 0 10px 10px 10px;
clear: both;
overflow: hidden;
height:80px;
	}



.news_l {
float: left;
margin-right: 10px;
background-image:url(../images/top/gameback.gif);
}

.news_l1 {
float: left;
margin-right: 5px;
}


.news_l2 {
float: left;
width: 200px;
}


.news_date {
text-align: left;
padding: 3px;

}

.news_details {
text-align: left;
padding: 3px 3px 0 3px;
}

.news_r {
float: left;
background-image:url(../images/top/gameback.gif);
}

/* ------------------------------
concept
------------------------------ */
.concept {
	margin-bottom: 20px;
	width:auto;
	height:auto;
	overflow: hidden;
	clear:both;
	text-align:left;
	background-color: #F1E8DC;
	}

.concept_cont {
padding: 10px;
clear: both;
overflow: hidden;
	}
	
.concept_l {
float: left;
margin-right: 5px;
width:450px;
}

.concept_r {
float: left;

}



/*------------------------
中ページ
--------------------------*/

/*中のコンテンツ*/


/* 中ページ　左右内容部分 */
#l_cont {
	float: left;
	text-align: left;
	padding: 10px;
	width:170px;
	background-color: #999999;
	height: 440px;
	}

#r_cont_1 {
	float: left;
	text-align: left;
	padding: 10px;
	width:570px;
background-color: #FFFF00;
height: 440px;
	}
 
#r_cont_2 {
	float: left;
	text-align: left;
	padding: 10px;
	width:570px;
background-color: #FFFF00;
height: 440px;
overflow: scroll;

		scrollbar-face-color:#FFFF00;
        scrollbar-3dlight-color:#FFFFFF;
        scrollbar-darkshadow-color:#000000;
        scrollbar-base-color:#FFFF00;
        scrollbar-arrow-color:#000000;
	}
	
	
#l_cont ul{
	padding:5px 0 5px 0;
	list-style: none;
	margin: 0;
}
#l_cont ul li{
	padding:5px 0 5px 15px; background: url(../images/common/icon4.gif) 0px 7px no-repeat;
		border-bottom: #CCCCCC dotted 1px;
}
#l_cont ul li a{
	text-decoration: underline;
	
	
}
#l_cont ul li a:hover{
	color:#CC0000;
}



/*真ん中　タイトル*/
#l_cont h5 {
		background:url(../images/common/subtitlemk.gif) ;
		background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	padding: 5px 0px 0px 13px;
	border-bottom: 1px dotted #000;

	margin: 0 0 5px 0;
	
	height: 20px;
	color: #000;
	}
/*真ん中　タイトル終了*/

	

.pankuzu {
	text-align:left;
	padding: 5px 0px 10px 5px;
}

.pankuzu a {
	text-decoration: none;
}

.pankuzu a:hover {
	text-decoration: underline;
}


/*中のコンテンツ終了*/


/* 中のタイトル終了*/

/*------------------------
共通テーブル
--------------------------*/
.com_table {
border-top: 1px solid #666666;
border-left: 1px solid #666666;
margin-bottom: 10px;
background-color:#FFFFFF;
}

.com_table th {
text-align: left;
background-color: #D0D0D0;
padding: 10px 0 10px 10px;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
font-size: 90%;
font-weight: normal;
}

.com_table td {
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
padding: 10px 0 10px 10px;
}

/*------------------------
fighter
--------------------------*/

.fighter_font {
font-size: 75%;
}


.fighter_table {
border-top: 1px solid #666666;
border-left: 1px solid #666666;
margin-bottom: 10px;
}

.fighter_table th {
text-align: left;
background-color: #E3E3E3;
padding: 2px 10px 2px 10px;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
font-weight: normal;
}

.fighter_table td {
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
padding: 2px 2px 2px 2px;
}



/*------------------------
shop list shop
--------------------------*/

.detailsimg {
margin: 3px 0 0 0;
}

.district {
color: #513219;
font-weight:bold;
}


.shop_item {
border: 1px solid #cccccc;
padding: 10px;
margin-bottom: 15px;
}

.shopitemt {
padding-bottom: 5px;
margin-bottom:10px;
border-bottom: #CCA375 1px solid;
}

.addtable {
border-left: 1px solid #CCCCCC;
}


/* ------------------------------
contact
------------------------------ */
.contact_form {
margin: 0;
border: 1px solid #D5C9A0;

}


.contact_form th {
text-align: left;
padding:5px 5px 5px 20px;
border-bottom: 1px dotted #D5C9A0;
background-color: #F0EBDD ;
}

.contact_form td {
border-bottom: 1px dotted #D5C9A0;
padding:5px;
}

.must {
color:#C84264;
}




/* ------------------------------
	サイトマップ
------------------------------ */
#cont-sitemap{
	margin-bottom:10px;
}
#cont-sitemap ul{
	padding:10px 0 10px 0;
	border-bottom: #CCCCCC dotted 1px;
	list-style: none;
}
#cont-sitemap ul li{
	padding:5px 10px; background: url(../images/common/icon2.gif) 0px 8px no-repeat;
}
#cont-sitemap ul li a{
	text-decoration: underline;
	
}
#cont-sitemap ul li a:hover{
	color: #0000FF;
}




/* ------------------------------
	link
------------------------------ */
.link {
clear:both;
margin-bottom:10px;
padding: 5px;
border: dotted 1px #999999;
height: 93px;
}

.link_img{
float: left;
margin-right: 5px;
}

.link_bun {
float: left;
text-align:left;
width: 410px;
}