@charset "utf-8";
/* CSS Document */

/*///////////////////////////////////////////////////

　　ベーススタイル　base.css

///////////////////////////////////////////////////*/

#wrap{
	width: 960px;
	margin: 0 auto;
}

#left_col{
	width: 199px;
	float: left;
	padding-bottom: 30px;
}

#right_col{
	width: 740px;
	float: right;
	padding-bottom: 30px;
}

#header{
	width: 740px;
	height: 50px;
}

#header p{
	width: 470px;
	padding-top: 20px;
	float: left;
	color: #757575;
	font-size: 86%;
}

#header ul{
	padding-top: 20px;
	width: 270px;
	float: right;
}

#header ul li{
	font-size: 72%;
	float: right;
	background: url(../image/icon_triangle.gif) no-repeat left center;
	padding-left: 10px;
	margin-left: 20px;
}

#header ul li a{
	color: #8d8d8d;
	font-weight: bold;
	text-decoration: none;
}

#header ul li a:hover{
	color: #8d8d8d;
	font-weight: bold;
	text-decoration: underline;
}

#navigation{
	width: 196px;
	background: url(../image/navi_border.gif) no-repeat left top;
	margin-left: 2px;
	padding-top: 2px;
}

#navigation li{
	background: url(../image/navi_border.gif) no-repeat left bottom;
	padding-bottom: 2px;
}

#navigation li span{
	display: block;
	background: url(../image/navi_icon.gif) no-repeat left center;
	padding-left: 20px;
}

#navigation li .mini{
	background: none!important;
	display: inline;
	padding-left: 0px;
	font-size: 86%!important;
}

#navigation li a{
	width: 196px;
	display: block;
	padding: 8px 0px;
	color: #563e2f;
	font-weight: bold;
	text-decoration: none;
	background-color: #F3F2F0;
	margin: 2px 0;
}

#navigation li a:hover{
	width: 196px;
	display: block;
	padding: 8px 0px;
	color: #563e2f;
	font-weight: bold;
	text-decoration: none;
	background-color: #E4F4F4;
}


#navigation li .current{
	width: 196px;
	display: block;
	padding: 8px 0px;
	color: #563e2f;
	font-weight: bold;
	text-decoration: none;
	background-color: #E4E4E4;
}

#navigation .blogs a:link {
	width: 196px;
	display: block;
	background-color: #DDE9F7;
}

#navigation .blogs a:visited {
	width: 196px;
	display: block;
	background-color: #DDE9F7;
}

#navigation .blogs a:hover {
	width: 196px;
	display: block;
	background-color: #B7CFEE;
}

.mini_list li{
	background-image: none!important;
}

.mini_list li a{
	background: url(../image/navi_icon_mini.gif) no-repeat 20px 7px!important;
	font-size: 86%;
	width: 155px!important;
	margin-bottom: 0px!important;
	padding: 2px 0 2px 35px!important;
}

.mini_list li a:hover{
	text-decoration: underline!important;
}


#footer{
	clear: both;
	border-top: solid 3px #E1E1E1;
	border-bottom: solid 3px #E1E1E1;
}

#footer p{
	color: #563e2f;
	width: 960px;
	padding: 10px 0;
	margin: 0 auto;
	font-size: 86%;
}

#footers {
	width: 960px;
	height: auto;
	color: #777777;
	text-align: left;
	margin: 5px 0px 5px 0px;
}

.cha_color{
	color: #d4a25b;
}

#name_area{
	width: 199px;
	height: 211px;
	background: url(../image/name01.jpg) no-repeat left top;
}

.title{
	width: 740px;
	height: 160px;
	background: url(../image/h1_bg01.jpg) no-repeat left top;
	padding-bottom: 20px;
}

.top{
	width: 740px;
	height: 280px;
	background: url(../image/top01.jpg) no-repeat left top;
	margin-bottom: 30px;
}

#page_contents{
	width: 720px;
	padding-left: 20px;
	margin-bottom: 30px;
}

