@charset "shift_jis";

/*-------------------------
 * フォントサイズ
 *
 * base.cssで定義されている
 * フォントサイズを元にしています。
--------------------------*/
.txt10b,
.txt12b,
.txt14b,
.txt16b,
.txt18b{
	font-weight:bold;
}
#container{
	font-size:83%;
	line-height:1.417;
}
#container .txt10, 
#container .txt10b{
	font-size:83%;
	line-height:1.3;
}
#container .txt12, 
#container .txt12b{
	font-size:100%;
}
#container .txt14,
#container .txt14b{
	font-size:117%;
}
#container .txt16, 
#container .txt16b{
	font-size:135%;
}
#container .txt18, 
#container .txt18b{
	font-size:152%;
}
#container .txt22, 
#container .txt22b{
	font-size:187%;
}

h1, h2, h3, h4, h5, h6{
	font-size:100%;
}
table {
	font-size:inherit;
	font:100%;
}
img{
	vertical-align:top;
}
caption{ 
	display:table-caption; 
	position:static;
	left:0;
	width:auto;
	height:auto;
	overflow:visible;
	padding-bottom:.5em;
	text-align:left;
}
sub{
	margin-right:.1em;
	vertical-align:baseline;
}
sup{
	position:relative;
	top:-2px;
	vertical-align:baseline;
}

/*-------------------------
 * フォントカラー
--------------------------*/
.colorBlue{
	color:#000099;
}
.colorRed{
	color:#b50000;
}
.colorGreen{
	color:#256900;
}
.colorBlack{
	color:#333333;
}


/*-------------------------
 * 音声ブラウザ用
--------------------------*/
.speech{
	position:absolute;
	left:-9999px;
	top:0;
}

/*-------------------------
 * 文字揃え
--------------------------*/
.textLeft{
	text-align:left;
}
.textRight{
	text-align:right;
}
.textCenter{
	text-align:center;
}

/*-------------------------
 * フロート
--------------------------*/
.floatR{
	float:right;
	margin-left:10px;
}
.floatL{
	float:left;
	margin-right:10px;
}
.floatREnd{
	float:right;
	margin-left:0;
}
.floatLEnd{
	float:left;
	margin-right:0;
}
.wrapFloatImg{
	width:547px;
	_zoom:1;   
	overflow:hidden;
}
.wrapFloatImg p{
	_zoom:1;
	overflow:hidden;
}
.wrapFloatImg ul{
	_zoom:1;
	overflow:hidden;
}
.wrapFloatImg .hasFloat{
	_zoom:1;
	overflow:hidden;
}
.w270{
	width:270px;
}
.w240{
	width:240px;
}
.w180{
	width:180px;
}

/*-------------------------
 * 余白
--------------------------*/
.br05em{
	padding-bottom:.5em;
}
.br1em{
	padding-bottom:1em;
}
.br15em{
	padding-bottom:1.5em;
}
.br2em{
	padding-bottom:2em;
}
.br25em{
	padding-bottom:2.5em;
}
.br3em{
	padding-bottom:3em;
}
.br35em{
	padding-bottom:3.5em;
}
.br4em{
	padding-bottom:4em;
}
.br45em{
	padding-bottom:4.5em;
}


/*-------------------------
 * 矢印
--------------------------*/
.arr{
	display:block;
	padding-left:10px;
	background:url(../img/common/arr_green.gif) no-repeat 0 .2em;
}
a.arr{
	display:inline;
	padding-left:10px;
	background:url(../img/common/arr_green.gif) no-repeat 0 .2em;
}

/*-------------------------
 * アイコン
--------------------------*/
.iconBlank,
.iconRight{
	margin:0 3px 0 5px;
}
.iconRight{
	margin-top:-2px;
}
.iconLeft{
	vertical-align:baseline;
}
/* マーカー：円 */
.iconDisc{
	display:block;
	padding-left:16px;
	background:url(../img/common/bg_disc_green.gif) no-repeat 0 .2em;
}
/* Adobe */
.getAdobe{
	margin-bottom:1em;
	padding-top:14px;
	border-top:1px solid #d2d2d2;
}
/* NEW ICON */
.new { background: url(../../common/img/icon_new.gif) no-repeat top right; padding-top: 31px; }

