@charset "UTF-8";
/*
-----------------------------------------------------------
 Basic Styles
-----------------------------------------------------------
*/
html {
	width:100%;
}
body {
	font-size: 81.25%; /*13px*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.4616; /*19px*/
	color: #555;
}
a {
	color: #339;
	text-decoration: none;
	font-weight:normal;
}
a:hover {
	text-decoration: underline;
}
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
/*
===========================================================
-----------------------------------------------------------
  構造及び共通フレーム
-----------------------------------------------------------
===========================================================
*/
#global-header-wrapper,
#global-nav-wrapper,
#page-container-wrapper,
#global-footer-wrapper {
	width: 100%;
}
#global-header,
#global-nav,
#page-container,
#global-footer {
	width: 960px;
	margin: 0 auto;
	padding:0 10px;
}
/*
-----------------------------------------------------------
 #global-header
-----------------------------------------------------------
*/
#global-header-wrapper {
	background:url(../img/bg_header_footer.png) repeat-x;
	overflow: hidden;
}
#global-header {
	overflow:hidden;
	padding:3px 10px 18px;
}
#site-title {
	float:left;
	width:299px;
	height:61px;
	margin-top:20px;
	position: relative;
}
#site-title h1 {
	margin:0;
}
#skip-links {
	width:50px;
	height:18px;
	position:absolute;
	top:21px;
	right:0;
	overflow:hidden;
}
#skip-links .content a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
#skip-links .content a img {
	position:absolute;
	top:0;
}
#skip-links .content a:hover {
	border:none;
}
#skip-links  .content a:hover img {
	top:-18px;
}
/*
 #header-nav
----------------------------------------
*/
#header-nav {
	float:right;
	margin:15px 0 20px;
	overflow:hidden;
}
#header-nav ul {
	font-size: 92.30%;
	line-height:1.16666667;
	padding:0;
	margin:0;
	list-style:none;
}
#header-nav li {
	float:left;
	margin-left:10px;
}
#header-nav li a {
	color: #000;
	display: block;
	background: url(../img/icon_arrow_headernav.png) no-repeat left center;
	padding-left: 15px;
}
#header-nav li a:hover {
	color: #e71f19;
}
/*
 #header-functions
----------------------------------------
*/
#header-functions {
	width:650px;
	float:right;
	clear:right;
	text-align:right;
}
#header-functions dl{
	float:right;
	margin: 0;
}
#header-functions dt,
#header-functions dd {
	float:left;
	margin: 0;
}
#header-functions dd {
	overflow:hidden;
}
#header-functions dl {
	font-size: 92.307692%;
	margin-left:10px;
}
#header-functions dt {
	color: #555;
}
/*
----- #search-form -----
*/
.search-form dt {
	line-height:22px;
	padding-top:2px;
}
.search-form .search-input,
.search-form .search-submit {
	float:left !important;
	margin: 0;}
