﻿@charset "utf-8";
/* CSS Document */


/*  共有
------------------------------*/
body{
	width:100%;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ",  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, sans-serif; 
	color:#000000;
	border:0;
	font-size:14px;
	background:#f8f4e6;
	-webkit-text-size-adjust: 100%;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.left{
	float:left;
}
.right{
	float:right;
}
/* hover時の透過設定 */
.alpha{
	transition:opacity 0.3s ease-out 0s;
}
.alpha:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
	cursor:pointer;
}
.bg_brown{
	background:#f8f4e6;
}
.bold{
	font-weight:bold;
}

/* ページのトップへ */
.pagetop {
	width:940px;
	height:20px;
	margin:0 auto;
	clear:both;
}

.pagetop a{
	width:40px;
	height:20px;
	float:right;
	clear:both;
}
.pagetop_inner{
	width:940px;
	height:15px;
	margin:20px auto;
}
.pagetop_inner a{
	width:132px;
	height:15px;
	float:right;
	clear:both;
}


/*  ヘッダー
------------------------------*/

header{
	width:100%;
	height:65px;
	position:relative;
	z-index:200;
	background:url(../../images/header_bg.png) repeat-x;
}
header .inner{
	width:940px;
	height:65px;
	margin:0 auto;
	padding:0 20px;
	position:relative;
}
header .inner h1#logo {
	width:205px;
	height:239px;
	position:absolute;
	top:0;
	float:left;
}
header .inner nav{
	width:340px;
	height:58px;
	float:right;
}
header .inner nav li{
	width:auto;
	float:left;
}
header .inner nav li a{
	text-decoration:none;
	color:#333333;
}

/*  フッター
------------------------------*/
footer {
	width:100%;
	height:40px;
	margin:0 auto;
	clear:both;
	background:#b29624;
}
footer .inner{
	width:940px;
	height:40px;
	margin:0 auto;
	position:relative;
}
footer .copyright {
	width:940px;
	margin:0 auto;
	padding:13px 0;
	font-size:12px;
	color:#fff;
	text-align: center;
}
footer a{
	text-decoration:none;
}
footer .link {
	padding-left:13px;
	position:absolute;
	right:0;
	top:13px;
	text-decoration:none;
	color:#fff;
	font-size:12px;
	cursor:pointer;
	background:url(../../images/footer_bg_circle.png) no-repeat left 2px;
}
footer .link:hover {
	text-decoration:underline;
}

/*  コンテンツ
------------------------------*/

#wrapper{
	width:100%;
	min-width:980px;
	height:auto;
	margin:-5px auto 0;
	z-index:100;
	position:relative;
	background:url(../../images/mainimg.jpg) no-repeat top center;
}
#content{
	width:100%;
	height:auto;
	margin:0 auto 0;
	padding-top:181px;
	z-index:100;
	position:relative;
}
#content .inner{
	width:940px;
	height:auto;
	margin:0 auto 50px;
	padding:0 20px;
}
#content .inner h2{
	margin-bottom:30px;
}
#content .inner .btn{
	width:622px;
	height:auto;
	margin:0 auto 25px;
}
#content .inner .btn .leftbox{
	width:302px;
	float:left;
	margin-right:18px;
}
#content .inner .btn .rightbox{
	width:302px;
	float:right;
}
#content .inner .btn .alpha:hover{
	background: none;
}



/* 施設案内
------------------------------*/
section{
	clear:both;
}
section#about{
	width:940px;
	height:auto;
}
section#about h3 img{
	display:block;
}
section#about .section_inner{
	width:840px;
	height:auto;
	padding:30px 49px 0;
	background:#fff;
	border:solid #a5a5b0;
	border-width:0 1px 1px;
	border-radius:0 0 5px 5px;
}
section#about .about_facilities{
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:1px dashed #b29624;
}
section#about .about_facilities p{
	background:#fff;
}
section#about table{
	width:840px;
	height:auto;
}
section#about table th{
	width:260px;
	padding:5px 20px;
	color:#fff;
	font-weight:bold;
	line-height:22px;
	background:url(../../images/table_th_bg.gif) ;
	vertical-align:middle;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
section#about table td{
	padding:5px 20px;
	background:#dddddd ;
	line-height:22px;
	border-bottom:1px solid #fff;
}
section#about table td.list01{
	padding:5px 20px 5px 40px;
	background:url(../../images/01_sky.gif) no-repeat 18px 9px #dddddd;
}
section#about table td.list02{
	padding:5px 20px 5px 40px;
	background:url(../../images/02_sky.gif) no-repeat 18px 9px #dddddd;
}
section#about table td.list03{
	padding:5px 20px 5px 40px;
	background:url(../../images/03_sky.gif) no-repeat 18px 9px #dddddd;
}


