﻿@charset "UTF-8";



/* 基本
構成-----------------------------------------*/


body {

	color: #333333;

	font-size: 75%;

	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;

	background: #FFFFFF;

}

img {

	vertical-align: top;

}

a {

	color: #003399;

	text-decoration: none;

}

a:visited {

	color: #333333;

}

a:hover,
a:focus {

	color: #3366CC;

	text-decoration: underline;

}

a:active {

	color: #CC3300;

}

#wrapper {

	width: 760px;

	margin: 0 auto;

}

#header {

	position: relative;

	padding-bottom: 4px;
	background: url(../images/header_bg.gif) left bottom repeat-x;

}

#content {

	clear: both;

	width: 100%; /* for WinIE6,7 */

	padding-top: 10px;

}

#content #primary {

	float: right;

	width: 570px;

}

#content #secondary {

	float: left;

	width: 170px;
}


#footer {

	clear: both;

	width: 100%; /* for WinIE6,7*/

	padding-top: 50px;

}



/* ロゴとユーティリティナビ-----------------------------------------*/

#logo {

	padding: 11px 0;

}

#utility_navi {

	position: absolute;

	right: 0;

	top: 35px;

	width: 160px;

	font-size: 95%;

	line-height: 1.2;

}

#utility_navi li {

	position: absolute;

	top: 0;

	width: 8em;

}

#utility_navi li#nav_sitemap {

	right: 8em;

}

#utility_navi li#nav_question {

	right: 0;

}

#utility_navi li a {

	padding-left: 14px;

	text-decoration: none;

}

#utility_navi li#nav_sitemap a {
	background : url(../common/ico_sitemap.gif) left top no-repeat;
}
#utility_navi li#nav_question a {
	background : url(../common/ico_question.gif) 0px -0.2px no-repeat;
}



/* グローバルナビ-----------------------------------------*/


#global_navi {
	height: 34px;
	border-top: 0px solid #70747C;
	border-right: 0px solid #70747C;
	border-left: 12px solid #FFFFFF;
	background-color: #FFFFFF;
	background-position : 12px;
}
#global_navi li {
	float: left;
	height: 34px;
	padding-right: 0px;
	margin-left: 1px;
      	background : url(../common/navibackground.jpg) repeat-x;
}
#global_navi li a {
	display: block;
}
#global_navi li a:hover,#globalNavigation li a:focus {
	background: #A05050 repeat-x; 
}



/* パンくずリスト-----------------------------------------*/


#topic_path {

	height: 50px;

	margin: 10px 0 0 0;

	font-size: 100%;

	line-height: 1.2;

}

#topic_path li {

	float: left;

	padding-top: 7px;

	padding-bottom: 7px;

	padding-left: 32px;

	background: #EEEEEE url(../images/topicpath_li_bg.gif) left center no-repeat;

}

#topic_path li.first {

	padding-left: 30px;

	background: #EEEEEE url(../images/topicpath_li_bg_first.gif) left center no-repeat;

}

#topic_path li.last {

	background: #FFFFFF url(../images/topicpath_li_bg_last.gif) left center no-repeat;

}



/* 下階層への導入部分
-----------------------------------------*/


#lead .column {

	clear: both;

	width: 100%; /* for WinIE6,7 */

}


#lead .column #lead_box_left {

	width: 174px;

	float: left;
	margin: 0 21px 10px 0;
	border-left: 1px solid #D9D9D9;

	border-right: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;


	background: #F5F5F5;

}

#lead .column #lead_box_center {

	width: 174px;

	float: left;
	margin: 0 21px 10px 0;
	border-left: 1px solid #D9D9D9;

	border-right: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;


	background: #F5F5F5;

}

#lead .column #lead_box_right {

	width: 174px;

	float: left;
	margin: 0 0 10px 0;
	border-left: 1px solid #D9D9D9;

	border-right: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;


	background: #F5F5F5;

}

#lead .column .section {

	display: inline; /* IE6 バグ */
	width: 174px;

	float: left;
	margin: 0 6px 20px 4px;
	border-left: 1px solid #D9D9D9;

	border-right: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;


	background: #F5F5F5;

}

