@charset "utf-8";

/* ----------------------------------------
    Common Style Sheet
---------------------------------------- */

/* Base 
------------------------------*/
body {
    width: 100%;
    line-height: 1.5;
    color: #5e5243;
    text-align: center;
    background: url(/common/img/body_bg_01.jpg) repeat-x;
}
hr {
    display: none;
}

#wrapper {
    font-size: 108%;
    text-align: left;
    background: url(/common/img/body_bg_02.jpg) no-repeat top center;
    background-attachment: fixed;
    background-size: 100%;
}

#headerArea {
	position: relative;
	z-index: 9999;
}

#contentsArea {
	position: relative;
}

/* Smartphone-buton
------------------------------*/
div#smartphonebtn {
    background: -webkit-gradient(linear, left top, left bottom,
      from(#ddd),
      color-stop(0.03, #fff),
      color-stop(0.03, #eee),
      color-stop(0.48, #bbb),
      color-stop(0.52, #aaa),
      to(#888)
    );
    border-radius: 10px 10px 10px 10px;
    display: block;
    font-size: 60px;
    font-weight: bold;
    height: 75px;
    line-height: 120%;
    margin: auto;
    padding: 10px 0 ;
    text-align: center;
    width: 600px;
}

div#smartphonebtn a:link{
    color: #333;
    text-decoration: none;
}

div#smartphonebtn a:visited {
    color: #333;
    text-decoration: none;
}


/* page-description
------------------------------*/
#page-description{
	width: 100%;
    background-color: #006b3f;
}
#page-description h1, #page-description p {
    height: 21px;
    padding-top: 7px;
    line-height: 1;
    color: #fff;
    font-size: 85%;
    width: 960px;/*新規追加*/
    margin: 0 auto;/*新規追加*/
}
#page-description h1 a,
#page-description p a {
    color: #fff;
    text-decoration: underline;
}


/* Header
------------------------------*/
.header {
    width: 960px;
    margin: 0 auto 5px;
}
.header-inner {
    margin: 0 5px;
}
.header-inner:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
#header-logo01 {
    float: left;
    width: 185px;
    margin-top: 19px;
}
#header-utility {
    float: right;
    width: 375px;
    margin-top: 21px;
}
#header-utility:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
#header-nav {
    float: left;
    width: 215px;
    margin-top: 2px;
    font-size: 85%;/* 12px */
}
#header-nav ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
#header-nav li {
    float: left;
    margin-right: 10px;
    padding-left: 12px;
    background: url(/common/img/inlink_icon_01.gif) no-repeat center left;
}
#fs-module {
    float: left;
    width: 156px;
}
#fs-module:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
#fs-module dt {
    float: left;
    margin: 3px 8px 0 0;
    font-size: 1px;
    line-height: 0.1;
}
#fs-module dd {
    float: left;
    margin-right: 4px;
    cursor: pointer;
}
#header-logo02 {
    float: left;
    width: 129px;
}

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

#header-menu {
	margin: 12px auto 15px;
	z-index:10000;
	width: 950px;
	position: relative;
}

#header-menu ul.menu li.menu_01 {
	float: left;
	margin-left: 2px;
	width: 236px;
	height: 46px;	
}

#header-menu ul.menu li.menu_01:first-child {
	margin-left: 0;	
}

#header-menu ul.menu li.menu_01 img {
    vertical-align: top;
}

#header-menu ul.sub {
	background:url(/common/img/index_sub_bg01.gif) no-repeat top left;
	width: 234px;
	padding-top: 13px;
	display: none;
}

#header-menu ul.sub li.menu_02 {
	background: url(/common/img/index_sub_bg02.gif) no-repeat bottom left;
	width: 234px;
	padding-bottom: 13px;
}

#header-menu ul.sub li.menu_02 div.sub_bg {
	background: url(/common/img/index_sub_bg03.gif) repeat-y top left #f8f6ef;
	width: 234px;
}