section#about .about_machinery{
	padding-bottom:30px;
}
section#about .about_machinery h4{
	margin-bottom:20px;
}

/* スペースシミュレーター「UNIVIEW」について */

section#about .about_machinery .box_first{
	padding-bottom:30px;
	margin-bottom:30px;
	background:url(../../images/bg_line_x.gif) no-repeat bottom center;
}
section#about .about_machinery .box_first .title{
	margin-bottom:15px;
}
section#about .about_machinery .box_first .textbox{
}
section#about .about_machinery .box_first .textbox ul{
	margin-bottom:15px;
}
section#about .about_machinery .box_first .textbox li{
	margin-bottom:5px;
	padding-left:15px;
	line-height:22px;
	background:url(../../images/bg_point_blue.gif) no-repeat 0px 7px #fff;
}

/* プロジェクターについて */

section#about .about_machinery .box_second{
	padding-bottom:30px;
	margin-bottom:30px;
	background:url(../../images/bg_line_x.gif) no-repeat bottom center;
}
section#about .about_machinery .box_second .leftbox{
	width:280px;
	float:left;
}
section#about .about_machinery .box_second .rightbox{
	width:560px;
	float:right;
}
section#about .about_machinery .box_second .title{
	margin-bottom:15px;
}
section#about .about_machinery .box_second .textbox{
}
section#about .about_machinery .box_second .textbox ul{
	margin-bottom:15px;
}
section#about .about_machinery .box_second .textbox li{
	margin-bottom:5px;
	line-height:22px;
}

/* 照明・音響システムについて */

section#about .about_machinery .box_third{
}
section#about .about_machinery .box_third .title{
	margin-bottom:15px;
}
section#about .about_machinery .box_third .textbox{
}
section#about .about_machinery .box_third .textbox ul{
	margin-bottom:15px;
}
section#about .about_machinery .box_third .textbox li{
	margin-bottom:5px;
	padding-left:15px;
	line-height:22px;
	background:url(../../images/bg_point_blue.gif) no-repeat 0px 7px #fff;
}
section#about .about_machinery .box_third .textbox li p{
	background:#fff;
}

/* 神楽洞夢の目的 */

section#purpose{
	width:940px;
	height:auto;
}
section#purpose h3 img{
	display:block;
}
section#purpose .section_inner{
	width:840px;
	height:auto;
	padding:30px 49px;
	background:#fff;
	border:solid #a5a5b0;
	border-width:0 1px 1px;
	border-radius:0 0 5px 5px;
}
section#purpose .section_inner .leftbox{
	width:390px;
	height:auto;
	margin-right:26px;
	padding-right:34px;
	float:left;
	background:url(../../images/bg_line_y.gif) no-repeat right ;
}
section#purpose .section_inner .leftbox .title{
	margin-bottom:20px;
	display:block;
}
section#purpose .section_inner .leftbox .textbox{
	width:215px;
	margin-right:15px;
	float:left;
}
section#purpose .section_inner .leftbox .textbox li.list01{
	margin-bottom:5px;
	padding-left:20px;
	line-height:22px;
	font-weight:bold;
	background:url(../../images/01_blue.gif) no-repeat 0px 4px ;
}
section#purpose .section_inner .leftbox .textbox li.list02{
	margin-bottom:5px;
	padding-left:20px;
	line-height:22px;
	font-weight:bold;
	background:url(../../images/02_blue.gif) no-repeat 0px 4px ;
}
section#purpose .section_inner .leftbox .textbox img{
	display:block;
	margin-bottom:15px;
}

section#purpose .section_inner .leftbox .imgbox{
	float:right;
	
}
section#purpose .section_inner .rightbox{
	width:390px;
	height:auto;
	float:right;
}
section#purpose .section_inner .rightbox .title{
	margin-bottom:20px;
	display:block;
}
section#purpose .section_inner .rightbox .textbox{
	width:215px;
	margin-right:15px;
	float:left;
}
section#purpose .section_inner .rightbox .textbox li{
	margin-bottom:5px;
	padding-left:15px;
	text-align:justify;
	line-height:22px;
	font-weight:bold;
	background:url(../../images/bg_point_sky.gif) no-repeat 0px 7px;
}

section#purpose .section_inner .rightbox .textbox img{
	display:block;
	margin-bottom:15px;
}

section#purpose .section_inner .rightbox .imgbox{
	float:right;
	
}



/* ご利用案内 
--------------------*/

#guide #content h2{
	margin-bottom:15px;
}
#guide p.attention{
	margin-bottom:15px;
	padding:12px 20px;
	border:1px dotted #c5c5c5;
	background:#fff;
	color:#990000;
}
#guide #content .inner .btn{
	width:622px;
	margin:0 auto 25px;
}
#guide .inner .btn .leftbox{
	width:302px;
	float:left;
}
#guide .inner .btn .leftbox img{
	margin-bottom:5px;
}