/*-------------------------
 * ボーダー
--------------------------*/
.borderCommon{
	border-bottom:1px solid #d2d2d2;
}

/*-------------------------
 * 画像
--------------------------*/
.image{
	padding-bottom:1em;
}
.caption span{
	display:block;
	text-align:left;
}
.caption .bottom{
	padding-top:.5em;
}
.caption .top{
	padding-bottom:.5em;
}
.imageCenter{
	text-align:center;
}
.imageCenter .floatL,
.imageCenter .floatLEnd{
	float:none;
	display:inline;
}
.imageCenter .image{
	margin:0 auto;
}

/*-------------------------
 * コンテナ
--------------------------*/
#container{
	height:100%!important;
	min-height:100%;
	width:950px;
	margin:0 auto;
	padding:0 6px;
	background:url(../img/common/bg_shadow.gif) repeat-y 0 0;
	text-align:center;
}
body > #container{
	height:auto!important;
}
#contentWrap{
	text-align:left;
	background:url(../img/common/bg_body.gif) repeat-y 0 0;
}

/*-------------------------
 * ヘッダー
--------------------------*/
#headerWrap{
	position:relative;
}
#headerWrap	ul{
	position:absolute;
	top:20px;
	right:8px;
}
#headerWrap	li{
	float:left;
	padding-right:2px;
	line-height:0;
}
#headerWrap	li.textbox{
	padding-right:5px;
}
div#topHeaderImg,
div#headerImg{
	margin-bottom:16px;
}
div#headerImg{
	height:260px;
}
div#topHeaderImg{
	height:260px;
}

/*-------------------------
 * 3カラム
--------------------------*/
#columnWrap{
	float:left;
	width:776px;
}
#columnLeft{
	float:left;
	width:177px;
	padding-left:11px;
}
#columnCenter{
	float:right;
	width:547px;
	padding:0 16px 0 22px;
}
#columnRight{
	float:left;
	width:174px;
}

/*-------------------------
 *  ナビゲーション
--------------------------*/
ul.listNaviWrap{
	font-size:95%
}
ul.listNaviWrap li{
	width:162px;
	padding-bottom:8px;
}
ul.listNaviWrap li.top{
	padding-bottom:17px;
}
ul.listNavi{
	zoom:1;
	overflow:hidden;
}
ul.listNavi li{
	width:160px;
	margin-top:-1px;
	padding:3px 0;
	border-top:1px solid #dddfda;
}
* html ul.listNavi li{
	padding:4px 0 0px;
}
ul.listNavi li a{
	display:block;
	padding-left:16px;
	background:url(../img/navi/arr_navi.gif) no-repeat 5px .3em;
}
ul.listNavi li a.pdf,
ul.listNavi li a.zip{
	padding-left:21px;
	background-image:none;
	text-indent:-21px;
}
ul.listNaviWrap li.line{
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #dddfda;
}
.listNaviWrap img.iconRight{
	margin-bottom:-0.15em;
}
.listNaviWrap img.iconBlank,
.listNaviWrap img.iconRight,
.listNaviWrap img.iconLeft{
	vertical-align:baseline;
}


/*-------------------------
 * ヘッダーパンくず
--------------------------*/
#centercolumnHeader{
	position:relative;
	background:url(../img/common/bg_dotline_blue.gif) repeat-x bottom left;
	margin-bottom:20px;
}
ul#breadcrumbs{
	width:425px;
	padding:8px 0 4px 0;
	font-size:95%
}
#breadcrumbs li{
	float:left;
	padding:0 7px 0 11px;
	background:url(../img/common/icon_bread.gif) no-repeat 0 .35em;
	white-space:nowrap;
}
#breadcrumbs li.first{
	padding-left:0;
	background:none;
}