#header-menu .heade_line_01 {
    display: block;
    font-size: 0;
    line-height: 0;
    margin: 10px auto;
    padding: 0;
    text-align: center;
}

#header-menu .heade_cycle_btm {
	padding-left: 0.7em;
	text-indent: -0.7em;
}

#header-menu .heade_cycle_btm a {
	padding-left: -1em;
}

#header-menu ul.sub li.menu_02 div.sub_bg dl {
	margin-left: 13px;
}

#header-menu ul.sub li.menu_02 div dt {
	padding-top: 6px;
}

#header-menu ul.sub li.menu_02 div dt.car_icon {
    background: url("/common/img/sub_bg_icon01.png") no-repeat scroll 0 0 transparent;
	padding-top: 3px;
	padding-left: 30px; 
}

#header-menu ul.sub li.menu_02 div dd.ml20px {
	margin-left: 30px;
}

#header-menu ul.sub li.menu_02 div.internal-link dt.cycle_icon {
    background: url("/common/img/sub_bg_icon02.png") no-repeat scroll 0 0 transparent;
	padding-top: 3px;
	padding-left: 30px;
	margin-top: 10px;
}

#header-menu ul.sub li.menu_02 div.internal-link dd {
	margin-top: 5px;
}

#header-menu ul.sub li.menu_02 div.internal-link dd:first-child {
	margin-top: 0;
}

#header-menu ul.sub li.menu_02 div.internal-link dd a:hover {
	color: #79bd9f;
}

#header-submenu {
	width: 950px;
	margin: 0 auto;
	z-index: -1;
	position: relative;
}

#header-submenu ul.submenu {
	overflow: hidden;
	margin:10px;
}

#header-submenu ul.submenu li {
	float: left;
	border-right: solid #333333 1px;
}

#header-submenu ul.submenu li a {
	display: block;
	padding-left: 10px;
	padding-right: 10px;
}

#header-submenu ul.submenu li:first-child {
	border-left: solid #333333 1px;
}

#header-submenu ul.submenu li a:hover , #header-submenu ul.submenu li a.staymenu {
	background-color:#c4e2be;
}


/* Global-nav
------------------------------*/
#global-navA,
#global-navB,
#global-navC,
#global-navD,
#global-navE {
    width: 960px;
    margin: 0 auto;
}
#global-mnav ul:after,
#global-snav ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
#global-mnav ul li,
#global-snav ul li {
    float:left;
    font-size: 1px;
    line-height: 0.1;
}
#global-snav {
    margin-left: 10px;
    padding: 5px 0 7px;
}

/* global-navA */
#global-navA {
    background: url(/common/img/globalnavA_bg_01.jpg) no-repeat 0 32px;
}
#global-navA #global-mnav {
    margin-left: 375px;
}

/* global-navB */
#global-navB {
    background: url(/common/img/globalnavB_bg_01.jpg) no-repeat 0 32px;
}
#global-navB #global-mnav {
    margin-left: 366px;
}

/* global-navC */
#global-navC {
    background: url(/common/img/globalnavC_bg_01.jpg) no-repeat 0 32px;
}
#global-navC #global-mnav {
    margin-left: 365px;
}

/* global-navD */
#global-navD {
    height: 48px;
    background: url(/common/img/globalnavD_bg_01.jpg) no-repeat 0 33px;
}
#global-navD #global-mnav {
    margin-left: 365px;
}

/* global-navE */
#global-navE {
    background: url(/common/img/globalnavE_bg_01.jpg) no-repeat 0 32px;
}
#global-navE #global-mnav {
    margin-left: 365px;
}

/* breadcrumbs
------------------------------*/
#breadcrumbs {
    width: 950px;
    margin: 15px auto;
}
#breadcrumbs ul li {
    display: inline;
    margin-left: 7px;
}
#breadcrumbs ul li img {
    margin-left: 13px;
}
#breadcrumbs ul li .stay {
    color: #333;
}

