@charset "utf-8";
/*------------------------------------*/
/* Reset
--------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight:normal;
}
address,em {
font-style: normal;
}
strong,th {
font-weight: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr,legend {
display: none;
}
img,fieldset {
border: 0;
}
ol,ul { 
list-style:none; 
padding:0; 
margin:0;
}
li {
list-style-type: none;
}

/*------------------------------------*/

body {
	margin:0;
	padding:0;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 75%; /* IE */
	line-height: 1.3;
	background: #FFF url(../../img-style/003/bg.jpg) repeat-x fixed top;
}

#pageouter {
	text-align: center;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background: #12701E repeat-x center top;
	padding: 1px 3px;
}

img {
   border:0;
   vertical-align:bottom;
}
a {
	color: #0000FF;
	font-weight: bold;
}
a:hover {
	color: #060;
	text-decoration: none;
}

strong {
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

span {
	font-weight: bold;
}

.yellow {
	background-color: yellow;
	line-height: 18px;
}

.clr
{
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}

/*------------------------------------*/
/*ヘッダー
--------------------------------------*/
#head {
	width: 1000px;
	margin-left: auto;
	padding-top: 2px;
	background: url(../../img-style/003/head.jpg) no-repeat left top;
	height: 98px;
	text-align: center;
	margin-right: auto;
}
#head #logo {
	margin-left: 20px;
	margin-top: 2px;
	position: absolute;
}
#head h1 {
	font-size: 12px;
	text-align: left;
	padding: 2px;
	margin-top: 0px;
	margin-left: 20px;
	font-style: normal;
	font-weight: normal;
}


#head #info {
	right: 25px;
	font-size: 12px;
	color: #333;
	text-align: left;
	top: 30px;
	width: 400px;
	background: right top;
	float: right;
	padding: 2px;
	margin-right: 20px;
}

#info p {
	margin: 10px;
}

/*------------------------------------*/
/*ヘッダーナビ
------------------------------------- */
#gNavi  {
	background: url(../../img-style/003/gmenu.jpg) repeat-x left top;
	width: 100%;
	height: 35px;
	text-align: left;
}
#gNavi ul  {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
}
#gNavi li  {
	display: inline;
	margin-left: 0px;
	padding-right: 20px;
	padding-left: 20px;
	height: 35px;
	line-height: 35px;
	font-size: 12px;
	color: #FFF;
}

#gNavi li a  {
	display: inline;
	color: #FFF;
	text-align: center;
	text-decoration: none;

}

#gNavi li a:hover {
	color: #030;
	text-decoration: underline;
}

/*------------------------------------*/
/*javascript
--------------------------------------*/

#slideshow {
	position:relative;
	height:300px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	width: 960px;
}
#slideshow img {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
}
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }

/*------------------------------------*/
/*コンテンツ
--------------------------------------*/
#page {
	padding-bottom: 5px;
	background: #FFF no-repeat center;
}

#main {
	width: 960px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	overflow: hidden;
	clear: both;
}
#topimg {
	background: center bottom;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 4px;
}
#topimg01  {
	background: url(../../img-style/003/top_img_01.jpg) no-repeat left top;
	text-align: left;
	height: 150px;
	width: 960px;
	margin-bottom: 5px;
}
#topimg01 p {
	padding-left: 20px;
	padding-top: 123px;
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}


#contents {
	float: left;
	width: 720px;
	margin-top: 5px;
}

#contents h2 {
	background: url(../../img-style/003/t_01.jpg) no-repeat left bottom;
	text-align: left;
	margin-bottom: 10px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666;
}

#contents h3 {
	background: url(../../img-style/003/t_02.jpg) no-repeat left top;
	text-align: left;
	padding-bottom: 6px;
	margin-bottom: 10px;
	font-size: 16px;
	padding-left: 20px;
	padding-top: 7px;
	font-weight: bold;
	color: #666;
}

#contents p {
	font-size: 14px;
	line-height: 20px;
	margin: 20px 10px;

}

