@charset "utf-8";


/* common */
/* -------------------------------------------------------- */
* {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	color:#000000;
	text-align:center;
}
h1, h2, h3, h4, h5, h6, h7 {
	font-size:80%;
	font-family:Osaka, ＭＳ Ｐゴシック, MS UI Gothic, sans-serif;
}
p, ul, ol, dl, table, .asset-content {
	font-size:80%;
	font-family:Osaka, ＭＳ Ｐゴシック, MS UI Gothic, sans-serif;
	line-height:150%;
}
.asset-content p, .asset-content ul, .asset-content ol, .asset-content dl, .asset-content table, 
.asset-content h2, .asset-content h3, .asset-content h4, .asset-content h5, .asset-content h6,
table p, table ul, table ol, table dl, table table,
ul ul {
	font-size:100%;
}
ul {
	list-style-type:none;
}
ol {
	margin-left:25px;
}
img {
	border:0;
	display:block;
}
input {
	vertical-align:middle;
}


/* link */

a:link,
a:visited,
a:active {
	color:#004300;
	text-decoration:underline;
}
a:hover {
	color:#0a6600;
	text-decoration:none;
}



/* container */
/* -------------------------------------------------------- */

body {
	background:url(../img/bg_body.jpg) no-repeat center top;
}
body.toppage {
	background:url(../../img/top/bg_body.jpg) no-repeat center top;
}

#container {
	width:900px;
	margin:0 auto;
	text-align:left;
	background:url(../img/bg_container.gif) repeat-y left top;
}
.toppage #container {
	background:url(../../img/top/bg_container.gif) repeat-y left top;
}



/* header */
/* -------------------------------------------------------- */

#header {
	width:900px;
	height:200px;
	background:url(../img/bg_header.jpg) no-repeat left top;
	overflow:hidden;
}
.toppage #header {
	height:288px;
	background:url(../../img/top/bg_header.jpg) no-repeat left top;
}


/* summary */

#summary-box {
	position:relative;
}
#summary {
	width:895px;
	font-size:12px;
	font-weight:normal;
	text-align:right;
	position:absolute;
	top:4px;
}


/* header-box1 */

#header-box1 {
	height:162px;
	overflow:hidden;
}

#header-banner {
	margin-left:590px;
}

#logo {
	width:250px;
	float:left;
}
#navi {
	width:527px;
	margin-top:24px;
	float:right;
}
#navi li {
	padding-right:11px;
	float:left;
}



/* contents */
/* -------------------------------------------------------- */

#contents {
	width:900px;
	padding-bottom:60px;
}
.toppage #contents {
	padding-bottom:15px;
}


/* top-content-box */

#top-content-box1 {
	width:300px;
	float:left;
}
#top-content-box2 {
	width:300px;
	margin-left:21px;
	display:inline;
	float:left;
}
#top-content-box3 {
	width:260px;
	float:right;
}

.top-box1 {
	height:150px;
	margin-bottom:15px;
	overflow:auto;
}

.top-box2 {
	width:260px;
	height:100px;
	margin-bottom:10px;
	background:url(../../img/top/bg_info.gif) no-repeat left bottom;
	overflow:auto;
}
.top-box2 dl {
	font-size:70%;
	line-height:120%;
	margin:0 10px;
}
.top-box2 dt {
	color:#666666;
}
.top-box2 dd {
	margin-bottom:10px;
}

.top-box3 {
	height:104px;
	margin-bottom:15px;
	overflow:auto;
}
.top-box3 li {
	padding-left:17px;
	background:url(../img/icon_02.gif) no-repeat 3px 6px;
}
.top-box3 a:link,
.top-box3 a:visited,
.top-box3 a:active {
	color:#000000;
	text-decoration:none;
}
.top-box3 a:hover {
	color:#0a6600;
	text-decoration:underline;
}
.top-box3 span {
	font-size:10px;
	font-weight:bold;
	color:#ff6600;
	white-space:nowrap;
	padding-left:10px;
}


/* #side */

#side {
	width:200px;
	float:left;
}

