﻿
/*　識別名=main.css　内容=基本構成　*/

#ColorSetting {
	background-color:#CCFFFF;
}
#container{
	width:910px;
	margin:auto;
	background-color:#FFFFFF;
}
#header{
	width:910px;
	height:150px;
	background-image:url('../image/header01.jpg');
}
#header_inner{
	padding:10px;
}
#header h1{
	margin:0;
	font-size:300%;
	letter-spacing:15px;
	color:#FFFFFF;
}
#header h2{
	margin:0;
	font-size:130%;
	color:#FFFFFF;
}
#header_other{
	float:right;
	margin-right:30px;
	margin-top:10px;
	margin-bottom:10px;
	width:150px;
}
.header_menu{
	font-size:1.5em;
}
.header_menu ul{
	margin:0;
	padding:0;
}
.header_menu li{
	list-style-type:none;
	float:left;
}
.header_menu li a{
	display:block;
	width:150px;
	line-height:30px;
	border-right:none;
	text-align:center;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	background-image:url('../image/header_menu01.jpg');
	background-repeat:no-repeat;
	margin-right:10px;
	margin-bottom:10px;
}
.header_menu li a:hover{
	background-position:0 -40px;
}
.navbar{
	width:910px;
	height:40px;
	font-size:100%;
	font-weight:bold;
	background-color:#77CCF5;
}
.navbar ul{
	margin:0;
	padding:0;
}
.navbar li{
	list-style-type:none;
	float:left;
}
.navbar li a{
	display:block;
	width:150px;
	line-height:40px;
	text-align:center;
	color:#000000;
	text-decoration:none;
}
.navbar, .navbar li a{
	background-image:url('../image/navbar01.jpg');
	background-repeat:no-repeat;
}
.navbar li a:hover{
	background-position:0 -50px;
}
#content{
	width:660px;
	float:right;
	margin:30px 0;
	padding-right:20px;
}
#path{
	text-align:right;
	margin:0px;
}
.post{
	width:640px;
	background-color:#FFFFFF;
}
.post_inner{
	padding:10px;
	border:solid 2px #999999;
}
.post h2{
	font-size:120%;
	margin:0;
	margin-bottom:20px;
	background-color:#66FF66;
	line-height:30px;
	border:solid 1px #009900;
}
.posttext{
	font-size:100%;
	line-height:1.5;
}
.posttext p{
	margin:0;
	margin-bottom:20px;
}
table{
	width:640px;
	border-collapse:collapse;
}
th{
	width:auto;
	border:solid 1px #AAAAAA;
	padding:8px;
	background-color:#66CC66;
	font-size:0.9em;
	text-align:left;
}
td{
	border:solid 1px #AAAAAA;
	padding:8px;
	font-size:0.9em;
}
#side{
	width:190px;
	float:left;
	margin-left:10px;
	margin-top:10px;
}
#sidebar h2{
	border-left:none;
	padding-left:0px;
	font-size:120%;
	background-color:#CCFFCC;
	border-top:solid 5px #990000;
	padding:5px;
}
#sidebar h2 a{
	color:#000000;
	font-size:130%;
	font-weight:normal;
	text-decoration:none;
}
#foot{
	clear:both;
}
#footer{
	width:870px;
	border-top:solid 5px #66CC66;
	padding-top:10px;
	padding-bottom:20px;
	margin:20px;
}
#footer address{
	margin:0;
	font-size:80%;
	font-style:normal;
	text-align:center;
}
#footer p{
	margin:0;
	font-size:95%;
	font-style:normal;
}
.image_center{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
}
.image_left{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.image_right{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.fontsize50{
	font-size:50%;
}
.fontsize60{
	font-size:60%;
}
.fontsize70{
	font-size:70%;
}
.fontsize80{
	font-size:80%;
}
.fontsize90{
	font-size:90%;
}
.fontsize100{
	font-size:100%;
}
.fontsize110{
	font-size:110%;
}
.fontsize120{
	font-size:120%;
}
.fontsize130{
	font-size:130%;
}
.fontsize140{
	font-size:140%;
}
.fontsize150{
	font-size:150%;
}
.fontsize160{
	font-size:160%;
}
.fontsize170{
	font-size:170%;
}
.fontsize180{
	font-size:180%;
}
.fontsize190{
	font-size:190%;
}
.fontsize200{
	font-size:200%;
}
.fontsize300{
	font-size:300%;
}
.fontsize400{
	font-size:400%;
}
.fontsize500{
	font-size:500%;
}
.colorred{
	color:#FF0000;
}
.colorwhite{
	color:#FFFFFF;
}
.colorblue{
	color:#0000FF;
}
.colorlime{
	color:#00FF00;
}
.colorfuchsia{
	color:#FF00FF;
}
.coloryellow{
	color:#FFFF00;
}
.coloraqua{
	color:#00FFFF;
}
.colorgray{
	color:#808080;
}