#lead .column .section h2 {

	margin: 0;

	padding: 0;

	border-top: 1px solid #D9D9D9;

	border-bottom: 2px solid #FFFFFF;

	font-weight: bold;

	line-height: 1.1;

}

#lead .column .section h2 a {

	display: block;

	width: 174px; /* for WinIE6 */

	margin: 0;

	padding: 13px 0 11px 0;

	border-bottom: 1px solid #D9D9D9;

	background: url(../images/lead_c_bg.gif) left center no-repeat;

	text-decoration: none;

	text-indent: 2.2em;
}

#lead .column .section h2 a:active {

	background: url(../images/lead_c_bg.gif) right center no-repeat;

}

 .section h3 {

	margin: 2px 10px 0 10px;

	padding: 10px 5px 0 0;

	color: #3366CC;
	font-size: 110%;

}
#lead .column .section .section_comment {

	margin: 7px 10px 18px 10px;

	line-height: 1.5;

	text-indent: 0.7em;
	text-align: justify;
	min-height: 150px; /* 高さ調節 */
	height: 240px;

}
#lead .column .section .section_comment2 {

	margin: 7px 10px 18px 10px;

	line-height: 1.5;

	text-indent: 0.7em;
	text-align: justify;
	min-height:50px; /* 高さ調節 */
	height: 70px;

}
#lead .column .section .section_comment3 {

	margin: 7px 10px 18px 10px;

	line-height: 1.5;

	text-indent: 0.7em;
	text-align: justify;
	min-height:10px; /* 高さ調節 */
	height: 10px;

}
#lead .column .section .section_photo {

	padding: 3px 6px 6px 6px;
	text-align: left;
	float: left;
	clear: left;
}




/* ローカルナビ-----------------------------------------*/


#local_navi ul {
	background: #F5F5F5;

	line-height: 1.2;

}

#local_navi ul li {

	padding-bottom: 2px;

	background: url(../images/ln_li_bg.gif) left bottom repeat-x;

}

#local_navi ul li a {

	display: block;

	width: 142px; /* for WinIE6 */

	padding: 8px 10px 8px 18px;

	background: url(../images/arrow_big.gif) 9px 13px no-repeat;

	text-decoration: none;

}

#local_navi ul li a:hover,
#local_navi ul li a:focus {

	background: #E6E6E6 url(../images/arrow_big.gif) 11px 13px no-repeat;

}

#local_navi ul li ul {

	margin-left: 20px;

	font-size: 100%;

}

#local_navi ul li ul li {

	padding-bottom: 0;

	background: none;

	border-top: 1px solid #E5E5E5;

}

#local_navi ul li ul li a {

	width: 126px; /* for WinIE6 */

	padding: 6px 10px 6px 14px;

	background: url(../images/arrow_small.gif) 6px 11px no-repeat;

}

#local_navi ul li ul li ul li {

	padding-bottom: 0;

	background: none;

	border-top: 1px solid #E5E5E5;

}

#local_navi ul li ul li ul li a {

	width: 106px; /* for WinIE6 */

	padding: 6px 10px 6px 14px;

	background: url(../images/arrow_small.gif) 6px 11px no-repeat;

}
#local_navi ul li ul li a:hover,
#local_navi ul li ul li a:focus {

	background: #E6E6E6 url(../images/arrow_small.gif) 7px 11px no-repeat;

}



/* フッターナビゲーション
-----------------------------------------*/


#footer_navi {

	padding-left: 10px;

	border-top: 1px solid #E5E5E5;

	font-size: 100%;

	line-height: 1.2;

}
#footer_navi li {

	float: left;
	margin-right: 10px;

	padding: 8px 0;

}

#footer_navi li a {

	display: block;

	padding-left: 6px;

	background: url(../images/arrow_big.gif) left center no-repeat;

	text-decoration: none;

}

#copyright {

	clear: both;
 width: 726px; /* for WinIE6,7 */

	padding: 20px 17px;

	background: #F5F5F5;

	border-top: 1px solid #E5E5E5;

	font-size: 100%;

	line-height: 1;

}