/* CSS Document */

/*-初期設定-*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
	margin:0; padding:0;
}
table{
	border-collapse:collapse; border-spacing:0;
}
fieldset, img{
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var{
	font-style:normal; font-weight:normal;
}
ol, ul{
	list-style:none;
}
caption, th{
	text-align:left;
}
h1, h2, h3, h4, h5, h6{
	font-size:100%; font-weight:normal;
}
q:before, q:after{
	content:”;
}
abbr, acronym{
	border:0;
}




/*----- フッター位置を下に固定 ---------*/
* {
	margin: 0;
}

html, body {
	height: 100%;
	background:#DADADA url(../image/html_bg.gif) top left repeat-x;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',/*-'メイリオ',Meiryo,-*/'ＭＳ Ｐゴシック',sans-serif;
}
#layout {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -32px; /* 下部marginはfooterの高さのネガティブmargin */
}
.footer, .push {
	height: 32px; /* pushとfooterは同じ高さ */
}

/*----- clearfix ---------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*----- 見出し ---------*/
h1 { font-size : 160%;}
h2 { font-size : 130%;}
h3 { font-size : medium;}
h4 { font-size : medium;}
h5 { font-size : 105%;}
h6 { font-size : 90%;}
/*----- リンク設定 ---------*/
a:link ,a:visited 	{color: #224B4C;text-decoration: none;}
a:active 	{color: #FFFFFF;text-decoration: none;}
a:hover 	{color:#FF6C13;text-decoration:underline;}


/*----- 調整用 ---------*/
.left {text-align:left;}/*-左寄せ-*/
.right {text-align:right;}/*-右寄せ-*/
.center {text-align:center;}/*-センター合わせ-*/
.justify {/*-行末揃え-*/
	text-align:justify;
	text-justify : inter-ideograph;
}





div#layout{
	width:798px;
	padding:0 8px;
	background-image:url(../image/edge_shadow_loop.png);
	background-repeat:repeat-y;
}

#layout {background:url(./image/edge_shadow_loop.png) repeat-y left top;}/*-IE6用png対策-*/

div.header{
	width:796px;
	height:123px;
	margin:0 auto;
	background:url(../image/header_bg.gif) top left repeat-x;
}
div.header_in{
	width:796px;
	height:101px;
	padding:11px 0 8px;
	background:url(../image/header_line.gif) bottom left no-repeat;
}
div.header_in img.logo{
	position:relative;
	left:13px;
	top:13px;
}
div.header_in img.logo_txt{
	position:relative;
	left:23px;
	top:13px;
}

div.push{
}

div.footer {
	width:796px;
	margin:0 auto;
	background:url(../image/footer.gif) bottom left repeat-x;
}
div.footer p {
	font-size:80%;
	color:#D4D6D9;
	text-align:center;
	height:16px;
	padding:10px 0 0;
}

/*----- ナビゲーションボタン ---------*/
div.navi{
	width:796px;
	height:36px;
	margin:0 auto;
	background:url(../image/navi_bg.gif) top left repeat-x;
}
div.navi ul{
	padding-top:3px;
	width:703px;
	height:33px;
	margin-left:46px;
}
div.navi li{
	float:left;
	width:140px;
	height:30px;
	color:#888;
}
div.navi li a{
	float:left;
	width:140px;
	height:0;
	display:block;
	background-image:url(../image/navi_button.gif);
	background-position:0 0;
	cursor:pointer;
	padding-top:30px;
	overflow:hidden;
}
div.navi li.menu_a, div.navi li.menu_a a{
	background-position:0 0;
	width:141px;
}
div.navi li.menu_b, div.navi li.menu_b a{
	background-position:-141px 0;
}
div.navi li.menu_c, div.navi li.menu_c a{
	background-position:-281px 0;
}
div.navi li.menu_d, div.navi li.menu_d a{
	background-position:-421px 0;
}
div.navi li.menu_e, div.navi li.menu_e a{
	background-position:-561px 0;
	width:142px;
}
div.navi li.menu_a a:hover{
	background-position:0 -30px;
}
div.navi li.menu_b a:hover{
	background-position:-141px -30px;
}
div.navi li.menu_c a:hover{
	background-position:-281px -30px;
}
div.navi li.menu_d a:hover{
	background-position:-421px -30px;
}
div.navi li.menu_e a:hover{
	background-position:-561px -30px;
}

/*----- コンテンツ ---------*/
div.content{
	width:796px;
	min-height:545px;
	background:#E9EBEC url(../image/content_bg.gif) top left repeat-x;
	margin:0 auto;
	padding:0;
	clear:both;
}
div.top_image{/*-トップ画像-*/
	padding-top:30px;
	text-align:center;
}
div.top_image img{
	border:1px solid #CCC;
}
div.content_in{
	width:748px;
	padding:10px 10px 20px;
	background-color:#FFFFFF;
	border:1px solid #CCC;
	margin:10px 13px;
/*	float:left; */
}


div.content h1{
	color:#004168;
	background:#FFF;
	font-size:114%;
	border-top:#E0E0E0 1px solid;
	border-right:#67D1E1 1px solid;
	border-bottom:#E0E0E0 1px solid;
	border-left:#67D1E1 7px solid;
	padding:4px 2px 4px 8px;
	background:#FFF url(../image/h1_bg.gif) bottom left repeat-x;
	font-weight:normal;
	margin:0 0 10px;
	letter-spacing:2px;
}
div.content h2{
	color:#004168;
	background:#FFF;
	font-size:108%;
	border-top:#E0E0E0 1px solid;
	border-right:#E0E0E0 1px solid;
	border-bottom:#E0E0E0 1px solid;
	border-left:#99E8EB 7px solid;
	padding:4px 2px 4px 6px;
	font-weight:normal;
	margin:0 0 10px 10px;
	letter-spacing:2px;
}
div.content h3{
	color:#004168;
	background:#F5F5F5;
	font-size:84%;
	border-left:#BBF1EE 7px solid;
	padding:6px 2px 6px 6px;
	font-weight:normal;
	margin:0 0 10px 30px;
	letter-spacing:1px;
}
div.content .triangle{
	color:#004168;
	background:#FFF url(../image/h3_bg.gif) top left no-repeat;
	font-size:84%;
	font-weight:normal;
	letter-spacing:1px;
}

div.content p{
	color:#555;
	font-size:84%;
	text-indent:1em;
	background:#FFF;
	padding:5px;
	margin:5px 5px 5px 40px;
	line-height:140%;
}