@charset "UTF-8";
/*--------------------------------------
 共通のスタイル
--------------------------------------*/
body {
	margin: 0px;
	padding:0px;
	color:#333;
	font-size:90%;
	line-height: 1.6;
	background: #FEFFEE url(../img/bg_center.gif) repeat-x left 114px;
}
div.navi-hidden{
	height:0pt;
	overflow:hidden;
	position:absolute;
	width:0pt;
}
/* タイトル
--------------------------------------*/
div#title p,
div#title h1{
	margin: 3px auto 0;
	width: 973px;
}
.headline{
	margin: 0 auto 1.5em;
	padding: 0;
	width: 703px;
	height: 61px;
	line-height: 61px;
	background: transparent url(../img/bg_midashi_01.gif) repeat-x left top;
	font-size: 130%;
	text-indent: 10px;
}
.subheading-01{
	margin: 0 10px 1.5em;
	padding: 0 0 2px 15px;
	border-bottom: 1px dotted #008700;
	background: transparent url(../img/bg_midashi_02.gif) no-repeat 4px 3px;
	font-size: 120%;

}
.subheading-02{
	margin: 1.5em 10px 1.5em;
	padding: 0 0 2px 10px;
	border-bottom: 1px solid #333;
	font-size: 100%;

}

/* 文字位置
--------------------------------------*/
.align1{
    text-align: right;
}
.align2{
    text-align: center;
}
.align3{
	text-align: left;
}
.v_align1 {
	vertical-align: top;
}
.v_align2 {
	vertical-align: baseline;
}
.bottom-clear{
	margin-bottom: 0;
}

/* →付きリンク
--------------------------------------*/
a.more-01-01{/* display: block;なし */
	margin-bottom: 0.5em !important;
	margin-bottom: 0;
	padding-left: 20px; 
	background:transparent url(../img/arrow_01.gif) no-repeat left 2px !important;
	background:transparent url(../img/arrow_01.gif) no-repeat left 1px;	
}
*:first-child+html a.more-01-01{/*IE7用ハック*/
	background:transparent url(../img/arrow_01.gif) no-repeat left 1px !important;
}
a.more-01-01:hover {
	color: #298900;
	text-decoration:none;
	background:#E7F4D2 url(../img/arrow_01.gif) no-repeat left 2px !important;
	background:#E7F4D2 url(../img/arrow_01.gif) no-repeat left 1px;	
}
*:first-child+html a.more-01-01:hover{/*IE7用ハック*/
	background:#E7F4D2 url(../img/arrow_01.gif) no-repeat left 1px !important;
}
a.more-01-02{/* display: block;あり */
	margin-bottom: 0.5em;
	padding-left: 20px;
	display: block;
	background:transparent url(../img/arrow_01.gif) no-repeat left 5px !important;
	background:transparent url(../img/arrow_01.gif) no-repeat left 2px;
}
a.more-01-02:hover {
	margin-bottom: 0.5em;
	color: #298900;
	text-decoration:none;
	background:#E1F3DC url(../img/arrow_01.gif) no-repeat left 5px !important;
	background:#E1F3DC url(../img/arrow_01.gif) no-repeat left 2px;	
}
a.more-02-01{/* display: block;なし */
	margin-bottom: 0.5em !important;
	margin-bottom: 0;
	padding-left: 17px; 
	background:transparent url(../img/arrow_02.gif) no-repeat left 2px !important;
	background:transparent url(../img/arrow_02.gif) no-repeat left top;	
}
*:first-child+html a.more-02-01{/*IE7用ハック*/
	background:transparent url(../img/arrow_02.gif) no-repeat left top !important;
}
a.more-02-01:hover {
	color: #298900;
	text-decoration:none;
	background:#E7F4D2 url(../img/arrow_02.gif) no-repeat left 2px !important;
	background:#E7F4D2 url(../img/arrow_02.gif) no-repeat left top;	
}
*:first-child+html a.more-02-01:hover{/*IE7用ハック*/
	background:#E7F4D2 url(../img/arrow_02.gif) no-repeat left top !important;
}
a.more-02-02{/* display: block;あり */
	margin-bottom: 0 !important;
	margin-bottom: 0;
	padding-left: 17px;
	display: block;
	background:transparent url(../img/arrow_02.gif) no-repeat left 5px !important;
	background:transparent url(../img/arrow_02.gif) no-repeat left 6px;	
}
a.more-02-02:hover {
	color: #298900;
	text-decoration:none;
	background:#E1F3DC url(../img/arrow_02.gif) no-repeat left 5px !important;
	background:#E1F3DC url(../img/arrow_02.gif) no-repeat left 6px;	
}


/*外部リンク用　アイコン*/
img.icon {
	vertical-align: baseline;
	padding-right: 3px;
}