.side-navi {
	margin-bottom:15px;
}
.side-navi .side-navi {
	font-size:100%;
	margin-bottom:0;
}
.side-navi li {
	width:100%;
	float:left;
	overflow:auto;
}
.side-navi li a,
.side-navi li span {
	display:block;
	padding:4px 0 3px 18px;
	border-bottom:dashed 1px #666666;
}
.side-navi li li a,
.side-navi li li span {
	padding-left:26px;
}
.side-navi li a:link,
.side-navi li a:visited,
.side-navi li a:active,
.side-navi li span {
	color:#000000;
	text-decoration:none;
	background:#ffffff url(../img/icon_01.gif) no-repeat 4px 8px;
}
.side-navi li a:hover {
	color:#000000;
	text-decoration:none;
	background:#e6f2dc url(../img/icon_01.gif) no-repeat 4px 8px;
}
.side-navi li li a:link,
.side-navi li li a:visited,
.side-navi li li a:active,
.side-navi li li span {
	background:#ffffff url(../img/icon_02.gif) no-repeat 12px 10px;
}
.side-navi li li a:hover {
	background:#e6f2dc url(../img/icon_02.gif) no-repeat 12px 10px;
}
.side-navi li span {
	color:#777777;
}

.sponsor-banner {
	width:200px;
	margin-bottom:15px;
	padding-top:10px;
	overflow:hidden;
}
.sponsor-banner img {
	display:inline;
}
.sponsor-banner li {
	text-align:center;
	margin-bottom:5px;
}


/* #main */

#main {
	width:660px;
	margin-right:10px;
	display:inline;
	float:right;
}

#panlist-box {
	height:25px;
	overflow:hidden;
}
#panlist {
	font-size:12px;
	line-height:16px;
	list-style-type:none;
	margin:0;
}
#panlist li {
	display:inline;
	padding-right:7px;
}
#panlist a {
	padding-right:13px;
	background:url(../img/icon_03.gif) no-repeat right center;
}
#panlist a:link,
#panlist a:visited,
#panlist a:active {
	color:#000000;
	text-decoration:none;
}
#panlist a:hover {
	color:#0a6600;
	text-decoration:underline;
}


/* asset */

.asset {
	margin-bottom:30px;
}
.asset-header {
	margin-bottom:10px;
}
.asset-header h2 {
	font-size:90%;
	color:#004300;
}
.asset-header h2 a:link,
.asset-header h2 a:visited,
.asset-header h2 a:active {
	color:#004300;
	text-decoration:none;
}
.asset-header h2 a:hover {
	color:#339933;
	text-decoration:none;
}
.asset-content {
	padding-left:10px;
	padding-right:5px;
}
.asset-content h3 {
	color:#004300;
	margin-bottom:5px;
	padding-left:18px;
	background:url(../img/bg_h3.gif) no-repeat 0 2px;
}

.bt-detail {
	position: relative;
}
.bt-detail p {
	width: 108px;
	position: absolute;
	top: -35px;
	left: 552px;
}


/* sitemap */

#sitemap {
	width:620px;
	margin-left:10px;
	margin-bottom:15px;
}
#sitemap .sm-lbox {
	width:280px;
	float:left;
}
#sitemap .sm-rbox {
	width:280px;
	float:right;
}


/* map-box */

#map-box {
	width:660px;
	margin-bottom:15px;
	padding-top:10px;
	background:url(../img/bg_01a.gif) no-repeat left top;
}
#map-box-inner {
	width:660px;
	padding-bottom:10px;
	background:#0a6600 url(../img/bg_01b.gif) no-repeat left bottom;
}
#map-box-left {
	width:360px;
	margin-left:15px;
	display:inline;
	float:left;
}
#map-box-right {
	width:270px;
	float:right;
}
#map-box h2 {
	margin-bottom:5px;
}
#map-box dl {
	color:#ffffff;
	margin-bottom:10px;
}
#map-box dt {
	width:8em;
	font-weight:bold;
	position:absolute;
}
#map-box dd {
	padding-left:8em;
	padding-bottom:2px;
}
#map-box dl a:link,
#map-box dl a:visited,
#map-box dl a:active {
	white-space:nowrap;
	color:#ffffff;
	text-decoration:none;
}
#map-box dl a:hover {
	color:#ffcc00;
	text-decoration:underline;
}