/*-------------------------
 * 文字拡大縮小機能
--------------------------*/
#funcZoom{
	position:absolute;
	top:0;
	left:434px;
	width:115px;
}
#funcZoom .label{
	float:left;
	margin-top:11px;
}
#funcZoom li{
	vertical-align:bottom;
	float:left;
}
#funcZoom a{
	display:block;
	outline:0;
	overflow:hidden;
	font-size:1px;
	text-indent:-9999px;
}
#funcZoom #zoomReset{
	width:19px;
	height:19px;
	margin:3px 4px 0 0;
	background:url(../img/common/bt_zoom_r_on.gif) no-repeat;
	z-index:100;
}
#funcZoom #zoomLarge{
	width:24px;
	height:23px;
	background:url(../img/common/bt_zoom_l.gif) no-repeat;
}
#contentWrap #funcZoom #zoomReset:hover{
	background-image:url(../img/common/bt_zoom_r_on.gif);
}
#contentWrap #funcZoom #zoomLarge:hover{
	background-image:url(../img/common/bt_zoom_l_on.gif);
}
/* default */
#funcZoom.fontDefault #zoomReset{
	background-image: url(../img/common/bt_zoom_r_on.gif);
}
#funcZoom.fontDefault #zoomLarge{
	background-image: url(../img/common/bt_zoom_l.gif);
}
/* large */
#funcZoom.fontLarge #zoomReset{
	background-image: url(../img/common/bt_zoom_r.gif);
}
#funcZoom.fontLarge #zoomLarge{
	background-image: url(../img/common/bt_zoom_l_on.gif);
}


/*-------------------------
 * 注目情報
--------------------------*/
#notice{
	width:159px;
}
#notice .titNotice{
	margin-bottom:10px;
}
#notice .bgNoticeTop{
	background:url(../img/common/bg_notice_top.gif) no-repeat top left;
	padding-top:5px;
}
#notice .bgNoticeBottom{
	background:url(../img/common/bg_notice_bottom.gif) no-repeat bottom left;
	padding-bottom:5px;
}
#notice .bgNotice{
	background:url(../img/common/bg_notice.gif) repeat-y 0 0;
}
#listNotice{
	padding:5px 0 0 10px;
}
#listNotice li{
	vertical-align:bottom;
	padding-bottom:5px;
}


/*-------------------------
 * ページトップに戻る
--------------------------*/
.pagetop{
	margin:20px 0;
	padding-top:5px;
	border-top:1px solid #e5e5e5;
}
.pagetop span{
	display:block;
	float:right;
	padding-right:9px;
	border-right:1px solid #dbdbdb;
}
.pagetop a{
	display:block;
	padding-left:25px;
	border-left:1px solid #dbdbdb;
	background:url(../img/common/arr_pagetop.gif) no-repeat 9px .3em;
}
.pagetop a:link,
.pagetop a:visited,
.pagetop a:hover,
.pagetop a:active{
	color:#0066a7;
}


/*-------------------------
 * フッター
--------------------------*/
#globalFooter{
	padding:12px 0 10px 11px;
	border-top:solid 1px #d9d9d9;
	background:#fff;
}
#globalFooter img{
	vertical-align:baseline;
}
#globalFooter ul{
	_zoom:1;
	overflow:hidden;
	border-left:1px solid #8a8a8a;	
}
#globalFooter li{
	margin-left-1px;
	float:left;
	padding:0 10px;
	border-right:1px solid #8a8a8a;
}
#globalFooter li a{
	display:block;
	padding-left:10px;
	background:url(../img/common/arr_green.gif) no-repeat 0 .2em;
}
#globalFooter img.iconBlank,
#globalFooter img.iconRight{
	vertical-align:baseline;
}


/*-------------------------
 * セクション
--------------------------*/
#columnCenter #mainContents{
	padding-bottom:10px;
}
.section{
	margin-bottom:28px;
}
.section p.catch{
	margin-bottom:10px;
	color:#135002;
}
.section p.lede{
	padding-bottom:10px;
}

/*-------------------------
 * 見出し
--------------------------*/
.section h1{
	margin-bottom:20px;
}
.section h2{
	margin-bottom:10px;
}
.section h3.txt14b{
	margin-bottom:10px;
	padding-bottom:3px;
	background:url(../img/common/bg_uline_green.gif) repeat-x bottom left;
	color:#135002;
}

