@charset "utf-8";

/* ****************************************************
  layout styles
***************************************************** */




/* content-area
=========================================*/
#contents-area {
	clear: both;
	margin: 0 auto;
	width: 960px;
	background-color: #ffffff;
}
* html #contents-area {/* for IE6 */
	height: 1px;
}




/* content-main
=========================================*/
div#content-main {
	float: right;
	width: 690px;
	line-height: 1.7;
}




/* header-area
=========================================*/
#header-area {
	width: 960px;
	margin: 0 auto;
}


/* logo
=========================================*/
#header-area #logo {
	float: left;
	width: 200px;
}


/* header-utility
=========================================*/
#header-utility {
	float: left;
	width: 499px;
	padding: 16px 0 0 0;
	text-align: right;
}
body:first-of-type #header-utility {/* for Safari */
	width: 495px;
}

#header-utility ul {
	float: right;
}
#header-utility ul li {
	float: left;
	padding: 0 0 0 19px;
	background: url(/image/common/com_ic001.gif) no-repeat 10px 0.3em;
}


/* site-search
=========================================*/
#site-search {
	float: right;
	width: 241px;
	padding: 10px 20px 0 0;
	text-align: right;
}
body:first-of-type #site-search {/* for Safari */
	width: 245px;
}

#site-search input.search-text {
	float: left;
	padding: 3px 5px 3px 5px;
	margin: 0 0 0 16px;
	width: 144px;
	border: solid 1px #bbbbbb;
}
#site-search input.search-btn {
	float: right;
	margin: 1px 0 1px 0;
}
#site-search legend {
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	text-align: left;
}


/* header-navi
=========================================*/
#header-area #header-navi {
	clear: both;
	margin: 0 20px 0 20px;
}


/* global-navi
=========================================*/
#global-navi {
	clear: both;
	border-bottom: solid 2px #0076c0;
}
#global-navi li {
	float: left;
}
#global-navi li#g-navi-01,
#global-navi li#g-navi-02 {
	padding-right: 19px;
}
#global-navi li#g-navi-03 {
	padding-right: 21px;
}

/* local-navi
=========================================*/
#topic-path {
	clear: both;
	margin: 8px 20px 0 20px;
}
#topic-path span {
	margin-right: 5px;
	padding: 1px 0 3px 0;
}
#topic-path p em {
	font-style: normal;
}
#topic-path span.first {
	padding: 0;
	background: none;
}
.page-back-type p {
	width: 755px;
	float: left;
}
.page-back-type .page-back {
	width: 145px;
	float: right;
	text-align: right;
}
#topic-path .page-back {
	display: none;
}


/* content-body
=========================================*/
div#content-body {
	width: 920px;
	margin: 0 20px 0 20px;
}




/* footer-area
=========================================*/
#footer-area {
	clear: both;
	width: 960px;
	margin: 3.57em auto 0;/* 50px → 3.57em */
	padding: 0 0 20px 0;
}


/* footer-utility
=========================================*/
#footer-utility {
	clear: both;
	margin: 0 20px 0 20px;
}


/* footer-topic-path
=========================================*/
#footer-topic-path {
	clear: both;
	padding: 8px 20px 11px 20px;
	width: 720px;
	float: left;
}

#footer-topic-path span {
	margin-right: 5px;
	padding: 1px 0 3px 0;
}
#footer-topic-path span em {
	font-style: normal;
}
#footer-topic-path span.first {
	padding: 0;
	background: none;
}


/* backto-pagetop
=========================================*/
#footer-area .backto-pagetop {
	padding: 8px 20px 11px 0;
	width: 175px;
	text-align: right;
	float: right;
}
#contents-area .backto-pagetop {
	padding: 8px 0 11px 0;
	width: 175px;
	text-align: right;
	float: right;
}
#footer-area .backto-pagetop ul li,
#contents-area .backto-pagetop ul li {
	padding: 0 0 0 11px;
	background: url(/image/common/com_ic008.gif) no-repeat 0 0.3em;
	display: inline;
}
* html #footer-area .backto-pagetop ul li,
* html #contents-area .backto-pagetop ul li {/* for IE6 */
	height: 1px;
}


