@charset "utf-8";

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

	Title:layout.css
	Last-updated: 2011/1/11
	Auther:b.mode
	Outline:ページレイアウト

====================*/

body {
	text-align: center;
	background: #F8F8F8;
}

#pageJanp {
	position: absolute;
	top: -100px;
}

#abNav { background: #62269a; }

#abNav-Inner {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

#abNav .abNavSec {
	float: right;
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 6px;
}

#abNav .abNavSecOn {
	background: #4B157E;
	border-left: 1px solid #8340C1;
	float: right;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 5px;
}

#abNav .on {
	background: #4B157E;
	border-left: 1px solid #8340C1;
}

#abNav .abNavSec p,
#abNav .abNavSec li,
#abNav .abNavSecOn p,
#abNav .abNavSecOn li { display: inline; }

#abNav .abNavSec ul,
#abNav .abNavSecOn ul {	display: inline;}

#header {
	background: #FFF url(../img/share/header_bg.png) repeat-x bottom;
	border-bottom: 1px solid #DDD;
}

#header-Inner {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	width: 920px;
	padding-bottom: 10px;
}

#header h1 {
	float: left;
	padding-top: 20px;
}

#header #hNavSub {
	float: right;
	padding-top: 8px;
	padding-bottom: 8px;	
}

* html #header #hNavSub{ width: 270px; }

#header #hNavSub ul li {
	float: left;
	margin-left: 5px;
}

#header #hNavSub ul .line {
	border-right: 1px solid #BBB;
	padding-right: 5px;
	margin-right: 5px;
}

#header #hNavSub ul .margin { margin-right: 10px; }
#header #hNavSub ul li a  {
	color: #000;
	font-size: 0.84em;
}
#header #hNavi {
	float: right;
	clear: right;
}

* html #header #hNavi {width: 450px;}

#header #hNavi ul li {
	float: left;
	margin-left: 8px;
}

#header #description {}

#gNavi {
	background: #EEE url(../img/share/g-nav_bg.gif) repeat-x bottom;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	margin-bottom: 20px;
}

#gNavi-Inner {
	margin-right: auto;
	margin-left: auto;
	width: 920px;
}

#gNavi li { float: left; }

#gNavi li a {
	display: block;
	height: 50px;
	text-indent: -9999px;
}

#gNavi #gNavi01 a:link,
#gNavi #gNavi01 a:visited {
	background: url(../img/share/g-nav.jpg) no-repeat 0px 0px;
	width: 129px;
}
#gNavi #gNavi01 a:hover,
#gNavi #gNavi01 a:active { background: url(../img/share/g-nav.jpg) no-repeat 0px -50px; }

#gNavi #gNavi02 a:link,
#gNavi #gNavi02 a:visited {
	background: url(../img/share/g-nav.jpg) no-repeat -129px 0px;
	width: 162px;
}
#gNavi #gNavi02 a:hover,
#gNavi #gNavi02 a:active { background: url(../img/share/g-nav.jpg) no-repeat -129px -50px; }

#gNavi #gNavi03 a:link,
#gNavi #gNavi03 a:visited {
	background: url(../img/share/g-nav.jpg) no-repeat -291px 0px;
	width: 219px;
}
#gNavi #gNavi03 a:hover,
#gNavi #gNavi03 a:active { background: url(../img/share/g-nav.jpg) no-repeat -291px -50px; }

#gNavi #gNavi04 a:link,
#gNavi #gNavi04 a:visited {
	background: url(../img/share/g-nav.jpg) no-repeat -510px 0px;
	width: 170px;
}
#gNavi #gNavi04 a:hover,
#gNavi #gNavi04 a:active { background: url(../img/share/g-nav.jpg) no-repeat -510px -50px; }

#gNavi #gNavi05 a:link,
#gNavi #gNavi05 a:visited {
	background: url(../img/share/g-nav.jpg) no-repeat -680px 0px;
	width: 124px;
}
#gNavi #gNavi05 a:hover,
#gNavi #gNavi05 a:active { background: url(../img/share/g-nav.jpg) no-repeat -680px -50px; }

