@charset "shift_jis";
/* CSS Document */

:root {
  --sans-serif1: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Noto Sans JP', 'BIZ UDPGothic', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
body, h1, h2, h3, h4, ul, li, p, form {
	font-size: 100%;
	line-height: 1;
	margin: 0px;
	padding: 0px;
}
body {
	background-image: url(/image/bg.jpg);
	background-position: center top;
	background-color: #000000;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFFFFF;
	scrollbar-face-color: #000000; /* 表面の色 */
	scrollbar-arrow-color: #908652; /* 矢印の色 */
	scrollbar-highlight-color: #000000; /* ハイライトの色 */
	scrollbar-shadow-color: #000000; /* 影の色 */
	scrollbar-base-color: #fcfcfc; /* ベース色 */
	scrollbar-3dlight-color: #4c4028; /* 左端と上端の色 */
	scrollbar-darkshadow-color: #4c4028; /* 右端と下端の色 */
	-webkit-text-size-adjust: 100%
}
span,
font {
	font-family: inherit !important;
}
.x-small {
	font-size: 10px;
}
.small {
	font-size: 12px;
}
.x-medium {
	font-size: 16px;
}
.medium {
	font-size: 18px;
}
.x-large {
	font-size: 24px;
}
.bold {
	font-weight: bold;
}
.yellow {
	color: #FF0;
}
.red {
	color: #F00;
}
.blue {
	color: #00F;
}
.purple {
	color: #FF00FF;
}
.lime {
	color:#0F0
}
h1 {
	position: absolute;
	top: 10px;
	font-weight: normal;
	width: 550px;
	font-size: 10px;
	left: 50%;
	margin-left: -77px;
	color: #CCCCCC;
	z-index: 10;
}
a img {
	border: 0px;
}
a:link, a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover, a:active {
	color: #FF0000;
	text-decoration: none;
}
.button {
	border: 1px #292929 solid;
	font-size: 30px;
	font-weight: bold;
	color: #FFF;
	line-height: 100px;
	text-shadow: 1px 2px 3px #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#45494d), to(#000));
	background: -moz-linear-gradient(top, #45494d, #000);
	border-radius: 10px;
	text-align: center;
	display: block;
	height: 100px;
	width: 95%;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	cursor: pointer;
	clear: both;
}
#wrapper {
	width:809px;
	float:right;
}
#container {
	width:955px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#main {
	width:809px;
	float:right;
}
.box {
	margin-bottom: 10px;
	display: block;
	text-align: center;
}
#right {
	width:155px;
	float:right;
}
#footer {
	width:100%;
	clear:both;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	line-height: 14px;
}
#copyright {
	width:100%;
	text-align: center;
	font-weight: bold;
	color: #999;
	padding: 10px;
}
.c_both {
	clear: both;
	*font-size: 1%;
	*line-height: 1%;
	*height: 1%;
	*width: 1%;
}
.x-small {
	font-size: 10px;
}
.small {
	font-size: 12px;
}
.medium {
	font-size: 18px;
}
.x-large {
	font-size: 24px;
}
.xx-large {
	font-size: 36px;
}
.bold {
	font-weight: bold;
}
.yellow {
	color: #FF0;
}
.red {
	color: #F00;
}
.blue {
	color: #00F;
}
.purple {
	color: #FF00FF;
}
.lime {
	color: #0F0;
}
.aqua {
	color:#0FF;
}


/* header */

#header {
	height: 30px;
	margin-bottom: 2px;
	overflow: hidden;
	padding-top: 100px;
	background-image: url(../image/sprite.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#header2 {
	height: 25px;
	margin-bottom: 2px;
	overflow: hidden;
	padding-top: 100px;
	background-image: url(../image/sprite3.jpg?v=200623);
	background-repeat: no-repeat;
	position: relative;
}
#top_menu {

	padding-left: 73px;
	height: 30px;
	display: block;
}
#top_menu li {
	width: 145px;
	list-style-type: none;
	float: left;
	margin-left: 2px;
	display: block;
	*display: inline;
}
#top_menu a {
	background-image: url(../image/sprite.jpg?date=250615);
	background-repeat: no-repeat;
	display: block;
	height: 25px;
}
#top_menu span {
	display: none;
}
#toppage {
	background-position: 0 -150px;
}
#map {
	background-position: -145px -150px;
}
#mobile {
	background-position: -290px -150px;
}
#enquete {
	background-position: -435px -150px;
}
#recruit {
	background-position: -580px -150px;
}
#link {
	background-position: -725px -150px;
}
#header_tel {
	position: absolute;
	right: 3px;
	top: 70px;
	display: block;
	height: 0px;
	width: 180px;
	padding-top: 35px;
	overflow: hidden;
}
#header_tel2 {
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	height: 98px;
	width: 282px;
}

/* left */

