@charset "utf-8";
/*------------------------------------------------------------------------------
[1] 共通設定
[2] レイアウト[ 配置 + 書式設定その他 ]
[3] 詳細デザイン
------------------------------------------------------------------------------*/
/*******************************************************************************
[1] 共通設定
*******************************************************************************/
*{
	margin:0px;
	padding:0px;
}
body{
	color:#333333;
	font-family:Meiryo, "メイリオ", Verdana, Helvetica, sans-serif;
	font-weight:normal;
	text-align:center;
	overflow-wrap: break-word;
}
body #wrap{
	font-family:Meiryo, "メイリオ", Verdana, Helvetica, sans-serif;
}
input,textarea,select{
	color:#333333;
	font-family:Meiryo, "メイリオ", Verdana, Helvetica, sans-serif;
	font-size:100%;
	border-radius:0px;
}
input[type="text"],input[type="submit"],textarea{
	-webkit-appearance:none;
}
input[type="submit"],
input[type="reset"]{
	cursor:pointer;
}
img{
	border:none;
}
strong{
	font-weight:bold;
}
hr{
	height:1px;
	color:#CCCCCC;
}
.hide{
	display:none;
}
.skip{
	position:absolute;
	left:-9999px;
}
/*　回り込み解除　*/
.box{
	margin-bottom:15px;
	width:100%;
}
.clearfix:after,.box:after{
    content: ""; 
    display: block; 
    clear: both;
}
/*　noscript　*/
.scriptmessage{
	margin-right:auto;
	margin-left:auto;
	padding:15px 0px 15px 0px;
	width:900px;
	font-size:85%;
	text-align:left;
	line-height:1.5;
}
/*　本文へ　*/
#blockskip a{
	padding:10px 20px 15px 20px;
	display:block;
	position:absolute; 
	left:-9999px;
	color:#FFF;
	font-size:100%;
	font-weight:bold;
	background-color:#0033CC;
}
#blockskip .show{
	position:absolute;
	left:0;
}
/*******************************************************************************
[2] レイアウト[ 配置 + 書式設定その他 ]
*******************************************************************************/
/*==============================================================================
	配置
==============================================================================*/
#wrap{
	margin:0px auto 0px auto;
	width:100%;
}
#header,#topheader{
	margin:0px auto 9px auto;
	width:950px;
	clear:both;
}
#gnavi,#topgnavi{
	width:950px;
	clear:both;
	position:relative;
	z-index:100;
}
#tpath{
	margin:13px auto 15px auto;
	padding:4px 8px 4px 6px;
	width:936px;
	clear:both;
}
#pagebody{
	margin:0px auto 0px auto;
	width:950px;
	clear:both;
}
#guide{
	margin:40px auto 0px auto;
	width:100%;
	clear:both;
}
#guidenavi{
	margin:0px auto 0px auto;
	width:950px;
}
#footer,#topfooter{
	margin:10px 0px 0px 0px;
	width:100%;
	clear:both;
}
#tlogo{
	padding:12px 0px 4px 0px;
	width:448px;
	float:left;
}
#tlogo img{
	display:inline;
}
#tlogo a img{
	width: 188px;
	height: auto;
}
#tlogo img.pconly{
	width: 260px;
	height: auto;
}
#util{
	width: 456px;
	float:right;
}
#lnavi{
	padding-bottom:10px;/*footerとのすき間*/
	width:200px;
	float:left;
}
#content{
	padding-bottom:10px;/*footerとのすき間*/
	width:721px;
	float:right;
}
#content2{
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;/*footerとのすき間*/
	width:950px;
	float:none;
}
#add{
	margin:10px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:950px;
}
/*==============================================================================
	書式設定その他
==============================================================================*/
#wrapbg{
	background:url(images/bg.gif) repeat-x center top;
}
#wrap{
	font-size:85%;
	background:url(images/bg_wrap.jpg) repeat-x center 109px;
}
#header,#topheader{
	font-size:90%;
}
#tpath{
	font-size:90%;
	background:#ccedfc;
	text-align:left;
	line-height:1.5;
}
#pagebody{
	text-align:left;
}
#guide{
	font-size:95%;
	text-align:right;
}
#footer,#topfooter{
	background:#ffffff url(images/footer/bg.gif) repeat-x center top;
	border-top:1px solid #74bed7;
	text-align:left;
}
#tlogo{
	text-align:left;
}
#util{
	background:#FFFFFF;
	box-shadow: 0px  0px 1px 1px #ebf9ff;
	/* background:#FFFFFF url(images/header/bg_util.gif) no-repeat center bottom; */
}
#content,#content2{
	line-height:1.8;
	background:#ffffff;
}
#content3{
	background:#ffffff;
}
#lnavi{
	line-height:1.5;
}
#add{
	background:url(images/footer/bg_add.gif) no-repeat right bottom;
}
/*******************************************************************************
[3] 詳細デザイン
*******************************************************************************/
/*==============================================================================
	ヘッダ
==============================================================================*/
#util li{
	display:inline;
}
/*------------------------------------------------------------------------------
	util1
------------------------------------------------------------------------------*/
#util1{
	padding:7px 6px 7px 6px;
	width: 443px;
	border-left:1px solid #d2eff9;
	border-right:1px solid #d2eff9;
	border-bottom:1px solid #d2eff9;
	border-radius:3px;
}
#util1 ul{
	margin:0px 0px 0px 8px;
	text-align:left;
}
#util1 ul li{
	padding-left:20px;
	position:relative;
	background:url(images/top/mark_topics.png) no-repeat 0px center;
	background-size:12px;
}
#util1 ul li.pconly{
	margin-left:18px;
}
#util1 ul li a{
	padding:3px 0px 3px 0px;
	display:inline-block;
}
/*　ドロップダウンメニュー
------------------------------------------------------------------------------*/
#util ul.slang{
	margin:0px 0px 0px 0px;
	padding:8px 8px 2px 12px;
	width:120px;
	display:none;
	position:absolute;
	top:20px;
	left:0px;
