﻿h1{
	color:#FFFFFF;
	font-size:36px;
	font-family:HG丸ｺﾞｼｯｸM-PRO,Meiryo UI,Helvetica, sans-serif;
	text-align:left;
	margin:10px;
}

p{
	color:#000000;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	margin:10px;
	border-bottom:1px #C0C0C0 dotted;
	
}

h2{
	color:#003366;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	padding-left:10px;
	text-align:left;
	border-bottom:2px #FF9933 dashed;
}

h3{
	color:#003366;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	border-bottom:1px #C0C0C0 dotted;
}

.text{
	font-size:15px;
	color:#C0C0C0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	margin-left:25px;
	margin-right:25px;
}



html,body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	text-align:center;/* 下記のautoに未対応用のセンタリング */
	background-color:#000000;
	}

#site-box {
	width:1080px;
	height:100%;
	padding:0px;
	position:absolute;
	left:50%;
	margin-left:-540px
   	}




#right-box{
	float:right;
	width:740px;
	height:1200px;
	background-color:#000000;
	position:absolute;
	margin:0px 0px 0px 0px;
	padding:0px;
	top:25px;
	left:300px;
	}

	.click{
		text-align:center;
		border:2px #FFFFFF solid;
		top:0px;
		}
	
	.click:hover {/* マウスカーソルが乗っている状態 */
		text-align:center;
		border:2px #003366 solid;
		}	


#info-box {
	width:740px;
	height:200px;
	padding:0px;
	position:absolute;
	right:0px;
	top:960px;
	background-color:#FFFFFF;	
   	}

#a-box{
	width:430px;
	height:120px;
	padding:0px;
	position:absolute;
	left:0px;
	top:500px;
	float:left;
	background-color:#FFFFFF;		
   	}

#b-box{
	width:430px;
	height:250px;
	padding:0px;
	position:absolute;
	left:0px;
	top:630px;
	float:left;
	background-color:#FFFFFF;
	padding-top:10px		
   	}
   	
	.b{color:#FF3300
		}
	
	.b:hover {/* マウスカーソルが乗っている状態 */
		color:#FF9900
		}	
   	
#c-box{
	width:430px;
	height:80px;
	padding:0px;
	position:absolute;
	left:0px;
	top:870px;
	float:left;
	background-color:#FFFFFF;		
   	}

   	
#twitter-box{
	width:300px;
	height:1500px;
	padding:0px;
	position:absolute;
	right:0px;
	top:500px;
	float:right;
   	}



#footer-box{
	width:1080px;
	height:40px;	
	background-color:#000000;
	position:absolute;
	left:-300px;
	margin:0px 0px 0px 0px;
	color:#FFFFFF;
	font-size:10px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	line-height:40px;
	bottom:-40px;	
	}


#left-box{
	float:left;
	width:300px;
	height:100%;
	background-color:#000000;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-540px;
	padding:0 0 0 0;
	
	margin-right:0px;
	}
	
	.logo{
		text-align:center;
		border:1px #000000 solid;
		top:0px;
		}
	
	.logo:hover {/* マウスカーソルが乗っている状態 */
		text-align:center;
		border:1px #CCCCCC solid;
		}		