@charset "UTF-8";
body {
/*基礎 ○○:となる場合、必ずそれの終わりを;にする*/
	font-family: "ＭＳ Ｐゴシック";
/*↑フォント優先度指定。半角スペースを名前に含む場合、""で囲む*/
	/*color:;フォント色指定(16進数)*/
	/*font-size:;フォントサイズ指定*/
	/*line-height:;line=文字を囲う枠。それのサイズ*/
}

body {
	margin: 0px;
	background-color: #000;
}

#wrapper {
	margin: 0 auto;
	background-color: #ddd;
	width: 1160px;
}

#header {
	font-size: 1px;
	margin: 0 auto;
	margin-bottom: 100px;
	width: 1060px;
	height: 370px;
	}

#header h1 {
	margin: 0px;
}

#nav {
	width: 1060px;
	height: 50px;
	margin: 0 auto;
	margin-bottom:100px;
}

.navs {
	background-color: #ccc;
	text-align: center;
	float: left;
	width: 212px;
	height: 50px;
	font-size: 25px;
	line-height: 50px;
}

.navs:hover {
	background-color: #fff;
}

#fotter {
	font-style: italic;
	margin: 0 auto;
	margin-top: 100px;
	height: 30px;
	width: 1060px;
	background-color: #ccc;
	font-size: 13px;
	line-height: 30px;
	text-align: center;
}

#fotter p {
	margin: 0px;
}

#fotter_garo {
	font-style: italic;
	margin: 0 auto;
	height: 30px;
	width: 1060px;
	background-color: #ccc;
	font-size: 13px;
	line-height: 30px;
	text-align: center;
}

table {
	margin: 0 auto;
	text-align: center;
	font-size: 15px;
}

td {
	line-height: 25px;
	background-color: #fff;
}

.A01 {/*class:A01=主砲 徹甲弾 #f66*/
	background-color: #f66;
}

.A02 {/*class:A02=副砲　黄色 #ff6*/
	background-color: #ff6;
}

.A03 {/*class:A03=魚雷 甲標的　青 #66f*/
	background-color: #66f;
}

.A04 {/*class:A04=艦攻　青 #99f*/
	background-color: #99f;
}

.A05 {/*class:A05=艦戦　緑 #9f9*/
	background-color: #9f9;
}

.A06 {/*class:A06=艦爆　赤 #f99*/
	background-color: #f99;
}

.A07 {/*class:A07=水偵 水爆　緑 #cfc*/
	background-color: #cfc;
}

.A08 {/*class:A08=電探 缶　オレンジ #fa3*/
	background-color: #fa3;
}

.A09 {/*class:A09=機銃 三式弾 高角砲　緑 #6f6*/
	background-color: #6f6;
}

.A10 {/*class:A10=爆雷 ソナー　水色 #ccf*/
	background-color: #ccf;
}

.A11 {/*class:A11=艦偵　黄色 #ff9*/
	background-color: #ff9;
}

#content {
	width: 1060px;
	margin: 0 auto;
}

#content_garo {
	margin: 0 auto;
	width: 1050px;

}

#content_kansen{/*height: 340pxが画像1列分*/
	width: 1060px;
	margin: 0 auto;
}

.gazobox {
	margin-left: 30px;
	margin-bottom: 30px;
	float: left;
	width: 310px;
	height: 400px;
}

.gazobox .gazo {
	margin: 0 auto;
	width: 310px;
	height 310px;
}

.gazobox p {
	width: 310px;
	height: 90px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}

#leftzone1 {
	margin: 0px;
	width: 530px;
	height: 250px;
	float: left;

}

#rightzone1 {
	margin: 0px;
	width: 530px;
	height: 250px;
	float: left;

}

.log {
	font-size: 15px;
	line-height: 30px;
	background-color: #fff;
	height: 250px;
	width: 520px;
	text-align: center;
	overflow: auto;
}

.log_box {
	width: 520px;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;

}

#twitter {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	height: 150px;
	width: 520px; 

}

.kansen_img {
	margin: 50px 0px 50px 0px;
}

.kansen {
	font-weight: bold;
	text-align: center;
	float: left;
	margin-left: 37px;
	margin-bottom: 40px;
	width: 218px;
	height: 300px;
}

h4 {
	text-align: center;
}

.buso_nav th {
	width: 120px;
	height:25px;
	background-color: #ccc;
}

.buso_nav th:hover {
	background-color: #fff;
}

.kansen_nav th {
	width: 120px;
	height:25px;
	background-color: #ccc;
}

.kansen_nav th:hover {
	background-color: #fff;
}

.clear {
	clear: left;
}

.koneta {
	margin-left: 160px;
	margin-right: 160px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 25px;
	width: 700px;
	height: 400px;
	overflow-y: scroll; 
		background-color: #fff;
}

.koneta p {

}

h4 {
	margin-top: 100px;
}