@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 .section {

	width: 570px;

	margin: 5px 0 5px 0;
	float: left;

}

#lead .column .section h2 {

	border-top: 1px solid #D9D9D9;

	border-bottom: 2px solid #F5F5F5;

	font-weight: bold;

	line-height: 1.3;

}

#lead .column .section h2 a {

	display: block;

	width: 530px; /* for WinIE6 */

	padding: 13px 27px 13px 13px;
 /* width530px+x左右余白=570pxにする */
	border-bottom: 1px solid #D9D9D9;

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

	text-decoration: none;

}

#lead .column .section h2 a:active {

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

}

#lead .column .section .section_comment_first {

	margin: 10px 40px 0px 40px;

	line-height: 2.0;

	text-indent: 1em;
}
#lead .column .section .section_comment {

	margin: 10px 40px 0px 40px;

	line-height: 2.0;

}
#lead .column .section .section_comment_last {

	margin: 0px 40px 20px 40px;

	line-height: 2.0;

	text-indent: 1em;
}
#lead .column .section .section_comment_end {

	text-align: right;
	margin: 15px 30px 0px 10px;

	line-height: 2.0;


}
#lead .column .section .section_photo {
	margin: 5px 5px 18px 0px;
	padding: 3px;
	border: 1px solid #D9D9D9;
	float: left;
	clear: left;
}
#lead .column .section .section_photo_02 {
	width: 570px;
	margin: 15px auto 0 auto;
	text-align: center; /* for WinIE6,7 */
	padding: 3px;
	float: left;
	clear: left;
}
#lead .column .section .section_photo_570_0 {

	margin: 10px auto 10px auto; /* 画像570px・左右余白なしの場合 */
	text-align: center; /* for WinIE6,7 */
	float: left;
	clear: both;
}

.section .img_box h3 {

	margin: 0 10px 0 10px;

	padding: 10px 5px 0 0;

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

}

.section .img_box_01 h3 {

	text-align: center;
	margin: 10px 10px 10px 10px;

	padding: 10px 5px 0 0;

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

}



/* ローカルナビ-----------------------------------------*/


#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;

        text-align: center;
	background: #F5F5F5;

	border-top: 1px solid #E5E5E5;

	font-size: 100%;

	line-height: 1;

}