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

	margin: 0 10px 2px 10px;

	padding-top: 2px;
	line-height: 1.5;

	float: left;
}
#lead_b .column .section .section_comment {

	margin: 0 10px 2px 10px;

	padding-top: 2px;
	line-height: 1.5;

	float: right;
}
#lead .column .section h2 {

	margin-bottom: 10px;

	border-top: 1px solid #D9D9D9;

	border-bottom: 2px solid #F5F5F5;

	font-weight: bold;

	line-height: 1;

}

#lead .column .section h2 a {

	display: block;

	width: 530px; /* for WinIE6 */

	padding: 10px 30px 10px 10px;

	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;

}

.section .img_box {

	width: 570px;

	padding-bottom: 8px;
	clear:left;
}

.section .img_box_a {

	width: 332px;

	float: left;
}

.section .img_box_left {

	display: inline;
	width: 260px;

	padding: 0 5px 5px 5px;

	float: left;
}
.section .img_box_right {

	display: inline;
	width: 260px;

	padding: 0 5px 5px 5px;

	float: right;
}
.section .img_box_left .section_photo {

	margin: 0 10px 5px 0px;

	padding: 3px;

	border: 1px solid #D9D9D9;
}

.section .img_box h3 {

	margin: 0 10px 5px 10px;

	padding: 0 5px 0 0;

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

}

.cent .img_box h3 {

	margin: 0 10px 5px 10px;

	padding: 0 5px 0 0;

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

	line-height: 1.5;

}

#lead .column .section .section_photo {

	margin: 0 10px 10px 0px;

	padding: 3px;

	border: 1px solid #D9D9D9;
	float: left;
}

#lead .column .section .section_photo_570 {

	margin: 0 0 10px 10px;

	float: left;
	clear: left;
}

#lead .column .section .section_photo_syaryou {

	margin: 10px 10px 10px 5px;

	padding: 0 0 30px 0;
	float: left;
	clear: left;
}

#lead .column .section .section_photo_syaryou_long {

	margin: 10px 10px 10px 5px;

	padding: 0;
}

#lead .column .section .section_photo_570_0 {

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

#lead .column .section .section_photo_570_1 {

	margin: 0 auto 5px auto; /* 画像570px・左右余白なしの場合 */
	text-align: center; /* for WinIE6,7 */
	padding: 3px;

	border: 1px solid #D9D9D9;
	float: left;
	clear: both;
}

#lead .column .section .section_comment {

	margin: 0 10px 2px 10px;

	padding-top: 2px;
	line-height: 1.5;

}
#lead .column .section .section_photo_right {

	margin: 0 0 15px 10px;

	padding: 3px;

	border: 1px solid #D9D9D9;
	float: right;
}

#lead .column .section .section_comment_right {

	margin: 0 10px 2px 10px;

	padding-top: 2px;
	line-height: 1.5;

}
#lead .column .section .section_comment_syaryou {

	margin: 10px 10px 2px 10px;

	padding-top: 2px;
	line-height: 1.5;

}
.section .img_box_box {

	width: 273px;

	height: auto;
	margin: 15px 3px 15px 3px;
	float: left;
}

.section_comment_caption {

	text-align: left; /* 中央寄せ */
	margin: 5px;
}
#lead .column .section .section_photo_box {

	margin: 0 2px 5px 2px;
	padding: 3px;

	border: 1px solid #D9D9D9;
	text-align: center; /* for WinIE6,7 */
	float: left;
}



#lead .column .section .section_comment_a {

	margin: 10px 40px 0px 40px;
  /* h3よりテキストインデント適用 */
	line-height: 1.5;

}

#lead .column .section ul li a {

	display: block;

	margin-left: 480px;

	padding: 8px 0 8px 18px;

	background: url(../images/arrow_up.gif) 0 8px no-repeat;

}

#lead .column .section ul li a:hover,
#local_navi ul li a:focus {

	background: url(../images/arrow_up.gif) 0px 6px no-repeat;

}


.link {
	background: url(../images/arrow.gif) 5px center no-repeat;
	padding-top: 5px;
	padding-left: 20px;
}


.back ul li a {
	background: url(../images/arrow.gif) 5px center no-repeat;
	padding-top: 5px;
	padding-left: 20px;
}


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


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

}


/* テーブルのレイアウト
---------------------------------------------*/
.section table {
	margin-left: 44px;
	width: 480px;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}
.section th {
	border: 1px solid #CCCCCC;
	height: 20px;	
	padding: 5px;
	text-align: left;
}
.section td {
	border: 1px solid #CCCCCC;
	height: 20px;	
	padding: 5px 10px 5px 10px;
	text-align: left;
}
.section td p {
	line-height: 1.6;

}
.section .name {
	width: auto;
}
caption {
	font-size: 1.2em;
	font-weight: bold;
	caption-side: top;
	width: auto;
	padding: 15px 10px 10px 5px;
	text-align: center;
	color: #3366CC;
}
.caption_1 {
	width: 94px;
             padding: 3px;
	background: #F0FAFF;
}


.timetable ul li a {

	display: block;

	margin-left: 420px;

	margin-bottom: -6px;
	padding: 10px 10px 0px 18px;

	background: url(../images/arrow_up.gif) 0px 9px no-repeat;

	text-decoration: none;

}


/* フッターナビ-----------------------------------------*/


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

}