/* CSS Document */

body{
	margin:0;
	padding:0;
	background-color:#eedfca;
	text-align:center;
	color: #333333;
}
a:link { text-decoration: none; color:#006699; }
a:visited { text-decoration: none; color:#006699; }
a:hover { text-decoration: underline; color:#006699; }
a:active { text-decoration: none; color:#006699; }

#container01{
	margin:auto;
	padding:0;
	width:770px;
	background-color:#cbb192;
	text-align:left;
}
#container02{
	margin:0 0 0 5px;
	padding:0;
	width:760px;
	background-color:#ffffff;
	text-align:left;
}
#header{
	height:60px;
	margin:0;
	padding:0 10px 0 10px;
}
#header img{
	padding:0;
	margin:12px 0 0 0;
	border:0;
}

.menu_top{
	width:740px;
	height:190px;
	margin:0 0 10px 10px;
	padding:0;
	background-image: url(img/bg_menu_top.gif);
	background-repeat: no-repeat;
}
.menu_main{
	width:740px;
	height:50px;
	margin:0 0 10px 10px;
	padding:0;
	background-image: url(img/bg_menu.gif);
	background-repeat: no-repeat;
}

#menu{
	width:740px;
	height:50px;
	padding:0;
	margin:0;
}

#menu ul{
	list-style-type:none;
	margin:0 -1px 0 0;
	padding:0;
	width:741px;
}
#menu li{
	list-style-type:none;
	text-align:center;
	margin:0;
	padding:0;
	width:148px;
	height:50px;
	float:left;
	display:block;
}
#menu img{
	vertical-align:bottom;
}

#news{
	width:740px;
	margin:0 0 10px 10px;
}

#news a:link { text-decoration: none; color:#003300; }
#news a:visited { text-decoration: none; color:#003300; }
#news a:hover { text-decoration: underline; color:#003300; }
#news a:active { text-decoration: none; color:#003300; }

.news_waku{
	padding:0;
	margin:0;
}
.news_bg{
	background-image: url(img/bg_news01.gif);
	background-repeat: repeat-y;
	padding:5px 0 0 15px;
	font-size:12px;
	line-height:140%;
}


.news_list{
	padding-left:4.1em;
	text-indent:-4.1em;
	border-bottom: 1px #cccccc solid;
}


#main_top{
	margin:0 0 10px 10px;
	padding:0;
	width:545px;
	float:left;
	display:inline;
}

#main{
	margin:0 0 20px 20px;
	padding:0;
	width:525px;
	float:left;
	display:inline;
	font-size:14px;
	line-height:140%;
}

#main_top_left{
	width:267px;
	height:230px;
	padding:0;
	margin:0;
	float:left;
	background-image: url(img/bg_subject.jpg);
	background-repeat: no-repeat;
}

#main_top_right{
	width:267px;
	height:230px;
	padding:0;
	margin:0;
	float:right;
	background-image: url(img/bg_introduction.jpg);
	background-repeat: no-repeat;
}

.main_top_menu{
	margin:176px 0 0 15px;
	padding:0;	
}

h1{
	width:740px;
	margin:0 0 10px 10px;
}

.pankuzu{
	font-size:12px;
	border-bottom:1px #999999 solid;
	margin:0;
}
h2{
	margin-top:0;
	padding:0;
}

h3{
	font-size:16px;
	font-weight:bold;
	border-left:5px #003366 solid;
	padding-left:5px;
	padding-top:3px;
}
h4{
	font-size:14px;
	font-weight:bold;
	border-bottom:1px #003366 dotted;

}
.ss{
	font-size:10px;
	line-height:140%;
}
.s{
	font-size:12px;
	line-height:140%;
}
.m{
	font-size:14px;
}
.mb{
	font-size:14px;
	font-weight:bold;
}
.caution{
	background-color:#ededed;
	border:1px #CCCCCC solid;
	padding:5px;
}
.top{
	font-size:12px;
	text-align:right;
}
em{
	color:#CC0000;
	font-style:normal;
}

table { 
	border-collapse:collapse;
	border-top: 1px #999999 dotted; 
	border-bottom: 1px #999999 dotted;
	clear:both;

} 
th {
	border-top: 1px #ffffff dotted; 
	border-bottom: 1px #ffffff dotted;
	empty-cells:show;
	padding:5px;
	background-color: #d8c9ba;
	text-align:center;
	font-weight:normal;
	font-size:14px;

} 
td { 
	border-top: 1px #999999 dotted; 
	border-bottom: 1px #999999 dotted;
	border-collapse:collapse;
	empty-cells:show;
	padding:5px;
	line-height:150%;
	font-size:14px;
} 
 

.td_bg{
	background-image: url(img/bh_arrow.gif);
	background-repeat: no-repeat;
	background-position: center;
}
.cap{
	font-size:200%;
	float:left;
	padding:5px 8px 8px 2px;
	background-color: #ffffff;
	color: #663300;
}

.dot_list{
	margin:0 0 0 20px;
	padding:0;
	list-style-image: url(img/dot.gif);
}

