@charset "utf-8";
*{
	font-family: メイリオ, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック",  Osaka, sans-serif;
}

body, div, ol, ul, dl, table {
	margin: 0;
	padding: 0;
}

p, h1, h2, h3, h4, h5, h6, dt, dd, th, td {
	margin: 0;
	padding: 0;
}

ul li {
	list-style: none;
}

.clearfix:after{
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
}

.clearfix{
	zoom: 1;
}

.clear{
	clear: both;
}

body img{
	border: 0;
	vertical-align: text-bottom;
}

a:link, a:visited{ color: #fff;}

html,body{
	height: 100%;
}

body {
	background: url(../Image/body_bg.png) left top no-repeat #476D24;
	border-top: 1em solid #262626;
	font-size: 62.5%;
}

#wrap {
	position: relative;
	min-height: 100%;
}
*html div#wrap{	height: 100%;}

#contents {
	position: relative;
	width: 80%;
	max-width: 130em;
	min-width: 80em;
	padding: 0 160px 0 0;
}
*html #contents {
	margin-bottom: 60px;
	width: 83em;
	padding-right: 2em;
}
*:first-child+html #contents {	margin-bottom: 60px;}


/* =================================================*/
/*	ヘッダー設定									*/
/* =================================================*/
#header {
	min-width: 85em;
	height: 5em;
	border-top: 1px solid #fff;
	background: url(../Image/header_bg.png) left bottom repeat-x #6B933A;
}
*html #header { width: 100em;}

h1 {
	float: left;
	width: 14em;
	padding: 0.3em 0 0 1em;
	font-size: 2.5em;
	font-weight: normal;
	color: #fff;
}

h1 a {
	text-decoration: none;
}

#header ul {
	float: left;
	height: 5em;
}
*html #header ul { width: 60em;}

#header ul li {
	float: left;
	font-size: 1.2em;
}
*html #header ul li {	width: 10em;}

#header ul li a {
	display: block;
	height: 2.5em;
	padding: 1.5em 1.5em 0;
	text-decoration: none;
}

#header ul li a:link, #header ul li a:visited {
	color: #fff;
}

#header ul li a:hover, #header ul li a:active {
	background: url(../Image/navi_a_bg.gif) left top repeat;
}

/* =================================================*/
/*	パンくず設定									*/
/* =================================================*/
#pankuzu {
	padding: 1.5em 1.5em 3em;
	font-size: 1.2em;
	color: #fff;
}

#pankuzu a {
	padding: 1em 0.5em;
}

#pankuzu a:link, #pankuzu a:visited {	text-decoration: none;}
#pankuzu a:hover, #pankuzu a:active {	text-decoration: underline;}

#pankuzu a:after {
	content: " 	≫";
}

/* =================================================*/
/*	ページキャプション設定							*/
/* =================================================*/
#page_cap {
	padding: 0 2em 1em;
	font-size: 1.2em;
}

/* =================================================*/
/*	コンテンツエリア	共通設定					*/
/* =================================================*/
#main_contents {
	position: relative;
	margin: 0 2em;
	background: url(../Image/contents_bg.png) left top repeat;
}
*html #main_contents {	background-image: url(../Image/contents_bg.gif);}

#main_contents a:link, #main_contents a:visited{	color: #333;}
#main_contents a:hover, #main_contents a:active{	color: #900;}

h2.page_title {
	overflow: hidden;
	filter: alpha(opacity=10);
	opacity: 0.1;
	-moz-opacity: 0.1;
	height: 65px;
	font-size: 9em;
	font-weight: normal;
	line-height: 1;
	color: #fff;
}

h2.page_title span{
	margin: 0 -0.1em;
}

.contents_box {
	overflow: auto;
	width: 90%;
	padding: 3% 3% 40em;
	background-color: #fff;
	color: #333;
}

.contents_box p {
	font-size: 1.2em;
}

.contents_box .float {
	float: left;
	width: 45%;
}

.page_link{
	font-size: 1.1em;
}

.page_link a:link, .page_link a:visited{	color: #030;}
.page_link a:hover, .page_link a:active{	color: #900;}


/* =================================================*/
/*	information領域									*/
/* =================================================*/
#information {
	position: absolute;
	right: 0;
	top: -6em;
	z-index: 2;
	width: 150px;
	padding: 0 5px;
	background: url(../Image/contents_bg.png) left top repeat;
}
*html #information { right: -150px;	background-image: url(../Image/information_headding.gif);}

#information h3 {
	padding: 0 0 10px;
}