#guide .inner .btn .rightbox{
	width:302px;
	float:right;
}
#guide .inner .btn .rightbox img{
	margin-bottom:5px;
}

/* ご利用案内 */

section#use_guide {
	width:940px;
	height:auto;
	clear:both;
}
section#use_guide h3 img{
	display:block;
}
section#use_guide .section_inner{
	width:840px;
	height:auto;
	padding:30px 49px;
	background:#fff;
	border:solid #a5a5b0;
	border-width:0 1px 1px;
	border-radius:0 0 5px 5px;
}
section#use_guide .section_inner .title{
	margin-bottom:10px;
}
section#use_guide table{
	width:840px;
	height:auto;
}
section#use_guide table.public{
	margin-bottom:30px;
}

section#use_guide table th{
	width:260px;
	padding:5px 20px;
	color:#fff;
	font-weight:bold;
	line-height:22px;
	background:url(../../images/table_th_bg.gif) ;
	vertical-align:middle;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
section#use_guide table td{
	padding:5px 20px;
	background:#dddddd ;
	line-height:22px;
	border-bottom:1px solid #fff;
}
section#use_guide table td p{
	width:499px;
	background:#dddddd;
}
section#use_guide table td .indent{
	text-indent:5em;
}

section#use_guide table td .btnbox{
	width:190px;
	height:32px;
	margin:5px 0;
}
section#use_guide table td .btnbox img{
	display:block;
	background:#eee;
}

/* アクセスマップ */

section#access{
	width:940px;
	height:auto;
}
section#access h3 img{
	display:block;
}
section#access .section_inner{
	width:840px;
	height:auto;
	padding:30px 49px 26px;
	background:#fff;
	border:solid #a5a5b0;
	border-width:0 1px 1px;
	border-radius:0 0 5px 5px;
}
section#access .section_inner .leftbox{
	width:400px;
	height:auto;
	float:left;
}
section#access .section_inner .leftbox .textbox{
	width:400px;
	height:auto;
	margin-bottom:23px;
}
section#access .section_inner .leftbox .textbox .address{
	height:14px;
	margin-bottom:10px;
	padding:2px 0 3px 44px;
	background:url(../../images/guide_address_bg.gif) left no-repeat;
}
section#access .section_inner .leftbox .textbox .tel{
	height:14px;
	margin-bottom:10px;
	padding:2px 0 3px 44px;
	background:url(../../images/guide_tel_bg.gif) left no-repeat;
}
section#access .section_inner .leftbox .mapbox{
	width:400px;
	margin-bottom:5px;
}
section#access .section_inner .leftbox .mapbox .title{
	margin-bottom:10px;
	display:block;
}
section#access .section_inner .leftbox .notes{
	font-size:12px;
	line-height:20px;
}
section#access .section_inner .rightbox{
	width:410px;
	height:auto;
	float:right;
}
section#access .section_inner .rightbox .title{
	margin-bottom:10px;
	display:block;
}
section#access .section_inner .rightbox .map{
	display:block;
}

/* 利用申込み */

section#application{
	width:940px;
	height:auto;
}
section#application h3 img{
	display:block;
}
section#application .section_inner{
	width:840px;
	height:auto;
	padding:30px 49px 26px;
	background:#fff;
	border:solid #a5a5b0;
	border-width:0 1px 1px;
	border-radius:0 0 5px 5px;
}
section#application .section_inner .title{
	margin-bottom:10px;
	display:block;
}

section#application .section_inner .leftbox{
	width:500px;
	height:auto;
	float:left;
}
section#application .section_inner .leftbox .textbox{
	width:500px;
	height:auto;
	line-height:22px;
	background:#fff;
}
section#application .section_inner .leftbox .textbox .highlight{
	color:#ff0000;
}
section#application .section_inner .rightbox{
	width:302px;
	height:auto;
	float:right;
}

/* 施設利用規約 */

section#agreement{
	width:940px;
	height:auto;
}
section#agreement h3 img{
	display:block;
}
section#agreement .section_inner{
	width:840px;
	height:auto;
	padding:30px 49px 26px;
	background:#fff;
	border:solid #a5a5b0;
	border-width:0 1px 1px;
	border-radius:0 0 5px 5px;
}
section#agreement .section_inner .leftbox{
	width:500px;
	height:auto;
	float:left;
}
section#agreement .section_inner .leftbox .textbox{
	width:500px;
	height:auto;
	line-height:22px;
	background:#fff;
}
section#agreement .section_inner .rightbox{
	width:302px;
	height:auto;
	float:right;
}


/* 緊急時メッセージ 
--------------------*/

.emgmsg {
	width: 694px;
	margin: 30px 70px 30px;
	padding: 20px 50px;
	border:3px solid #dd0000;
	color: #dd0000;
	font-size: 120%;
	display: none;
}