/* Main
------------------------------*/
#contentsArea {
    width: 950px;
    min-height: 400px;
    margin: 0 auto;
    padding-top:10px;
}
#contentsArea:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

#contentsArea.errorpage {
    min-height: 0;
	margin-bottom:40px;
}


/* Article
------------------------------*/
/* Common 
------------------------------*/
/* Section */
.section.lv2 {
    margin-top: 30px;
}
.section.lv3 {
    margin-top: 20px;
}
.section.lv4 {
    margin-top: 20px;
}

.section.lv2.first {
    margin-top: 30px;
}
.section.lv3.first {
    margin-top: 0;
}
.section.lv4.first {
    margin-top: 20px;
}

/* Item */
.section.lv2 .item,
.section.lv3 .item,
.section.lv4 .item {
    margin-right: 10px;
    margin-left: 10px;
}
.item:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/* Contents 
------------------------------*/
#contents {
    float: left;
    width: 710px;
}
#contents #contents-bg01 {
    background: url(/common/img/contents_bg_01.gif) repeat-y left top;
}
#contents #contents-bg02 {
    padding-bottom: 40px;
    background: url(/common/img/contents_bg_02.gif) no-repeat left bottom;
}
#contents #contents-bg03 {
    padding-top: 40px;
    background: url(/common/img/contents_bg_03.gif) no-repeat left top;
}
#contents .article-inner {
    margin: 0 30px;
    color: #5e5243;
}

/* Unit */
.unit {
    margin-top: 20px;
}
.unit:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.unit.image-left .image {
    float: left;
    margin: 0 10px 0 0;
}
.unit.image-right .image {
    float: right;
    margin: 0 0 0 10px;
}

/* image-size 320px */
.unit.image320-left .image {
    float: left;
    width: 320px;
    margin-top: 0;
    text-align: center;
}
.unit.image320-left .text {
    float: right;
    width: 323px;
}
.unit.image320-right .image {
    float: right;
    width: 320px;
    margin-top: 0;
    text-align: center;
}
.unit.image320-right .text {
    float: left;
    width: 323px;
}

/* image-size 300px */
.unit.image300-left .image {
    float: left;
    width: 300px;
    margin-top: 0;
}
.unit.image300-left .text {
    float: right;
    width: 320px;
}
.unit.image300-right .image {
    float: right;
    width: 300px;
    margin-top: 0;
}
.unit.image300-right .text {
    float: left;
    width: 320px;
}
/* image-size 200px */
.unit.image200-left .image {
    float: left;
    width: 200px;
    margin-top: 0;
}
.unit.image200-left .text {
    float: right;
    width: 420px;
}
.unit.image200-right .image {
    float: right;
    width: 200px;
    margin-top: 0;
}
.unit.image200-right .text {
    float: left;
    width: 420px;
}
/* image-size 150px */
.unit.image150-left .image {
    float: left;
    width: 150px;
    margin-top: 0;
}
.unit.image150-left .text {
    float: right;
    width: 470px;
}
.unit.image150-right .image {
    float: right;
    width: 150px;
    margin-top: 0;
}
.unit.image150-right .text {
    float: left;
    width: 470px;
}
/* Col2 */
.unit.col2 .unit-inner {
    float: left;
    width: 320px;
}
.unit.col2 .unit-inner.first {
    margin-right: 10px;
}
.unit.col2 .unit-inner .image {
    margin-top: 0;
}
.unit.col2 .unit-inner-quarter {
    float: left;
    margin-right: 10px;
    padding-left: 10px;
    width: 140px;
    border-left: 1px solid #dbd4bb;
}
.unit.col2 .first {
    margin-left: 10px;
    padding-left: 0;
    border-left: none;
}
/* Col3 */
.unit.col3 .image {
    float: left;
    width: 200px;
    margin: 0 15px 0 0;
}
.unit.col3 .image.last {
	margin: 0;
}