.introduction_title{
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:bold;
	color: #663300;
}
.pdf{
	font-size:12px;
	line-height:130%;
	color:#666666;
}
.pdf img{
	float:right;
	margin:0 0 10px 10px;
}


#sub_menu{

	float:right;
	margin:0 10px 10px 0;
	padding:0;
	width:187px;
	display:inline;
}

#sub_menu img{
	vertical-align:bottom;
}
#sub_menu a:link { text-decoration: none; color:#663300; }
#sub_menu a:visited { text-decoration: none; color:#663300; }
#sub_menu a:hover { text-decoration: underline; color:#663300; }
#sub_menu a:active { text-decoration: none; color:#663300; }

#submenu01 ul{
	padding:0;
	margin:0 0 15px 0;
	list-style-type:none;
}
#submenu01 li{
	padding:0;
	margin:0;
	list-style-type:none;
}

#submenu02 ul{
	padding:0;
	margin:0 0 15px 0;
	list-style-type:none;
}
#submenu02 li{
	padding:0;
	margin:0 0 3px 0;
	list-style-type:none;
	font-size:12px;
}

#submenu03 ul{
	padding:0;
	margin:0 0 0 0;
	list-style-type:none;
}
#submenu03 li{
	padding:0;
	margin:0 0 3px 22px;
	list-style-type:none;
	list-style-image: url(img/arrow01.gif);
	font-size:12px;
}

#submenu04 ul{
	padding:0;
	margin:0 0 0 0;
	list-style-type:none;
}
#submenu04 li{
	padding:0;
	margin:0 0 3px 22px;
	list-style-type:none;
	list-style-image: url(img/arrow01.gif);
	font-size:12px;
}

#footer{
	margin:0 0 10px 10px;
	padding:10px 0 0 0;
	clear:both;
	width:740px;
	height:35px;
	background-image: url(img/bg_footer.gif);
	background-repeat: no-repeat;
	text-align:center;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#330000;
}


.popup01{
	text-align:center;
	margin:0;
	}
.popup01 a{
	position:relative;
	}
.popup01 a span{
	position:absolute;
	top:-50px;
	left:-80px;
	width:200px;
	padding:3px;
	visibility:hidden;
	background:#f5f5f5;
	border:2px solid #666666;
	color:#333333;
	text-decoration:none;
	text-align:left;
	}
.popup01 a:hover,
.popup01 a:hover span{
	visibility:visible;
	text-decoration:none;
	}

#subject table { 
	border-collapse:collapse;
	border: 1px #999999 solid; 
	clear:both;

} 
#subject th {
	border: 1px #ffffff dotted; 
	empty-cells:show;
	padding:2px;
	background-color: #d8c9ba;
	text-align:center;
	font-weight:normal;
	font-size:12px;

} 
#subject td { 
	border: 1px #999999 dotted; 
	border-collapse:collapse;
	empty-cells:show;
	padding:2px;
	line-height:140%;
	font-size:12px;
} 
#subject .th2 { 
	border: 1px #ffffff dotted; 
	empty-cells:show;
	padding:2px;
	background-color: #ebe4dc;
	font-size:12px;
}
.bg_koumin{
	background-image:url(img/bg_subject_koumin.gif); 
	background-repeat: repeat-x; 
	background-position: center;
}
.bg_koumin_tate{
	background-image:url(img/bg_subject_koumin_tate.gif); 
	background-repeat: repeat-y; 
	background-position: center;
}

.bg_tiri{
	background-image:url(img/bg_subject_tiri.gif); 
	background-repeat: repeat-x; 
	background-position: center;
}
.bg_rekisi{
	background-image:url(img/bg_subject_rekisi.gif); 
	background-repeat: repeat-x; 
	background-position: center;
}
.seikatu{
	background-color:#ff9900;
}
.koumin{
	background-color:#99cc66;
}
.tiri{
	background-color:#ffcc33;
}
.rekisi{
	background-color:#cc99cc;
}
.pink{
	background-color:#ff9999;
}
.sougou{
	background-color:#CCCCCC;
}
.blue{
	background-color:#6699cc;
}

.photo{
	border:1px #999999 solid;
	margin:0;
	padding:0;
}

.photo_r{
	border:1px #999999 solid;
	margin:0;
	padding:0;
	margin:0 0 0 1em;
}

.photo_right{
	border:1px #999999 solid;
	margin:0 0 1em 1em;
	padding:0;
	float:right;
}
.photo_right250{
	margin:0 0 1em 0;
	padding:0;
	float:right;
	width:252px;
	text-align:center;
	font-size:12px;
}
.photo_left{
	border:1px #999999 solid;
	margin:0 1em 1em 0;
	padding:0;
	float:left;
}
.photo_left250{
	margin:0 0 1em 0;
	padding:0;
	float:left;
	width:252px;
	text-align:center;
	font-size:12px;
}
.photo_left520{
	margin:0 0 1em 0;
	padding:0;
	float:left;
	width:520px;
	text-align:center;
	font-size:12px;
}
.photo_r_wakunashi{
	border:0px #FFFFFF;
	margin:0 0 1em 1em;
	padding:0;
	float:right;
}