#map-box input {
	vertical-align:middle;
}
#map-box .search-box {
	width:260px;
	margin-right:10px;
	border:solid 1px #004300;
}


/* form-box */

.form-box {
	width:645px;
	margin-bottom:20px;
	padding-top:12px;
	background:url(../img/bg_02a.gif) no-repeat left top;
}
.form-box-inner1 {
	width:645px;
	background:url(../img/bg_02b.gif) repeat-y left top;
}
.form-box-inner2 {
	width:645px;
	padding-bottom:15px;
	background:url(../img/bg_02c.gif) no-repeat left bottom;
}

.form-box h3 {
	margin-left:12px;
}
.form-box table {
	width:637px;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	margin-left:2px;
}
.form-box th,
.form-box td {
	text-align:left;
	vertical-align:top;
	padding-top:10px;
	padding-bottom:12px;
}
.form-box th {
	white-space:nowrap;
	padding-left:20px;
	padding-right:10px;
	background:url(../img/line_01.gif) repeat-x right bottom;
}
.form-box th span {
	font-size:85%;
	color:#990000;
	padding-left:5px;
}
.form-box td {
	background:url(../img/line_01.gif) repeat-x left bottom;
}
.form-box td span {
	font-size:85%;
	padding-left:10px;
}

.form-box .form-list1 dt {
	width:6em;
	position:absolute;
}
.form-box .form-list1 dd {
	padding-left:6em;
	padding-bottom:5px;
}
.form-box .form-list2 li {
	width:6em;
	float:left;
}
.form-box .form-list3 li {
	white-space:nowrap;
	padding-right:15px;
	float:left;
}
.form-box .form-list4 {
	margin-left: 15px;
}
.form-box .form-list4 li {
	width: 300px;
	float:left;
}
.form-box .form-list4 li span {
	font-size: 85%;
	padding-left: 3px;
}

.form-box .satei-bt {
	margin-left: 15px;
	margin-bottom: 5px;
}
.form-box .satei-bt input {
	font-size: 85%;
	line-height: 110%;
	margin-right: 5px;
}

.form-box .last {
	background:none;
}
.form-box input.form1 {width:200px;}
.form-box input.form2 {width:80px;}
.form-box input.form3 {width:300px;}
.form-box input.form4 {width:160px;}
.form-box textarea.form1 {width:340px; height:80px;}
.form-box textarea.form2 {width:300px; height:80px;}
.form-box input:focus,
.form-box select:focus,
.form-box textarea:focus {background:#ffffff;}

.form-box-kiyaku {
	width:630px;
	height:100px;
	margin-bottom:20px;
	border:solid 1px #90b98b;
	overflow:auto;
}
.form-box-kiyaku dl {
	margin:0 15px;
}
.form-box-kiyaku dt {
	margin-bottom:5px;
}
.form-box-kiyaku dd {
	margin:0 0 20px 5px;
}
.form-box-kiyaku ol {
	margin-left:25px;
}
.form-box-kiyaku li {
	padding-top:5px;
}


/* detail-box */

.detail-box1 {
	width:650px;
	margin-left:7px;
	margin-bottom:15px;
}
.detail-box1 .lbox {
	width:350px;
	float:left;
}
.detail-box1 .rbox {
	width:280px;
	float:right;
}
.detail-box1 dt {
	width:8em;
	padding-top:5px;
	padding-left:8px;
	background:url(../img/icon_04.gif) no-repeat 0 8px;
	position:absolute;
}
.detail-box1 dd {
	padding-top:5px;
	padding-left:8em;
	padding-bottom:2px;
	border-bottom:dashed 1px #666666;
}
.detail-box2-title {
	font-size:80%;
	font-weight:normal;
	margin-left:7px;
	margin-bottom:5px;
	padding-left:8px;
	background:url(../img/icon_04.gif) no-repeat 0 0;
}

.detail-box2 {
	width:650px;
	margin-left:7px;
	margin-bottom:15px;
	padding-top:10px;
	background:url(../img/bg_03a.gif) no-repeat left top;
}
.detail-box2-inner {
	width:650px;
	padding-bottom:15px;
	background:#dddddd url(../img/bg_03b.gif) no-repeat left bottom;
}
.detail-box2 .asset-content {
	padding:0 15px;
}

.detail-box3 {
	margin-left:7px;
	margin-bottom:30px;
}
.detail-box3 li {
	padding-right:10px;
	float:left;
}
.detail-box3 li img {
	border:solid 1px #999999;
}

.list-banner {
	margin-left:7px;
	margin-right:3px;
}
.list-banner .lbox {
	float:left;
}
.list-banner .rbox {
	float:right;
}




/* footer */
/* -------------------------------------------------------- */

#footer {
	width:100%;
	background:url(../img/bg_footer_01.gif) repeat-x left top;
}
#footer-inner {
	width:900px;
	margin:0 auto;
	text-align:left;
	padding-top:30px;
	background:url(../img/bg_footer.gif) no-repeat left top;
}
.toppage #footer-inner {
	background:url(../../img/top/bg_footer.gif) no-repeat left top;
}