/*-------------------------
 * リスト
--------------------------*/
/* 注釈リスト */
ul.listNote{
	margin:.5em 0 0 0;
}
ul.listNote li{
	margin-bottom:.3em;
}
ul.listNote li{
	margin-left:.75em;
	text-indent:-.7em;
	color:#256900;
}
ul.listNote.colorBlack li{
	color:#333333;
}
/* マーカー：円 */
ul.listDisc{
	margin-bottom:1em;
}
ul.listDisc li{
	margin-bottom:.5em;
	padding-left:16px;
	background:url(../img/common/bg_disc_green.gif) no-repeat 0 .2em;
}
/* 番号付きリスト */
ol.listOrder{
	margin-bottom:1em;
}
ol.listOrder li{
	margin:0 0 .5em 2.5em;
	list-style-type:decimal;
	margin-bottom:.5em;
}
ol.listOrder li ol{
	margin-top:.5em;
}
ol.listOrder li li{
	list-style-type:none;
	margin-left:0;
}
ol.listOrder li li em,
ol.listOrder li li span{
	display:table-cell;
}
ol.listOrder li li em{
	width:2.3em;
	padding-right:5px;
	font-weight:normal;
	text-align:right;
}
/* URL */
dl.listUrl dt{
	font-weight:bold;
}
dl.listUrl dd{
	margin-bottom:.8em;
}
/* ボタンリスト */
ul.listBtLink li{
	padding-bottom:.3em;
}
/* インデント付き */
ul.listIndent li{
	margin-bottom:.4em;
	padding-left:.6em;
	background:url(../img/common/bg_indent.gif) no-repeat 0 .3em;
}
ul.listIndent li span{
	color:#256900;
	font-weight:bold;
}
/* 汎用 */
ul.listStyleDisc li{
	margin-bottom:.3em;
	padding-left:.9em;
	background:url(../img/common/icon_disc.gif) no-repeat 0 .5em;
}
/* リンク */
ul.listLink{
	_zoom:1;
	overflow:hidden;
	margin-left:-6px;
	padding-bottom:1.5em;
}
ul.listLink li{
	float:left;
	margin-left:-1px;
	padding:0 5px;
	border-left:1px solid #8A8A8A;
	white-space:nowrap;
}
ul.listLink li a{
	padding-left:10px;
	background:url(../img/common/arr_green.gif) no-repeat 0 .1em;
}
/* 矢印付き */
.listArr li{
	padding:0 0 .3em 10px;
	background:url(../img/common/arr_green.gif) no-repeat 0 .2em;
}

/*-------------------------
 * テーブル
--------------------------*/
table.style-a {
	width: 100%;
	background-color: #fff;
	border-collapse: collapse;
}
table.style-a thead th {
	background-color: #277100;
	border: 1px solid #277100;
	border-bottom: 1px solid #277100;
	border-left: 1px solid #277100;
	border-right: 1px solid #fff;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
table.style-a thead .has_border {
	border-bottom:1px solid #fff !important;
}
table.style-a thead .has_border_r {
	border-right:1px solid #fff !important;
}
table.style-a thead .has_border_l {
	border-left:1px solid #fff !important;
}
table.style-a thead th:last-child {
	border-right-color: #277100;
}
table.style-a thead th.last-child { /*for lte ie8*/
	border-right-color: #277100;
}
table.style-a tbody tr th {
	background-color: #f2f2f2;
}
table.style-a th, table.style-a td {
	padding: 0.75em 10px;
	border: 1px solid #d9d9d9;
}
table.th-center tbody th,
table.td-center tbody td {
	text-align: center;
}

/*-------------------------
 * clearfix
--------------------------*/
.section:after,
.pagetop:after,
#container:after,
#columWrap:after{
	content:url(../img/common/pixel.gif);
	display: block;
	clear: both;
	height:0;
}
.section,
.pagetop,
#container,
#columWrap{
	display: inline-block;
} 
/* Hides from IE-mac \*/ 
* html .section,
* html .pagetop,
* html #container,
* html #columWrap{
	height: 1%;
}
.section,
.pagetop,
#container,
#columWrap{
	display: block;
} 
/* End hide from IE-mac */