/*	overflow:hidden;*/
	z-index:999;
	background:#FFF none;
	border:2px solid #006ba4;
	list-style-type:none;
	text-align:left;
}
#util ul.slang li{
	padding:0px 0px 6px 14px;
	display:block;
	float:none;
	background:url(images/header/mark_util_s.png) no-repeat left 5px;
	background-size: 7px;
}
#util ul.slang li a{
	padding:0px;
}
/*------------------------------------------------------------------------------
	音声読み上げ
------------------------------------------------------------------------------*/
#reader{
	width:470px;
	float:right;
	position:relative;
	z-index: 900;
}
/*------------------------------------------------------------------------------
	検索
------------------------------------------------------------------------------*/
#sitesearch{
	width:470px;
	float:right;
}
#sitesearch form{
	margin:10px 0px 0px 0px;
	float:right;
}
#sitesearch input{
	padding:2px 8px 2px 8px;
	vertical-align:middle;
	border:1px solid #ccc;
	-webkit-appearance: none;
}
#sitesearch input[type="submit"]{
	color:#ffffff;
	background:#0068a2;
	border-color:#0068a2;
	border-radius:3px;
}
#key{
	margin-right:6px;
	width:180px;
}
/*==============================================================================
	グローバルナビ
==============================================================================*/
#gnavibg{
	margin-bottom:8px;
	padding:0px 0px 0px 0px;
	width:100%;
	background:#FFFFFF url(images/gnavi/bg_gnavibg.gif) repeat-x center bottom;
}
#topgnavi,#gnavi{
	margin:0px auto 0px auto;
	padding:0px 0px 3px 0px;
	width:956px;
	height:auto;
	background:url(images/gnavi/bg_tismenu.gif) no-repeat center bottom;
}
#topgnavi ul li.last, #gnavi ul li.last{
	background:url(images/gnavi/bg_scate.gif) repeat-y 184px top;
}
#topgnavi ul li, #gnavi ul li{
	padding-top:4px;
	padding-bottom:1px;
	width:186px;
	font-size:150%;
	background:url(images/gnavi/bg_gnavibg_h2.gif) repeat-x left top;
	line-height:1.4;
}
#topgnavi ul li, #gnavi ul li{
	float:left;
	font-weight:bold;
}
#topgnavi ul li span, #gnavi ul li span{
	display: block;
}
#topgnavi ul li.top, #gnavi ul li.top{
	padding-left:3px;
	width:187px;
	background:url(images/gnavi/bg_gnavibg_h2_top.gif) no-repeat left top;
}
#topgnavi ul li.long, #gnavi ul li.long{
	width:206px;
}
#topgnavi ul li.last, #gnavi ul li.last{
	padding-right:2px;
	width:186px;
	background:url(images/gnavi/bg_gnavibg_h2_last.gif) no-repeat right top;
}
#topgnavi ul li span a, #gnavi ul li span a{
	margin:0px 1px 0px 0px;
	padding:23px 4px 18px 4px;
	display:block;
	color:#333333;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