/* footer-navi */

#footer-navi {
	text-align:center;
	margin-bottom:15px;
}
#footer-navi li {
	display:inline;
}
#footer-navi a:link,
#footer-navi a:visited,
#footer-navi a:active {
	color:#000000;
	text-decoration:none;
}
#footer-navi a:hover {
	color:#0a6600;
	text-decoration:underline;
}


/* copy */

#copy {
	width:900px;
	font-size:12px;
	line-height:15px;
	color:#ffffff;
	text-align:center;
	padding:3px 0 6px 0;
	background:url(../img/bg_copy.gif) no-repeat left top;
}


/* footer-bt-top */

#footer-bt-top {
	position:relative;
}
#footer-bt-top p {
	width:84px;
	position:absolute;
	top:-40px;
	left:806px;
}





/* popup */
/* -------------------------------------------------------- */

body.popup {
	background:#ffffff;
}
.popup #container {
	width:650px;
	text-align:left;
	margin:0 auto;
	padding:15px 0;
	background:#ffffff;
}





/* parts */
/* -------------------------------------------------------- */

.b {font-weight:bold;}
.ri {text-align:right;}
.cen {text-align:center;}
.ri img,
.cen img {display:inline;}

#container .m05 {margin-bottom:5px;}
#container .m10 {margin-bottom:10px;}
#container .m15 {margin-bottom:15px;}
#container .m20 {margin-bottom:20px;}
#container .m25 {margin-bottom:25px;}
#container .m30 {margin-bottom:30px;}
#container .m35 {margin-bottom:35px;}