/* site-info
=========================================*/
#site-info {
	clear: both;
	padding: 8px 20px 0 20px;
	border-top: solid 1px #cccccc;
}
#site-info ul {
	float: left;
	width: 200px;
	padding: 0 0 0 20px;
}
#site-info ul li {
	float: left;
	padding: 0 15px 0 9px;
	background: url(/image/common/com_ic001.gif) no-repeat 0 0.3em;
	white-space: nowrap;
}


/* footer-global-navi
=========================================*/
#site-info #footer-global-navi {
	width: 270px;
	padding: 0 10px 3px 0;
	border-right: solid 1px #aaaaaa;
}
#site-info #footer-global-navi li {
	float: left;
}
#site-info #footer-global-navi li em {
	font-style: normal;
}


/* footer-copyright
=========================================*/
#footer-author {
	width: 410px;
	text-align: right;
	float: right;
}
#footer-author p {
	margin: 7px 0 0 0;
}




/* content-sub
=========================================*/
#content-sub {
	float: left;
	width: 190px;
	padding: 28px 0 30px 0;
	line-height: 1.2;
}
#content-sub ul li {
	display: block;
	line-height: 1.4;
}
#content-sub ul li em {
	font-style: normal;
}
#content-sub ul li em a {
	font-weight: bold;
}

/* caregory-title */
#content-sub #caregory-title p {
	margin-top: 0;
}

/* caregory-navi */
#content-sub ul#caregory-navi {
	width: 190px;
	margin-top: 10px;
}
#content-sub ul#caregory-navi li {
	padding: 5px 0 5px 13px;
	background: url(/image/common/com_ic001.gif) no-repeat 0 0.9em; 
}
#content-sub ul#caregory-navi li.on,
#content-sub ul#caregory-navi li.stay {
	padding: 0;
}
#content-sub ul#caregory-navi li em {
	background: #0076c0;
	display: block;
	padding: 5px 5px 5px 13px;
}
#content-sub ul#caregory-navi li em a {
	color: #ffffff;
	text-decoration: none;
}
#content-sub ul#caregory-navi li.open {
	background: url(/image/common/com_ic006.gif) no-repeat 0 0.9em; 
}
#content-sub ul#caregory-navi li.on a {
	font-weight: bold;
}

/* second-category */
#content-sub ul#caregory-navi ul.second-category {
	width: 177px;
	margin-top: 5px;
	padding: 0;
}
#content-sub ul#caregory-navi li.on ul.second-category {
	padding: 0 0 0 13px;
	margin-top: 5px;
}
#content-sub ul#caregory-navi li.on ul.second-category li {
	background: url(/image/common/com_ic001.gif) no-repeat 0 0.9em;
}
#content-sub ul#caregory-navi li.on ul.second-category li a {
	font-weight: normal;
	text-decoration: underline;
}
#content-sub ul#caregory-navi ul.second-category li {
	width: auto;
	padding: 5px 0 5px 13px;
	background: url(/image/common/com_ic001.gif) no-repeat 0 0.9em; 
}

*html #content-sub ul#caregory-navi ul.second-category li {/* for IE6 */
	height: 1px;
}

#content-sub ul#caregory-navi ul.second-category li em {
	background: #0076c0;
	display: block;
	padding: 5px 5px 5px 13px;
}
#content-sub ul#caregory-navi ul.second-category li em a {
	background: none;
	color: #ffffff;
	text-decoration:none;
}
#content-sub ul#caregory-navi ul.second-category li.open {
	background: url(/image/common/com_ic006.gif) no-repeat 0 0.9em; 
}
#content-sub ul#caregory-navi ul.second-category li.on,
#content-sub ul#caregory-navi ul.second-category li.stay {
	padding: 0;
}
#content-sub ul#caregory-navi ul.second-category li.on a {
	font-weight: bold;
}

