/*外枠の設定　基本的に変えない*/

body{
	height:100%;
	text-align:center;
	background:#ffffff url("../img/background.png");/*ページの背景画像*/
}
#wrap{
	height:100%;
	width:830px;
	text-align:left;
	margin:0 auto;
	background:#ffffcc;/*ページの地の色*/
}
#header{
	text-align:center;
}
#inner{
	height:100%;
	margin:0 10px;
}
#main{
	width:600px;
	float:right;
	background:#ffffff;
}
#side{
	width:200px;
	height:100%;
	min-height:100%;
	float:left;
	background:#cccccc;
}
#footer{
	text-align:center;
}





/*クリア設定　内容を変える必要なし
　floatによる回り込みを解除するときに使う*/

.clear{
	clear:both;
}
.clear hr{
	display:none;
}





/*上側のメニューバーの設定*/

#menuwrap{
	width:830px;
	height:50px;
	background:#ffffff url("../img/menu.png");
}
#menu{
	margin:0 1px;
	padding:0;
	overflow:hidden;
}
#menu li{
	list-style:none;
	width:138px;
	height:50px;
	float:left;
}
#menu li span{
	display:block;
	line-height:50px;
	text-align:center;
}
span.a1{
	background:#ffffff url("../img/menu_on1.png");
}
span.a2{
	background:#ffffff url("../img/menu_on2.png");
}
span.a3{
	background:#ffffff url("../img/menu_on3.png");
}
span.a4{
	background:#ffffff url("../img/menu_on4.png");
}
span.a5{
	background:#ffffff url("../img/menu_on5.png");
}
span.a6{
	background:#ffffff url("../img/menu_on6.png");
}
#menu li a{
	display:block;
	line-height:50px;
	text-align:center;
	text-decoration:none;
}
a.a1:hover{
	background:#ffffff url("../img/menu_on1.png");
}
a.a2:hover{
	background:#ffffff url("../img/menu_on2.png");
}
a.a3:hover{
	background:#ffffff url("../img/menu_on3.png");
}
a.a4:hover{
	background:#ffffff url("../img/menu_on4.png");
}
a.a5:hover{
	background:#ffffff url("../img/menu_on5.png");
}
a.a6:hover{
	background:#ffffff url("../img/menu_on6.png");
}




/*左側メニューバーの設定*/

#sidemenu{
	margin:5px;
	padding:0;
	background:#eeeeee;
}
#sidemenu ul{
	margin:0;
	padding:0;
}
#sidemenu a{
	text-decoration:none;
}
#sidemenu li{
	list-style:none;
	font-size:18px;
	line-height:25px;
	border:solid 1px #999999;
}
#sidemenu li span{
	display:block;
	padding:5px 5px;
	font-weight:bold;
}
#sidemenu li ul li{
	margin-left:10px;
}
#sidemenu li ul li span{
	display:block;
	padding:5px 5px;
	background:#ffcc66;
	color:#000000;
	font-weight:normal;
}
#sidemenu li ul li a{
	display:block;
	padding:5px 5px;
	background:#ffcccc;
	color:#000000;
}
#sidemenu li ul li a:hover{
	background:#ffcc66;
	color:#000000;
}





/*全体でよく使う設定*/

.title_a{
	/*上メニューバーの真下に来る大見出し*/
	margin:0;
	padding:0 10px;
	line-height:60px;
	font-size:40px;
	background:#ffffff url("../img/title_a.png");
}
.title{
	/*メインテーブルの見出し*/
	margin:0;
	padding:0 10px;
	line-height:50px;
	font-size:30px;
	background:#ffffff url("../img/title_b.png");
	border-right:solid 1px #999999;
	border-left:solid 1px #999999;
	border-top:solid 1px #999999;
}
.subtitle{
	/*メインテーブルの箇条書きの題に使う
	　spanタグに使用する*/
	display:block;
	padding:0 10px;
	line-height:35px;
	font-size:24px;
	background:#ff9900;
}
.fat{
	/*太字指定　spanタグに使用する*/
	font-weight:bold;
}
.red{
	/*赤字指定　spanタグに使用*/
	color:#ff0000;
}
.large1{
	/*大きめの文字　spanタグに使用する*/
	font-size:20px;
}
.contents{
	margin-bottom:10px;
}
.textstyle1{
	/*文章の基本スタイル*/
	margin:0;
	padding:15px 20px;
	line-height:24px;
	font-size:16px;
	background:#ffffff;
	border-right:solid 1px #999999;
	border-left:solid 1px #999999;
	border-top:dotted 1px #999999;
	border-bottom:dotted 1px #999999;
}
.textstyle2{
	/*文章の基本スタイル（行間広め）*/
	margin:0;
	padding:15px 20px;
	line-height:30px;
	font-size:16px;
	background:#ffffff;
	border-right:solid 1px #999999;
	border-left:solid 1px #999999;
	border-top:dotted 1px #999999;
	border-bottom:dotted 1px #999999;
}
.img_right{
	/*文章中に挿入するimgタグに使用（右寄せ）*/
	padding:5px;
	float:right;
}
.img_left{
	/*文章中に挿入するimgタグに使用（左寄せ）*/
	padding:5px;
	float:left;
}