.unit.col3 .unit-inner {
    float: left;
    width: 210px;
    margin-left: 10px;
}
.unit.col3 .unit-inner.first {
    margin-left: 0;
}
.unit.col3 .unit-inner .item {
    margin: 0 0 0 1px;
}
.unit.col3 .unit-inner .image {
    width: 210px;
    margin: 0;
}


/* Contents-index
------------------------------*/
#contents-index {
    float: left;
    width: 710px;
}
#contents-index .article-inner {
    color: #5e5243;
}
#contents-index .lead-text {
    margin: 0 0 20px 5px;
}
.catindex-unit-clear {
    margin-top: 10px;
}
.catindex-unit-clear:after,
.catindex-unit-bg:after,
.catindex-unit:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.catindex-unit {
    float: left;
    width: 350px;
    padding-top: 10px;
    background: url(/common/img/catindexunit_bg_02.gif) no-repeat left top;
}
.catindex-unit.last {
    float: right;
}
.catindex-unit-bg {
    padding-top: 12px;
    padding-bottom: 22px;
    background: url(/common/img/catindexunit_bg_01.gif) no-repeat left bottom;
}
.catindex-unit .section.lv2 {
    padding: 0 22px;
}
.catindex-unit .section.lv2 p a {
    text-decoration: none;
}
.catindex-unit .section.lv2 p a span {
    margin-bottom: 12px;
    padding-left:23px;
    font-weight: bold;
    background: url(/common/img/inlink_icon_02.gif) no-repeat center left;
}
.catindex-unit .section.lv2 p a:link span {
    color: #007f4d;
}
.catindex-unit .section.lv2 p a:visited span {
    color: #6739a5;
}
.catindex-unit .section.lv2 p a:hover span,
.catindex-unit .section.lv2 p a:focus span,
.catindex-unit .section.lv2 p a:active span {
    color: #169e36;
    text-decoration: underline;
}

.catindex-unit .unit-title span {
    display: block;
    font-size: 123.1%;/* 15px*/
}
.catindex-unit .unit-title img {
    float: left;
    margin-right: 12px;
}
.catindex-unit .unit-text {
	margin-left: 100px;
}
.catindex-unit ul.internal-link {
	margin-top: 15px;
	text-indent:-10px;/* 20100908 */
	padding-left:10px;/* 20100908 */
}
.catindex-unit ul.internal-link li {
	line-height: 1.2 !important;
	margin-bottom: 9px;
}

.catindex-unit .special-link {
	margin-left: 19px;
	padding-bottom: 12px;
    background: url(/common/img/contentsindex_linkbg_01.gif) no-repeat left bottom;
}
.catindex-unit .special-link ul {
	padding: 11px 0 0 18px;
    background: url(/common/img/contentsindex_linkbg_02.gif) no-repeat left top;
}
.catindex-unit .special-link ul a {
	display: block;
    padding-left: 10px;
    background: url(/common/img/inlink_icon_01.gif) no-repeat left center;
}

#contents-index .section.lv2,
#contents-index .section.lv3,
#contents-index .section.lv4 {
    margin-top: 0;
}


/* Main-Visual 
------------------------------*/
#contents-index .main-visual {
	position: relative;
	width: 710px;
	margin:0;
}


/* Contents-full
------------------------------*/
#contents-full {
    float: none;
    width: 100%;
}
#contents-full #contents-bg01 {
    background: url(/common/img/contentsfull_bg_01.gif) repeat-y left top;
}
#contents-full #contents-bg02 {
    padding-bottom: 40px;
    background: url(/common/img/contentsfull_bg_02.gif) no-repeat left bottom;
}
#contents-full #contents-bg03 {
    padding-top: 40px;
    background: url(/common/img/contentsfull_bg_03.gif) no-repeat left top;
}
#contents-full .article-inner {
    margin: 0 30px;
    color: #5e5243;
}
#contents-full .section-col3:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
#contents-full .section-col3 .section.lv2 {
	float: left;
	width: 280px;
	margin-right: 24px;
}
#contents-full .section-col3 .section.lv2.last {
	margin-right: 0;
}

