@charset "utf-8";
/* ===================================================================
CSS information

 File Name  : module.css
 Style Info : 共通要素の基本設定

11px = 85%		12px = 93%		13px = 100%		14px = 108%
15px = 116%		16px = 123.1%	17px = 131%		18px = 138.5%
19px = 146.5%	20px = 153.9%	21px = 161.6%	22px = 167%
23px = 174%		24px = 182%		25px = 189%		26px = 197%
=================================================================== */

/*----------------------------------------------------------------
	共通
----------------------------------------------------------------*/
html { overflow-y: scroll; }
body {
    background-image: url(../../img/index/bg_body.jpg);
    background-repeat: repeat;
	color: #333;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

body.large	{ font-size:14px; }
body.small	{ font-size:10px; }
/* for IE6, 7 */
body,input,textarea {
	/font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
h1,h2,h3,h4,h5,h6,dt {
	font-weight: bold;
}
textarea	{ resize: vertical; }
img {
	vertical-align: top;
}
em { color: #511; font-weight: bold; }
textarea	{ resize: vertical; }
address	{ font-style: normal; }
a, a:link	{
	color: #EA5514;
	text-decoration:underline;

}
a:visited	{
	text-decoration: none;
	color: #EA5514;
}
a:hover	{
	text-decoration: none;
	color: #EA5514;
}
a:active	{
}

/* container要素
----------------------------------------------------------- */
div#container{ 
	margin: 0 auto;
    background-image: url(../../img/index/bg_kumo.png);
	background-repeat:no-repeat;
    background-position: top center; 
}


/* page要素
----------------------------------------------------------- */
#page{
	clear:both;
	width: 950px;
	margin: 0 auto;
    font-size: 100%; 
	text-align: left; 
	background:#FFF;

}
.inner{
	width: 950px;
	margin: 0 auto;

}
/* header要素
----------------------------------------------------------- */
#header	{
	width:950px;
	height:250px;
}



/* gNavi Style要素
----------------------------------------------------------- */

#gNavi {
    width:950px;
    margin:0;
    overflow:hidden;　/*float解除*/
    zoom:100%;　/*float解除*/
}
#gNavi li {
    float:left; /*次の要素を右側へ回り込ませる*/
    list-style:none; /*リストの●を消す*/
}
#gNavi li a {
    display:block; /*インラインからブロック要素へ変更*/
    height:50px; /*高さ*/
    width:190px; /*横幅*/
    text-align:center; /*テキストの位置*/
    font-weight:bold; /*テキストの太さ*/
    letter-spacing:1px; /*文字間隔*/
    text-indent:-9898px; /*テキストを横に飛ばして見えなくする*/
    background-image:url(../../img/index/menu.jpg); /*メニュー画像*/
    background-repeat:no-repeat; /*画像の繰り返しをオフに*/
}

ul#gNavi a.top {background-position:0px 0px;width:190px;}
ul#gNavi li a.top:hover {background-position:0 -50px;}
 
ul#gNavi a.sankaku {background-position:-190px 0px;}
ul#gNavi li a.sankaku:hover {background-position:-190px -50px;}
 
ul#gNavi li a.info {background-position:-380px 0px;}
ul#gNavi li a.info:hover {background-position:-380px -50px;}
 
ul#gNavi li a.link {background-position:-570px 0px;}
ul#gNavi li a.link:hover {background-position:-570px -50px;}
 
ul#gNavi li a.contact {background-position:-760px 0px;}
ul#gNavi li a.contact:hover {background-position:-760px -50px;}


/* mainVisual要素
----------------------------------------------------------- */
#mainVisual	{
	margin:0;
	padding:0;
}

/* contents要素
----------------------------------------------------------- */
div#contents{
	clear:both;
}
#contents #pankuzu	{
	color: #999;
	text-align: right;
	margin-bottom: 10px;
}
#contents #pankuzu li	{ display: inline; }


/* main要素
----------------------------------------------------------- */
#main{
	clear:both;
	overflow : hidden;
}

#main p { margin-bottom: 1.2em; }
#main span { color: #F00; }





/* 共通要素
----------------------------------------------- */
#main .kome  {
	padding-left: 1em;
	text-indent: -1em;
}

/* Image Style
----------------------------------------------- */
#main .imgArea	{ width: 100%; margin-bottom:15px; }
.imgR {	float: right;	margin: 0 0 0 15px;}
.imgL {	float: left;	margin: 0 15px 0 0;}
.textArea	{ overflow: hidden; _zoom: 1; }
.img img,#main .map	{ border: 1px solid #CCC; padding:1px; }
#main .map	{ margin-bottom: 5px; }

/* テーブル共通指定
----------------------------------------------- */
#contents table  {
	width: 100%;
	margin: 0 auto 20px;
}
#contents th, #contents td {
    padding: 10px;
	border: 1px solid #CCC;
	vertical-align: top;
}
#contents th	{ background: #EEE; width: 30%; }

/* ページ分割ナビ
------------------------------------------------------------ */
#main .wp-pagenavi	{ padding: 20px 0 40px; text-align: center; overflow: hidden; }
#main .wp-pagenavi a, #main .wp-pagenavi span	{
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #D8D5D5;
	background: #99CC33;
	color: #fff;
	margin-right: 5px;
}
#main .wp-pagenavi span	{ background: #fff; color: #99CC33; }
#main .wp-pagenavi .pages	{
	background: #fff;
	color: #99CC33;
	margin-right: 20px;
}
#main .wp-pagenavi a:hover	{ background: #C6E38D; text-decoration: none; }
#main .wp-pagenavi .alignleft	{ display: inline-block; }
#main .wp-pagenavi .center	{  display: inline-block; }
#main .wp-pagenavi .alignright	{  display: inline-block; }

/* side要素
----------------------------------------------------------- */
#side	{
}

/* footer要素
----------------------------------------------------------- */
#footer	{
	clear:both;
	width:950px;
	padding:40px 0 22px 0;
	background:#FFF;
	overflow : hidden;
}

.footerlogo{
	float:left;
	margin:10px 0 10px 50px;
}

.copyright{
	float:left;
	margin:50px 0 0 10px;
	font-size:10px;
}
.pageTop {
	float:right;
	margin: -20px 40px 0 0;
	padding: 0 12px;
	text-align: right;

}


/* for IE6 */
* html #contents .pageTop {
	padding: 15px 0 0;
	border: 0;
	font-size: 100%;
}

#footer_img{
	clear:both;
	margin:0 auto;
	height:157px;
    background: url(../../img/index/footer_animal.png) no-repeat center;
}




/* clearfix */
.clearfix	{ width: 100%; }
#main .imgArea:after, .clearfix:after
{ height:0;	visibility: hidden;	content: ".";	display: block;	clear: both; }