#page_contents h2{
	width: 700px;
	padding-bottom: 20px;
	font-size: 172%;
	color: #245da3;
	font-weight: bold;
}

#page_contents h3{
	width: 705px;
	background: url(../image/h3_bg.gif) no-repeat left top;
	padding-bottom: 10px;
	padding-left: 15px;
	color: #0a3b57;
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 6px;
	font-size: 120%;
}

#page_contents h4{
	width: 740px;
	background: url(../image/h4.jpg) no-repeat left top;
	padding-bottom: 10px;
	padding-left: 15px;
	color: #0a3b57;
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 6px;
	font-size: 120%;
}

#page_contents h5{
	width: 720px;
	background: url(../image/h4s.jpg) no-repeat left top;
	padding-bottom: 10px;
	padding-left: 15px;
	color: #0a3b57;
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 6px;
	font-size: 120%;
}

h5{
	width: 480px;
	background: url(../image/h5.jpg) no-repeat left top;
	padding-bottom: 10px;
	padding-left: 15px;
	color: #0a3b57;
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 6px;
	font-size: 120%;
}

h6{
	width: 480px;
	background: url(../image/h5.jpg) no-repeat left top;
	padding-bottom: 10px;
	padding-left: 15px;
	color: #0a3b57;
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 6px;
	font-size: 120%;
}

.harf{
	width: 335px!important;
	background: url(../image/h3_bg_02.gif) no-repeat left center!important;
	margin-bottom: 10px;
}

.contents_left{
	width: 300px;
	float: left;
}

.contents_left table{
	width: 300px!important;
}

.contents_left .harf{
	width: 285px!important;
	background: url(../image/h3_300.gif) no-repeat left center!important;
	margin-bottom: 10px;
}

.contents_right{
	width: 400px;
	float: right;
}

.contents_right table{
	width: 400px;
}

.contents_right .harf{
	width: 385px!important;
	background: url(../image/h3_400.gif) no-repeat left center!important;
	margin-bottom: 10px;
}

.pdf_text{
	display: block;
	float: left;
	padding-top: 2px;
}

.pdf_icon{
	display: block;
	width: 18px;
	height: 18px;
	padding-top: 2px;
	float: left;
}

.blue{
	color: #0777C9;
}

h4{
	color: #0a3b57;
	padding-bottom: 5px;
}

.yaji{
	background: url(../image/yaji_icon.gif) no-repeat left center;
	padding-left: 13px;
}

.midashi{
	color: #10608F;
	font-weight: bold;
	font-size: 120%;
	padding-bottom: 5px;
}

.midasix {
	width: 440px;
	color: #10608F;
	font-weight: bold;
	font-size: 120%;
	border-bottom: 1px #0A3B57 solid;
	padding-bottom: 5px;
	margin: 0px 0px 20px 30px;
}

.midasixy {
	width: 93%;
	color: #10608F;
	font-weight: bold;
	font-size: 120%;
	border-bottom: 1px #0A3B57 solid;
	padding-bottom: 5px;
	margin: 0px 0px 20px 30px;
}

.midashi02{
	color: #10608F;
	font-weight: bold;
	padding-bottom: 5px;
}

.bg_mizuiro{
	background: #E8F3FF;
}

.bg_pink{
	background: #FEF1F5;
}

.bg_yellow{
	background: #FFFFEC;
}

.line_h_18{
	line-height: 1.8;
}

.kujoubox {
	width: auto;
	height: auto;
	margin: -15px 0px 40px 20px;
}

.kessannbox {
	float: left;
	width: 170px;
	height: auto;
	text-align: left;
	margin-right: 20px;
}

.kessannbox2 {
	width: 170px;
	height: auto;
	text-align: left;
	color: #333333;
	font-weight: 700;
	border-bottom: 1px #666666 solid;
	margin-bottom: 5px;
}

.clear {
	clear: both;
}


}