/* CSS Document */

/* reset ---------------------------------------------
------------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,th,td {
     margin: 0;
     padding: 0;
}
html { 
	overflow-y: scroll;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
ol,ul { 
	list-style: none;
}
img { 
	border: 0;
}
table {
     border-collapse: collapse;
     border-spacing: 0;
}
address,caption,th { 
	font-style: normal;
}
a:link, a:visited {
	color: #2c673c;
	text-decoration: underline;
}
a:hover, a:active {	
	color: #2c673c;
	text-decoration: underline;
}

/* hack ---------------------------------------------
------------------------------------------------------ */
* html body{ padding-left:1px;} 
*+html body{ padding-left:1px;}

.clear { 
	clear:both;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* layout ---------------------------------------------
------------------------------------------------------ */
body, td, th {
	font-size: 12px;
	line-height: 1.5;
	color:#333333;
	}

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color: #000000;
}

h1 {
	width: 530px;
	margin-bottom: 10px;
}

h2 {
	margin-bottom: 20px;
	}

h3 {
	margin-bottom: 15px;
	}
	
p{
	margin-bottom: 25px;
}

#container {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/container_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #312234;
}

#header {
	height: 85px;
	margin-bottom: 20px;
}

#headerLogo {
	width: 82px;
	height: 235px;
	margin-top: 20px;
	margin-left: 70px;
	margin-bottom: 87px;
}

#leftBox {
	width: 200px;
	float: left;
}

#gnav {
	width: 185px;
	margin-bottom: 32px;
	margin-left: 15px;
}

#gnav ul { 
	width: 185px;
	}

#gnav ul li {
	width: 185px;
	margin-bottom: 8px;
	}

#gnav ul img { 
	vertical-align: top;
	}

.bnr01 {
	width: 160px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
}

#contentsBox {
	width: 530px;
	float: right;
	background-color: #FFFFFF;
	margin-top: 64px;
	background-image: url(../images/contents_box_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
}

#footer {
	width: 530px;
	text-align: center;
	background-color: #FFFFFF;
	margin-bottom: 20px;
}

address {
	color: #656565;
}

.pagetop{
	text-align: right;
	width: 530px;
	margin-bottom: 25px;
}

#topicPath {
	font-size: 10px;
	line-height: 1.4;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}
#topicPath li {
	display:inline;
	line-height:100%;
}
#topicPath li a {
	padding-right:12px;
	background-image: url(../images/topicpath.gif);
	background-repeat: no-repeat;
	background-position: right center;
} 

.section {
	width: 530px;
}

.section .innerBox {
	width: 510px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
}

/* common ---------------------------------------------
------------------------------------------------------ */
.floatRight{ float:right;}
.floatLeft{	float:left;}

.mgnTop20 {	margin-top:20px;}
.mgnTop40 {	margin-top:40px;}
.mgnLeft20 { margin-left:20px;}
.mgnLeft30 { margin-left:30px;}
.mgnLeft40 { margin-left:40px;}
.mgnRight20 { margin-right:20px;}
.mgnRight40 { margin-right:40px;}
.mgnBtm5 { margin-bottom:5px;}
.mgnBtm10 { margin-bottom:10px;}
.mgnBtm20 {	margin-bottom:20px;}
.mgnBtm30 { margin-bottom:30px;}
.mgnBtm40 { margin-bottom:40px;}

.f10 {
	font-size: 10px;
	line-height: 1.5;
}
.f14 {
	font-size: 14px;
	line-height: 1.5;
}
.f16 {
	font-size: 16px;
	line-height: 1.5;
}

.clYellow {
	color: #645e00;
}
.redBrown {
	color: #622020;
}

.tblData01 th {
	padding: 5px;
	border: 1px solid #CCCCCC;
	text-align: left;
}
.tblData01 td {
	padding: 3px;
	border: 1px solid #CCCCCC;
}

td.tblData02 {
	padding-bottom: 10px;
}

.readBox01{
	background-image: url(../images/readBox01_bg.gif);
	background-repeat: repeat;
	margin-bottom: 25px;
	border: 1px solid #ddd5b9;
	padding: 9px;
	width: 510px;
}
.readBox02{
	background-image: url(../images/readBox01_bg.gif);
	background-repeat: repeat;
	margin-bottom: 25px;
	border: 1px solid #ddd5b9;
	padding: 9px;
	width: 490px;
}
.readBox03{
	background-image: url(../images/readBox01_bg.gif);
	background-repeat: repeat;
	border: 1px solid #ddd5b9;
	padding: 9px;
	width: 490px;
}

#subNav {
	margin-bottom: 20px;
	background-color: #E3E0E7;
	border: 1px solid #998EA8;
	padding: 3px;
	text-align: center;
}

/* top page ---------------------------------------------
------------------------------------------------------ */
.idxInfoBox01 {
	width: 510px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 25px;
}
.idxInfoBox01 h3 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px;
}
.idxInfoBox01 .phBoxRight {
	float:right;
	width: 210px;
	margin-left: 20px;
}
.idxInfoBox01 .phBoxLeft {
	float:left;
	width: 210px;
	margin-right: 20px;
}
.separateW510{
	width: 510px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
}

/* shingyoji -----------------------------------------
------------------------------------------------------ */

/* access ---------------------------------------------
------------------------------------------------------ */
#map {
	width: 508px;
	height: 500px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}

/* shichifukujin -------------------------------------
------------------------------------------------------ */
#shichifuku td {
	padding: 3px;
}

/* pager --------------------------------------------- */
.centered {
  position: relative;
  overflow: hidden;
}

div.pager {
	font-size: 10px;
	line-height: 1.4;
	/* ↓centering setting */
	position: relative;
	left: 50%;
  float: left;
}

div.pager a,
div.pager span {
	display: block;
	float: left;
	margin-right: 0.1em;
	padding: 0.2em 0.5em;
	/* ↓centering setting */	
	position: relative;
  left: -50%;
}

div.pager a, div.pager a:visited {
    color: #333333;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    text-decoration: none;
}

div.pager a:hover, div.pager a:active {
    color: #FFFFFF;
    background-color: #2C673C;
    border: 1px solid #2C673C;
}

div.pager span.current {
    color: #ffffff;
    background-color: #2C673C;
    border: 1px solid #2C673C;
    font-weight: bold;
}

div.pager span.nextprev {
    border: 1px solid #DDDDDD;
    color: #999999;
    background-color: #FFFFFF;
}

div.pager a.nextprev {
    font-weight: bold;
}