#information li {
	padding: 0 0 10px;
	text-align: center;
}

#information .textlink {
	padding-left: 5px;
	text-align: left;
}

#information a:link, #information a:visited {
	text-decoration: none;
}

#information a:hover, #information a:active {
	text-decoration: underline;
}

/* =================================================*/
/*	フッター設定									*/
/* =================================================*/
#footer {
	position: absolute;
	left: 0;
	bottom: 0;
	overflow: visible;
	z-index: 1;
	width: 100%;
	height: 30em;
	background: #262626;
	color: #fff;
}
*html #footer { width: 78em; border-top: 1px solid #fff; border-right: 1px solid #fff;}

.navi {
	min-width: 80em;
	padding: 1.5em 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #2a2a2a;
	background: #262626;
	font-size: 1.2em;
}
*html .navi {  border-top: none;}

.navi li {
	display: inline;
	padding: 0 1.5em;
}

#footer a:link, #footer a:visited {	color: #6B8B4B;}
#footer a:hover, #footer a:active {	color: #fff;}

#footer_contents {
	min-width: 77em;
	padding: 0 1.5em;
	border-top: 1px solid #363636;
	background: #262626;
	font-size: 1.2em;
	line-height: 1.5;
}
*html #footer_contents { width: 83em;}

#footer_contents div {
	float: left;
}

#footer_box1 {
	width: 40%;
	min-width: 40em;
	height: 13em;
	padding: 1.5em 1.5em 1.5em 0;
	border-left: 1px solid #363636;
	border-bottom: 1px solid #363636;
	border-right: 1px solid #363636;
}
*html #footer_box1 { width: 50em;}

#footer_box1 dl:first-child {
	float: left;
	height: 12em;
}

#footer_box1 dl {
	padding: 0 2em 1em 1.5em;
}
*html #footer_box1 dl {
	float: left;
	width: 18em;
}

#footer_box1 dd {
	padding: 0 0 0.1em;
}

#footer_box2 {
	width: 22%;
	min-width: 20em;
	padding: 1.5em 2em;
}

#footer_box2 dt {
	margin: 0 0 0.3em;
	padding: 0.2em 0.4em;
	background-color: #6B933A;
	font-size: 1.1em;
	font-weight: normal;
}

#copyright {
	padding: 1em 0 0.5em;
	font-size: 0.8em;
}


/* =================================================*/
/*	Topページ　コンテンツ設定						*/
/* =================================================*/
/*
.contents_box {
	overflow: visible;
	padding: 0 0 25em;
	background: none;
}

#new, #popular {
	width: 44%;
	padding: 2% 2% 25em;
	color: #fff;
	background: url(../Image/top_contents_bg.png) left top repeat-y;
}
*/

#new p, #popular p {
	text-align: justify;
	line-height:1.6;
}

#new {
	margin: 0 0 0 -1%;
	padding-right: 3%;
	border-right: solid 1px #ccc;/* Type2の場合削除*/
}

#popular {
	padding-left: 3%;
}

#new .head {	background: url(../Image/inf_gp_new.png) left top no-repeat;}
#popular .head {	background: url(../Image/inf_gp_popular.png) left top no-repeat;}

.head {
	min-height: 100px;
	padding: 0 0 0 100px;
}
*html .head {
	height: 100px;
	font-size: 11px;
}

.head h3 {
	padding: 12px 0 0;
	background: url(../Image/headding_mark.gif) left top no-repeat;
	font-size: 1.8em;
}

.contents_box h4 {
	font-size: 1.3em;
}

#popular h4 {
	padding: 0 0 1em;
}

.date {
	padding: 0 0 1em;
	font-size: 0.9em;
}

.contents_box h5 {
	font-size: 1.3em;
	color: #030;
}

.popular {
	padding: 0 0 2em;
}

.read {
	margin: 0 0 2em;
	padding: 1em 0 2em;
/*	border-bottom: 1px solid #fff;*/
	border-bottom: 1px solid #ccc;
}
*html .read {	margin-left: 1em;}
*:first-child+html .read {	margin-left: 1em;}


/* =================================================*/
/*	一覧ページ　コンテンツ設定						*/
/* =================================================*/
.list_box {
	position: relative;
	width: 90%;
	min-height: 80px;
	margin: 0 0 3em;
	padding: 0 0 3em;
	border-bottom: 1px solid #ccc;
}

h3.list_title {
	padding: 11px 0 0.3em 95px;
	background:url(../Image/headding_mark.gif) 95px top no-repeat;
	font-size: 1.5em;
}