/* Aside
------------------------------*/
.rightArea {
    float: right;
    width: 220px;
}
.leftArea {
    width: 710px;
}
/* Local-nav
------------------------------*/
#local-nav {
	margin-bottom: 20px;
}
#lnav-catheading {
    padding-top: 8px;
    background: url(/common/img/localnav_bg_04.gif) no-repeat left top;/*100827*/
}
#lnav-catheading-bg {
    padding: 4px 14px 12px;
    background: url(/common/img/localnav_bg_05.gif) repeat-y left bottom;/*100827*/
}
#lnav-catheading h2 a {
	display: block;
    padding-left: 23px;
    color: #ffffff;/*100827*/
    font-size: 108%;/* 15px */
    font-weight: bold;
    background: url(/common/img/inlink_icon_04.gif) no-repeat 0 0.23em;/*100827*/
}
#lnav-catheading h2 a:link {
    color: #ffffff;/* 007f4d */
    text-decoration: none;
}
#lnav-catheading h2 a:visited {
    color: #ffffff;/* 6739a5 */
    text-decoration: none;
}
#lnav-catheading h2 a:hover,
#lnav-catheading h2 a:focus,
#lnav-catheading h2 a:active {
    color: #ffffff;/* 169e36 */
    text-decoration: underline;
}
#local-nav-bg01 {
    background: url(/common/img/localnav_bg_01.gif) repeat-y left top;
}
#local-nav-bg02 {
    padding: 1px 0;
    background: url(/common/img/localnav_bg_02.gif) no-repeat left bottom;
}
.lnav-lv4 ul {
    display: none;
}

/* lnav-lv4 */
.lnav-lv4 li {
    border-top:1px solid #cde3bf;
}
.lnav-lv4 li.first {
    border-top:none;
}
.lnav-lv4 li a {
    display: block;
    margin: 1px 2px;
    padding: 7px 18px;
    color: #06c;
}
.lnav-lv4 li.first a {
    margin-top: 0;
}
.lnav-lv4 li a:hover {
    color: #06c;
    background-color: #ffffe5;
}
.lnav-lv4 li.staynode ul {
	display: block;
}
.lnav-lv4 li a.stay {
    color: #5e5243;
    background-color: #dae9cd;
}
.lnav-lv4 li span {
    display: block;
    padding: 2px 0 2px 14px;
	line-height: 1.2;
    background: url(/common/img/inlink_icon_01.gif) no-repeat 0 0.5em;
}
/* lnav-lv5 */
.lnav-lv5 li {
    margin: 1px 2px;
    padding-top: 1px;
    border-top: none;
    background: #f8f6ef url(/common/img/localnav_lv5bg_01.gif) repeat-x top left;
}
.lnav-lv5 li.staynode {
    background: transparent url(/common/img/localnav_lv5bg_01.gif) repeat-x top left;
}
.lnav-lv5 li a {
    margin: 1px 0;
    padding-left: 30px;
}
.lnav-lv5 li.first a {
    margin-top: 1px;
}

/* lnav-lv6 */
.lnav-lv6 li {
    margin: 1px 0;
    padding-top: 1px;
    border-top: none;
    background: #f8f6ef url(/common/img/localnav_lv5bg_01.gif) repeat-x top left;
}
.lnav-lv6 li.staynode {
    background: transparent url(/common/img/localnav_lv5bg_01.gif) repeat-x top left;
}
.lnav-lv6 li a {
    margin: 1px 0;
    padding-left: 45px;
}
.lnav-lv6 li.first a {
    margin-top: 1px;
}