.co1 {color:#990000;}
.co2 {color:#666666;}



/* div */

div.error li {
	color:#cc0000;
	padding-left:18px;
	padding-bottom:2px;
	background:url(../img/icon_05.gif) no-repeat 0 1px;
}

div.box1 {
	width:645px;
	margin-bottom:15px;
	padding-top:12px;
	background:url(../img/bg_02a.gif) no-repeat left top;
}
div.box1 .inner-box1 {
	width:645px;
	background:url(../img/bg_02b.gif) repeat-y left top;
}
div.box1 .inner-box2 {
	padding:0 15px 20px 15px;
	background:url(../img/bg_02c.gif) no-repeat left bottom;
}

div.box2 {
	padding:5px 10px;
	background:#dbedd9;
}



/* title */

#category-title {
	margin-bottom:15px;
}

.ti {
	padding:20px 45px 15px 50px;
	background:url(../img/bg_h2.gif) no-repeat left bottom;
}
.ti_howto {
	padding:20px 45px 15px 50px;
	background:url(../img/bg_h2_howto.gif) no-repeat left bottom;
}
.ti_info {
	padding:20px 45px 15px 50px;
	background:url(../img/bg_h2_info.gif) no-repeat left bottom;
}
.ti_faq {
	padding:20px 45px 15px 50px;
	background:url(../img/bg_h2_faq.gif) no-repeat left bottom;
}
.ti_list {
	padding:20px 45px 15px 50px;
	background:url(../img/bg_h2_list.gif) no-repeat left bottom;
}
.ti_form {
	padding:20px 45px 15px 50px;
	background:url(../img/bg_h2_form.gif) no-repeat left bottom;
}


/* p */

p.bt {
	padding-left:15px;
	background:url(../img/icon_01.gif) no-repeat 2px 5px;
}


/* ul */

ul.disc {
	list-style-type:disc;
	margin-left:22px;
}

ul.type1 li {
	width: 240px;
	padding-left: 18px;
	padding-bottom: 2px;
	background: url(../img/icon_pdf.gif) no-repeat 0 0;
	float: left;
}


/* dl */

dl.atten dt {
	width:1.2em;
	position:absolute;
}
dl.atten dd {
	padding-left:1.2em;
}

dl.type1 {
}
dl.type1 dt {
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 20px;
	background: url(../img/bg_h3.gif) no-repeat 0 2px;
	border-bottom: solid 1px #0a6600;
}
dl.type1 dd {
	margin-bottom: 30px;
}

dl.type-faq {
}
dl.type-faq dt {
	font-weight: bold;
	color: #000000;
	margin-bottom: 10px;
	padding:  1px 0 3px 30px;
	background: url(../img/icon_q.gif) no-repeat 0 0;
	border-bottom: dashed 1px #999999;
}
dl.type-faq dd {
	margin-bottom: 30px;
	padding:  1px 0 0 30px;
	background: url(../img/icon_a.gif) no-repeat 0 0;
}


/* table */

table.type1 {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}
table.type1 th,
table.type1 td {
	text-align:left;
	vertical-align:middle;
	padding:10px 0 8px 15px;
}
table.type1 th {
	white-space:nowrap;
}
table.type1 td.cell1 {
	width:66px;
	text-align:center;
	padding:10px 0;
}
table.type1 td.cell1 img {
	display:inline;
}
table.type1 .bg {
	background:#dbedd9;
}
table.type1 a:link,
table.type1 a:visited,
table.type1 a:active {
	color:#000000;
	text-decoration:none;
}
table.type1 a:hover {
	color:#0a6600;
	text-decoration:underline;
}


table.type2 {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}
table.type2 th,
table.type2 td {
	text-align:left;
	vertical-align:middle;
	padding:10px 0 8px 15px;
	border-bottom: solid 1px #cccccc;
}
table.type2 th {
	white-space: nowrap;
	padding:10px 0 8px 10px;
}
table.type2 td {
	padding:10px 0 8px 15px;
}
table.type2 span {
	display: block;
	line-height: 160%;
	vertical-align: middle;
	padding-left: 8px;
	border-left: solid 4px #095a00;
}


table.type3 {
	width:100%;
	font-size: 12px;
	line-height: 120%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}
table.type3 th,
table.type3 td {
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	padding:2px 0;
	border:solid 1px #8eb889;
}
table.type3 th {
	color:#ffffff;
	background:#23761a;
}
table.type3 span {
	color:#23761a;
}
table.type3 .bg1 {
	background:#ffffff;
}
table.type3 .bg2 {
	background:#eaf4e9;
}


/* clear */

.pkg:after, #navi:after, #contents:after, .side-navi:after, .asset-content:after,
#map-box-inner:after, .form-list2:after, .form-list3:after, .form-list4:after, #sitemap:after, .detail-box1:after, .detail-box3:after, .list-banner:after, ul.type1:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.pkg, #navi, #contents, .side-navi, .asset-content,
#map-box-inner, .form-list2, .form-list3, .form-list4, #sitemap, .detail-box1, .detail-box3, .list-banner, ul.type1 { display: inline-block; }
/* no ie mac \*/
* html .pkg, * html #navi, * html #contents, * html .side-navi, * html .asset-content,
* html #map-box-inner, * html .form-list2, * html .form-list3, * html .form-list4, * html #sitemap, * html .detail-box1, * html .detail-box3, * html .list-banner, * html ul.type1 { height: 1%; }
.pkg, #navi, #contents, .side-navi, .asset-content,
#map-box-inner, .form-list2, .form-list3, .form-list4, #sitemap, .detail-box1, .detail-box3, .list-banner, ul.type1 { display: block; }
/* */