#left {
	width:146px;
	float:left;
}
#left_menu {
	display: block;
	margin-bottom: 3px;
	*margin-bottom: 0px;
}
#left_menu li {
	list-style-type: none;
	margin-left: 3px;
	width: 140px;
	margin-bottom: 3px;
	*margin-bottom: 0px;
}
#left_menu span, #movie span, #ranking span, #blog span, #favorite span {
	display: none;
}
#left_menu a {
	background-image: url(../image/sprite.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 80px;
}
#zaiseki {
	background-position: 0 -210px;
}
#zaiseki:hover {
	background-position: 0 -290px;
}
#sche {
	background-position: -140px -210px;
}
#sche:hover {
	background-position: -140px -290px;
}
#concept {
	background-position: -280px -210px;
}
#concept:hover {
	background-position: -280px -290px;
}
#system {
	background-position: -420px -210px;
}
#system:hover {
	background-position: -420px -290px;
}
#riyou {
	background-position: -560px -210px;
}
#riyou:hover {
	background-position: -560px -290px;
}
#event {
	background-position: -700px -210px;
}
#event:hover {
	background-position: -700px -290px;
}
.left_area {
	margin-left: 3px;
	margin-bottom: 3px;
	width: 140px;
	display: block;
}
#movie {
	background-image: url(../image/menu/movie.gif);
	background-repeat: no-repeat;
	height: 155px;
}
#ranking {
	background-image: url(../image/menu/top_ranking.gif);
	background-repeat: no-repeat;
	height: 100px;
}
#blog {
	background-image: url(../image/sprite2.jpg);
	background-position: -140px -370px;
	background-repeat: no-repeat;
	height: 155px;
}

/* メルマガ */

#m_maga {
	background-image: url(../image/mailmagazine.gif);
	background-repeat: no-repeat;
	height: 90px;
	width: 552px;
	margin-bottom: 10px;
	padding-top: 120px;
	padding-left: 100px;
	position: relative;
}
a.m_maga_button {
	display: grid;
	place-items: center;
	width: 360px;
	height: 32px;
	font-size: 14px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	background: linear-gradient(white, #e8e8e8);
	border-radius: 5px;
	letter-spacing: 1px;
}

/* history */

#history_title {
	background-image: url(../image/sprite.jpg);
	background-position: 0 -450px;
	background-repeat: no-repeat;
	height: 20px;
	width: 140px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A78B4C;
}
#history_title span {
	display: none;
}
#history {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	width: 140px;
	font-size: 12px;
}
.history {
	background-image: url(../image/bg_history.jpg);
	display: block;
	height: 66px;
	width: 136px;
	padding-top: 4px;
	padding-left: 4px;
	margin-bottom: 1px;
}
.history_pic {
	border: 1px solid #313131;
	float: left;
	margin-right: 7px;
}
.history_right {
	float: left;
	width: 85px;
}
.history_right div {
	overflow: hidden;
}
.history_title {
	height: 17px;
	padding-top: 12px;
}
.history_com {
	height: 32px;
	padding-top: 5px;
	line-height: 1.2;
}


/* newface */

#newface_container {
	border: 1px solid #A78B4C;
}
#newface_title {
	background-image: url(../image/sprite.jpg);
	background-position: -280px -370px;
	background-repeat: no-repeat;
	height: 50px;
	width: 100%;
}
#newface_title span {
	display: none;
}
#newface_top {
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
	font-weight: bold;
}
#newface_bottom {
	background-image: url(../image/sprite.jpg);
	background-position: -586px -370px;
	background-repeat: no-repeat;
	height: 65px;
	width: 153px;
	text-align: center;
	font-weight: bold;
	padding-top: 40px;
}
.newface_link a:link, .newface_link a:visited {
	color: #F00;
}
.newface_link a:hover, .newface_link a:active {
	color: #FF0;
}
.newface_box {
	background-image: url(../image/sprite.jpg);
	background-repeat: no-repeat;
	background-position: -433px -370px;
	height: 235px;
	width: 153px;
	padding-top: 5px;
	margin-bottom: 5px;
}
.newface_date {
	font-weight: bold;
	text-align: center;
	height: 18px;
	margin-bottom: 6px;
	line-height: 14px;
}
.newface_photo {
	height: 180px;
	width: 120px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 4px;
}
.newface_photo img {
	height: 180px;
	width: 120px;
}
.newface_name {
	text-align: center;
	line-height: 13px;
	font-size: 11px;
}

#movie2_bt {
	display: block;
	overflow:hidden;
	padding-top:80px;
	background-image: url(/image/movie2_bt.gif);
	background-repeat: no-repeat;
	height:0px;
	width: 140px;
	margin-left:3px;
	margin-bottom:3px;
}
#movie2_bt:hover {
	background-position: 0 -80px;
}
#left #movie2_bt span {
	display: none;
}

#faq_bt {
	height: 140px;
	width: 140px;
	padding-bottom: 3px;
	padding-left: 3px;
	display: block;
}
#faq_bt2 {
	height: 140px;
	width: 140px;
	padding-bottom: 3px;
	padding-left: 3px;
	display: block;
}

#header_top {
	display: block;
	height: 0px;
	width: 660px;
	padding-top: 80px;
	overflow: hidden;
	position: absolute;
	left: 10px;
	top: 10px;
}