@charset "utf-8";
/* CSS Document */

body {
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background-color: #C4C4C4;
	color: #403117;
	font-size: 14px;
}
/*float*/

.clear {
	clear: both;
}
.f_right {
	float: right;
	margin-top: 41px;
}
.f_left {
	float: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.img_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.img_center img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--clearfix--*/

.clearfix {
	zoom: 100%;
	float: none;
}
.clearfix:after {
	display: block;
	clear: both;
	content: ".";
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	visibility: hidden;
}
/*Font*/

.font_10 {
	font-size: 10px;
}
.font_11 {
	font-size: 11px;
}
.font_12 {
	font-size: 12px;
}
.font_13 {
	font-size: 13px;
}
.font_14 {
	font-size: 14px;
}
.font_15 {
	font-size: 15px;
}
.font_16 {
	font-size: 16px;
}
.font_18 {
	font-size: 18px;
}
.font_20 {
	font-size: 20px;
}
.font_22 {
	font-size: 22px;
}
.font_24 {
	font-size: 24px;
}
.font_33 {
	font-size: 33px;
}
.font_w {
	font-weight: bold;
}
.blue {
	color: #2B1D56;
}
.white {
	color: #fff;
}
/*LINE HEIGHT*/

.lh120 {
	line-height: 120%;
}
.lh130 {
	line-height: 130%;
}
.lh140 {
	line-height: 140%;
}
.lh150 {
	line-height: 150%;
}
.lh160 {
	line-height: 160%;
}
.lh170 {
	line-height: 170%;
}
.lh180 {
	line-height: 180%;
}
.lh190 {
	line-height: 190%;
}
.lh200 {
	line-height: 200%;
}
.lh300 {
	line-height: 300%;
}
.left {
	text-align: left;
}
/*margin*/

.mar_none {
	margin: 0;
}
.mar_10 {
	margin: 10px
}
.mar_20 {
	margin: 20px
}
.mar_30 {
	margin: 30px
}
/*上margin*/

.mar_t_-05 {
	margin-top: -5px;
}
.mar_t_-07 {
	margin-top: -7px;
}
.mar_t_-10 {
	margin-top: -10px;
}
.mar_t_-15 {
	margin-top: -15px;
}
.mar_t_-30 {
	margin-top: -30px;
}
.mar_t_00 {
	margin-top: 0;
}
.mar_t_03 {
	margin-top: 3px;
}
.mar_t_05 {
	margin-top: 5px;
}
.mar_t_10 {
	margin-top: 10px;
}
.mar_t_15 {
	margin-top: 15px;
}
.mar_t_20 {
	margin-top: 20px;
}
.mar_t_25 {
	margin-top: 25px;
}
.mar_t_30 {
	margin-top: 30px;
}
.mar_t_35 {
	margin-top: 35px;
}
.mar_t_40 {
	margin-top: 40px;
}
.mar_t_80 {
	margin-top: 80px;
}

.mar_t_100 {
	margin-top: 100px;
}
/*右margin*/
.mar_r_00 {
	margin-right: 0;
}
.mar_r_01 {
	margin-right: 1px;
}
.mar_r_05 {
	margin-right: 5px;
}
.mar_r_10 {
	margin-right: 10px;
}
.mar_r_15 {
	margin-right: 15px;
}
.mar_r_20 {
	margin-right: 20px;
}
.mar_r_25 {
	margin-right: 25px;
}
.mar_r_30 {
	margin-right: 30px;
}
.mar_r_35 {
	margin-right: 35px;
}
.mar_r_40 {
	margin-right: 40px;
}
/*下margin*/

.mar_b_00 {
	margin-bottom: 0;
}
.mar_b_05 {
	margin-bottom: 5px;
}
.mar_b_10 {
	margin-bottom: 10px;
}
.mar_b_15 {
	margin-bottom: 15px;
}
.mar_b_20 {
	margin-bottom: 20px;
}
.mar_b_25 {
	margin-bottom: 25px;
}
.mar_b_30 {
	margin-bottom: 30px;
}
.mar_b_35 {
	margin-bottom: 35px;
}
.mar_b_40 {
	margin-bottom: 40px;
}
.mar_b_50 {
	margin-bottom: 50px;
}
.mar_b_60 {
	margin-bottom: 60px;
}
.mar_b_70 {
	margin-bottom: 70px;
}
.mar_b_80 {
	margin-bottom: 80px;
}
/*左margin*/

.mar_l_00 {
	margin-left: 0;
}
.mar_l_05 {
	margin-left: 5px;
}
.mar_l_10 {
	margin-left: 10px;
}
.mar_l_15 {
	margin-left: 15px;
}
.mar_l_20 {
	margin-left: 20px;
}
.mar_l_25 {
	margin-left: 25px;
}
.mar_l_30 {
	margin-left: 30px;
}
.mar_l_35 {
	margin-left: 35px;
}
.mar_l_40 {
	margin-left: 40px;
}
.mar_l_50 {
	margin-left: 50px;
}
.mar_l_60 {
	margin-left: 60px;
}
.mar_l_r_10 {
	margin-left: 9px;
	margin-right: 10px;
}
.mar_t_b_5 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.red {
	color: #FF0004;
}
#header nav ul {
	height: 100px;
	width: 686px;
	float: right;
}
#header ul li {
	float: left;
}
#wrap {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
h3 {
	margin: 30px 0 30px;
}
#header nav {
	background-image: url(img/common/top_back.png);
	height: 100px;
}
#header .logo {
	height: 100px;
	float: left;
	position: relative;
	background-image: url(img/top/top_back.png);
	display: block;
	width: 264px;
	background-repeat: no-repeat;
}
#header .logo img {
	position: absolute;
	display: block;
	z-index:100;
	top: -65px;
    left: 25px;
}
/*top*/