#topgnavi ul li.top span a, #gnavi ul li.top span a{
	background:url(images/gnavi/bg_scate.gif) repeat-y left top;
}
#topgnavi ul li span a:hover, #gnavi ul li span a:hover{
	background:#acd2de;
}
#topgnavi ul li.top span a:hover,
#gnavi ul li.top span a:hover,
#topgnavi ul li.top .tismenuov a,
#gnavi ul li.top .tismenuov a{
	background:#acd2de url(images/gnavi/bg_scate_ov.gif) no-repeat 9px 10px;
}
/*　ドロップダウンメニュー　*/
#topgnavi ul, #gnavi ul{
	list-style-type:none;
}
ul.gnavis{
	padding:10px 10px 2px 10px;
	width:360px;
	display:none;
	position:absolute;
	overflow:hidden;
	background:#FFF none;
	border:3px solid #006ba4;
	list-style-type:none;
	text-align:left;
}
#topgnavi ul.gnavis li ,#gnavi ul.gnavis li{
	margin:0px;
	padding:0px 30px 8px 20px;
	background:url(images/top/mark_topics.png) no-repeat 0px 5px;
	background-size:12px;
	white-space:nowrap;
}
#topgnavi ul.gnavis li, #gnavi ul.gnavis li{
	width:auto;
	float:left;
	font-size:75%;
}
#topgnavi ul.gnavis li a, #gnavi ul.gnavis li a{
	padding:0px;
	display:inline;
	font-weight:normal;
}
/*==============================================================================
	左メニュー
==============================================================================*/
#menu{
	margin-bottom:20px;
	padding:2px 2px 3px 2px;
	width:196px;
	background:#ffffff;
}
/*------------------------------------------------------------------------------
	見出しh2
------------------------------------------------------------------------------*/
#menu h2{
	font-size:110%;
	text-align:center;
}
#menu h2 a, #menu h2.choice{
	padding:20px 5px 23px 5px;
	width:186px;
	display:block;
	color:#ffffff;
	background:#0068a2 url(images/lnavi/lnavi_h2_bg.gif) no-repeat center bottom;
}
/*------------------------------------------------------------------------------
	リンクなし　セパレータ
------------------------------------------------------------------------------*/
#menu h3.separator,#menu h4.separator,#menu h5.separator,#menu h6.separator{
	margin:0px 3px 0px 3px;
	padding:10px 5px 8px 8px;
	width:177px;
	font-size:95%;
	font-weight:bold;
	background:url(images/lnavi/lnavi_separator_bg.gif) repeat-x center 2px;
	border-bottom:1px dotted #0068a2;
}
#menu h5.separator{
	font-size:95%;
}
#menu h6.separator{
	font-size:90%;
}
/*------------------------------------------------------------------------------
	詳細メニュー　h3 h4 ul 同じリスト風デザイン　入れ子リスト
------------------------------------------------------------------------------*/
#menu h3,#menu h4,#menu h5{
	margin:0px 3px 0px 3px;
	font-size:100%;
	font-weight:normal;
	background:#FFF;
	border-bottom:none;
}
#menu h4{
	font-size:95%;
}
#menu h5{
	font-size:90%;
}
#menu h3 a,#menu h4 a,#menu h5 a{
	padding:10px 27px 10px 18px;
	width:145px;
	display:block;
	background:url(images/lnavi/mark_lnavi.png) no-repeat 3px 14px;
	background-size: 12px;
	border-bottom:1px dotted #0068a2;
}
#menu h3 a:hover,#menu h4 a:hover{
	background:#f9e8a2 url(images/lnavi/mark_lnavi_o.png) no-repeat 3px 14px;
	background-size: 12px;
}
#menu h3.choice,#menu h4.choice{
	padding:10px 27px 10px 18px;
	width:145px;
	display:block;
	background:#f9e8a2 url(images/lnavi/mark_lnavi_o.png) no-repeat 3px 14px;
	background-size: 12px;
	border-bottom:1px dotted #0068a2;
}
#menu ul,#menu ul.lmenu{
	margin:0px 3px 0px 3px;
	font-size:95%;
	background:#FFF;
	list-style-type:none;
}
#menu ul li,#menu ul.lmenu li{
	padding:3px 0px 3px 0px;
	border-bottom:1px dotted #0068a2;
}
#menu ul li a,#menu ul.lmenu li a{
	padding:8px 9px 8px 18px;
	width:163px;
	display:block;
	background:url(images/lnavi/mark_lnavi.png) no-repeat 3px 12px;
	background-size: 12px;
}
#menu ul.lmenu li a{
	background:url(images/lnavi/mark_lmenu.png) no-repeat 6px 14px;
	background-size: 7px;
}
#menu ul li a:hover{
	background:#f9e8a2 url(images/lnavi/mark_lnavi_o.png) no-repeat 3px 12px;
	background-size: 12px;
}
#menu ul.lmenu li a:hover{
	background:#f9e8a2 url(images/lnavi/mark_lmenu_o.png) no-repeat 6px 14px;
	background-size: 7px;
}
#menu ul li.choice{
	padding:11px 9px 11px 18px;
	width:163px;
	display:block;
	background:#f9e8a2 url(images/lnavi/mark_lnavi_o.png) no-repeat 3px 12px;
	background-size: 12px;
}
#menu ul.lmenu li.choice{
	padding:8px 9px 8px 18px;
	width:163px;
	display:block;
	background:#f9e8a2 url(images/lnavi/mark_lmenu_o.png) no-repeat 6px 14px;
	background-size: 7px;
}
/*------------------------------------------------------------------------------
	左ナビ表示のイベントカレンダー
------------------------------------------------------------------------------*/
#lnavi #calendar{
	margin:0px 6px 6px 6px;
	background:#FFF;
}
#calendar table{
	margin:0px auto 10px auto;
	width:90%;
	font-size:90%;
	border:1px solid #999999;
	border-collapse:collapse;/*隣接するセルのボーダーを重ねて表示*/
	text-align:center;
}
#calendar table caption{
	padding:5px;
}
#calendar table caption span{
	margin-left:5px;
	font-size:130%;
	font-weight:bold;
}
#calendar table caption img{
	margin-left:5px;
	vertical-align:bottom;
}
#calendar table th{
	padding:5px 0px 7px 0px;
	background:#F7FDF7;
	border:1px solid #999999;
}
#calendar table td{
	padding:5px 0px 7px 0px;
	border:1px solid #999999;
}
#calendar table td a{
	color:#333333;
}
.sun{
	color:#C00;
	background:#FFF0F0;
}
#calendar table td.sun a{
	color:#C00;
}
.sat{
	color:#069;
	background:#E8F8FF;
}
#calendar table td.sat a{
	color:#069;
}
.today{
	background:#FAF6DC;
}
.today a{
	color:#333333;
}
#lnavi #calendar p{
	padding-bottom:10px;
	font-size:90%;	
	text-align:center;
}
/*------------------------------------------------------------------------------
	左ナビバナー
------------------------------------------------------------------------------*/
#lnavi p{
	margin-bottom:10px;
}
/*==============================================================================
	ページ遷移
==============================================================================*/
#guide ul,#guide ul li{
	display:inline;
}
/*------------------------------------------------------------------------------
	このページのトップへ
------------------------------------------------------------------------------*/
#guide div.pagetop{
	margin:0px auto 10px auto;
	width:100%;
	border-bottom:1px solid #74bed7;
}
#guide div.pagetop p{
	margin:0px auto 10px auto;
	width:950px;
	clear:both;
	text-align:right;
}
#guide div.pagetop p a{
	padding-left:18px;
	background:url(images/page/mark_pagetop.gif) no-repeat left center;
	background-size:15px;
}
/*------------------------------------------------------------------------------
	ページ戻り
------------------------------------------------------------------------------*/
#guide ul li a.pageback{
	padding-left:20px;
	background:url(images/page/mark_pageback.gif) no-repeat left center;
}
#guide ul li a.pagehome{
	margin-left:15px;
	padding-left:20px;
	background:url(images/page/mark_pagehome.gif) no-repeat left center;
}
/*------------------------------------------------------------------------------
	表示切替
------------------------------------------------------------------------------*/
#guide .viewmode{
	display:inline;
	text-align:right;
}
#guide .viewmode p{
	margin-left:20px;
	padding:3px;
	display:inline;
}
#guide .viewmode ul li{
	padding-left:10px;
	padding-right:10px;
	border-right:1px solid #CCC;
}
/*==============================================================================
	フッタ
==============================================================================*/
#footer ul,#topfooter ul{
	list-style-type:none;
}
#footer ul li a,#topfooter ul li a{
	display:inline-block;
}
#addleft{
	padding:0px 0px 0px 0px;
	width:500px;
	float:left;
}
#addleft h2{
	margin:2px 0px 6px 0px;
	float:left;
	font-size:120%;
}
#addleft p{
	margin:0px 0px 0px 0px;
	float:none;
	clear:both;
	font-size:90%;
}
#addleft ul{
	padding-left:7px;
	float:left;
}
#addleft ul.addlink li{
	margin-left:5px;
	display:inline;
}
#addleft ul.addlink li a{
	min-width:118px;
	padding:3px 8px 3px 8px;
	font-size:95%;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background: #005794;
	background: -moz-linear-gradient( #0c82b8 0%, #005794 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#0c82b8), to(#005794));
	background: -webkit-linear-gradient( #0c82b8 0%, #005794 100%);
	background: -o-linear-gradient( #0c82b8 0%, #005794 100%);
	background: linear-gradient( #0c82b8 0%, #005794 100%);
	border-radius:3px;
	text-decoration:none;
}
#addright{
	padding:0px 0px 10px 0px;
	width:450px;
	float:right;
}
#addright ul{
	text-align:right;
}
#addright ul li{
	margin:0px 0px 4px 8px;
	padding:0px 10px 0px 0px;
	display:inline-block;
	border-right:1px solid #CCC;
	line-height:1.4;
}
/* IE6、IE7用 */
#addright ul li{
	/display:inline;
	/zoom:1;
}
address{
	clear:both;
	font-size:90%;
	font-style:normal;
}
#copy{
	padding:3px 0px 3px 0px;
	width:100%;
	clear:both;
	background:#0068a2;
}
#copy span{
	margin:0px auto 0px auto;
	width:950px;
	display:block;
	font-size:85%;
	color:#FFFFFF;
	text-align:right;
}
/*==============================================================================
	サイトサーチ　
==============================================================================*/
/*------------------------------------------------------------------------------
	ラジオボタン
------------------------------------------------------------------------------*/
#sitesearch input#tgt1,#sitesearch input#tgt2{
	margin-left:5px;
}
/*------------------------------------------------------------------------------
	サジェスト枠、log.gif
------------------------------------------------------------------------------*/
.ac_results_box{
    text-align:left;
}
* html .ac_results_box{
	width:90px;
}
.log{
	position:absolute;
	top:-100px;
	left:-100px;
}
/*==============================================================================
	CMS用
==============================================================================*/
.cmspwrap #viewmode_pc{
	background-color:#A5A5A5;
}