/* Footer-nav
------------------------------*/
.footer-nav {
    width: 950px;
    margin: 0 auto 20px;
    padding-bottom: 18px;
    background: url(/common/img/footernav_bg_02.gif) no-repeat left bottom
}
.footer-nav-inner {
    padding: 22px 0 0 21px;
    background: url(/common/img/footernav_bg_01.gif) no-repeat left top
}
.footer-nav-inner:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.footer-nav ul {
    float: left;
}
.footer-nav ul ul {
    float: none;
    margin-top: 10px;
}
.footer-nav ul ul li{
	line-height: 1.2 !important;
	padding-bottom: 5px;
}
*html .footer-nav ul ul li{
	padding-bottom: 0px;
}
.footer-nav ul li.headings li {
	padding-left: 23px;
	text-indent: -23px;
}
.footer-nav ul li.headings li a {
    margin: 0 0 5px 15px;
    padding-left: 9px;
    color: #06c;
    font-size: 93%;/* 13px */
    font-weight: normal;
    background: url(/common/img/inlink_icon_01.gif) no-repeat 0 0.25em;
}

.footer-nav a:link {
    color: #0066cc;
    text-decoration: none !important;
}
.footer-nav a:visited {
    color: #6739a5;
    text-decoration: none !important;
}
.footer-nav a:hover {
    color: #379ee6;
    text-decoration: underline !important;
}
.footer-nav a:focus {
    color: #379ee6;
    text-decoration: underline !important;
}
.footer-nav a:active {
    color: #379ee6;
    text-decoration: underline !important;
}
.footer-nav a {
    outline: none !important;
}

#footer-navA {
    width: 225px;
}
#footer-navB {
    width: 225px;
}
#footer-navC {
    width: 215px;
}
#footer-navD {
    width: 240px;
}
#footer-navE {
    width: 260px;
}
#footer-navF {
    width: 210px;
}



/* Footer-Utility
------------------------------*/
.footer-utility {
    width: 950px;
    margin: 0 auto;
}
#group-link01 {
    text-align: center;
}

#group-link01 li {
    display: inline;
    margin-right: 10px;
    padding-left: 12px;
    font-size: 93%; /* 13px */
    background: url(/common/img/inlink_icon_01.gif) no-repeat center left;
}

#group-link01 li:first-child {
    background: none;
    padding-left: 0;
	height: 24px;
}


#group-tagline {
    margin: 10px 0;
    text-align: center;
}

/*#group-link02 {
    width: 469px;
    margin: 0 auto;
}
#group-link02:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
#group-link02 li {
    float: left;
    border-right: 1px solid #ccc;
}
#group-link02 li.last {
    border-right: none;
}*/

#group-link02 {
    width: 734px;
    margin: 20px auto 10px;
}
#group-link02:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
#group-link02 li {
    float: left;
    display: inline;
	margin-left:6px;
}

#group-link02 li:first-child {
	margin-left:0;
}

#group-link02 li img { vertical-align: top; }

#group-link03 {
    margin: 20px auto 10px;
    width: 925px;
}
#group-link03:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
#group-link03 li {
    display: inline;
    float: left;
    margin-left: 6px;
}
#group-link04 {
    text-align: center;
}
#group-link04 li {
    background: url("/common/img/inlink_icon_01.gif") no-repeat scroll left center transparent;
    display: inline;
    font-size: 93%;
    margin-right: 9px;
    padding-left: 10px;
}
/*
#group-link04 li:first-child {
    background: none repeat scroll 0 0 transparent;
    height: 24px;
    padding-left: 0;
}
*/


/* Footer
------------------------------*/
.footer {
    background: url(/common/img/footer_bg_01.jpg) repeat-x left bottom;
}
.footer-bg {
    padding: 111px 0 77px;
    background: url(/common/img/footer_bg_02.jpg) no-repeat center bottom;
}
.footer-inner {
    width: 950px;
    margin: 0 auto;
}
#footer-copyright {
    margin: 0 5px;
}
#footer-copyright:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
#site-description {
    float: left;
    font-size: 85%;
}
#copyright {
    float: right;
}
#copyright small {
    font-size:100%;
}