#contents ul {
	font-size: 14px;
	margin: 20px 40px;

}

#contents li {
	line-height: 20px;
	margin: 2px 10px;
	padding: 0px 0px;
	list-style: disc;

}
.img_left {
	margin-right: 15px;
	float: left;
	margin-bottom: 10px;
}

.img_right {
	margin-left: 15px;
	float: right;
	margin-bottom: 10px;
}

#block01 {
	margin-bottom: 20px;
	width: 720px;
	overflow: hidden;
}
#block01 .box {
	overflow: hidden;
	background: #F1FDCC;
	padding: 5px;
}
#block01 .box_in {
	overflow: hidden;
	background: #FFF;
	padding-right: 5px;
	padding-left: 5px;
}


#block02 {
	margin-top: 0px;
	margin-bottom: 20px;
	width: 720px;
	overflow: hidden;
}
#block02 .box_in {
	float: left;
	width: 718px;
	border: 1px solid #CCC;
	margin-bottom: 5px;
}
#block02 .box_in h4 {
	font-size: 18px;
	text-align: left;
	color: #578A01;
	font-weight: bold;
	margin : 15px 5px 15px 11px;
	padding: 3px 10px 0px 20px;
	background: url(../../img-style/003/h4.gif) no-repeat left center;
}

#block02 .box_in dl {
	font-size: 14px;
	text-align: left;
	margin : 20px 40px;
	padding: 0px;
}

#block02 .box_in dt {
	text-align: left;
	margin : 0px 0px;
	padding: 3px 2px;
}

#block02 .box_in dd {
	text-align: left;
	margin : 0px 0px 10px 0px;
	padding: 0px 15px 3px 0px;
}

#block03 {
	margin-bottom: 20px;
	width: 720px;
	overflow: hidden;
}
#block03 .box_in {
	float: left;
	width: 353px;
	margin-right: 10px;
	border: 1px solid #CCC;
	margin-bottom: 10px;
}
#block03 .box_in.endbox {
	margin-right: 0px;
}
#block03 .box_in h4 {
	font-size: 18px;
	text-align: left;
	color: #578A01;
	font-weight: bold;
	margin : 10px 5px 15px 7px;
	padding: 3px 10px 0px 20px;
	background : url(../../img-style/003/h4.gif) no-repeat left center;
}
.btn_s {
	padding: 5px 5px 2px 23px;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 10px;
	background: url(../../img-style/003/arrow_03.jpg) no-repeat left center;
	font-weight: bold;
	clear: both;
	font-size: 16px;
}

#newsBlock {
	width: 720px;
	margin-bottom: 20px;
	clear: both;
}

#newsBlock dl{
	text-align: left;
	width: 720px;
	margin-left: 21px;
	line-height: 20px;
	font-size: 12px;
	margin-bottom: 10px;
}
#newsBlock dl dt{
	float:left;
	width:100px;
	clear:both;
	background: url(../../img-style/003/arrow_01.jpg) no-repeat left;
	padding-left: 20px;
	margin-left: 5px;
}
#newsBlock dl dd{
	width:600px;
	padding-left: 20px;
	color: #06F;
}
#newsBlock dl dd a{
}
#newsBlock dl dd a:hover{
	text-decoration: underline;
}
#newsBlock dl p {
	float: left;
	margin-right: 5px;
}

/*------------------------------------*/
/*サイド
--------------------------------------*/

#side {
	float: right;
	width: 220px;
	padding: 5px 3px 5px;
}

#side a {
	color: #0000FF;
	font-weight: normal;
}
#side .side_box {
	background: #F1FDCC repeat-y center top;
	width: 210px;
	padding: 5px;
	border: 1px solid #CCC;
}
.side_box_in img {
	margin-bottom: 5px;
}