/* 枠線
--------------------------------------*/
.frame-01{
	padding: 10px 10px 10px 15px;
	border: 3px solid #ECECEC;
	overflow: auto !important;
	overflow: visible;
}
.frame-02{
	padding: 5px;
	border: 3px solid #EBF6EB;
	overflow: auto;
}
.frame-03{
	padding: 5px;
	overflow: auto;
	background-color:#E1F3DC;
}
.frame-04{
	padding: 10px 10px 10px 15px;
	border-top: 3px double #008700;
	border-bottom: 3px double #008700;
}
ul.frame-04 li{
	border: none !important;
	border: 1px solid #fff;
}
span.line-01{
	margin: 0 auto 1.5em;
	display: block;
	width: 680px;
	height:1px;
	border-bottom: 1px dotted #ccc;
}
span.line-02{
	margin: 0 auto 10px;
	display: block;
	width: 680px;
	height:1px;
	border-bottom: 2px solid #84ce71;
}

/* フロート関連
--------------------------------------*/
.box-wrap{
	margin: 0 auto 1.5em;
	width: 670px;
}

.box-01{
    display:block;
    float:left;
}
.box-02{
    display:block;
    float:right;
} 

/* フロート関連 リンク用ボックス
--------------------------------------*/
div.link-box .box-01{
    width: 320px;
}
div.link-box .box-02{
    width: 320px;
}
div.link-box .box-01 ul li,
div.link-box .box-02 ul li{
	border: none !important;
	border: 1px solid #fff;
}
ul.photo-box{
/*	margin: 0 auto 1.2em;*/
    width: 670px;
}
ul.photo-box .box-01{
    width: 330px;
}
ul.photo-box .box-02{
    width: 330px;
}


/* インデント関連
--------------------------------------*/

span.indent {
	display: block;
	text-indent: -1.5em;
	padding-left: 1.5em;
}

/* 画像関係
--------------------------------------*/
img.illust-01{
	padding-bottom:10px;
	padding-left:10px;
	background-color: #FFF;
}
img.illust-02{
	padding-bottom:10px;
	padding-right:10px;
	background-color: #FFF;
}
img.photo{
	padding: 5px;
	border: 1px solid #ECECEC;
	background-color: #FFF;
}
img.photo02 {
	padding: 1px;
	border: 1px solid #CCCCCC;	
	background-color: #FFF;
}
img.text{
	vertical-align: top;	
}

/* テキスト装飾
--------------------------------------*/
.text-deco-bold{
	font-weight: bold;
}
.text-deco-normal {
	font-weight: normal;
}
.text-deco-uline{
	text-decoration: underline;
}
.text-deco-green{
	color: #008700;
}
.text-deco-blue{
	color: #0D6383;
}
.text-deco-red{
	color: #C10006;
}
.text-small{
	font-size:90%;
}
.text-big{
	font-size:130%;
}
.text-smaller{
	font-size:85%;
}
.text-box{
	display:block;
}

/* PDF関係
--------------------------------------*/
div.pdf-list ul {
	width: 650px;
	margin: 0 auto 20px;
	padding: 10px 10px 10px 20px;
	list-style-position: outside;
	list-style-type: none;
	border: 1px dotted #ccc;
}
div.pdf-list li{
	padding: 3px 5px 3px 25px;
	background:transparent url(../img/pdficon_small.gif) no-repeat left 5px;
}
div.pdf-list .gray{
	background-color:#EFEFEF;
}
p#pdf{
	margin: 0 auto 20px;
	width: 650px;
}
p#pdf span.getpdf{
	padding: 5px 1em 5px 5px;
	float: left;
}
p#pdf span.getpdf-txt{
	display: block;
	width: 490px;
	float: right;
}
p#pdf span.getpdf-txt{
	padding: 5px 1em 5px 5px;
	float: left;
}
a.pdf{/* display: block;あり */
	margin-top: 1em; 
	margin-bottom: 0.5em !important;
	margin-bottom: 0;	
	padding-left: 20px; 
	display: block;
	background:transparent url(../img/pdficon_small.gif) no-repeat left 5px !important;
	background:transparent url(../img/pdficon_small.gif) no-repeat left 5px;	
}
*:first-child+html a.pdf{/*IE7用ハック*/
	background:transparent url(../img/pdficon_small.gif) no-repeat left 5px !important;
}
a.pdf:hover {
	color: #298900;
	text-decoration:none;
	background:#E1F3DC url(../img/pdficon_small.gif) no-repeat left 5px !important;
	background:#E1F3DC url(../img/pdficon_small.gif) no-repeat left 5px;	
}
*:first-child+html a.pdf:hover{/*IE7用ハック*/
	background:#E1F3DC url(../img/pdficon_small.gif) no-repeat left 5px !important;
}
table td a.pdf{
	margin-top: 0; 
	margin-bottom: 0 !important;
	margin-bottom: 0;
}