.news {
	border-bottom: 2px solid #000;
	border-top: 2px solid #000;
	background-color: #fff;
	margin: 0;
	padding: 0;
}
.news .left_img {
	float: left;
}
section .news .news_left {
	float: left;
	width: 385px;
	height: 160px;
	margin: 20px 0 0 15px;
	border-right: dotted 1px #000;
}
.news .news_left li img {
	vertical-align: middle;
	margin-right: 10px;
}
.news .news_left li {
	margin-bottom: 10px;
	height: 40px;
	display: block;
}
section .news .news_right {
	float: left;
	width: 385px;
	height: 160px;
	margin: 20px 0 0 15px;
}
.news .news_right li img {
	vertical-align: middle;
	margin-right: 10px;
}
.news .news_right li {
	margin-bottom: 10px;
	height: 40px;
	display: block;
}
.stores_list ul li {
	float: left;
	margin-bottom: 10px;
}
.how_to_back {
	padding: 10px 0;
	border-bottom: 2px solid #000;
	border-top: 2px solid #000;
	background-color: #fff;
}
.how_to_back .step_01 {
	width: 377px;
	float: left;
}
.how_to_back .step_02 {
	width: 308px;
	float: left;
}
.how_to_back .step_03 {
	width: 315px;
	float: left;
}
.facilities_back {
	padding: 10px 0 0;
	border-bottom: 2px solid #000;
	border-top: 2px solid #000;
	background-color: #fff;
}
.facilities ul li {
	float: left;
	margin-bottom: 10px;
}
section .message {
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 16px;
	font-weight: bold;
}
footer #wrap {
	border-top: solid 1px #3E3A39;
}
.footer_menu {
	padding: 10px 0 10px 30px;
	width: 620px;
	float: right;
}
.footer_menu ul li {
	float: left;
}
.left_orenji {
	height: 50px;
	width: 100%;
	background-color: #F1962E;
	overflow: hidden;
}
.wrap {
	background-image: url(img/common/footer_line.png);
	width: 1400px;
	margin: 0 auto;
	height: 50px;
	overflow: hidden;
}
.wrap img {
	float: right;
	margin: 10px 200px 0 0;
}
a:hover {
	opacity: 0.7;/*要素の透明度を指定*/
	filter: alpha(opacity=70); /*ie6、7の透明度指定*/
}
/*shop_page*/

