@charset "EUC-JP";

* {
  padding: 0px;
  margin: 0px;
}

body,div,pre,p,blockquote,form,fieldset,input,textarea,select,option,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
html {
  border-top:#B80008 10px solid;
  border-bottom:10px #B80008 solid;
}
body {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 62.5%;
  background-color:#1A1A1A;
}
h1, h2, h3, h4, h5, h6, p {
  font-style: normal;
  font-weight: normal;
  font-size: 1.0em;
}
table {
  border-spacing: 0;
}
* html table {
  border-collapse: collapse;
}
*:first-child+html table {
  border-collapse: collapse;
}
caption,th {
  text-align: left;
  font-weight: normal;
}
table, th, td, img {
  border: 0;
}
td {
  empty-cells: show;
}
img, input {
  vertical-align: middle;
}
q:before, q:after {
  content: '';
}
ul {
  list-style: none;
}
a {
}
textarea {
  font-size: 1.0em;
}


#wrapper {
  width:100%;
  background-color:#000;
}
#shodow {
}
/* ▼▽▼ ヘッダー共通部分の指定 ▼▽▼ */
#header {
  width: 960px;
  padding: 0px;
  margin: 0px auto;
  position: relative;
  border:none;
  background-color:#000;
}

/* Opera用hack */
*+html> /**/ body #header { /*  overflow:auto;
  height:auto;*/
}
#header h1 {
  width:180px;
  height:80px;
  margin-top:20px;
  margin-left:20px;
  position: relative;
  /*HideMacIE\*/
  overflow: hidden;
  float:left;
}
#header a {
  text-decoration: none;
}
#header span {
  display: block;
  width:180px;
  height: 80px;
  background: url(../img/logo.png) no-repeat;
  background-position: left top;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
#header_menu {
  float:right;
  width:380px;
  margin-top:80px;
  margin-bottom:30px;
  vertical-align:bottom;
  display:block;
  font-size:12px;
}
#header_menu li {
  list-style-type:disc;
  list-style-position:outside;
  margin-left:20px;
  float:left;
  color:#B4B4B5;
}
#header_menu a:link, #header_menu a:visited {
  text-decoration:none;
  padding:5px;
  color:#B4B4B5;
}
#header_menu a:hover, #header_menu a:active {
  background-color:#747475;
  color:#000;
}
#header h2 {
  position:absolute;
  margin-top:-300px;
  z-index:40000;
}
#gallery, #slideshow {
  clear:both;
/*    margin-top:30px;*/
  width:960px;
  height:300px;
  display:block;
  z-index:0;
}
/* ▼▽▼ メニュー共通部分の指定 ▼▽▼ */
#menu {
  height:48px;
  border-bottom:none;
}
#menu li {
  float:left;
}
#menu .m1, #menu .m2, #menu .m3, #menu .m4, #menu .m5, #menu .m6 {
  font-size:10px;
  height:48px;
  width:150px;
  position:relative;
  display:block;
}
#menu .m1 {}
#menu .m2 {width:173px;}
#menu .m3 {width:177px;}
#menu .m4 {width:164px;}
#menu .m5 {width:177px;}
#menu .m6 {width:119px;}
/* link時 */
#menu .m1 a:link span, 
#menu .m2 a:link span, 
#menu .m3 a:link span, 
#menu .m4 a:link span, 
#menu .m5 a:link span, 
#menu .m6 a:link span, 
#menu .m1 a:visited span, 
#menu .m2 a:visited span, 
#menu .m3 a:visited span, 
#menu .m4 a:visited span, 
#menu .m5 a:visited span, 
#menu .m6 a:visited span {
  background-image:url(../img/menu.png);
  background-position:0 0;
  display:block;
  height:48px;
  width:150px;
  position:absolute;
  top:0;
  left:0;
  overflow:hidden;
}
#menu .m2 a:link span, #menu .m2 a:visited span {background-position:-150px 0;width:173px;}
#menu .m3 a:link span, #menu .m3 a:visited span {background-position:-323px 0;width:177px;}
#menu .m4 a:link span, #menu .m4 a:visited span {background-position:-500px 0;width:164px;}
#menu .m5 a:link span, #menu .m5 a:visited span {background-position:-664px 0;width:177px;}
#menu .m6 a:link span, #menu .m6 a:visited span {background-position:-841px 0;width:119px;}

/* hover時 */
#menu .m1 a:hover span, #menu .m2 a:active span {background-position:0 -48px;}
#menu .m2 a:hover span, #menu .m2 a:active span {background-position:-150px -48px;}
#menu .m3 a:hover span, #menu .m3 a:active span {background-position:-323px -48px;}
#menu .m4 a:hover span, #menu .m4 a:active span {background-position:-500px -48px;}
#menu .m5 a:hover span, #menu .m5 a:active span {background-position:-664px -48px;}
#menu .m6 a:hover span, #menu .m6 a:active span {background-position:-841px -48px;}
/* △▲△ メニュー共通部分の指定 △▲△ */

/* ▼▽▼ ボディ共通部分の指定 ▼▽▼ */
#body {
  width:100%;
  background-image:url(../img/header_shodow.png);
  background-position:top;
  padding-top:10px;
  background-repeat:repeat-x;
}
/* ▽▼▽ コンテンツ共通部分の指定 ▽▼▽ */
#contents {
  width:960px;
  margin:0 auto;
  border-left:#000 10px solid;
  border-right:#000 10px solid;
  background-color:#E6E1DA;
  margin-top:-10px;
  padding-top:10px;
  background-image:url(../img/header_shodow.png);
  background-position:top;
  background-repeat:repeat-x;
}

