@charset "utf-8";

/*-----------------------------------------------------------
	共通
-----------------------------------------------------------*/


/* ==========================================================
 style info : コンテンツエリア関係 他

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%? 21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=========================================================== */


/* スクロールバーの有無によるズレ対策
（ブラウザ・ページの高さに関わらず常に縦スクロールバーを表示させる） */
html {
	overflow-y: scroll;
	background: url(../img/module/header_bk01.jpg) repeat-x;
}

body {
	/*background: ;*/
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode",helvetica, Arial, Verdana, sans-serif;
	color: #333;
	/*font-size: ;*/ /*bodyにフォントサイズを指定すると、yuifontsの指定が上書きされるので、指定しないこと→#wrapperで指定している。 */
}

/* リンクの装飾 */
a:link,
a:visited {
	color: #09C;
	text-decoration: underline;
}

a:hover,
a:active,
a:focus { 
	color: #03C;
	text-decoration: none;
}

a img { 
	border: none;
}

a:hover img { 
	filter:alpha(opacity=60);/* IE7以下用 */ 
	-ms-filter: "alpha(opacity=60)"; /* IE8用 */ 
	-moz-opacity:0.6; /* Firefox 1.5未満, Netscape用 */ 
	-khtml-opacity: 0.6;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */ 
	opacity: 0.6; /* Firefox 1.5以上, Opera, Safari用 */ 
}

a.link_blank{
	background:url(../img/share/link_blank.gif) no-repeat 100% 50%;
	padding-right:16px;
}
a:hover.link_blank{
	background:url(../img/share/link_blank_hover.gif) no-repeat 100% 50%;
	padding-right:16px;
}



/* ///////////////////////////////////////////////////

	ページ構造

/////////////////////////////////////////////////// */

/*----------------------------------------------------
	#wrapper（ページ全体を囲む）
----------------------------------------------------*/
#wrapper {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	font-size: 100% ;/* 13px相当 */
	line-height: 1.6;
}


/* ///////////////////////////////////////////////////
	header（ヘッダー）
/////////////////////////////////////////////////// */
header {
	background: #CFB1D7 url(../img/module/header_bk.jpg) no-repeat;
	background: url(../img/module/header_bk01.jpg) repeat-x;
}

/* ヘッダーのロゴ */
#logo{
	width:400px;
	height:90px;
	float:left;
}

#logo h1{
	margin:0;
	padding:0;
}

/* ヘッダーのロゴ */
.h-description{
	width:500px;
	float:left;
	font-size:10px;
	padding-top:25px;
}

/* グローバルナビゲーション */
#g-nav {
	clear:both;
	margin: 0;
	padding: 0;
	overflow:hidden;
}

#g-nav ul{
	margin: 0;
	padding: 0;
	width: auto;
	height: 45px;
	list-style: none;
	background: url(../img/module/globalMenu_bk.jpg) repeat-x;
	border-right: 1px solid #CFB1D7;
}

#g-nav ul li{
	display: inline-block;
	/display: inline;  /* IE用ハック */
	/zoom: 1;  /* IE用ハック */
}

#g-nav ul li a{
	display:block;
	width: auto;
	height: 45px;
	margin: 0;
	padding:0 15px;
	line-height: 45px;
	color: #ffffff;
	font-size:14px;
	text-decoration:none;
	border-left: 1px solid #CFB1D7;
}

#g-nav ul li a:hover{
	color:#FFFF66;
	/*background: url(../img/module/globalMenu_hover.jpg) repeat-x;*/
	text-shadow:
		2px 2px 2px rgba(0, 0, 0, 0.1),
		-2px 2px 2px rgba(0, 0, 0, 0.1),
		2px -2px 2px rgba(0, 0, 0, 0.1),
		-2px -2px 2px rgba(0, 0, 0, 0.1);
}

/* ///////////////////////////////////////////////////

	TOPページ【section】

/////////////////////////////////////////////////// */

/*  */
#top-cont{
	width:615px;
	float:left;
}


/* 「なすびんネットとは」
   「各種様式のダウンロード」 */
#nasubin-toha,
#doc-dl{
	width:294px;
	min-height:146px;
	border:solid 3px #e3e3e3;
	margin:0;
	float:left;
	margin:15px 0 15px 0;

}
#doc-dl{
	margin-left: 15px;
}

#nasubin-toha h2,
#doc-dl h2{
	margin:0;
	padding:0;
	height:35px;
}

#nasubin-toha p,
#doc-dl p{
	margin: 5px 15px ;
	min-height:61px;
}

#nasubin-toha a,
#doc-dl a{
	display:block;
	width: 296px;
	height:48px;
	text-indent: -9999px;
}

