@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 {
	color: #333;
	background: #fff;
	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:82%;
}
/* 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;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
em{
	color: #F00;
	font-style: normal;
}
textarea{ resize: vertical; }
address{ font-style: normal; }
a, a:link{
	color: #369;
	text-decoration: underline;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
a:visited{
	text-decoration: none;
	color: #69a;
}
a:hover{
	text-decoration: none;
	color: #69c;
}
a:active{
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #669933;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #99cc66;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


/* page要素
----------------------------------------------------------- */
div#page{

}

/* header要素
----------------------------------------------------------- */
#header .inner {
	width:900px;
	margin:0 auto;
}

#header h1 {
	width:280px;
	float:left;
	padding:30px 0px 0px 0px
}
#header section {
	width:240px;
	padding:64px 0 0 0;
	float:right;
	text-align:right;
}
#header .inner ul {
	margin:0 auto;
	padding:0px;
	list-style-type:none;
}
#header .inner ul li {
	float:left;
	padding:0px 0px 0px 20px;
}
#header .inner ul li a {
	background:url(../../common/img/header/arrow.gif)0px 1px no-repeat;
	display:block;
	padding:0px 0px 0px 20px;
	color:#333;
	text-decoration:none;
}
#header .inner ul li a:hover {
	color: #369;
	text-decoration: underline;
	background-image: url(../../common/img/header/arrow.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
}

/* side要素
----------------------------------------------------------- */
#side {
	width: 180px;
	float: left;
	padding:0px;
	margin: 0px 0px 40px 0px;
}
#side h2 {
	padding:0px 0px 10px 0px;
}
.bn ul {
	padding:0px;
}
.bn ul li {
	list-style-type:none;
	padding:0px 0px 10px 0px;
}
.bn a:hover img {
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75;
	opacity: 0.75;
}

/* globalNavi Style要素
----------------------------------------------------------- */
#globalNavi{
	clear:both;
	overflow: hidden;
	_zoom: 1;
	padding:0 0 26px 0;
}
#globalNavi .inner{
	width:180px;
	margin:0 auto;
}
#globalNavi ul{
	width:180px;
	padding:0px 0px 20px 0px;
}

#globalNavi a:hover img {
	filter: alpha(opacity=60); 
	-moz-opacity: 0.60;
	opacity: 0.60;
}

/* mainVisual要素
----------------------------------------------------------- */
#mainVisual{
	width:100%;
	margin:0 auto;
	text-align: center;
}

#crumbs {
	width:900px;
	margin:0px auto;
}
#crumbs ul {
	width:875px;
	border-top:1px solid #fff;
	border-bottom:1px solid #eee;
	background:#fafafa;
	margin:0px auto;
	list-style-type:none;
	border-left:1px solid #fff;
	padding:2px 0px 7px 25px;
	height:20px;
}
#crumbs ul li {
	float:left;
	padding:5px 0px 7px 0px;
}
#crumbs ul .home {
	padding:5px 0px 7px 20px;
	background: url(../../common/img/header/home.gif) left 7px no-repeat;
}

/* contents要素
----------------------------------------------------------- */
div#contents{
	width: 900px;
	margin: 0 auto;
	padding:0px 0px 20px 0px;
	_zoom: 1;
}
#contents #crumbs{
	width:1000px;
	background:#FAF8F5;
	padding:8px 10px;
	margin:0 0 40px 0;
	border-bottom:1px solid #E5DFDA;
	border-top:1px solid #fff;
}
#contents #crumbs ul{
	display: inline;
}
#contents #crumbs li{
	color:#000;
	display: inline;
}
#contents #crumbs li span{
	color:#196280;
	padding:0 10px;
 }
#sub section {
	padding:0px 0px 40px 0px;
}

/* main要素
----------------------------------------------------------- */
#main{
	width: 640px;
	padding: 0px 20px 0 0px;
	float: right;
	font-size: 100%;
	line-height: 1.8;
	color: #F00;
}
#main a:hover img {
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#main article {
	padding:0px 0px 40px 0px;
}
#main section {
	color: #000;
}
#main p {
	font-size: 120%;
}


/* 共通要素
----------------------------------------------- */
#main .kome {
	padding-left: 1em;
	text-indent: -1em;
}
#main .dis{
	background: #EEE;
	padding: 20px;
}
#main .dis em{
	display:block;
	font-style:normal;
	color:#ed287b;
	font-size:18px;
	padding:0 0 10px 0;
}
.bordered {
	border:1px solid #ddd;
	padding:1px;
}
.f_left {
	float:left;
	width:320px;
}
.f_left2 {
	float:left;
	width:420px;
}
.f_left3 {
	float:left;
	width:220px;
}
.f_right {
	float:right;
	padding:20px 0px 0px 0px;
}
.box1 {
	border: 5px solid #ddd;
	padding: 10px 10px 10px 10px;
	background-color: #FFFFFF;
	text-indent: 1em;
}

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



/* footer要素
----------------------------------------------------------- */
#footer {
	padding:30px 0 10px 0;
	clear: both;
	border-top: 3px solid #462;
	background: #fafafa;
}
#footer .inner {
	margin:0 auto;
	width:900px;
}

#footer h2{
	width:180px;
	float:left;
}

#footer .copyright {
	clear: both;
	color:#666;
	padding:15px 0px 15px 0px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
#footer .copyright a{
	color:#666;
	text-decoration:underline;
}
#footer .copyright a:hover{
	text-decoration: none;
}
#footer .copyright span a{
	font-size:10px;
	text-decoration:none;
	color:#ccc;
	padding:0 0 0 10px;
}

#foot_left {
	float:left;
	width:200px;
}
#foot_right {
	float:right;
	text-align: left;
	width: 640px;
}

/* タイトル共通
----------------------------------------------------------- */
.sub_title01{
	width:680px;
	margin:0 0 30px 0;
	font-size:24px;
	line-height:28px;
	color:#4D220E;
}

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