/* 注釈関係
--------------------------------------*/
.note1{/* ※ひとつ */
	text-indent: -1em;
	padding-left: 1em;
}
.note2{/* (注1) */
	text-indent: -2.8em;
	padding-left: 2.5em;
}
.note3{/* (注) */
	text-indent: -1.8em;
	padding-left: 1.5em;
}

/* 全体のボックス
--------------------------------------*/
div#container{
	margin:0;
	width: 100%;
	background:transparent url(../img/bg_header.gif) repeat-x left top;
}

/* ヘッダ
--------------------------------------*/
div#header{
	width: 960px;
	height: 115px;
	margin: 0 auto;
	font-size: 12px;
}
div#header p.logo{
	margin: 15px 0 0 0;
	padding: 0;
	float: left;
	width: 319px;
	height: 42px;
}
div#header p.txt{
	margin: 9px 0 7px 0;
	float: right;
	text-align: right;
	color: #008700;
}
div#header div#header-info{
	float: right;
	width: 320px;
}
div#header ul#guide_menu{
	margin: 5px 5px 6px 0;
	padding: 0;
	top: 4px;
	right: 0;
	float:right;
	text-align: right;
} 
div#header ul#guide_menu li{
	display: inline;
}
div#header ul#txt_size{
	margin: 5px 5px 0 0;
	right: 0;
	float:left;
	text-align: right;
} 
div#header ul#txt_size li{
	display: inline;
}
ul#gnavi{
	width: 961px;
	margin: 0 auto 1;
	font-size: 0;
	background: transparent url(../img/gnavi_end.gif) no-repeat right 0;
	clear: both;
}
ul#gnavi li{
	display: inline;
	margin: 0;
	padding: 0;
}

/* 背景用ボックス
--------------------------------------*/
div#wrapper01{
	margin: 8px auto;
	display: block;
	width: 972px;
	background: transparent url(../img/bg_center_middle.gif) repeat-y left 27px;
}
div#wrapper02{
	background: transparent url(../img/bg_center_top.gif) no-repeat left top;
}
div#wrapper03{
	background: transparent url(../img/bg_center_bottom.gif) no-repeat left bottom;
}

/* サイドメニュー
--------------------------------------*/
div#sidenavi{
	margin: 20px 0 0 20px;
	display:inline;/*IE6バグ用記述*/
	width: 215px;
	float: left;
}
ul.navi{
	margin-bottom: 15px;
	border-bottom: 1px solid #E8E8E8;
}
ul.special-navi,
ul.banner{
	margin: 0 auto 15px;
	padding: 5px 5px 0;
	background-color: #F5F5F5;
}
ul.special-navi li,
ul.banner li{
	padding-bottom: 5px;
}

/* センター部分
--------------------------------------*/
div#content{
	margin: 20px 20px 20px 0;
	display:inline; /*IE6バグ用記述*/
	width: 703px;
	float: right;
}

/* ページの先頭に戻る用
--------------------------------------*/
div#content p.to-top{
	margin: 0 0 20px 4px;
	padding: 4px 5px;
	border-top: 1px dotted #008700;
	border-bottom: 1px dotted #008700;
	position: relative;
	width: 690px;
	background-color: #e3f4df;
	text-align: right;

}
*:first-child+html div#content p.to-top{/*IE7用ハック*/
		padding: 1px 5px !important;
}

div#content p.to-top a:hover{
	background-color: transparent;
}

/* フッター
--------------------------------------*/
div#footer-wrap{
	padding: 15px 0;
	width: 100%;	
	background:#349F34 url(../img/bg_footer.gif) repeat-x top;
}
div#footer{
	margin: 0 auto;
	width: 960px;	
	background:transparent url(../img/logo_small.gif) no-repeat right bottom;
}
div#footer ul#copyrights{
	padding-right:20px;
	width: 370px;
	height: 90px;
	float: left;
	border-right: 1px solid #7CC17C;
}
div#footer div#footer-side{
	width: 550px;
	float: right;
	text-align: right;
}
div#footer div#footer-side ul#menu{
	margin-bottom: 10px;
}
div#footer div#footer-side ul#menu li{
	border-right:1px solid #7CC17C;
	display:inline;
	padding-left:6px;
	padding-right:6px;
	font-size: 90%;
	white-space: nowrap;
}
div#footer a:link {
	color: #fff;
	text-decoration:none;
}
div#footer a:visited {
	color: #fff;
	text-decoration:none;

}
div#footer a:hover {
	color: #008700;
	text-decoration:none;
}
div#footer a:active {
	color: #fff;
}