/* third-category */
#content-sub ul#caregory-navi ul.second-category ul.third-category {
	width: 164px;
	margin-top: 5px;
	padding-left: 0;
}
#content-sub ul#caregory-navi ul.second-category li.on ul.third-category {
	padding-left: 13px;
}
#content-sub ul#caregory-navi ul.second-category ul.third-category li {
	width: auto;
	padding: 0 0 2px 14px;
	background: url(/image/common/com_ic001.gif) no-repeat 0 0.5em;
}
#content-sub ul#caregory-navi ul.second-category ul.third-category li a {
	font-weight: normal;
}
#content-sub ul#caregory-navi ul.second-category ul.third-category li.stay {
	padding: 0;
}
#content-sub ul#caregory-navi ul.second-category ul.third-category li em {
	background: #0076c0;
	display: block;
	padding: 5px 5px 5px 13px;
}
#content-sub ul#caregory-navi ul.second-category ul.third-category li.stay em a {
	background: none;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

/* contact */
#content-sub .contact {
	margin: 22px 0 0 0;
	line-height: 1.4;
}
#content-sub .contact li {
	width: 177px;
	padding-left: 13px;
	background: url(/image/common/com_ic001.gif) no-repeat 0 0.5em;
}

/* no-link */
#content-sub ul#caregory-navi li.no-link {
	padding-left: 14px;
	background: url(/image/common/com_ic006.gif) no-repeat 0 0.9em;
}

/* second-category */
#content-sub div#pdf-banner-block {
	display: none;
	margin: 30px 0 0 0;
	line-height: 1.4;
}
body:first-of-type #content-sub div#pdf-banner-block .link-tail {/* for Safari */
	position: relative;
}
#content-sub div#pdf-banner-block .link-tail img {
	margin: 0.1em 0 -2px 5px;
}
body:first-of-type #content-sub div#pdf-banner-block .link-tail img {/* for Safari */
	margin: 0 0 -2px 5px;
}

/* contact-navi */
#content-sub ul#caregory-navi li.contact-navi01,
#content-sub ul#caregory-navi li.contact-navi02,
#content-sub ul#caregory-navi li.contact-navi03,
#content-sub ul#caregory-navi li.contact-navi04 {
	width: auto;
	background: none;
	text-indent: -1.8em;
	padding-left: 1.8em;
}
#content-sub ul#caregory-navi li.contact-navi01 {
	padding-left: 0;
}
#content-sub ul#caregory-navi li.contact-navi02 {
	padding: 8px 0 5px 36px;
}
#content-sub ul#caregory-navi li.contact-navi03 {
	padding: 32px 0 10px;
	background: url(/image/common/com_ic010.gif) no-repeat 78px 0.2em;
}
#content-sub ul#caregory-navi li.contact-navi04 {
	padding: 30px 0 6px 36px;
	background: url(/image/common/com_ic010.gif) no-repeat 78px 0.2em;
}
* html #content-sub ul#caregory-navi li.contact-navi03,
* html #content-sub ul#caregory-navi li.contact-navi04 {/* for IE6 */
	height: 1px;
}

#content-sub ul#caregory-navi li.contact-navi01 em,
#content-sub ul#caregory-navi li.contact-navi03 em {
	padding: 5px 13px 5px 36px;
	color: #ffffff;
	text-decoration: none;
}
#content-sub ul#caregory-navi li.contact-navi01 em,
#content-sub ul#caregory-navi li.contact-navi02,
#content-sub ul#caregory-navi li.contact-navi03 em,
#content-sub ul#caregory-navi li.contact-navi04 {
	font-weight: bold;
}
body:first-of-type #content-sub ul#caregory-navi li.contact-navi01 em,
body:first-of-type #content-sub ul#caregory-navi li.contact-navi02,
body:first-of-type #content-sub ul#caregory-navi li.contact-navi03 em,
body:first-of-type #content-sub ul#caregory-navi li.contact-navi04 {/* for Safari */
	text-indent: -2.8em;
	padding-left: 2.8em;
}



/* Clear fix
=========================================*/
#contents-area:after,
#global-navi:after,
#topic-path:after,
#footer-area:after,
#site-info:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0;
	line-height: 0;
}

#contents-area,
#global-navi,
#topic-path,
#footer-area,
#site-info {
	min-height: 1px;
}

* html #contents-area,
* html #global-navi,
* html #topic-path,
* html #footer-area,
* html #site-info {/* for IE6 */
	height: 1px;
}

*:first-child+html #contents-area,
*:first-child+html #global-navi,
*:first-child+html #topic-path,
*:first-child+html #footer-area,
*:first-child+html #site-info {/* for IE7 */
	zoom: 1;
}
