@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@300;400;500;700;800&display=swap');

html,body {
	height:100%;
	background-color: #000;
	margin:0;
	padding:0;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック";
}
* {
	margin: 0;
	padding: 0;
}
/*グローバルナビ*/
.nav {
    margin: 0 auto 60px auto;
    font-size: 15px;
    background: rgba(44,44,44,0.7);
	text-align:center;
	font-family: 'Rajdhani', sans-serif;
}
.nav ul{
	width: 800px;
	margin:0 auto;
}
.nav li {
    list-style: none;
    float: left;
	letter-spacing:0.1em;
}
.nav li a {
    text-decoration: none;
    color: #fff;
    padding: 20px 25px;
    display: block;
}
.nav li a:hover {
    background: #999;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	z-index:999;
	text-align:center;
}
/*コンテンツ*/
#container{
	min-height: 100%;　/* ポイント1 */
    _height: 100%; /* for IE6 */
	
	
}
#main{
	width: 850px;
	height:6100px;
	text-align:left;
	margin:0 auto;
	position: relative;
	top:900px;
	padding-bottom:50px;
}
#header {
	width:1500px;
	height:900px;
	text-align:left;
	text-align:center;
	background-image: url(../img/top_img.jpg);
	background-repeat:no-repeat;
	position: absolute;  
    left: 50%;  
    margin: -0 0 0 -750px;  
    padding: 20px;  
	
}
#header_in{
	width:950px;
	margin:15px auto;
}
.logo{
	width:189px;
	text-align:left;
	float:left;
}
.gifanime{
	float:right;
	padding:20px 50px  0 0;}
.gnavi_menu{
	top:240px;
	left:300px;
	position:absolute;
}
.gnavi_about{
	top:120px;
	left:550px;
	position:absolute;
}
.gnavi_map{
	top:140px;
	left:750px;
	position:absolute;
}
.gnavi_news{
	top:180px;
	left:1000px;
	position:absolute;
}
.gnavi_blog{
	top:380px;
	left:400px;
	position:absolute;
}
.gnavi_coupon{
	top:390px;
	left:680px;
	position:absolute;å
}
.gnavi_staff{
	top:410px;
	left:870px;
	position:absolute;
}
h2{
	color:#555;
	font-size:11px;
	letter-spacing:1px;
}
#side{
  position: absolute;
  top: 0px;
  left: 20px;
  width: 80px;
  height: 150px;
}
#nav {
	
}
#nav li {
	width: 79px;
	display: block;
	text-align: center;
	padding-bottom:0;
	vertical-align:baseline;
	height:37px;
}
#rightbox{
	width:800px;
	float:left;
	text-align: right;
	padding-left:130px;
	
}
#rightbox_in{
	width:800px;
	background-color:#fff;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
#allbox{
	width:850px;
	text-align: center;
	
}
#allbox_in{
	width:850px;
	background-color:#fff;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
#content_area{
	padding:55px;
	text-align:left;
}
.about{margin:0 0 30px 0;}
.txt01{
	width:450px;
	font-size:14px;
	margin:15px 0 20px 0;
	line-height:30px;
	letter-spacing:1px;
	float:left;
}
.txt02{
	width:100%;
	font-size:12px;
	margin:15px 0 0 0;
	line-height:20px;
	letter-spacing:2px;
}
.about ul{
	width:250px;
	list-style:none;
	display:block;
	float:right;
}
.about li{
	display:inline;
	margin:0 10px 20px 0;
}
.about li img{
	padding-bottom:10px;}
.about h2{}
.about p{
	border-bottom:#000 solid 2px;
	margin:40px 0 15px 0;
}
.news{
	margin:30px 0 30px 0
}
.news h3{}
.news_box{
	background-color:#000;
	padding:30px;
}
.news table{
	width:100%;
	margin-top:20px;
	}
.news td{
	text-align:left;
}
#entry{}
#entry dl{
	margin-top:15px;
}

dt#newsdata{
	width:123px;
	height:30px;
	padding:10px 0 0 0;
	color:#555;
	background-color:#fff;
	margin:0 10px 10px 0;
	float:left;
	font-size:13px;
	text-align:center;
}
dd#newstxt{
	width:525px;
	height:30px;
	margin-bottom:10px;
	padding:10px 0 0 15px;
	background-color:#fff;
	float:right;
	font-size:16px;
	font-weight:bold;
}
#newstxt a:link,#newstxt a:visited{
	color:#000;
	text-decoration:none;
}
#newstxt a:hover{
	color:#ff0000;
	text-decoration:none;
}
.day{
	width:130px;
	padding-bottom:0px;
	display:block;
	float:left;
	padding:20px 0 10px 0;
}
.tittle{
	width:550px;
	padding-bottom:0px;
	display:block;
	float:left;
	display:block;
	float:left;
	padding:20px 0 10px 0;
}
.menu{
	margin:30px 0 30px 0;}
