@charset "utf-8";

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

   WebFonts
   
 =================================================== */

@import url(http://fonts.googleapis.com/css?family=Roboto);

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

   clearfix
   
 =================================================== */

.clearfix {zoom:1;}
.clearfix:after {
  content : ""    ; 
  display : block ; 
  clear   : both  ;
}



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

   Body
   
 =================================================== */
 
body {
	line-height              : 1.5em ;
	color                    : #333  ;
	background               : #fff  ;
	-webkit-text-size-adjust : 100%  ;
}
	
/*  ===================================================

   Link
   
 =================================================== */
	
a, a:link, a:visited, a:active {
	text-decoration: underline;
	color: #426ab2;
}

a:hover {
	text-decoration: none;
	color: #6e9cee;
}

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

   Header
   
 =================================================== */

#header {
	padding : 20px 10px ;
}

#header h1 {
	width   : 115px  ;
	float   : left   ;
	display : inline ;
}

	#header p#headerNav_btn {
		width   : 44px   ;
		float   : right  ;
		display : inline ;
		margin-right : 10px ;
	}
	
	#header p#reservation_btn {
		width   : 100px  ;
		float   : right  ;
		display : inline ;
	}


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

   section
   
 =================================================== */

	
#container {

}

.contents_box {
	padding : 0 10px ;	
}

section h1 img{
	width : 100% ;
}

section h2 {
	font-size     : 1em    ;
	text-align    : center ;
	line-height   : 120%   ;
	margin-bottom : 0      ;
	padding       : 20px 0 ;
	border-top    : 1px solid #426ab2 ;
	border-bottom : 1px solid #ddd ;
}

	section h2 span{
		color       : #666   ;
		font-size   : 0.7em  ;
		font-weight : normal ;
		line-height : 100%   ;
		display     : block  ;
		font-family : 'Roboto', sans-serif;
	}
	section h2 span.inline{
		display: inline;
	}

section h3 {
	color       : #fff ;
	font-size   : 1em  ;
	font-weight : bold ;
	
	padding     : 10px ;
	background  : #2c57a4 ;
}

section p.text {
	margin-bottom : 12px ;
}



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

   Footer
   
 =================================================== */


/* ページトップボタン */

p#pageTopBtn a {
	width       : 100%   ;
	text-align  : center ;
	padding     : 15px 0 ;
	line-height : 100%   ;
	display     : block  ;

	background  : #333 ;
}


/* footer */

footer {
	padding    : 0 0 0 0 ;
	color      : #333    ;
	background : #f5f5f5 ;
}
#twitter-widget-0 {
	height: 400px !important;
}


/* フッター情報 */

		#f_info {
			padding : 20px ;
		}
		
		#teacher , #tel , #mail {
			margin-bottom : 15px ;	
		}
		
				
			#teacher dl dt {
				width                 : 40px   ;
				padding               : 10px 0 ;
				text-align            : center ;
				float                 : left   ;  
				clear                 : both   ; 
				color                 : #fff   ;
				background            : #333   ;
				border-radius         : 40px   ;
				-webkit-border-radius : 40px   ; /* Safari,Google Chrome用 */  
				-moz-border-radius    : 40px   ; /* Firefox用 */  
			}
			
			#teacher dl dd {
				padding     : 6px 0 0 10px ;
				font-size   : 1.15em       ; 
				font-weight : bold         ;
				width       : 200px        ;
				margin-left : 40px         ; 
				line-height : 100%         ;
			} 
			
				#teacher dl dd span {  
					font-size   : 0.6em ;
				}  
		
		#tel, #mail {
			margin-left : 10px ;	
		}
		
		#tel {
			font-size   : 1.15em ;
			font-weight : bold  ;
			padding     : 4px 0 0 30px ;
			line-height : 100% ;
			background  : url(../img/icon_tel.png) no-repeat 3px top ;
			background-size         : 14px auto ;
			-webkit-background-size : 14px auto ;
			-moz-background-size    : 14px auto ;
		}
		
			#tel span {
				padding-top : 5px    ;
				display     : block  ;
				font-size   : 0.60em ;	
				font-weight : normal ;
				text-indent : -1em   ;
				margin : 0 0 0 1em ;
			}
		
		#mail {
			font-size   : 1.0em ;
			font-weight : bold  ;
			padding     : 0 0 0 30px ;
			background  : url(../img/icon_mail.png) no-repeat left center ;
			background-size         : 23px auto ;
			-webkit-background-size : 23px auto ;
			-moz-background-size    : 23px auto ;
		}
		
		#address {
			padding-left : 40px ;
		}
		
			#address strong {
				color:#426ab2;
			}

/* Narrationボタン */

