@charset "utf-8";
/*===============
全般的なスタイル
=================*/
body {
	width:100%;					
	background-color:#ffffff;	
	background-image:none;		
	font-size:100%;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;			
}
div#pagebody {
	width:100%; margin:0px auto;		
	background-image:none;			
	background-repeat:no-repeat;	
}

/*=============
ヘッダ
===============*/
div#header h1 {
	margin:0px 0px;			
}
div#header img {
	width:320px; height:50px;	
}
/*=================
ヘッダ画像
===================*/
#img_index {
	display:none;			
}
#img_subpage {
	display:none;			
}
/*=================
メインメニュー
===================*/
#menu{
	width: 100px;	
}

.manu-sp{
	width: 200px;
	margin: auto;
	text-align: center;
}
ul#menu {
	width:100%;		
	margin:0px;		
}
#menu li a {
	background-color:#1e5bbd;	
	color:white;					
	width:150px; height:30px;	
	padding:10px 40px;
	margin: 1px auto;	
	background-image:url(images/bg_menu1.png);	
	background-repeat:no-repeat; 				
	font-size:120%;	
	border-radius: 10px;
	text-align: center;

}
#menu li a:hover {
	background-color:#193f7d; 			
	background-image:url(images/bg_menu.png);	 
}

#img_event{
		width:100%;height:100%;		
		margin:5px;		
}
/*======================
サブメニュー
========================*/
div#submenu h2 {
	width:100%; height:40px;	
	padding:15px 0px 0px 10px;	
	font-size:16px;			
	background-image:none;			
	background-repeat:no-repeat;	
	background-color:#000033;	
	color:#ffffff;				
	clear:both;					
}
div#submenu {
	width:100%;			
	margin:0px;			
	float:none;			
}
div#submenu ul li a {
	display:block;				
	width:100%; height:40px;	
	padding:15px 0px 0px 10px;	
	text-decoration:none;		
	border-bottom:1px dotted gray;	
	background-image:none;			
	background-repeat:no-repeat;	
	background-color:#cccccc;	
	color:#000000;				
}

.invisibleFrame {
  display:none;
}
/*=======================
インフォメーション
=========================*/
div#info {
	width:100%;			
	float:none;			
	padding:0px;			
}
h3 {
	font-size:14px;			
	width:100%;				
	margin:10px 0px 0px 0px;	
	padding:10px 0px 10px 10px;
	background-color:#003399;	
	color:#ffffff;			
	border-radius:0px;		
}
p {
	width:95%;				
	margin:10px;			
	text-indent:1em;		
}
.infoimg_index {
	display:block;				
	width:100%; height:100%;	
	margin:5px;	
	float:none;		
}

.infoimg_subpage {
	display:block;				
	width:300px; height:225px;	
	margin:0px 0px 20px 0px;	
	float:none;			
}
.infoimg_tel {
	display:block;				
	width:300px; height:60px;	
	margin:0px 0px 20px 0px;	
}

.infoimg_img {
	display:block;				
	width:70%; height:40%;	
	margin:0px 0px 20px 0px;	
	float:none;			
}
hr {
	clear:both;					
	width:100%;				
	margin:10px 0px;			
	border:1px dotted #cccccc;	
}
.dex{
	font-size: 22px;
	color: red;
}
/*===============
ボタン
=================*/
.btn {
  padding: 8px 24px;
  color: white;
  display: inline-block;
  opacity: 0.8;
  border-radius: 4px;
}
.btn:hover {
  opacity: 1;
}

.coment{
  padding: 15px 30px;
  background-color: #3c58e6;
  cursor: pointer;
  box-shadow: 0 7px #1e2b6e;	
}
.coment:active{
  box-shadow:none;
  position:relative;
  top:7px;

}