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

 File Name  : module.css
 

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 {font-size:12px; 
	color: #555;
	background: #fff;
	font-family:  Arial, Verdana, sans-serif, "宋体", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode",; line-height:22px
}
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 {

}
textarea	{ resize: vertical; }
img {
	vertical-align: top;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
em { color: #CBA660; font-weight: bold; font-style: normal; }
textarea	{ resize: vertical; }
address	{ font-style: normal; }
a, a:link	{
	color: #333;
	text-decoration: none;
}
#contents a,#contents a:link	{
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
a:visited	{
	text-decoration: none;
	color: #333;
}
a:hover	{
	text-decoration: none;
	color: #690;
}
a:active	{
}

/* page要素
----------------------------------------------------------- */
div#page	{ font-size: 100%; text-align: left; padding-top: 70px; }
.inner	{
	width:100%;
 
}
.innerk	{
	width: 970px;
	margin: 0 auto;
	height:40px;
 
	zoom:1  
	 
  
}
/* header要素
----------------------------------------------------------- */
#header	{
	width:100%;
	position: fixed;
	top:0;
	left:0;
	z-index:100;
}
#logo { float: left; }
#gNavi ul	{
 
	float: left;
 
}
#gNavi li	{ float: left; }

/* contents要素
----------------------------------------------------------- */
div#contents	{
	width: 970px;
	padding: 0px 0 15px;
	margin: 0 auto;
	overflow: hidden;
	_zoom: 1;
}
#contents #pankuzu	{
	color: #999;
	font-size: 85%;
	margin-bottom: 30px;
}
#contents #pankuzu li	{ display: inline; }
#contents #pankuzu li.home	{ background: url(../images/home.gif) no-repeat 0 3px; padding: 0 0 0 16px; }

/* main要素
----------------------------------------------------------- */
#main	{
	width: 740px;
	float: left;
	font-size: 108%;
}
#main article	{ padding: 0 10px; }
#main section	{
	margin-bottom:5px;
}
#main article section a:hover	{
	-moz-box-shadow: 0 0 6px #999;  
	-webkit-box-shadow: 0 0 6px #999;
}

#main article h1	{ margin: 0 -10px 10px; }
#main article h2	{
	background: url(../images/h2.gif) repeat-y;
	padding: 10px 10px 10px 40px;
	margin: 0 -10px 25px;
	font-size: 130%;
	color: #fff;
	text-shadow: 1px 1px 0 #444;
	position: relative;
}
#main article h2.none	{ background:none; padding:0; }
#main article h2 span.data	{ position: absolute; top:10px; right:10px; }
#main article h2 span a:hover	{ opacity: .7; box-shadow: none; }
#main article h3	{
	margin: 0 -5px 15px;
	border-bottom: 1px dotted #ccc;
	padding: 5px 10px;
	font-size: 116.6%;
}
#main article h3.none	{ border: none; padding:0; }
#main p {
	margin-bottom: 5px;
}
#main span {
}

/* 共通要素
----------------------------------------------- */
#main .kome  {
	padding-left: 1em;
	text-indent: -1em;
}
#main .dis	{
	background: #EEE;
	padding: 20px;
}
#main article section dl,
#main article section ul, 
#main article section ol	{ margin-bottom: 1.2em; }
#main article section ul.nl li	{
	list-style-type: disc;
	padding: 3px 0px;
	margin-left: 25px;
}
#main article section ol.nl li	{
	list-style-type: decimal;
	padding: 3px 0px;
	margin-left: 30px;
}
#main .pageNavi	{ text-align: center; }

.txtR	{ text-align: right; }
.txtC	{ text-align: center; }
.tabNav	{ margin-bottom: 10px; }
.tabNav li	{ display: inline; margin-right: 10px;}
.switchHat	{ background: url(../images/pura.jpg) no-repeat center left; padding-left: 10px; }
.nowOpen	{ background: url(../images/nainasu.jpg) no-repeat center left; }
.firstChild	{}
.lastChild	{}

