@charset "utf-8";




/*1: layout common setting
=========================================*/
/* container */


body{
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS PGothic", sans-serif;
 color:#333333;
 font-size:14px;
 line-height:1.5;
}
img{
	max-width:100%;
	height:auto;
}
a:hover img{
	opacity:0.8;
}
p{
	margin-bottom:1em;
}
ul{
	margin-bottom:1.5em;
}
ol{
	margin-bottom:1.5em;
}
dl{
	margin-bottom:1.5em;
}
table{
	margin-bottom:0.5em;
}
.table{
	margin-bottom:1.5em;
}


#pageContainer{
	background:url(../img/com_bg01.jpg) no-repeat center 50%;
	background-attachment:fixed;
}
#globalContents{
}
#contents{
	background:url(../img/com_bg02.gif) repeat-y center top;
	padding-top:30px;
	padding-bottom:30px;
	margin-bottom:80px;
	margin-top:30px;
}
#contents .contentsWrap{
	width:1000px;
	margin:0 auto;
}
#main{
	width:750px;
	float:left;
}
.oneContents #main{
	width:1000px;
	float:none;
}
#sidebar{
	width:220px;
	float:right;
}

/*4: topicNav
=========================================*/
.topicNavBlock{
	background:#c1ded6;
}
.topicNavBlock .topicNav{
	width:1000px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
}
.topicNavBlock ul{
	margin-bottom:0px;
}
.topicNavBlock ul li{
	float:left;
	padding-right:22px;
	background:url(../img/com_bg07.png) no-repeat right 50%;
	margin-right:7px;
}
.topicNavBlock ul li:last-child{
	background:none;
	padding-right:0px;
	margin-right:0px;
}


/*5: aside
=========================================*/
#sideMenu {
	overflow:hidden;
}
#sideMenu ul {
	margin-bottom: 0;
}


#sideMenu .catHead2nd {
	background: #007856;
}
#sideMenu .catHead2nd > a,
#sideMenu .catHead2nd > span {
	display: block;
	padding: 17px 15px 15px 15px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
#sideMenu .catHead2nd > a:hover {
	text-decoration: underline;
}
#sideMenu .catMenu3rd {
	border: solid 1px #007856;
}
#sideMenu .catMenu3rd > li {
	background: #fff;
}
#sideMenu .catMenu3rd > li + li {
	border-top: solid 1px #007856;
}
#sideMenu .catMenu3rd > li.selected {
	background: #e9f4cd;
}
 
#sideMenu .catMenu3rd > li > a,
#sideMenu .catMenu3rd > li > span {
	display: block;
	position: relative;
	padding: 13px 16px 13px 16px;
	color: #333333;
	text-decoration: none;
}

#sideMenu .catMenu3rd > li.selected > a {
	color: #333333;
	font-weight: bold;
}
#sideMenu .catMenu3rd > li > a:hover {
	text-decoration: underline;
	background: #e9f4cd;
	font-weight:bold;
}
#sideMenu .catMenu3rd > li > .catMenu4th {
	display: none;
}
#sideMenu .catMenu3rd > li.underOpen > .catMenu4th {
	display:block !important;
}
#sideMenu .catMenu3rd > li.selected > .catMenu4th {
	display: block;
	background: #eeeeee;
}
#sideMenu .catMenu3rd > li > .catMenu4th > li {
	background: #eeeeee;
	border-top: solid 1px #007856;
}
#sideMenu .catMenu3rd > li > .catMenu4th > li.selected {
	background: #e9f4cd;
	font-weight:bold;
}
#sideMenu .catMenu3rd > li > .catMenu4th > li > a,
#sideMenu .catMenu3rd > li > .catMenu4th > li > span {
	display: block;
	position: relative;
	padding: 10px 16px 9px 28px;
	color: #333333;
	font-size: 14px;
	text-decoration: none;
	background:#f5f3f3;
}
#sideMenu .catMenu3rd > li > .catMenu4th > li.selected > a {
	background: #e9f4cd;
	font-weight:bold;
}
#sideMenu .catMenu3rd > li > .catMenu4th > li > a:hover {
	background: #e9f4cd;
	font-weight:bold;
	text-decoration: underline;
} 
#sideMenu .catMenu3rd > li > .catMenu4th > li > .catMenu5th {
	display: none;
}
#sideMenu .catMenu3rd > li > .catMenu4th > li.selected > .catMenu5th {
	display: block;
}
#sideMenu .catMenu3rd > li > .catMenu4th > li > .catMenu5th > li {
	border-top: solid 1px #007856;
}
#sideMenu .catMenu3rd > li > .catMenu4th > li > .catMenu5th > li.selected {
}
#sideMenu .catMenu3rd > li > .catMenu4th > li > .catMenu5th > li > a,
#sideMenu .catMenu3rd > li > .catMenu4th > li > .catMenu5th > li > span {
	display: block;
	position: relative;
	padding: 9px 16px 8px 37px;
	color: #333333;
	text-decoration: none;
	background:#dedede;
	font-weight:normal;
}

#sideMenu .catMenu3rd > li > .catMenu4th > li > .catMenu5th > li.selected > a {
	background: #e9f4cd;
	font-weight:bold;
}
#sideMenu .catMenu3rd > li > .catMenu4th > li > .catMenu5th > li > a:hover {
	background: #e9f4cd;
	font-weight:bold;
	text-decoration: underline;
}

.sideBnBox{
	margin-top:20px;
}
.sideBnBox li{
	margin-bottom:20px;
}


/*99: extra
=========================================*/

.pageTopBtn{
	position:fixed;
	z-index:7000;
	right:50px;
	bottom:50px;
}
.pageTopBtn a{
	display:block;
	width:55px;
	height:55px;
	background:url(/common/img/com_sprite01.png) no-repeat;
	background-position:0px -320px;
}
.pageTopBtn a:hover{
	opacity:0.8;
}








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

	clearfix

=================================*/
.contentsWrap:after,
.topicNavBlock ul:after {
	content: "";
	display: block;
	clear: both;
}





#pageContainer.spStyle,
#pageContainer.tabStyle{
	background:url(../img/com_bg01.jpg) no-repeat center 50%;
	background-size:auto 100%;
}