#nasubin-toha a{
	background: url(../img/top/nasubin-toha_bk.jpg) no-repeat;
}

#doc-dl a{
	background: url(../img/top/docDownload_bk.jpg) no-repeat;
}

#nasubin-toha a:hover{
	background: url(../img/top/nasubin-toha_hover.jpg) no-repeat;
}

#doc-dl a:hover{
	background: url(../img/top/docDownload_hover.jpg) no-repeat;
}

/* 情報公開施設 */
.joho-kokai{
	margin: 15px 0 auto auto;
	text-align:right;

}

/* 新着情報 */
#news{
	width:615px;
	margin-top:15px;
}

#news h2{
	margin:15px 0 0 0 ;
}

#news div{
	width:100%;
	height:150px;
	margin:0 0 15px 0;
	overflow-y: scroll;
	overflow-x: hidden;
}

.whatsnew{
	border: solid 1px #cccccc;
}

#news dl{
	width:600px;
	margin:10px  15px;
}

#news dt{
	color: #960;
}

#news dd{
	border-bottom: dotted 1px #cccccc;
	margin-bottom:0.5em;
}

#sub-cont{
	width: 285px;
	float:left;
}


/* ///////////////////////////////////////////////////

	各ページ【article】

/////////////////////////////////////////////////// */

/*----------------------------------------------------
	#main-cont（個別ページのメインコンテンツ）
	左ブロック<article>
----------------------------------------------------*/
#main-cont{
	width:650px;
	float: left;
}


section{
	margin: 0 0 45px 0;
}

#main-cont h2,
#main-cont h3{
	margin:45px 0 15px 0;
	color:#000;
}

#main-cont h1{
	margin:15px 0 5px 0;
	font-size:153.9%; /*  20px */
	background: url(../img/share/h1_bk.jpg) no-repeat 0 0;
	line-height:40px;
	text-indent:15px;
}

#main-cont h2{
	font-size:138.5%; /* 18px */
	background: url(../img/share/h2_bk.jpg) no-repeat 0 0;
	line-height:30px;
	text-indent:15px;
}

#main-cont h3{
	font-size:123.1%; /* 16px */
	background: url(../img/share/h3_bk.jpg) no-repeat 0 0;
	border-bottom: 2px solid #dfdfdf;
	line-height:25px;
	text-indent:15px;
}


/*----------------------------------------------------
	#page_nav（個別ページのページ内ナビゲーション）
	左ブロック（メニュー）
----------------------------------------------------*/
#page_nav{
	width:226px;
	margin:15px 15px 0 0;
	border:2px solid #cccccc;
	float: left;
}

#page_nav h4{
	width:206px;
	padding:10px 5px 5px 15px;
	border-bottom: solid 2px #666666;
	color: #666666;
	font-size:108%; /* 14px */
}

#page_nav ul{
	list-style:none;
	margin:0;
}

#page_nav li a{
	display:block;
	width:206px;
	padding: 10px 0 10px 20px;
	border-bottom: dotted 1px #ccc;
	background:url() no-repeat 0 50%;
	font-size:93%; /* 12px */
}

#page_nav li a:hover{
	background: #ffffcc url() no-repeat 0 50%;
}


/* ----------------------------------------------------
	ul,li
---------------------------------------------------- */
ul.list_chk_purple {
	list-style:none;
	margin:0.5em 0 0 0;
}

ul.list_chk_purple li{
	padding-left:20px;
	background: url(../img/share/list_chk_purple.gif) no-repeat 0 2px;
}

/* ---------------------------------------------------
	dl
--------------------------------------------------- */
.dl-dotLightgreen dl{
	margin:5px 0 15px;
}

.dl-dotLightgreen dt{
	font-size: 116%; /*  15px = 116%  */
	font-weight:bold;
	border-left: 3px dotted #A8D08D;
	margin:15px 0 5px 0;
	padding-left: 10px;
}

.dl-dotLightgreen dd{
	margin:0 0 10px 13px;
}

/* ---------------------------------------------------
   table 
   .tbl-[color]01  th, td{text-align: left;}
   .tbl-[color]02  th, td{text-align: center;}
--------------------------------------------------- */
/* color Gray */
.tbl-gray01,
.tbl-gray02,
.tbl-gray03,
.tbl-blue01,
.tbl-blue02{
	width:100%;
	margin:5px 0 10px 0;
}

.tbl-gray01,
.tbl-gray02,
.tbl-gray03{
	border: 1px solid #cccccc;
}

.tbl-gray01 caption,
.tbl-gray02 caption,
.tbl-gray03 caption{
	text-align:left;
	font-weight:bold;
	color: #000000;
}