.search-form .search-input {
	font-size:92.307692%;
	line-height:1.16666667;
	width: 150px;
	padding:3px;
	margin-right:5px;
	border:solid #ccc 1px;
}
.search-form .search-submit {
	text-indent:-999px;
	display:block;
	background:url(../img/btn_search_header.png) no-repeat left top;
	width:40px;
	height:24px;
	border:none;
}
.search-form .search-submit:hover {
	background:url(../img/btn_search_header.png) no-repeat left -24px;
}
.english .search-form .search-submit {
	background:url(../img/btn_search_header_en.png) no-repeat left top;
}
.english .search-form .search-submit:hover {
	background:url(../img/btn_search_header_en.png) no-repeat left -24px;
}
/*
----- #font-size-switch -----
*/
.font-size-switch dt {
	line-height:22px;
	padding-top:2px;
}
.font-size-switch dd {
	height:22px;
	width:50px;
	padding: 0;
}
.font-size-switch dd.normal {
	margin-right:3px !important;
}
.font-size-switch dd a {
	display:block;
	width:50px;
	height:22px;
	position:relative;
	overflow:hidden;
}
.font-size-switch dd a img {
	display:block;
	position:absolute;
	top:0;
	left:0;
}
.font-size-switch dd a:hover {
	border:none;
}
.font-size-switch dd a:hover img {
	top:-22px;
}
.font-size-switch dd.active a img {
	top:-44px;
	cursor:default;
}
/*
-----------------------------------------------------------
 #global-nav
-----------------------------------------------------------
*/
#global-nav-wrapper {
	background: url(../img/bg_gnav.png) repeat-x;
	position:relative;
	z-index:10;
}
#global-nav ul {
	list-style:none;
	width:960px;
	height:42px;
	padding-left:0;
	margin:0 -1px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	overflow:visible;
}
#global-nav ul:after {
	display:block;
	content:"";
	height:0;
	clear:both;
}
#global-nav li {
	margin:0;
	position:relative;
	text-align:left;
	text-justify:auto;
	float:left;
}
#global-nav li a {
	display:block;
	height:42px;
	position:relative;
	overflow:hidden;
}
#global-nav li,
#global-nav li a {
	width:137px;
}
#global-nav li.first,
#global-nav li.first a {
	width:138px;
}
.english #global-nav li,
.english #global-nav li a {
	width:192px;
}
#global-nav li a img {
	position:absolute;
	top:0;
}
#global-nav li a:hover img {
	top:-42px;
}
#global-nav li.current a img {
	top:-84px;
}
#global-nav li ul {
	display:none;
	width: 240px;
	height:auto;
	padding:0;
	margin-left:-1px;
	border-top:solid #666 1px;
	border-left:none;
	border-right:none;
	list-style:none;
	position:absolute;
	overflow:hidden;
	top:42px;
	left:0;
}
#global-nav li:hover > ul {
	display:block;
}
#global-nav li li {
	font-size:100%;
	line-height:1.30769231;
	width: 238px !important;
	height:auto !important;
	float:left;
	margin-bottom:0;
	border:solid #666 1px;
	border-top:none;
}
#global-nav li li a {
	color:#FFF;
	background:#000 url(../img/icon_arrow_gnav.png) no-repeat 10px 1em;
	width: 211px !important;
	height:auto !important;
	padding:8px 10px 6px 17px;
}
#global-nav li li a:hover {
	background-color:#555;
	text-decoration:none;
}
#global-nav li:nth-child(7) > ul {
	left:auto;
	right:0;
}
#global-nav li li.current a {
	background:#333a69 url(../img/icon_arrow_gnav.png) no-repeat 10px 1em;
}
/*
-----------------------------------------------------------
 #page-container
-----------------------------------------------------------
*/
#page-container-wrapper #page-container {
	margin-bottom:50px;
	overflow:hidden;
}
/*
 #topic-path
----------------------------------------
*/
#topic-path {
	padding:13px 0;
	zoom:1;
}
#topic-path ul {
	padding:0;
	margin:0;
	list-style:none;
	overflow:hidden;
}
#topic-path li {
	font-size:92.307692%;
	line-height:1.25;
	display:block;
	background:url(../img/icon_arrow_topicpath.png) no-repeat left center;
	float:left;
	margin:0 6px 0 0;
	padding:2px 0 0 12px;
}
#topic-path li.home {
	background:none;
	padding-left:0;
}
/*
 #main-column
----------------------------------------
*/
#main-column {
	float: right;
	margin: 0 0 0 30px;
	width: 710px;
}
/*
 #sidebar
----------------------------------------
*/
#sidebar {
	float: left;
	width: 220px;
	margin: 0;
}
/*
------- #local-nav -------
*/
#local-nav {
	background:url(../img/bg_localnav.png);
	padding:10px;
	margin-bottom:10px;
}
#local-nav h2 {
	font-size:100%;
	line-height:1.15384615;
	font-weight:bold;
	margin:0;
}
#local-nav h2 a {
	color:#fff;
	text-decoration:none;
	display:block;
	background:#333 url(../img/icon_arrow_circle.png) no-repeat 5px center;
	padding:9px 5px 6px 20px;
}
#local-nav h2 a:hover {
	background-color: #666;
}
#local-nav h2.current a {
	background-color: #333a69;
}
#local-nav ul {
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	zoom:1;
}
#local-nav li {
	display:block;
	line-height:1.23076923;
	text-align:left;
	text-justify:auto;
	background:#fff;
	margin-bottom:1px;
	overflow:hidden;
	zoom:1;
}
#local-nav li a {
	display:block;
	background: url(../img/icon_arrow_red.png) no-repeat 10px 1.2em;
	padding:10px 8px 6px 22px;
	text-decoration:none;
}
#local-nav li a:hover {
	color:#d00;
	background-color: #fff6f6;
}
#local-nav ul li.current > a {
	color:#000;
	background:#eeeff9 url(../img/icon_arrow_grey.png) no-repeat  10px 1.2em;
}
#local-nav li ul {
	margin:0 0 0 10px;
	overflow:hidden;
	zoom:1;
}
#local-nav li li {
	font-size:92.307692%;
	line-height:1.25;
	margin-bottom:0;;
}
#local-nav li li a {
	padding:8px 8px 4px 20px;
}
#local-nav li li li {
	font-size:100%;
}

