body{
	text-align:center;
	font-size:9pt;
	color:333333;
	line-height:20px;
	background-color:#005bb6;
	
}

a{
  	color : #5959ff;
  	text-decoration : underline;
  	cursor : pointer;
}
a:hover { 
	color:#dd1100;
}




#container{
	width:100%;
	margin:10 auto; /*大外の青背景とのマージン*/
	padding:20 0; /*ここで、一番上の余白を空ける*/
	background:url(image/body/body_top.gif) repeat-x 0 0;
	background-color:#e3e3e3;
	
}


#top{
	margin:0 auto; /*FireFox対策　これを入れないとセンタリングされない*/
	width:800px;
	
}

#body{
	margin:0 auto;
	padding-top:2;
	width:800;
	background-color:#e3e3e3;
	background:url(image/body/bodyback.gif) repeat-y 0 0;
	
}

#navi{
	margin:0 auto;
	width:800px;
	text-align:center;
}

#navi ul{
	margin:0 0 0 17;
	padding:0;

}


/*　liに背景色をつけて、hover時に切り替え */
#navi li{
	
	width:107px;
	height:23px;
	background-color:#771111;
	border-bottom-style:solid;
	border-right-style:solid;
	border-width:1px;
	border-color:black;
	float:left;
	padding:0; 
	margin:0 1px;
	border:none;
	list-style-type:none;
	text-align:center;
}

#navi a.top01:link,#navi a.top01:visited{
	display:block;
	width:107px;
	height:20px;	
	color:white;
	font-size:9pt;
	text-align:center;
	text-decoration: none;
	padding:1 0px;	
}

#navi a.top01:hover{
	
	width:107px;
	height:20px;	
	color:DarkRed;
	font-size:9pt;
	background-color:silver;
	border-bottom-style:solid;
	border-right-style:solid;
	border-width:1px;
	font-weight:bold;
}

#navi a.top03:link, #navi a.top03:visited{	
	display:block;
	color:white;
	font-size:9pt;
	
	background-color:Red;
	height:20px;
	width:106px;
	padding:1 0px;
	text-align:center;
	text-decoration: none;
}

#navi a.top03:hover{
	color:DarkRed;
	font-size:9pt;	
	background-color:Khaki;
	font-weight:bold;
	border-bottom-style:solid;
	border-right-style:solid;
	border-width:1px;
}






#main{
	clear:both;
	margin:0 auto 10 auto;
	width:800;
	height:auto;
	
	
}

#main li{
	border-bottom-width : 1px;
 	border-bottom-style : solid;
 	border-bottom-color : #d0d0ff;
	margin-right:30px;
	margin-left:-10px;
	list-style-image : url(v2_lis020.gif);
}



#left{
	width:270px;
	float:left;
	margin:10 0 0 10px;
	text-align:left;
	border-right-style:dotted;
	border-width:1px;
	border-color:maroon;
	padding:0 10 0 20px;
}

#right{
	text-align:left;
	width:460;
	float:right;
	margin:10 10 0 0;
	padding-right:5px;
	
	
}


#footer{
	clear:both;
	margin:0 auto;
	background:url(image/body/bodybackbottom.gif) repeat-y 0 0;
	height:30px;
	width:800;
}

#footer a{
	
	padding:0 3;
	text-decoration:none;
}

#footer a:hover { 
	color:#dd1100;
}


#main h1{
	font-size:11pt;
	color:maroon;
	text-indent:5px;
	background-color:LightSteelBlue;
	padding:0px;
	padding-bottom:0px;
	border-bottom-style:solid;
	border-width:1px;
	border-color:Tan;
	margin-right:10px;
}
	
#main hr{
	width:90%;
	text-align:left;
	color: #aa0000; /* 線の色(IE用) */
  	background-color: #aa0000; /* 線の色(NN用) */
  	height: 3px; /* 線の太さ */
 	border: 3px; /* 枠の太さ */
 	border-style: double; /* 枠の種類 */

}


/*--------------サブページの設定-------------------*/

#sub_container{
	width:100%;
	margin:10 auto; /*大外の青背景とのマージン*/
	padding:20 0; /*ここで、一番上の余白を空ける*/
	background:url(image/body/body_top_sub.gif) repeat-x 0 0;
	background-color:#e3e3e3;
	
}

#sub_top{
	margin:0 auto; /*FireFox対策　これを入れないとセンタリングされない*/
	width:800px;
}

#sub_main{
	width:700px;
	text-align:left;
	padding-left:20;
	margin-left:20px;
	padding-bottom:100px;

}

#sub_main a{
	font-size:12pt;
	line-height:2em;
}


#sub_main h1{
	font-size:18pt;
	text-indent:20px;
	color:maroon;
	line-height:80px;
	border:none;
	
	background-image:url("image/hr.gif");
	background-repeat:no-repeat;
	background-position:0 bottom;
	background-color:white;
	width:700px;

	
}

#sub_main h2{
	font-size:14pt;
	color:Sienna;
	text-indent:20px;
	background:url("image/li.gif") no-repeat 0 10;
	border-bottom-style:dashed;
	border-width:1px;
	width:300px;
	border-color:ForestGreen;
	padding:10 0;
}

#sub_main table{
	border-style:solid;
	border-width:1px;
	border-color:#a0c0af;
	border-collapse: collapse; /*枠線を重ねる*/
}

#sub_main th{
	background-color:DarkSeaGreen;
	border-width:1px;
	border-color:#a0c0af;
	border-style:solid;
	font-size:10pt;
	color:333333;
	padding:3px;
}

#sub_main td{
	font-size:9pt;
	line-height:20px;
	padding:10px;
	border-width:1px;
	border-color:#a0c0af;
	border-style:solid;
}

#sub_main li{
	
	background-image:url("image/li.gif"); 
	background-repeat:no-repeat;
	text-indent:20px;
	color:333333;
	margin:20px;
	list-style-position : outside;
	list-style:none
	
}







/*---------------------共通クラス---------------------*/


.img-kage {
	margin-left:10px;　/*imageの左右余白*/
	margin-right:10px;　/*imageの左右余白*/
	background: url(shadow.gif) right bottom;
	float: left;　/*文字の回りこみ（画像配置）*/
}
.img-waku {
position: relative;　/*相対位置*/
left:-5px;　/*影から左へ指定ピクセル移動*/
top: -5px;　/*影から上へ指定ピクセル移動*/

}




.b{
	color:black;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color:red;
	background-color:LightGoldenRodYellow;
	
}

#footer .b{
	color:black;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color:red;
	background-color:LightGoldenRodYellow;
	font-size:12pt;
}

.pbox{
	background-color:SeaShell;
	padding:10px;
	border-style:solid;
	border-width:1px;
	border-color:Crimson;
}
.pbox2{
	background-color:FloralWhite;
	padding:10px;
	border-style:dotted;
	border-width:1px;
	border-color:Crimson;
}




.tdin_top{
	font-size:9pt;
	line-height:20px;
	padding:10px;
	border-width:1px;
	border-color:#a0c0af;
	border-style:solid;
	vertical-align:top;
}



		