/* ▽▼▽トップページ部分▽▼▽ */
.top_image img {
  border:none;
  border-top:#9ADB02 5px solid;
  border-bottom:#9ADB02 10px solid;
}
/* トップコメント */
.top_text {
  font-size:1.8em;
  line-height:2em;
  background-image:url(../img/img_top.png);
  background-position:right top;
  background-repeat:no-repeat;
  padding:20px 350px 20px 20px;
}
.top_sub_text {
  font-size:1.8em;
  line-height:2em;
  padding:20px;
}
.top_sub_text .large {
  font-size: 1.2em;
  font-weight: 700;
}
.top_sub_text .small {
  font-size: 0.8em;
}
.top_sub_text img {
  float: left;
  margin-right: 20px;
}
.top_sub_text:after {
  content: "";
  clear: both;
  display: block;
}
.left {
  width:730px;
  float:left;
  margin-left:10px;
}
.right {
  width:200px;
  float:right;
  margin-right:10px;
}
.left_block, .right_block {
	border-top:#AD0B1F 2px solid;
	background-color:#FFF;
	margin-bottom:20px;
	padding-bottom:10px;
	/* [disabled]position: relative; */
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
/*
.left_block:after, .right_block:after {
  position: absolute;
  width: 40%;
  height: 10px;
  content: '';
  left: 12px;
  bottom: 12px;
  background: transparent;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  z-index: -1;
}
.left_block:after, .right_block:after {
  left: auto;
  right: 12px;
  -webkit-transform: skew(5deg) rotate(5deg);
  -moz-transform: skew(5deg) rotate(5deg);
  -ms-transform: skew(5deg) rotate(5deg);
  -o-transform: skew(5deg) rotate(5deg);
  transform: skew(5deg) rotate(5deg);
}
*/
.left_block p, .right_block p {
  font-size:1.4em;
  line-height:1.6em;
}
.midashi, .midashi_s {
  font-size:1.8em;
  font-weight:700;
  border-left:#AD0B1F 3px solid;
  text-indent:10px;
  margin:10px 0 0 10px;
  color:#595757;
}
.midashi_s {
  font-size:1.4em;
  line-height:2.4em;
}
.top_news {
  font-size:1.4em;
  line-height:1.6em;
  width:710px;
  margin:10px 0 0 10px;
  padding-top:10px;
  border-top:#000 1px dotted;
}
.top_news dt {
}
.top_news dd {
  margin-top:-1.6em;
  margin-left:7em;
}
.top_news a {
  color:#AD0B1F;
}
.top_link_right {
  text-align:right;
  margin-right:1em;
}
.top_store {
  margin:10px 0 0 10px;
  padding-top:10px;
  border-top:#000 1px dotted;
  width:710px;
  overflow:hidden;
}
.top_store:after {
  clear:both;
}
.store_left, .store_right {
  width:350px;
  float:left;
}
.store_right {
  float:right;
}
.top_store img {
  margin-right:10px;
  float:left;
}
.support, .pamphlet {
  margin:10px 10px 0 10px;
  padding-top:10px;
  border-top:#000 1px dotted;
}
.support_list {
  margin-left:10px;
}
.support_list li {
  float:left;
  margin-right:10px;
  width:170px;
  display:block;
}
.last {
  margin-right:0;
}
.support_list img {
  display:block;
  margin:10px auto;
  border: 2px solid #231815;
}
.pamphlet img {
  display:block;
  margin:10px auto 0;
}
  
/* △▲△ トップページ部分 △▲△ */
/* △▲△ コンテンツ共通部分の指定 △▲△ */
/* △▲△ ボディ共通部分の指定 △▲△ */
/* ▽▼▽ フッター部分 ▽▼▽ */
#footer {
  width: 980px;
  padding:35px 0 10px;
  margin: 0 auto;
  background-color: #000;
}
#footer .owner {
  text-align: center;
  font-size: 1.4em;
  line-height: 1.6em;
  color: #fff;
  padding-top:50px
}
#footer a {
  text-decoration:none;
  color:#666;
}
#footer .link, #footer .copy {
  text-align: center;
  font-size: 1.1em;
  line-height: 1.4em;
  color: #B4B4B5;
}
#footer .link {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#footer .link a {
  padding: 5px 15px;
}
#footer .link a:link, #footer .link a:visited {
  color:#B4B4B5;
}
#footer .link a:hover, #footer .link a:active {
  background-color:#747475;
  color:#000;
}
/* △▲△ フッター部分 △▲△ */
/* ▽▼▽ サイト共通部品 ▽▼▽ */ /* ページャー */

/* テキスト寄せ */
.text_right {
  text-align: right;
}
.text_center {
  text-align: center;
}
.bold {
  font-weight: bold;
}
.red {
  color: #FF0000;
}
.error, .bold_red {
  font-weight: bold;
  color: #FF0000;
}

/* 画像寄せ */
.img_none, .img_left, .img_right, .img_left_m, .img_right_m {
  padding: 4px;
  border: #EEEEEE 1px solid;
}
.img_left, .img_left_m {
  float: left;
}
.img_right, .img_right_m {
  float: right;
}
.img_left_m {
  margin-right:10px;
  margin-bottom:5px;
}
.img_right_m {
  margin-left:10px;
  margin-bottom:5px;
}

/* float解除 */
.clearing {
  content: "";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
/* △▲△ サイト共通部品 △▲△ */