/*===== CONTENTS ===============

1 : clearfix
2 : common selecter
3 : item common selecter
4 : rayout

==============================*/
* { zoom: 1; }

body { text-align: center; /* box centering */ font-family: meiryo,Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; color: #333; font-size: 84%; line-height: 1.6; background: url(images/skin/bg_site.jpg) repeat-x 0 82px; }

a { color: #0065D3; text-decoration: underline; }
a:link { color: #0065D3; text-decoration: underline; }
a:hover { text-decoration: none; }
a.pdf { padding: 0 0 0 20px; background: url(images/skin/pdf_small.gif) no-repeat left center; }

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6, div, p, pre, ul, ol, dl, dt, dd, address, form, blockquote { padding: 0; /* margin&padding reset */ line-height: 1.8; /* base line height */ text-align: left; display: block; margin: 0px; font-size: 100%; }

h1, h2 { font-size: 100%; margin: 0px; padding: 0px; line-height: 1.3; font-weight: normal; }

h3 { font-size: 100%; margin: 0px; padding: 0px; line-height: 1.3; font-weight: normal; background: url(images/skin/bg-page-title.jpg) repeat-x top; padding: 23px; font-weight: bold; margin: 10px 0 0 0; font-size: 110%; }

h4.group { margin: 0 0 0 26px; color: #008CC9; background: url(images/skin/icn_under_allow.jpg) no-repeat left center; padding: 0 0 0 24px; }

p { margin: 10px; }

textarea { font-size: 100%; }

img { border: none; /* img do not want a border */ vertical-align: bottom; }

dl, dd, dt { margin: 0; padding: 0; line-height: 1.6; }

ul, li { list-style: none; margin: 0; padding: 0; font-size: 100%; zoom: 1; }

ol { padding-left: 2em; }
ol li { zoom: normal; }

table, th, td { font-size: 100%; }

hr { clear: both; height: 1px; line-height: 1; font-size: 1px; border: solid #fff; border-width: 0px; }
hr.line { clear: both; height: 1px; line-height: 1px; font-size: 1px; border: solid #ccc; border-width: 1px; margin: 5px 0 10px 0; }

em { color: #CC0000; font-style: normal; font-weight: bold; }

/* 1 : clearfix
======================================================*/
.clearfix, .header-line, #global, #container #header, #container #contents, #container #contents #side .voice ul li, #container #contents #main .image-contents a.link, #container #contents #main .service-menu ul, #container #contents #main .feature, #container #contents #main .flow div, #container #footer .site-menu { zoom: 1; /*for IE 5.5-7*/ min-height: 1%; }

.clearfix:after, .header-line:after, #global:after, #container #header:after, #container #contents:after, #container #contents #side .voice ul li:after, #container #contents #main .image-contents a.link:after, #container #contents #main .service-menu ul:after, #container #contents #main .feature:after, #container #contents #main .flow div:after, #container #footer .site-menu:after { /*for modern browser*/ content: ""; display: block; height: 0px; clear: both; visibility: hidden; }

* html .clearfix, * html .header-line, * html #global, * html #container #header, #container * html #header, * html #container #contents, #container * html #contents, * html #container #contents #side .voice ul li, #container #contents #side .voice ul * html li, * html #container #contents #main .image-contents a.link, #container #contents #main .image-contents * html a.link, * html #container #contents #main .service-menu ul, #container #contents #main .service-menu * html ul, * html #container #contents #main .feature, #container #contents #main * html .feature, * html #container #contents #main .flow div, #container #contents #main .flow * html div, * html #container #footer .site-menu, #container #footer * html .site-menu { display: inline-table; /*\*/ display: block; /**/ }

/* 2 : rayout common selecter
======================================================*/
.fL { float: left; }

.fR { float: right; }

.tL { text-align: left; }

.tR { text-align: right; }

.tC { text-align: center; }

/* 3 : item common selecter
======================================================*/
a.opacity_item:hover, #global ul li a:hover, #container #header .admin a:hover, #container #contents #side .link_item ul li a:hover, #container #contents #side .access .map a:hover, #container #contents #main .main-bnr a:hover, #container #contents #main .linkbnr li a:hover, #container #contents #main .service-menu ul li a:hover { opacity: 0.5; filter: alpha(opacity=50); /* ie lt 8 */ -ms-filter: "alpha(opacity=50)"; /* ie 8 */ -moz-opacity: 0.5; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ zoom: 1; }

.header-line { padding: 0px 0px 0px 0px; background: #F5F5F5; }
.header-line .inner { width: 920px; margin: auto; }
.header-line h1 { display: inline; font-size: 84%; color: #878787; }
.header-line ul { width: auto; float: right; }
.header-line ul li { float: left; margin: 0 10px 0 0; }
.header-line ul li a { display: block; background: url(../image/skin/icn_header_allow.jpg) no-repeat left center; padding: 2px 2px 2px 10px; font-size: 84%; }

#global { background: url(../image/skin/bg-global.jpg) repeat-x; padding: 11px 0 11px 0; }
#global ul { width: 920px; margin: auto; }
#global ul li { float: left; display: block; line-height: 1; border: #BED585 solid; border-width: 0 1px 0 1px; border-right-color: #699A0F; }
#global ul li a { color: #FFF; text-decoration: none; font-weight: bold; padding: 11px 13px 11px 13px; height: 14px; display: block; }
#global ul li.start { border: none; }
#global ul li.end { border-width: 0 0 0 1px; }

#container #header { width: 920px; margin: auto; padding: 10px 0 10px 0; }
#container #header .admin { color: #878787; padding: 5px; }
#container #header .admin span { color: #5F8C0D; font-weight: bold; }
#container #header .admin a { margin-left: 10px; }
#container #contents { width: 920px; margin: 10px auto 0 auto; }
#container #contents #side { width: 210px; float: left; }
#container #contents #side .link_item ul { margin: 15px 0 0 0; }
#container #contents #side .link_item ul li { margin: 5px 0 0 0; }
#container #contents #side .contents_menu { margin: 20px 0 0 0; }
#container #contents #side .contents_menu ul { border: solid #CCC; border-width: 0px 1px 0px 1px; }
#container #contents #side .contents_menu ul li { border: solid #CCC; border-width: 0 0 1px 0; }
#container #contents #side .contents_menu ul li a { display: block; padding: 5px 5px 5px 20px; background: url(../image/skin/bg-side-menu.jpg) no-repeat 6px 14px; }
#container #contents #side .access { border: solid #CCC; border-width: 0 0px 0px 0px; padding: 0px 0 5px 0; margin: 15px 0 0 0; text-align: center; }
#container #contents #side .access .map { border: solid #CCC; border-width: 0 1px 1px 1px; text-align: center; padding: 3px; }
#container #contents #side .voice { margin: 10px 0 0 0; }
#container #contents #side .voice ul { border: solid #CCC; border-width: 0 1px 1px 1px; }
#container #contents #side .voice ul li { padding-left: 8px; font-size: 84%; clear: both; border: solid #EEE; border-width: 0 0 1px 0; }
#container #contents #side .voice ul li a { display: block; padding: 5px; font-weight: bold; font-size: 110%; }
#container #contents #side .voice ul li img { float: left; margin: 8px 8px 8px 0; }
#container #contents #side .voice ul li a.detail { display: inline; clear: both; display: block; text-align: right; }
#container #contents #side .voice ul li a.detail img { float: none; margin: 0px; }
#container #contents #main { width: 681px; float: right; }
#container #contents #main .pankuzu li { display: inline; }
#container #contents #main .pagetop { text-align: right; padding: 5px; }
#container #contents #main h2.page-title { width: 661px; display: block; border: solid #eee; border-width: 1px; border-bottom-color: #FFB33B; border-bottom-width: 3px; padding: 10px 10px 10px 10px; font-weight: bold; font-size: 120%; margin: 10px 0 0 0; background: white; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, white 0%, #ededed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #ededed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #ededed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #ededed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #ededed 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */ }
#container #contents #main .page_contents { line-height: 1.6; padding: 0 10px 20px 10px; }
#container #contents #main .page_contents h3 { background: #71c000; /* Old browsers */ background: -moz-linear-gradient(top, #71c000 0%, #53a100 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #71c000), color-stop(100%, #53a100)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #71c000 0%, #53a100 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #71c000 0%, #53a100 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #71c000 0%, #53a100 100%); /* IE10+ */ background: linear-gradient(to bottom, #71c000 0%, #53a100 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71c000', endColorstr='#53a100',GradientType=0 ); /* IE6-9 */ color: #FFF; border: solid #6D9D10 1px; font-weight: bold; font-size: 100%; padding: 5px 10px 5px 10px; margin: 20px 0 10px 0; }
#container #contents #main .main-bnr { position: relative; width: 681px; height: 286px; }
#container #contents #main .main-bnr a .contact { z-index: 2; position: absolute; right: 10px; bottom: 5px; }
#container #contents #main .linkbnr { margin: 0px 0 0 0; padding: 0px 0 0px 0; }
#container #contents #main .linkbnr li { margin: 20px 0 0 0; }
#container #contents #main .image-contents { margin: 15px 0 0 0; }
#container #contents #main .image-contents a.link { margin: 10px 0 20px 0; display: block; }
#container #contents #main .service-menu { background: #E6FFD8; }
#container #contents #main .service-menu ul { padding: 10px; }
#container #contents #main .service-menu ul li { float: left; }
#container #contents #main .feature { background: #E6FFD8; margin: 20px 0 0 0; padding: 0 0 20px 0; }
#container #contents #main .feature .list { padding: 5px; }
#container #contents #main .feature .list dl { width: 320px; float: left; margin: 10px 0px 0 10px; }
#container #contents #main .feature .list dl dd { border: solid #CCC 1px; background: #FFF; padding: 8px; min-height: 60px; font-size: 90%; }
#container #contents #main .flow { margin: 20px 0 0 0; }
#container #contents #main .flow div { width: 650px; margin: 20px 0 0 0; }
#container #contents #main .flow div .image { float: left; border: 2px solid #CCC; margin: 15px 15px 0 0; }
#container #contents #main .flow div strong { color: #FF3F00; }
#container #contents #main .flow div strong.big { font-size: 130%; }
#container #contents #main .flow div p { line-height: 1.6; }
#container #footer { margin: 20px 0 0 0; }
#container #footer .site-menu { background: #689910; }
#container #footer .site-menu ul { width: 920px; margin: auto; }
#container #footer .site-menu ul li { float: left; padding: 5px; margin: 0 26px 0 1px; font-size: 90%; }
#container #footer .site-menu ul li a { color: #FFF; }
#container #footer .copyright { text-align: center; padding: 10px; }