#side .side_btn {
	margin-bottom: 10px;
}
#side .side_box_in  {
	width: 210px;
	margin: 5px auto 10px;
}
.side_box h3 {
	background: url(../../img-style/003/t_free.jpg) no-repeat left top;
	text-align: left;
	padding-top: 9px;
	padding-bottom: 8px;
	padding-left: 20px;
	font-size: 14px;
	width: 190px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #666;
}

.side_box h4 {
	font-size: 12px;
	text-align: left;
	color: #FF6666;
	font-weight: bold;
	line-height: 14px;
	margin : 15px 5px 0px 7px;
	padding: 0px 5px 0px 15px;
	background : url(../../img-style/003/sideh4.gif) no-repeat left center;
}

#side ul {
	width: 210px;
}


#side li {
	
}

#side li a {
	display: block;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	background: url(../../img-style/003/btn_a.jpg) no-repeat left;
	padding: 8px 0px 8px 15px;
	text-align: left;
	margin: 5px 0px;
}

#side li a:hover {
	background: url(../../img-style/003/btn_b.jpg) no-repeat left;
}
#side .side_box p {
	font-size: 12px;
	margin: 5px;
	padding: 5px 5px 10px;
	text-align: left;
}

#side .side_banner_box p {
	text-align: center;
	font-weight: bold;
	margin: 10px 0px;
	padding: 0px;
}

#side .side_listbox {
	display: block;
	background: url(../../img-style/003/btn.jpg) no-repeat left;
	padding: 8px 0px 8px 15px;
	text-align: left;
	margin: 5px 0px;

}

/*------------------------------------*/
/*パン屑リンク
--------------------------------------*/
#pankuzu {
	font-size: 11px;
	font-style: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	overflow: hidden;
	margin-bottom: 5px;
}
#pankuzu ul li {
	float: left;
	font-size: 11px;
	padding-right: 5px;
	text-align: left;
}
#pankuzu ul li a {
	text-decoration: none;
}
#pankuzu ul li a:hover {
	text-decoration: underline;
}


/*------------------------------------*/
/*フッター
--------------------------------------*/
#footer {
	font-size: 100%;
	clear: both;
	background: url(../../img-style/003/footer.jpg) repeat-x left top;
	text-align: center;
	margin-top: auto;
	margin-bottom: auto;
	padding: 5px 10px 10px;
	overflow: hidden;
	height: 75px;
}
.foot_box01 {
	font-size: 12px;
	text-align: left;
	height: 60px;
	border-top: 3px #999;
	width: 250px;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	float: left;
	clear: right;
	margin-right: 10px;
	margin-left: 10px;
	padding: 2px 10px 10px;
}
.foot_box01 ul li {
	background: url(../../img-style/003/arrow_02.jpg) no-repeat left;
	margin-right: 10px;
}
.foot_box01 ul li a {
	margin-left: 15px;
	color: #FFF;
}

address  {
	background: bottom;
	margin-top: 10px;
	text-align: right;
	margin-right: 20px;
	font-size: 12px;
}

.ads{
	margin-top: 10px;
	text-align: right;
	margin-right: 20px;
	font-size: 11px;
	color: #666;
	clear: both;
}

.ads2{
	padding: 0px 10px;
	text-align: right;
	font-size: 11px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-color: #666;
	border-bottom-style: dotted;
}

/*------------------------------------*/
/*テーブル
--------------------------------------*/
.table {
	padding: 10px;
	overflow: hidden;
}
.table .table_01{
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-collapse:collapse;
	border-spacing:0;
	text-align: center;
	background: #FFF;
	margin: 10px auto;
	width: 600px;
}
.table .table_01 tr {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 10px;
}
.table .table_01 th{
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	text-align:center;
	padding: 10px;
	background: #FEFEE9 left top;
	width: 200px;
}
.table .table_01 td{
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding: 10px;
	text-align: left;
	width: 300px;
}


/*------------------------------------*/
/*マージン
--------------------------------------*/
.mb_10 {
	margin-bottom: 10px;
}
.mb_5 {
	margin-bottom: 5px;
}
.mr_0 {
	margin-right: 0px;
}
