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

	Base CSS

 -----------------------------------------
	Structure CSS
	Text Decorations CSS
	Header CSS
	Footer CSS
	globalNavi CSS
 -----------------------------------------
 	

========================================== */

/* =======================================

	Structure CSS

========================================== */
body {
	min-width:1100px;
	background: #FFF7FF;
	color: #2C2764;
	_display: inline;
	_zoom:1;
}

.inBase {
	width: 960px;
	margin:0 auto;
	display:block;
}

.inBase02 {
	width: 940px;
	margin:0 auto;
	display:block;
}

#wrapper {
	margin: 0 auto;
	width: 100%;
	border-top:#2D2864 solid 3px;
	background: url(../images/common/bgTop.jpg) no-repeat center top;
}

#contents {
}

#wrapper .contentsMain {
	width:67%;
	float:left;
	display:block;
}

#wrapper .contentsSub {
	width:30%;
	padding:0 0 0 4.5%;
	float:right;
	display:block;
}

#wrapper #contentsRight {
	float:right;
	padding:0 0 0 0;
}

#wrapper #contentsLeft {
	float:left;
	padding:0 0 0 0;
}

/* =======================================

	Text Decorations CSS

========================================== */
#contents p, #contents address, #contents th, #contents td {
	font-size: 92.4%;
	line-height: 1.5;
}

#contents li, #contents dt, #contents dd {
	font-size: 92.4%;
	line-height: 1.335;
}

/* Inner Reset  */
#contents th p, #contents th li, #contents th dt, #contents th dd,
#contents td p, #contents td li, #contents td dt, #contents td dd,
#contents li p, #contents li li, #contents li dt, #contents li dd,
#contents dt p, #contents dt li, #contents dt dt, #contents dt dd,
#contents dd p, #contents dd li, #contents dd dt, #contents dd dd {
	font-size: 100%;
}

#contents strong { font-weight: bold; }
#contents em { font-style: italic; }

body #wrapper a {
	text-decoration:none;
	color: #000;
}

body #wrapper a:hover {
	text-decoration:underline;
	 color: #DDD;
}

.wide { width:100%; }

.emp { color:red; }

.clear { clear:both; }

.sC { text-align:center; }

.sR { text-align:right; }

#wrapper .sS { font-size:0.85em; }
#wrapper .sB { font-size:1.24em; }

.sP { padding-bottom:30px; }
.sP2 { padding-bottom:60px; }
.sP3 { padding-bottom:10px; }

.sP_r { padding-right:30px; }
.sP2_r { padding-right:30px; }
.sP3_r { padding-right:10px; }

.sP_l { padding-left:30px; }
.sP2_l { padding-left:30px; }
.sP3_l { padding-left:10px; }

.sM { margin-bottom:30px; }
.sM2 { margin-bottom:60px; }
.sM3 { margin-bottom:10px; }

.sM_r { margin-right:30px; }
.sM2_r { margin-right:60px; }
.sM3_r { margin-right:10px; }

.sM_l { margin-left:30px; }
.sM2_l { margin-left:60px; }
.sM3_l { margin-left:10px; }

#wrapper .noM_r { margin-right:0; }

#wrapper .pC { margin:0 auto; }

#wrapper .pL { float:left; }

#wrapper .pR { float:right; }

.c01 { color:#B8C998; }

.sent01 { width:90%; margin:0 auto; }


/* =======================================

	Header CSS

========================================== */
#header {
}

#headLeft{
	float:left;
	width:400px;
	display:block;
}

#siteTitle{
	height:184px;
	width:400px;
	margin:-3px 0 20px 0;
}

#siteTitle a{
	height:184px;
	width:400px;
	background: url(../images/common/siteTitle.jpg) left top no-repeat;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
	display:block;
}

#headTel{
	height:109px;
	width:400px;
	background: url(../images/common/topTel.png) left top no-repeat;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
	margin:0 0 10px 0;
	display:block;
}

#participation{
	height:70px;
	width:279px;
	color:#FFF;
	padding:10px;
	background: url(../images/common/bgKamei.png) left top no-repeat;
	font-size:0.8em;
	line-height:1.2em;
	text-align:center;
	margin:0 0 15px;
	display:block;
	float:left;
}

#header .headSent{
	font-size:0.85em;
	line-height:1.2em;
	text-align:center;
	border-bottom:#F7B3CA solid 1px;
	padding:0 0 10px;
}

#header .headAddress{
	font-size:0.85em;
}

