@charset "utf-8";

/* レイアウト
--------------------------------------------------*/
html,body {
	margin: 0 auto;
	background: #F2F0E0;
	text-align: center;
	-webkit-text-size-adjust: none;
	min-width: 980px;
}

@media screen and (max-width: 768px){
	html,body {
		min-width: 100%;
	}
}
#document {
	width: 100%;
	background: #FFF url(../temp_img/header_back.jpg) repeat-x;
	overflow: hidden;
}
#container {
	width: 930px;
	clear: both;
	margin: 0 auto;
	overflow:hidden;
}

@media screen and (max-width: 768px){
	#document {
		background-image: none;
		background-color: #FFFFFF;
	}
	#container {
		width: 98%;
	}
}


/* ヘッダ
--------------------------------------------------*/
#header {
	padding: 0px;
	width: 930px;
	overflow: hidden;
	clear: both;
}

@media screen and (max-width: 768px){
	#header {
		width: 100%;
	}
}

#logo {
	padding: 0px;
	width: 320px;
	overflow: hidden;
	float: left;
	display: block;
}
#hnavi {
	padding: 0px;
	width: 320px;
	overflow: hidden;
	float: right;
	display: block;
}

#hnavi_js {
	padding: 0px;
	width: 150px;
	overflow: hidden;
	float: right;
	display: block;
	text-align: right;
	margin-top: 10px;
}
@media screen and (max-width:648px){
	#logo {
		float: none;
		margin: 0 auto 0.5em;
	}
	#hnavi {
		float: none;
		margin: 0 auto 0.5em;
	}

	#hnavi_js {
		float: none;
		margin: 0 auto 0.5em;
	}
}

.hnavi_in {
	clear: both;
	margin: 3px 0 0;
	overflow: hidden;
}
.fontbig li {
	float: left;
	display: block;
	margin: 0 5px;
}
.voice {
	float: left;
	display: block;
	margin: 0 0 0 20px;
}
.hnavi_ep li {
	float: left;
	display: block;
	margin: 0 5px;
}
.hnavi_search {
	clear: both;
	margin: 5px 0 0 5px;
	overflow: hidden;
	text-align:left
}

/* ヘッダ
--------------------------------------------------*/
/* CSS */
#globalnavibox{
	width:100%;
	margin: 0;
	padding: 0;
	clear: both;
}
ul#globalnavi{
	width:930px;
	overflow:hidden;
}
ul#globalnavi li{
	float:left;
	height:35px;
	display:block;  
}

 
 /* global navi rollover*/  
#gnavi01 {
	width: 133px;
	height: 35px;
	background: url(../temp_img/gnavi01_on.jpg) no-repeat right bottom;
}
#gnavi02 {
	width: 133px;
	height: 35px;
	background: url(../temp_img/gnavi02_on.jpg) no-repeat right bottom;
}
#gnavi03 {
	width: 133px;
	height: 35px;
	background: url(../temp_img/gnavi03_on.jpg) no-repeat right bottom;
}
#gnavi04 {
	width: 133px;
	height: 35px;
	background: url(../temp_img/gnavi04_on.jpg) no-repeat right bottom;
}
#gnavi05 {
	width: 132px;
	height: 35px;
	background: url(../temp_img/gnavi05_on.jpg) no-repeat right bottom;
}
#gnavi06 {
	width: 133px;
	height: 35px;
	background: url(../temp_img/gnavi06_on.jpg) no-repeat right bottom;
}
#gnavi07 {
	width: 133px;
	height: 35px;
	background: url(../temp_img/gnavi07_on.jpg) no-repeat right bottom;
}

ul#globalnavi li a { 
	display: block;
	height: 35px;
	font-size: 1px;
	line-height: 1px;
	outline: none;
}
ul#globalnavi li a:hover { 
	text-indent: -9999px;
}

/* java */
/*#gnavi {
	display: inline;
	width: 930px;
	clear: both;
}

#gnavi li {
	height: 65px;
	float: left;
}*/


#sp_globalnavibox{
	display: none;
}