#gNavi #gNavi06 a:link,
#gNavi #gNavi06 a:visited {
	background: url(../img/share/g-nav.jpg) no-repeat -804px 0px;
	width: 116px;
}

#gNavi #gNavi06 a:hover,
#gNavi #gNavi06 a:active { background: url(../img/share/g-nav.jpg) no-repeat -804px -50px; }

#contents { }

#contents-Inner {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 920px;
}

#contents #breadList { margin-bottom: 15px; 
}

#contents #breadList * {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#contents #breadList ul li {
	float: left;
	background: url(../img/share/arrow.gif) no-repeat right center;
	padding-right: 15px;
	margin-right: 10px;
}

#contents #breadList ul .end { background: url(none); }

#subArea {
	float: left;
	width: 240px;
}

#subArea-Inner { width: 220px; }
#subArea #subAreaKv {
	border-style: none;
	background: url(none);
}

#subArea #subAreaKv p { margin: 0px; }


#subArea .section {
	background: #FFF;
	border: 1px solid #DDD;
	font-size: 0.84em;
}

#subArea .section .Inner {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

#subArea .section h3 {
	background: #995CD5 url(../img/share/sub_ttl_bg.jpg) repeat-x bottom;
	font-weight: bold;
	color: #FFF;
	font-size: 1em;
	padding: 10px;
	margin: 0px;
}

#subArea .section ul li { margin-bottom: 7px; }

#mainArea {
	float: left;
	width: 680px;
	line-height: 160%;
}

#subArea2 {
	float: right;
	width: 220px;
}

#subArea2 p { margin-bottom: 10px; }

#bottomArea {
        float: left;
        width: 1240px;
}

#bottomArea .section {
        height: 45px;
        margin-bottom: 5px;
}

#bottomArea .section ul {
    float: left;
    margin-bottom: 7px;
}

#bottomArea .section li {
    float: left;
    margin-right: 5px;
}

#bottomArea .yuryo {
    width: 908px;
    border: 3px solid #483d8b;
    padding: 5px;
}


#fPagejTop {
	text-align: right;
	clear: both;
	margin-bottom: 5px;
	padding-top: 30px;
}


#footer {
	font-size: 0.86em;
	background: #FFF url(../img/share/footer_bg.jpg) repeat-x bottom;
	line-height: 140%;
}


#footer #fNavi {}

#footer #fNavi {
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #DDDDDD;
	margin-bottom: 15px;
	background: #EEE;
}

#footer #fNavi .Inner {
	width: 900px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
}

#footer #fNavi ul li {
	float: left;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #DDD;
}

#footer-Inner {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
}

#footer #fNavi2 {
	font-size: 0.86em;
	float: right;
	width: 50%;
}

* html #footer #fNavi2 { width: 440px; }
* html #footer #fNavi2 .floatLeft,
* html #footer #fNavi2 .floatRight { width: 210px; }

#footer #fNavi2 p {
	display: list-item;
	list-style: square inside;
}
#footer #fNavi2 ul li { list-style: url(../img/share/arrow2.gif) inside; }


#footer #copyright {  }

#footer #ad {
	font-size: 0.86em;
	width: 50%;
}

* html #footer #ad { width: 450px;}

#footer #ad p { margin-bottom: 10px; }

#footer #ad dl dt {
	float: left;
	text-align: justify;
}

#footer #ad dl dd { padding-left: 75px; }

#footer #copyright {
	font-size: 0.86em;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*　アコーディオン
-----------------------------------------*/

.acTtl {
	background: url(../img/share/accordion_icon01.gif) no-repeat left center;
	cursor:pointer;
	cursor:hand;
	padding-left: 20px;
}

.acTtl.open {
	background: url(../img/share/accordion_icon02.gif) no-repeat left center;
	padding-left: 20px;
}

.acConts {
	display: none;
	padding-left: 20px;
}