/*
------- #banners-side -------
*/
#banners-side {
	margin:0
}
#banners-side ul {
	padding:0;
	margin:0;
}
#banners-side li {
	display:block;
	margin-bottom:5px;
	line-height:100%;
	width:100%;
	float:left;
}
#banners-side li a,
#banners-side li a img {
	display:block;
}
#banners-side li a:hover {
	background-color:#f00;
	border:none;
}
#banners-side li a:hover img{
	opacity:0.95;
}
/*
-----------------------------------------------------------
 #global-footer
-----------------------------------------------------------
*/
#global-footer-wrapper {
	background:url(../img/bg_header_footer.png) repeat-x;
	width:100%;
	clear:both;
}
#global-footer:after {
	content:"";
	display:block;
	height:0;
	clear:both;
}
#global-footer #get-back-links {
	float:right;
	margin:-22px 0 18px;
}
#global-footer #get-back-links li {
	display:block;
	float:right;
	width:120px;
	height:22px;
	position:relative;
	overflow:hidden;
}
#global-footer #get-back-links li.back-to-top {
	margin-left:5px;
}
#global-footer #get-back-links li.back-to-home {
	width:100px;
}
.english #global-footer #get-back-links li.back-to-home {
	width:120px;
}
#global-footer #get-back-links a img{
	position:absolute;
	top:0;
}
#global-footer #get-back-links a:hover img{
	top:-22px;
}
#global-footer dl.address {
	margin-bottom:5px;
	clear:both;
}
#global-footer dl.address dt {
	color:#333;
}
#global-footer dl.address dd {
	font-size:92.307692%;
	line-height::1.33333333;
	margin:0;
}
#global-footer dl.address dd span {
	font-weight:bold;
}
#global-footer .copyright{
	font-family:Helvetica, Arial, sans-serif;
	font-size:84.615385%;
	line-height:1.36363636;
	margin-bottom:35px;
}
/*
-----------------------------------------------------------
 #main-column（ページコンテンツ）汎用スタイル
-----------------------------------------------------------
*/
/*
 .topic-list
---------------------------------------
*/