@media screen and (max-width: 768px){

	/*--グローバルナビゲーション--*/
	#sp_globalnavibox{
		width: 100%;
		overflow: hidden;
		display: block;
	}

	/*サイズ重複部分*/
	ul#globalnavi{
		width: 100%;
	}

	/* 折り畳み部分を隠す */
	ul.accordion ul {display:none; margin-bottom: 1em;}
	/* 背景 */
	ul.accordion > li { background: #008001 repeat-x; margin: 0; padding: 0; color:#FFFFFF;}/*１段目の背景*/
	ul.accordion > li > p {margin: 0; padding: 0;}/*１段目の背景*/
	ul.accordion > li > ul > li {background: #F1F1F1; border-bottom: solid 1px #999999;}/*２段目の背景*/
	ul.accordion > li > ul > li > p {background: #4AB750; color:#FFFFFF;}/*２段目の背景*/
	ul.accordion > li > ul > li > ul > li {background: #F1F1F1; color:#FFFFFF; border-bottom: solid 1px #999999;}/*３段目の背景*/
	/* アイコン */
	ul.accordion a {display:block; padding:10px; background-position:95% center; background-repeat:no-repeat;}
	ul.accordion span {display:block; padding:10px; background-position:95% center; background-repeat:no-repeat;}
	ul.accordion > li > p span { background: url(../img_sp/temp/menuOpen.png) no-repeat 98%;}/*１段目（タップ部分・閉じているとき）のアイコン*/
	ul.accordion > li > p span.open { background: url(../img_sp/temp/menuClose.png) no-repeat 98%;}/*１段目（タップ部分・開いているとき）のアイコン*/
	ul.accordion > li > ul > li > a {background: url(../img_sp/temp/menuNext.png) no-repeat 98%;}/*２段目（リンク部分）のアイコン*/
	ul.accordion > li > ul > li > p span { background: url(../img_sp/temp/menuOpen.png) no-repeat 98%;}/*2段目（タップ部分・閉じているとき）のアイコン*/
	ul.accordion > li > ul > li > p span.open { background: url(../img_sp/temp/menuClose.png) no-repeat 98%;}/*2段目（タップ部分・開いているとき）のアイコン*/
	ul.accordion > li > ul > li > ul > li > a {background: url(../img_sp/temp/menuNext.png) no-repeat 98%;}/*3段目（リンク部分）のアイコン*/

	/*pc用*/
	#globalnavibox{
		display:none;
	}

}

/* コンテンツ
--------------------------------------------------*/
#sidemenu {
	width: 230px;
	text-align: left;
	margin: 10px 0;
	float: left;
	display:block;
}

#contents {
	width: 670px;
	text-align: left;
	margin: 10px 0;
	float: right;
	display:block;
	overflow:hidden;

}
@media screen and (max-width: 768px){
	#sidemenu {
		display:none;
	}

	#contents {
		width: 98%;
		float: none;
		margin: 0 auto 10px;
	}
}

.kaijo {
        clear: both;
}

#eventmenu {
	margin: 10px 0;
}


/* フッタ
--------------------------------------------------*/
#footer {
	width: 930px;
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	padding: 23px 0;
	text-align: left;
}

@media screen and (max-width: 768px){
	#footer {
		width: 98%;
	}
}

#foot01 {
	width: 140px;
	float: left;
	display: block;
	margin: 0 0 10px 10px;
}
#foot02 {
	width: 160px;
	float: left;
	display: block;
	margin: 0 0 10px 10px;
}
#foot03 {
	width: 160px;
	float: left;
	display: block;
	margin: 0 0 10px 10px;
}
/* ↑#foot03のwidthを180pxから変更H29.4 */

#foot04 {
	width: 270px;
	float: left;
	display: block;
	margin: 0 0 10px 10px;
}
/* ↑foot04のwidthを250pxから変更H29.4 */

#foot04_left {
	float: left;
	display: block;
	margin: 0;
	width: 155px;
}
#foot04_right {
	width: 110px;
	float: right;
	display: block;
	margin: 0;
}
/* ↑foot04_rightのwidthを90pxから変更H29.4 */

#foot05 {
	width: 130px;
	float: left;
	display: block;
	margin: 0 0 10px 10px;
}

.foot_title {
	border-bottom: dotted 1px #B4B4B4;
	padding: 3px 0;
	margin: 0 0 5px;
	font-size: 100%;
	font-weight: normal;
}

.foot_list li {
	background: url(../temp_img/foot_point.jpg) no-repeat 2px 5px;
	margin: 0 0 5px;
	padding: 0 0 0 13px;
	font-size: 100%;
}

#address_box {
	width: 450px;
	background: url(../temp_img/foot_line.jpg) no-repeat;
	margin: 5px auto 10px;
	padding: 15px 0;
	text-align: left;
	clear: both;
}
/* ↑#addres_boxのwidthを900pxから変更H29.4 */
@media screen and (max-width: 648px){
	#address_box {
		width: 90%;
	}
}

#address_box li {
	float: left;
	display: block;
	margin: 0 10px 0 0;
}

#copyright {
	margin: 100px 0 0;
	font-size: 90%;
	clear: both;
}
/* ↑#copyrightのmarginを10pxから変更H29.4 */


@media screen and (max-width: 768px){
	#copyright {
		margin: 0 auto;
	}
}

/*----- font scheme -----*/
body{
	font-size: 13px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
/* Win IE6 */
* html body{
	font-size: 80%;
}