h3.list_title a {
	text-decoration: none;
}

.list_box img {
	position: absolute;
	left: 0;
	top: 0;
}

.list_box p {
	padding: 0 0 0 95px;
	font-size: 1.1em;
}


/* =================================================*/
/*	ブログページ　コンテンツ設定					*/
/* =================================================*/
h2.blog_title {
	background:url(../Image/headding_mark.gif) 1.8em 1.7em no-repeat;
	padding: 1.5em 0 0.5em 3em;
	font-size: 1.8em;
	color: #030;
}

.blog {
	position: relative;
	margin: 0 0 5em;
	padding-bottom: 3em;
	background-color: #fff;
}
*html .blog { padding-top: 3em;}

.blog p {
	padding: 0 0 1em;
	line-height: 1.6;
}

.blog p:first-child:first-letter {
	font-size: 2em;
	font-weight: bold;
	line-height: 1;
	color: #900;
}

.blog img {
	display: block;
	margin: 0 0 1em;
	padding: 5px;
	border: 1px solid #ccc;
}

.blog .date, .others .date {
	position: absolute;
	right: 0;
	top: 0;
	padding: 1em;
	font-family: Georgia, Constantia, Hoefler Text, serif;
	font-weight: bold;
	text-align: right;
	line-height: 1;
	color: #900;
}
*html .blog .date {	left: 2em;}
*html .others .date {	left: 2em;}

#yap {
	padding: 0em 1.5em 35em;
}

#yap a:link, #yap a:visited {	color: #fff;}
#yap a:hover, #yap a:active {	color: #900;}


/* =================================================*/
/*	その他ページ　コンテンツ設定					*/
/* =================================================*/
.others {
	position: relative;
}
/*---- 三船　修正個所 --------------*/
.others h3 {
	margin-top: 1em;
	background:url(../Image/headding_mark_2.gif) left top no-repeat;
	padding: 0 0 0.5em 25px;
	font-size: 1.5em;
	color: #030;
}

.others *:first-child {
	margin-top: 0;
}
/*---- 三船　修正個所　ここまで-----*/

.others h4 {
	padding: 1em 0 1em;
}

.others p {
	max-width: 60em;
	padding: 0 0 1em;
	line-height: 1.6;
}

.others p:first-child:first-letter {
	font-size: 2em;
	font-weight: bold;
	line-height: 1;
	color: #900;
}

.others ul {
	padding: 1em 0 3em 4em;
}

.others ol {
	padding: 2em 0 3em 4em;
}

.others li {
	padding: 0 0 0.5em;
	font-size: 1.2em;
}

.others li li {
	font-size: 1em;
}

p.cap {
	max-width: 100%;
	margin: 3em 0 0;
	padding: 1em 0 0;
	border-top: 1px solid #ccc;
}

.others img {
	margin: 0 0 1.2em;
}

.others .box {
	max-width: 60em;
	margin: 0 0 1em;
	padding: 1em;
	border-top: 1px solid #ccc;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #ccc;
	font-size: 1.2em;
}

pre {
	max-width: 64em;
	margin: 1.5em 0 2em;
	padding: 1em;
	border-top: 1px solid #999;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #999;
	background-color: #6B933A;
	font-size: 1.2em;
	color: #fff;
}

.others dl {
	padding: 0 0 1.1em;
	font-size: 1.1em;
}

.others dt {
	padding: 1em 0 0;
}

.others .page_link {
	padding-top: 4em;
}

#whatis {
	padding: 3em 0 4em;
}
/*-----三船　追加分------*/
#page_cap{
	color:white;
}
#public_date{
	text-align:right;
	font-size:1.1em;
	padding:1.2em 1em 0 0;
	margin:0 0 -3em 0;
	color:white;
}
.PJN_Menu {
	font-size:1.2em;
}
#public_date_top{
	font-size:1.1em;
}
#contents .yap .PJN_Menu {
	font-size: 1.1em;
	padding: 0em 1.5em 35em;
}

#contents .yap .PJN_Menu a:link,#contents .yap .PJN_Menu a:visited {	color: #fff;}
#contents .yap .PJN_Menu a:hover,#contents .yap .PJN_Menu a:active {	color: #900;}

.blog h2 {
	padding: 1em 0 0.5em;
	font-size: 1.2em;

}
.blog h2:first-child {
	padding-top: 0;
}
.blog h2:first-letter {
	font-size: 2em;
	font-weight: bold;
	line-height: 1;
	color: #900;
}

/*----三船　追加分　ここまで -------*/