#shop_header {
	width: 1000px;
}
#shop_header ul li {
	float: left;
}
#shop_header nav .logo {
	float: left;
}
.message span {
	background-color: #3E3A39;
	color: #fff;
	padding: 4px 10px;
}
.karaoke li {
	width: 327px;
	float: left;
	margin-bottom: 10px;
}
.darts li {
	width: 242px;
	float: left;
	margin-bottom: 10px;
}
.ti_darts li {
	width: 326px;
	margin-bottom: 10px;
	float: left;
}
.online_about01 {
	height: 49px;
	float: left;
	margin-right: 10px;
}
.online_about02 {
	height: 39px;
	float: left;
	padding: 0 10px;
	line-height: 150%;
	width: 380px;
	font-size: 14px;
}
.online_about03 {
	height: 39px;
	float: right;
	background-color: #eaeaea;
	padding: 10px 10px 0 10px;
	line-height: 150%;
	width: 510px;
	font-size: 11px;
}
.online_back {
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 30px;
	border-bottom: 2px solid #000;
	border-top: 2px solid #000;
	background-color: #fff;
}
.online_back dt img {
	margin: 0 auto;
	display: block;
}
.online_back dt {
	margin: 10px 0;
}
.online_back dd img {
	margin-right: 5px;
	vertical-align: middle;
}
.online_back dd {
	line-height: 150%;
	font-size: 13px;
	width: 940px;
	margin: 0 auto;
	display: block;
}
.left_box {
	width: 530px;
	float: left;
	line-height: 135%;
}
.right_box {
	width: 448px;
	float: left;
}
.left_box .white_box {
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	background-color: #eaeaea;
}
.comics .right_box {
	border: 1px solid #3E3A39;
}
.right_box {
	margin-left: 20px;
}
.comics .right_box p {
	background-color: #3E3A39;
	color: #fff;
	text-align: center;
	padding: 8px 0;
	font-size: 18px;
}
.right_box .comics_contents {
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 20px;
	background-color: #FFFFFF;
}
.right_box .comics_contents img {
	float: left;
}
.right_box .comics_contents dl {
	display: block;
	padding: 10px 10px 10px 20px;
	line-height: 170%;
	float: left;
	width: 272px;
}
.right_box .comics_contents dt {
	font-size: 20px;
	border-bottom: solid 2px #3E3A39;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.access_left {
	width: 450px;
	float: left;
}
.access_left p {
	letter-spacing: 5px;
}
.access_left table {
	width: 450px;
}
.access_left th {
	width: 85px;
	background-color: #3E3A39;
	color: #eaeaea;
	padding: 15px 10px;
	border-bottom: 1px solid #C4C4C4;
}
.access_left td {
	width: 350px;
	border-bottom: #3E3A39 1px solid;
	padding: 15px 0 15px 15px;
	line-height: 200%;
}
.access_right {
	width: 520px;
	float: left;
	margin-left: 30px;
	height: 520px;
}
.access_box {
	padding: 10px;
	line-height: 150%;
	background-color: #eaeaea;
}
.access_box li {
	margin-bottom: 10px;
}
/*contact*/


.contact {
	border-bottom: 2px solid #000;
	border-top: 2px solid #000;
	background-color: #fff;
margin: 10px 0 30px;
	padding: 0;
}
.contact .left_img {
	float: left;
}
section .contact .contact_left {
	float: left;
	width: 750px;
	margin: 20px 0 0 15px;
	line-height: 100%;
}
.contact_left dt {
	vertical-align: middle;
	width: 200px;
	float: left;
	clear: both;
	font-weight: bold;
	text-align: right;
	border-top: 3px solid #F1962E;
	padding: 17px 0 17px 0;
}
.contact_left dt span {
	background-color: #F1962E;
	padding: 5px 10px;
	margin-left: 5px;
	color: #fff;
}
.contact_left dd {
	padding: 17px 0 17px 30px;
	border-top: 2px solid #3E3A39;
	float: left;
	width: 400px;
}
.contact_left dd:first-child {
	border: none;
}
.contact_about {
	background-color: #3E3A39;
	color: #fff;
	padding: 20px 40px;
	line-height: 180%;
	margin: 0 0 20px;
	letter-spacing: 4px;
}
/*contact form*/