.menu h3,.map h3,.blog h3,.coupon h3,.staff h3{
	margin-bottom:20px;}
.menu h3 span{
	color:#000;
	font-size:11px;
	font-weight:normal;
	letter-spacing:0.05em;
}
.menu p{
	border-bottom:#000 solid 2px;
	width:100%;
	padding-bottom:3px;
	margin-bottom:10px;
	font-size:18px;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight:700;
	letter-spacing:0.1em;
}
.menu_box01{
	width:330px;
	float:left;
	font-size:13px;
	margin:20px 0 20px 15px;
}
.menu dl{width:330px;}
.menu dt{width:180px; float:left; padding:10px 0 0 10px; font-weight:bold;}
.menu dd{width:115px; float:right; text-align:right;padding:10px 10px 0 0;}
.menu_txt01{
	width:330px;
	font-size:11px;
	padding:10px 0 0 10px;
	line-height:14px;
	float:left;
	
}
.menu_box01 ul{
	padding:0 0 0 0;
	list-style:none;
}
.menu_box01 li{
	margin:0 0 3% 0;
}
.map{margin:30px 0 30px 0;}
.map_area{
	border:#000 solid 5px;
}
.map p{
	margin:15px 0 0 0;
	text-align:right;
}
#map_google{
	width:100%;
	height:100%;
	text-align:center;}
#map_canvas{
	width:100%;
	height:100%;
	margin:0 auto;
}
.attention{
	margin:20px 0 0 0;
	padding:5px 0 0 0;
	border-top:#bbb solid 1px;
	font-size:12px;
	text-align:right;
}
.blog{margin:30px 0 30px 0;}
.blog_area{
	border:#000 solid 5px;
}
.coupon{margin:30px 0 30px 0;}
.coupon p{
	font-size:12px;
	margin:20px 0 5px 0;
	width:600px;
	float:left;}
#printarea{
}
.print{
	padding:0 0 0 0;
	float:right;
	width:30px;}
.staff{
}
.staff_txt01{
	width:700px;
	font-size:13px;
	letter-spacing:1px;
	line-height:28px;
	padding:10px 0 10px 10px;
}
.staff_txt02{
	width:730px;
	padding:30px 0 0 10px;
	border-top:#000 solid 1px;
	margin:30px 0;
}
.staff_txt03{
	width:490px;
	letter-spacing:1px;
	line-height:28px;
	font-size:12px;
	float:right;
	padding-left:20px;
}
.staff dl{
	margin-top:20px;
	width:500px;
	font-size:11px;
}
.staff dt{
	width:60px;
	float:left;
}
.staff dd{
	width:400px;
	float:left;
}
.staff_img01{
	float:left;
	width:161px;
	padding:10px 0 0 20px;
}
.staff ul li{
	list-style-image:none;
}
.staff li{
	width:100px;
	height:100px;
	display: block;
	border:#ccc solid 1px;
	margin:10px 15px 0 0;
	float:left;
}
.gallery{margin:30px 0 30px 0;}
.gallery ul {
	margin-top:20px;
}
.gallery ul li{
	list-style-image:none;
}
.gallery li{
	width:155px;
	height:155px;
	display: block;
	padding:7px;
	border:#ccc solid 1px;
	margin:7px;
	float:left;
}
.gallery_txt01{
	font-size:8px;
	color:#ccc;
	text-align:right;
	padding:5px 7px 0 0;
	letter-spacing:1px;
}
.border{
	border-left: #000 solid 3px;
	border-right: #000 solid 3px;
}

.130bold{
	font-size:130%;
	font-weight:bold;
}
.red_bold{
	color:#db0404;
	font-weight:600;
	width:25px;
	float:left;
}
#plane{
	margin:20px auto 150px auto;
}
#footer {
	height: 70px;
	margin-top: -150px; /* ポイント2 */
	padding: 20px 10px;
	background: #FFF;
	color: #777;
	text-align:center;
	font-size:12px;
	letter-spacing:1px;
	line-height:200%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#footer ul li {
	list-style:none;
}
#copyright{ background-color:#C0000;
font-size:10px;
letter-spacing:1px;
color:#690202;
padding:10px 0 10px 0;
text-align:center;
}
.clear{
	clear:both;
}
/********* ページトップへ *****************************************************/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
	font-size:4em;
	
}
p#page-top{
	margin:0;
}
#page-top a {
    text-decoration: none;
    color: #C00;
    text-align: center;
    display:block;
	
}
#page-top a:hover {
    text-decoration: none;
    color: #777;
}
.fc_red{color:#db0404;}
.fs_90{font-size:90%;}
.fs_85{font-size:85%;}
.fs_80{font-size:80%;}
.fw_400{font-weight:400;}
.fw_500{font-weight:500;}