.topic-list {
	border:#e3e3e3 solid 1px;
}
#topic-lists-home .topic-list {
	float:left;
	width:468px;
}
.topic-list .section-header {
	border-top: 2px solid #666;
	background: url(../../index_files/img/bg_topic_list_header.png) repeat left top;
	overflow:hidden;
	width:100%;
}
#page-container .topic-list .section-header h2 {
	font-size:100%;
	line-height:1.33333333;
	background:none;
	border:none;
	float:left;
	color: #000;
	margin: 0;
	padding: 10px 10px 8px;
}
.topic-list .section-header p.index-link {
	font-size: 84.615385%;
	line-height:1.36363636;
	float: right;
	margin:0.9em 10px 0;
}
.topic-list .section-header p.index-link a {
	color: #000;
	padding: 1px 0 0 14px;
	margin-bottom:0;
	background: url(../img/icon_arrow_circle.png) no-repeat left center;
}
.topic-list .section-header p.index-link a:hover {
	color:#e71f19 !important;
	text-decoration:none;
}
.topic-list .section-body {
	clear:both;
}
.topic-list .section-body ul {
	list-style: none;
	padding: 0;
	margin:0;
	overflow:hidden;
}
.topic-list .section-body li {
	border-top:#e3e3e3 solid 1px;
	margin-bottom:0;
}
.topic-list .section-body li:first-child {
	border-top:none;
}
.topic-list .section-body li a {
	display:block;
	padding: 0.8em 10px 0.4em 20px;
	background: url(../img/icon_arrow_red.png) no-repeat 10px 1.2em;
	color:#339;
	overflow:hidden;
}
.topic-list .section-body li a:hover {
	background-color:#fff2f2;
	color:#e71f19;
	text-decoration:none;
}
.topic-list .section-body a .date {
	color: #444444!important;
	margin-right:10px;
	display:block;

}
.topic-list .section-body a .desc {
	display:block;
	overflow:hidden;
}
#page-content .topic-list .section-body a .date {
	float:left;
}
/*
 common_page
---------------------------------------
*/
#page-header {
}
#page-title {
	color:#333;
	font-size:215.384615%;
	line-height:1.14285714;
	font-weight:normal;
	letter-spacing:1px;
	background:url(../img/bg_pagetitle.png) repeat-x bottom;
	margin:0 0 16px;
	padding:0 0 16px;
	zoom:1;
}
#page-content {
	padding-left:10px;
}
.home #page-content {
	padding-left:0;
}
#page-content h2 {
	color:#000;
	font-size:123.529412%;
	line-height:1.22222222;
	letter-spacing:0.1em;
	background:#eee url(../img/bg_h2.png) repeat-x top;
	margin:2.5em 0 1em -10px;
	padding:14px 9px 9px;
	border:1px solid #e3e3e3;
}
#page-content h3 {
	color:#000;
	font-size:107.692308%;
	line-height:1.28571429;
	background:#f6f6f6 url(../img/bg_h3.png) no-repeat 6px center;
	padding:9px 9px 6px 19px;
	margin:1.5em 0 1em;
	border:1px solid #e3e3e3;
}
#page-content h4 {
	color:#000;
	font-size:107.692308%;
	line-height:1.28571429;
	background:url(../img/bg_h4.png) no-repeat 9px center;
	padding:8px 10px 4px 22px;
	margin:1.5em 0 0.9em;
	border-bottom:3px solid #ddd;
}
#page-content h5 {
	color:#000;
	font-size:107.692308%;
	line-height:1.28571429;
	background:url(../img/bg_h5.png) no-repeat 2px center;
	padding:2px 10px 0 16px;
	margin:1.5em 0 0.2em;
}
#page-content h6 {
	color:#000;
	font-size:100%;
	line-height:1.30769231;
	background:url(../img/bg_h6.png) no-repeat 5px center;
	padding:1px 10px 0 16px;
	margin:1.5em 0 0.35em -10px;
}
.align-left {
	text-align:left;
}
.align-right {
	text-align:right;
}
.align-center {
	text-align:center;
}
.float-left,
.float-left-margin-right-0,
.float-left-margin-right-10px {
	float:left;
	margin:0 15px 15px 0;
}
.float-left-margin-right-0 {
	margin-right:0;
}
.float-left-margin-right-10px {
	margin-right:10px;
}
.float-right,
.float-right-margin-left-0,
.float-right-margin-left-10px {
	float:right;
	margin:0 0 15px 15px;
}
.float-right-margin-left-0 {
	margin-left:0;
}
.float-right-margin-left-10px {
	margin-left:10px;
}
.float-block {
	overflow:hidden;
}
.clear {
	clear:both;
}
dl.caption-box {
	font-size:92.307692%;
	line-height:1.33333333;
	margin-bottom:15px;
}
dl.caption-box dt {
	margin-bottom:0.4em;
}
dl.caption-box dd {
	margin:0;
	text-align:left;
}
.link-icon {
	background:url(../img/icon_arrow_circle.png) no-repeat left center;
	padding:2px 0 0 15px;
}
.link-list,
.link-list-2-columns {
	padding:0;
	list-style:none;
	overflow:hidden;
	margin:1.2em 0;
}
.link-list {
	width:700px;
}
.link-list-2-columns {
	width:714px;
	margin-right:-14px;
}
.link-list li,
.link-list-2-columns li {
	display:block;
	margin:0;
	border-bottom:1px solid #ccc;
}
.link-list-2-columns li {
	float:left;
	width:343px;
	margin-right:14px;
}
.link-list-2-columns li:nth-child(odd) {
	clear:both;
}
.link-list li:nth-child(1),
.link-list-2-columns li:nth-child(1),
.link-list-2-columns li:nth-child(2) {
	border-top:1px solid #ccc;
}
.link-list li a,
.link-list-2-columns li a {
	background:url(../img/icon_arrow_red.png)  no-repeat 10px 1.3em;
	display:block;
	padding:0.8em 20px 0.6em;
	zoom:1;
}
.link-list li a:hover,
.link-list-2-columns li a:hover {
	background-color:#fff2f2;
	text-decoration:none;
	border:none;
}
div.note {
	color:#000;
	clear:both;
	padding:12px 10px 8px;
	margin:1.6em 0 1.2em;
	border:8px solid #e3e3e3;
}
div.note *:last-child {
	margin-bottom:0;
}
.contents-table {
	clear:both;
	padding:12px 10px 8px;
	margin:1.2em 0 1.2em;
	border:8px solid #e3e3e3;
}
.contents-table dl,
.contents-table dd {
	margin-bottom:0;
}
.margin-top-0 {
	margin-top:0 !important;
}
.margin-top-10px {
	margin-top:10px !important;
}
.margin-top-15px {
	margin-top:15px !important;
}
.margin-right-0 {
	margin-right:0 !important;
}
.margin-right-10px {
	margin-right:10px !important;
}
.margin-right-15px {
	margin-right:10px !important;
}
.margin-bottom-0 {
	margin-bottom:0 !important;
}
.margin-bottom-10px {
	margin-bottom:10px !important;
}
.margin-bottom-15px {
	margin-bottom:15px !important;
}
.margin-left-0 {
	margin-left:0 !important;
}
.margin-left-10px {
	margin-left:10px !important;
}
.margin-left-15px {
	margin-left:15px !important;
}
.margin-side-auto {
	margin-right:auto !important;
	margin-left:auto !important;
}
.thumb-gallery { /* 4列サムネイルギャラリー */
	width:708px;
	padding:0 1px;
	margin-right:-10px;
	overflow:hidden;
}
.thumb-gallery dl {
	font-size:92.307692%;
	line-height:1.33333333;
	width:167px;
	float:left;
	margin:0 10px 15px 0;
	overflow:hidden;
}
.thumb-gallery dl:nthchild(4n+1) {
	clear:both;
}
.thumb-gallery dt {
	margin:0;
	overflow:hidden;
}
.thumb-gallery dd {
	margin:4px 0 0 0;
}
.thumb-gallery img {
	float:left;
	width:165px;
	border:1px solid #ccc;
}
.thumb-gallery a:hover {
	border:none;
}
.thumb-gallery a:hover img {
	border:1px solid #f00;
}
.red {
	color:#d00;
}
/* 横幅の規定
floatによる横並びの画像や、caption-box内のテキストを画像幅で折り返すため、中央揃えにしたいブロック要素
*/
.width-167, /* 1/4サイズ */
.width-167 img,
.width-345, /* 1/2サイズ */
.width-345 img,
.width-226, /* 1/3サイズ */
.width-226 img,
.width-462, /* 2/3サイズ */
.width-462 img,
.width-523, /* 3/4サイズ */
.width-523 img,
.width-125,
.width-125 img,
.width-210,
.width-210 img,
.width-220,
.width-220 img,
.width-260,
.width-260 img,
.width-400,
.width-400 img,
.width-470,
.width-470 img,
.width-500,
.width-500 img,
.width-640,
.width-640 img,
.width-700,
.width-700 img {
	height:auto;
	overflow:hidden;
	zoom:1;
}
.width-167,
.width-167 img { /* 1/4サイズ */
	width:167px;
}
.width-345,
.width-345 img { /* 1/2サイズ */
	width:345px;
}
.width-226,
.width-226 img { /* 1/3サイズ */
	width:226px;
}
.width-462,
.width-462 img { /* 2/3サイズ */
	width:462px;
}
.width-523,
.width-523 img { /* 3/4サイズ */
	width:523px;
}
.width-125,
.width-125 img {
	width:125px;
}
.width-210,
.width-210 img { /* .width-480と組み合わせて100%幅 */
	width:210px;
}
.width-220,
.width-220 img { /* .width-470と組み合わせて100%幅 */
	width:220px;
}
.width-260,
.width-260 img {
	width:260px;
}
.width-400,
.width-400 img {
	width:400px;
}
.width-470,
.width-470 img { /* .width-220と組み合わせて100%幅 */
	width:470px;
}
.width-500,
.width-500 img { /* .width-190と組み合わせて100%幅 */
	width:500px;
}
.width-640,
.width-640 img {
	width:640px;
}
.width-700,
.width-700 img { /*100%幅 */
	width:700px;
}