input[type="submit"] {
	background-color: #F1962E;
	padding: 15px 20px;
	border: 0;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	margin: 0 20px;
}
input[type="button"] {
	background-color: #3E3A39;
	padding: 15px 20px;
	border: 0;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	margin: 0 20px;
}
input[type="button"]:hover {
	opacity: 0.7;/*要素の透明度を指定*/
	filter: alpha(opacity=70); /*ie6、7の透明度指定*/
	cursor: pointer;
}
input[type="submit"]:hover {
	opacity: 0.7;/*要素の透明度を指定*/
	filter: alpha(opacity=70); /*ie6、7の透明度指定*/
	cursor: pointer;
}
.contact_left th {
	background-color: #3E3A39;
	color: #fff;
	width: 30%;
	line-height: 100%;
	padding: 20px;
	border-bottom: 1px solid #fff;
}
.contact_left td {
	width: 70%;
}
.contact_left td {
	padding: 20px;
	border: solid 1px #3E3A39;
	margin: 0;
}
.contact_left table {
	width: 100%;
	margin: 20px 0;
}
input.send_btn {
	background-image: url(../images/contact_btn.png);
	width: 315px;
	height: 69px;
	margin: 30px auto;
	display: block;
}


/**      news      **/



#news  .news_box h3 {
    width:600px;
    padding: 0 0 10px 5px;
    margin: 20px 0;
    background: url(img/news/line.gif) no-repeat bottom center;
    font-size: 20px;
    letter-spacing: 1.5px;
}

#news{
	margin-bottom:30px;}

#news .news_box div{
  font-size: 14px;
  line-height: 1.9;
}

#news .news_box .post_comment{
  width: 380px;
  float: right;
}

#news .news_box .post_img{
  width: 200px;
  margin-left: 20px;
  float: left;
}

#news .pagenav {
  padding-top: 75px;
  margin-bottom: 100px;
  text-align: center;
  font-size: 13px;
  color: #808080;
  clear: both;
}

#news .pagenav a {
  font-size: 13px;
  color: #333;
}

#news .pagenav a:hover {
  text-decoration: underline;
}

#news .pagenav .no_link{
  color: #808080;
}




/**      search      **/

div#search {
  background-color: #3E3A39;
  padding:5px 0 ;
}

.search_box {
  background-color: #3E3A39;
  width: 1000px;
  margin: 0 auto;
  /* float: right; */
}

form.search_form {
  float: right;
}

/**      job      **/
.job {
	border-bottom: 2px solid #000;
	border-top: 2px solid #000;
	background-color: #fff;
	margin: 10px 0 30px;
	padding: 0;
}
.job h1{
	font-size: 20px;
	font-weight: bold;
	margin: 30px 0 5px 30px;
	padding: 0;
}
.job h3{
	font-size: 14px;
	margin: 0 0 15px 30px;
	padding: 0;
}
.job_about {
	background-color: #3E3A39;
	color: #fff;
	padding: 20px 40px;
	line-height: 180%;
	margin: 0 0 20px;
	letter-spacing: 4px;
}
section .job .job_left {
	width: 360px;
	margin-top: 5px;
	margin-bottom: 10px;
}
.job_right {
	width: 450px;
	margin-top: 5px;
	float: right;
}
.job_right p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.job h2{
	background-color: #3E3A39;
	color: #fff;
	width: 85%;
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0px;
	padding: 10px;
}
.job_right th {
	background-color: #3E3A39;
	color: #fff;
	width: 30%;
	line-height: 100%;
	padding: 20px;
	border-bottom: 1px solid #fff;
}
.job_right td {
	width: 70%;
	padding: 20px;
	border: solid 1px #3E3A39;
	margin: 0;
}
.job_right table {
	width: 90%;
	margin: 20px 0;
}
.job_left dt {
	vertical-align: middle;
	width: 450px;
	font-weight: bold;
	text-align: left;
	padding: 17px 0 5px 20px;
}
.job_left dt span {
	padding: 5px 10px;
	margin-left: 5px;
	color: #F1962E;
}
.job_left dd {
	padding: 5px 0 17px 40px;
	width: 450px;
	border-bottom: 1px solid #F1962E;

}
.job_left td {
	width: 50%;
	padding: 5px;
	margin: 0;
}
.job_apply {
	margin: 0 0 5px;
}

.floating {
top: 0px;
position: fixed;
z-index: 1;
}

.float_icon {
margin: 0 0 0 100px;
}