p#btn_narration_en {
	padding: 0 10px;
}

	p#btn_narration_en a {
		color           : #fff ;
		font-size       : 1.0em   ;
		font-weight     : bold    ;
		text-decoration : none    ;
		text-align      : center  ;
		
		margin-bottom : 20px      ;
		padding       : 10px 15px ;
		display       : block     ;
		
		background: #8fb041;
		
		-webkit-border-radius : 5px ;
		-moz-border-radius    : 5px ;
		border-radius         : 5px ;
	}

/* Twitterエリア */

div#twitter_area {
	padding: 0 10px;
	margin-bottom: 10px;
}


/* PCサイトを表示ボタン */

p#pc {
	padding: 0 10px;
}

	p#pc a {
		color           : #426ab2 ;
		font-size       : 1.0em   ;
		font-weight     : bold    ;
		text-decoration : none    ;
		text-align      : center  ;
		
		margin-bottom : 20px      ;
		padding       : 10px 15px ;
		display       : block     ;
		
		border                : 1px solid #426ab2 ;
		-webkit-border-radius : 5px ;
		-moz-border-radius    : 5px ;
		border-radius         : 5px ;
	}

/* コピーライト */

#credit {
	text-align : center  ;
	padding    : 15px 0  ;
	color      : #fff    ;
	font-size  : 0.8em   ;
	background : #426ab2 ;
}

	#f_logo {
		margin-bottom : 10px ;	
	}
	
	#f_name {
		line-height : 140% ;
	}
	




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

   モーダルナビ
   
 ===================================================*/

/* Reveal Modals */
		
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(255,255,255,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
}
	
.reveal-modal {
	visibility: hidden;
	top: 20px; 
	left: 50%;
	margin-left: -150px;
	width: 280px;
	background: #426ab2 ;
	position: absolute;
	z-index: 101;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
}

/* 見出し */

#mNavHead {
	margin-bottom:10px;
}

	#mNavHead h2 {
		font-size:1.15em;
		font-family : 'Roboto', sans-serif;
		width:180px;
		float:left;
		display:inline;
		height:inherit;
		padding : 6px 0 0 5px ;
	    background: none;
		color:#fff;
	}
	
	.reveal-modal #close {
		width:80px;
		float:right;
		display:inline;
		text-decoration:none;
	}
	
	.reveal-modal #close img {
		max-width : 100% ;
	}


/* 角丸設定 */

#mNav ul li:first-child a {
	-webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#mNav ul li:last-child a {
	-webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* フォントサイズ */

div.ac_nav,
div.ac_nav > div {
    font-size:12px;

}

/* デザイン */

#mNav ul li {
	text-align : left   ;
}

	#mNav ul li.pos_L a{
		border-right : 1px solid #426ab2 ;
	}
	
	#mNav ul li#nav_A a {background : url(../img/icon_A.png) no-repeat scroll 12px 50% , #fff ; background-size : 25px auto ; -webkit-background-size : 25px auto ; -moz-background-size : 25px auto ;}
	#mNav ul li#nav_B a {background : url(../img/icon_B.png) no-repeat scroll 12px 50% , #fff ; background-size : 25px auto ; -webkit-background-size : 25px auto ; -moz-background-size : 25px auto ;}
	#mNav ul li#nav_C a {background : url(../img/icon_C.png) no-repeat scroll 12px 50% , #fff ; background-size : 25px auto ; -webkit-background-size : 25px auto ; -moz-background-size : 25px auto ;}
	#mNav ul li#nav_D a {background : url(../img/icon_D.png) no-repeat scroll 12px 50% , #fff ; background-size : 25px auto ; -webkit-background-size : 25px auto ; -moz-background-size : 25px auto ;}
	#mNav ul li#nav_E a {background : url(../img/icon_E.png) no-repeat scroll 12px 50% , #fff ; background-size : 25px auto ; -webkit-background-size : 25px auto ; -moz-background-size : 25px auto ;}
	#mNav ul li#nav_F a {background : url(../img/icon_F.png) no-repeat scroll 12px 50% , #fff ; background-size : 25px auto ; -webkit-background-size : 25px auto ; -moz-background-size : 25px auto ;}
	#mNav ul li#nav_I a {background : url(../img/icon_I.png) no-repeat scroll 12px 50% , #fff ; background-size : 25px auto ; -webkit-background-size : 25px auto ; -moz-background-size : 25px auto ;}
	#mNav ul li#nav_japanese a {background : url(../img/icon_japanese.png) no-repeat scroll 12px 50% , #fff ; background-size : 25px auto ; -webkit-background-size : 25px auto ; -moz-background-size : 25px auto ;}
	
	#mNav ul li#nav_Home a {background : url(../img/icon_Home.png) no-repeat scroll 12px 50% , #fff ; background-size : 25px auto ; -webkit-background-size : 25px auto ; -moz-background-size : 25px auto ;}
	
	#mNav ul li a{
		color      : #333   ;
		padding    : 12px 0 12px 48px;
		display    : block  ;
		
		font-weight     : bold ;
		text-decoration : none ;
		
		box-shadow : 0 -1px 0 #426ab2 inset;
	}