/* パンくずリスト
--------------------------------------*/
ol#topicpath{
	margin: 0 auto;
	padding: 7px 0 0 5px;
	width: 960px;
	list-style-type: none;
	font-size: 12px;	
}
ol#topicpath li{
	margin: 0;
	display: inline;
	padding: 0 0 0 5px;
	line-height: 0.9;
	color: #008700;
}
ol#topicpath li a:link {
	color: #008700;
	text-decoration:none;
}
ol#topicpath li a:visited {
	color: #008700;
	text-decoration:none;
}
ol#topicpath li a:hover {
	color:#008700;
	background-color: #FFE955;
	text-decoration:none;
}
ol#topicpath li a:active {
	color:#008700;
	background-color: #FFE955;
}

/* p,ul,ol,dl 共通
--------------------------------------*/
.pt-01{/* 内側20pxに入れて下に1.5em */
	margin: 0 20px 1.5em;
}
.pt-02{/* 内側20pxに入れて下なし */
	margin: 0 20px;
}
.pt-03{/* 左側20pxに入れて下に1.5em */
	margin: 0 0 1.5em 20px;
}
.pt-04{/* 左側20pxに入れて下なし */
	margin: 0 0 0 20px;
}
.pt-05{/* 左側40px右10pxに入れて下に1.5em */
	margin: 0 10px 1.5em 40px;
}
.pt-06{/* 左側40px右10pxに入れて下なし */
	margin: 0 10px 0 40px;
}
.pt-07{/* 左側10px右10pxに入れて下に1.5em */
	margin: 0 10px 1.5em 10px;
}
.pt-08{/* 左側10px右10pxに入れて下なし */
	margin: 0 10px 0 10px;
}
.pt-09{/* 左側60px右10pxに入れて下に1.5em */
	margin: 0 10px 1.5em 60px;
}
.pt-10{/* 左側60px右10pxに入れて下なし */
	margin: 0 10px 0 60px;
}
.pt-11{/* 左右0で入れて下に1.5em */
	margin: 0 0 1.5em 0;
}
.pt-12{/* 左側30px右30pxに入れて下に1.5em */
	margin: 0 30px 1.5em 30px;
}
.pt-13{/* 左側50px右10pxに入れて下に1.5em */
	margin: 0 10px 1.5em 50px;
}
.pt-14{/* 左側50px右10pxに入れて下になし */
	margin: 0 10px 0 50px;
}
.pt-15{/* 内側20pxに入れて下に1.5em */
	margin: 0 20px 0.5em;
}
.pt-16{/* 内側20pxに入れて下に1.5em */
	margin: 0 20px 60px;
}
.pt-17{/* 内側20pxに入れて下に1.5em */
	margin: 0 20px 40px;
}


/* dl 
--------------------------------------*/
div#content dl{
	margin-bottom: 1.5em;
}
div#content dl.bottom-clear{
	margin-bottom: 0;
}
div#content dl.nm-01 dt{
	font-weight: bold;
}
div#content dl.nm-01 dd{
	margin-bottom: 1em;
}
div#content dl.nm-kakko-01 dd{
	padding-left: 2.5em;
}
div#content dl.nm-kakko-02 dt{
	width: 2.5em;
}
div#content dl.nm-kakko-02 dd{
	margin-top: -1.7em !important;/*モダンブラウザ用*/
	margin-top: -1.5em;/*IE6用*/
	padding-left: 2.5em;
}
*:first-child+html div#content dl.nm-kakko-02 dd{/*IE7用ハック*/
	margin-top: -1.5em;
}
div#content dl.nm dd dl.normal dd,
div#content dl.nm-kakko dd dl.normal dd,
div#content dl.normal dd{
	padding-left: 0;
}
div#content dl.inquire{
	margin-bottom: 20px;
}
div#content dl.inquire dt{
	color: #2d8806;
	font-size: 110%;
}
div#content dl.inquire dd{
	padding-left: 20px;
}

/* p 
--------------------------------------*/
div#content p.nm{
	padding-left: 1.5em;
	text-indent: -1.5em;
}


/* ul 
--------------------------------------*/
div#content ul.normal{
	padding-left: 25px;
}
div#content ul.normal li{
	margin-bottom: 1.0em;
	list-style-type: disc;
}
div#content ul.normal li ol.nm-maru li,
div#content ul.normal li ol.nm-kana li,
div#content ol.nm-maru li,
div#content ol.nm-kana li{
	padding-left: 1em;
	text-indent: -1em;
	list-style-type: none;
}

/* ol 
--------------------------------------*/
div#content ol.normal li{
	list-style-type: decimal;
}

/*#アンカー
--------------------------------------*/
div#anchor {
	margin: 0px;
	width: 680px;
	padding: 0px 0px 20px 20px;
}

div#content #anchor .box1 {
	width: 340px;
	float: left;
	display: block;
}

div#content #anchor .box2 {
	width: 340px;
	float: right;
	display: block;
}