/* Image Style
----------------------------------------------- */
#main .imgArea	{
	width: 100%;
	margin-bottom:5px;
}
.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: 3px;
	border: 0px solid #CCC;
	vertical-align: top;
}
#contents th	{ background: #EFEFEF; 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 #333;
	background: #333;
	color: #fff;
	margin-right: 5px;
}
#main .wp-pagenavi span	{ background: #fff; color: #333; }
#main .wp-pagenavi .pages	{
	background: #fff;
	color: #333;
	margin-right: 20px;
}
#main .wp-pagenavi a:hover	{ background: #666; 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	{
	width: 210px;
	float: right;
}
#side li	{ list-style-type: none; }
#side .nav { border-top: 1px solid #E5E5E5; margin-bottom: 30px; }
#side .nav li	{ border-bottom: 1px solid #E5E5E5; }
#side .bnr li	{ margin-bottom: 30px; }

#side .news	{
	margin-bottom: 8px;
	background-color: #F7F7F7;
}

#side .news>ul {
	overflow: hidden;
}
#side .news>ul li {
	float: left;
	width: 105px; height: 40px; line-height:32px; text-align:center;  background: url(../images/s_tit_e.gif) no-repeat;
	font-family:Microsoft YaHei,Arial, Helvetica;
 	font-size: 12px; color:#FFF
}
#side .news>ul li:hover {
	 background: url(../images/s_tit_e.gif) no-repeat; color:#FFF
}

#side .news>ul .c{
	  background: url(../images/s_tit_e.gif) no-repeat; color:#FFF
}

#side .news>ul .b{
	  background: url(../images/s_tit_i_on.gif) no-repeat;color:#000
}
#side .news  .k{
	width: 185px;
	height: 10px;
	line-height:12px;
	background-color: #690;
	color:#FFF;
	padding-left: 15px;
	font-family:Microsoft YaHei,Arial, Helvetica;
}
#side .news>ul .oxbs_title_b{
	  background: url(../images/s_tit_i_on.gif) no-repeat;
}
#side .news>ul .event{ background-color:#690; background-image:none}
#side .news>ul li a {
	 display: block;
 	width: 105px;
	height: 40px;
    text-indent:-9999px;
}
#side .news>ul li.info a	{
	background-color: #060;
}
#side .news ul li.event a	{

}
#side .news>ul li.info a.view {
	background: url(../images/s_tit_i_on.gif) no-repeat;
}
#side .news ul li.event a.view	{ background-image: url(../images/s_tit_e_on.gif); }
#side .news>div {
	overflow: hidden;
	padding: 10px 10px 10px;
	border: 1px solid #ccc;
	border-top: none;
	font-size: 12px;
}
#side .news>div dt	{ background: #999; font-weight: bold; padding: 2px 5px; color: #fff; display: inline-block; margin-bottom:5px; }
#side .news>div dd	{ margin-bottom: 10px; }

#side .product { margin-bottom: 30px; }
.indexBody #side .product	{ display: none; }
#side .product nav	{ border: 1px solid #ccc; padding:5px; }
#side .product nav a	{
	display: block;
	background: url(../images/arrow.gif) no-repeat right center;
	padding: 15px 20px 15px 5px;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
}
#side .product nav a:hover	{ box-shadow: 0 0 6px #999; }

/* footer要素
----------------------------------------------------------- */
#footer	{
	background: #EEEDED;
	padding: 20px; 
}
#footer	section	{ background: #fff; padding:4px; margin-bottom: 10px;width:900px ; margin:0px auto}
#footer #fNav	{ border: 1px solid #EEEDED; overflow: hidden; }
#footer #fNav ul	{ width: 700px; float: left; overflow: hidden; padding: 10px 20px; }
#footer #fNav li { display: inline; }
#footer #fNav a:hover	{
	-moz-box-shadow: 0 0 6px #999;  
	-webkit-box-shadow: 0 0 6px #999;
}
#footer .pageTop	{ float: right; }
#footer .pageTop a:hover	{ opacity:.7; }

#footer .copyright	{
	clear: both;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	width:900px;
	margin:0px auto;
	line-height: 25px;
	padding-top: 10px;
}
#footer .copyright a	{  font-size: 8px; }
#footer .copyright a:hover	{ text-decoration: none; -moz-box-shadow: 0 0 0 #999; -webkit-box-shadow: 0 0 0 #999; }


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