.tbl-gray01 th, .tbl-gray01 td,
.tbl-gray02 th, .tbl-gray02 td,
.tbl-gray03 th, .tbl-gray03 td{
	padding:5px 10px;
	border: 1px solid #bbbbbb;
}

.tbl-gray01 th,
.tbl-gray02 th,
.tbl-gray03 th{
	background-color: #dddddd;
	color:#333333;
}


.tbl-gray01 th, .tbl-gray01 td{
	text-align:left;
}

.tbl-gray02 th, .tbl-gray02 td{
	text-align:center;
}

.tbl-gray03 th{
	text-align:center;
	vertical-align:middle;
}

.tbl-gray03 td{
	text-align:left;
	vertical-align:middle;
}

/* color LightBlue */
.tbl-blue01,
.tbl-blue02{
	background-color: #EBF2FA;
	border: 1px solid #DEEAF6;
}

.tbl-blue01 caption,
.tbl-blue02 caption{
	text-align:left;
	font-weight:bold;
	color:#69C;
}


.tbl-blue01 th,.tbl-blue01 td,
.tbl-blue02 th,.tbl-blue02 td{
	padding:5px 10px;
}
.tbl-blue01 th,
.tbl-blue02 th{
	background-color: #9CC2E5;
	text-align: center;
	color:#ffffff;
	border: 1px solid #ffffff;
}

.tbl-blue01 td,
.tbl-blue02 td{
	border: 1px solid #ffffff;
}

.tbl-blue01 td{
	text-align: left;
}
.tbl-blue02 td{
	text-align: center;
}

.tbl-bkcolor01{
	background-color:#eeeeee;
}


/* ---------------------------------------------------
	枠
--------------------------------------------------- */
.waku_dot_green{
	margin: 10px 0;
	padding:15px 10px;
	-webkit-border-radius:10px 10px 10px 10px/10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px/10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px/10px 10px 10px 10px;
	border: dotted 2px #A8D08D;

}

/* ---------------------------------------------------
	フォントサイズ（13px：100%が標準）
--------------------------------------------------- */
.f_size10px{
	font-size:77%;
}
.f_size11px{
	font-size:85%;
}
.f_size12px{
	font-size:93%;
}
/* デフォルト
.f_size13px{
	font-size:100%;
} */
.f_size14px{
	font-size:108%;
}
.f_size15px{
	font-size:116%;
}

/* ---------------------------------------------------
	フォントカラー
--------------------------------------------------- */
.f_colorBlue{
	color:#000097;
}
.f_colorLightblue{
	color:#0f5a84;/*#0099ff #3399cc #0f5a84 */
}
.f_colorOrange{
	color:#ff6d00;
}
.f_colorRed{
	color:#f00;
}
.f_colorGray{
	color:#666;
}
.f_colorblack{
	color: #333;
}

/* ---------------------------------------------------
	フォント weight
--------------------------------------------------- */
.f_weightL{
	font-weight:lighter;
}
.f_weightB{
	font-weight:bold;
}

/* ---------------------------------------------------
	テキストの右寄せ、センタリング,
--------------------------------------------------- */
.txt_alignR{
	text-align:right;
}

.txt_alignC{
	text-align:center;
}

.txt_alignL{
	text-align:left;
}


/* ---------------------------------------------------
	PDFアイコン付加　等
--------------------------------------------------- */

/* PDFアイコン */
.pdf{
	padding-right :20px;
	background:url(../img/share/icon_pdf.png) no-repeat 100% 0;
}


/* ///////////////////////////////////////////////////

	footer STYLE
	フッター<footer>下の書式

/////////////////////////////////////////////////// */


/*----------------------------------------------------
	footer（ページフッター）
----------------------------------------------------*/
footer {
	clear:both;
	min-height:200px;
	background: #C5E0B3;
	background: linear-gradient(#C5E0B3, #ACCEB6);
	padding: 10px 0 0;
	overflow:hidden;
}

.f-menu{
	width:615px;
	float:left;
}

.f-chara{
	width: 255px;
	margin:0;
	padding:15px;
	float: left;
	font-size:10px;
	line-height:1.4;
	color:#666666;
}

small{
	clear:both;
	padding:2px 0;
	/*background-color: #A8D08D;*/
	color:#ffffff;
	font-size:  100%; /* 10px */
	line-height:1.2;
	text-align: right;
	text-shadow:
		1px 1px 1px rgba(0, 0, 0, 0.1),
		-1px 1px 1px rgba(0, 0, 0, 0.2),
		1px -1px 1px rgba(0, 0, 0, 0.2),
		-1px -1px 1px rgba(0, 0, 0, 0.1);
}