#headRight{
	float:right;
	width:538px;
	display:block;
	margin:15px 0 0 0;
}

#pageTitle{
	float:left;
	width:210px;
	height:382px;
	display:block;
	margin:0 28px 0 0;
}

/* =======================================

	Footer CSS

========================================== */
#footer {
	clear: both;
}

#footTitle {
	width:221px;
	height:77px;
	background: url(../images/common/footTitle.jpg) left top no-repeat;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
	display:block;
	float:left;
}

#footer .footAddress {
	padding:50px 0 0 0;
	font-size:0.85em;
}

/* Footer Navi
========================================== */
#footerNavi {
	background:#FFF;
	display:block;
}

#footerNavi ul{
	background:url(../images/common/bgFoot.jpg) left top no-repeat;
	display:block;
}

#footerNavi li {
	padding:20px 20px 30px 20px;
	float:left;
}

#footerNavi li#fNavi01 {
	padding:20px 20px 30px 60px;
}

#footerNavi li a {
	font-size:0.9em;
	color:#53526C;
	border-bottom:#F2E1C1 solid 3px;
	text-decoration:none;
}

#footerNavi li a:hover {
	color: #000;
	text-decoration:none;
	border-bottom:#DEB15F solid 3px;
}

/* #footBox
========================================== */
#footBox {
	background:url(../images/common/bgFoot02.jpg) center top repeat;
	display:block;
	padding:40px 0;
}

#footBox .inBase{
	position:relative;
}

#footBox dt{
	width:596px;
	height:61px;
	background: url(../images/common/titFooter.png) right top no-repeat;
	border-right:#FFF solid 1px;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
	display:block;
	float:left;
}

#footBox dd.footAddress02{
	float:left;
	font-size:0.85em;
	padding:10px;
}

#footBox dd#pageTop{
	width:51px;
	height:66px;
	display:block;
	position:absolute;
	right:0;
	bottom:-40px;
}

#footBox dd#pageTop a{
	width:51px;
	height:66px;
	background: url(../images/common/btnRise.png) right top no-repeat;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
	display:block;
}



/* =======================================

	globalNavi CSS

========================================== */

#globalNavi {
	width:300px;
	height:216px;
	display:block;
	float:left;
}

.gNaviTitle {
	width:300px;
	height:28px;
	background: url(../images/common/titGNavi.png) left top no-repeat;
	border-right:#FFF solid 1px;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
	margin:0 0 15px;
	display:block;
}

#globalNavi ul.main-menu li {
	width: 29px;
	height: 216px;
	display:block;
	margin:0 0 0 25px;
	float: right;
}

#globalNavi ul.main-menu li#gNavi06 { margin:0; }

#globalNavi ul.main-menu li a {
	width: 29px;
	height: 216px;
	background: url(../images/common/gNavi.png) left top no-repeat;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
	display:block;
}

#globalNavi ul.img li#gNavi01 a {background-position:  0  0;}
#globalNavi ul.img li#gNavi02 a {background-position: -29px 0;}
#globalNavi ul.img li#gNavi03 a {background-position: -58px 0;}
#globalNavi ul.img li#gNavi04 a {background-position: -87px 0;}
#globalNavi ul.img li#gNavi05 a {background-position: -116px 0;}
#globalNavi ul.img li#gNavi06 a {background-position: -145px 0;}

#globalNavi ul.img li#gNavi01 a:hover {background-position:  0 -216px;}
#globalNavi ul.img li#gNavi02 a:hover {background-position: -29px -216px;}
#globalNavi ul.img li#gNavi03 a:hover {background-position: -58px -216px;}
#globalNavi ul.img li#gNavi04 a:hover {background-position: -87px -216px;}
#globalNavi ul.img li#gNavi05 a:hover {background-position: -116px -216px;}
#globalNavi ul.img li#gNavi06 a:hover {background-position: -145px -216px;}

/* When Active Page */
body#home #globalNavi ul li#gNavi01 a {background-position: 0 -432px !important;}
body#cost #globalNavi ul li#gNavi02 a {background-position: -29px -432px !important;}
body#hall #globalNavi ul li#gNavi03 a {background-position: -58px -432px !important;}
body#access #globalNavi ul li#gNavi04 a {background-position: -87px -432px !important;}
body#member #globalNavi ul li#gNavi05 a {background-position: -116px -432px !important;}
body#offering #globalNavi ul li#gNavi06 a {background-position: -145px -432px !important;}







