/* reset css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  vertical-align: baseline;
  font-size: 100%;
}

body {
  min-width: 950px;
  font-size: 12px;
  font-family: 'Helvetica','メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
  line-height: 1;
  background-color:#000;
  color: #fff; 
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

a {
  margin: 0;
  padding: 0;
  background: transparent;
  vertical-align: baseline;
  font-size: 100%;
  color:#F00;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-weight: bold;
  font-style: italic;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
}

input, select {
  vertical-align: middle;
}

body#detail{
  min-width:0;
  background: #292828;
}
body#goodsDetail{
  min-width:0;
  background: #000;
}

#wrapper {
  width: 100%;
}

#wrapper-bg {
  width: 100%;
  background: url(../img/cmn/bg.jpg)  no-repeat;
  background-position:center top;
}

#wrapper-bg2 {
  width: 100%;
  background: url(../img/cmn/bg02.jpg) 50% 0 no-repeat;
}

/* header */
header {
  overflow: hidden;
  margin: 0 auto;
  width: 950px;
}
header nav {
  padding-top: 0px;
  width: 950px;
  height: 258px;
}
header nav ul {
	width: 950px;
}
header nav ul li {
  float: left;
}
header nav ul li#top, header nav ul li#news, header nav ul li#tour, header nav ul li#goods, header nav ul li#notice, header nav ul li#menu_spase {
  margin-top: 180px;
  height: 24px;
}

header nav ul li#top { }
header nav ul li#news{ }
header nav ul li#tour{ }
header nav ul li#goods{ }
header nav ul li#notice { }


/* content */
.clear_40{
	clear:left;
	line-height:40px;
}


div#slide-show {
  width: 949px;
/*  background: url(../img/top/main_image.jpg) 0 0 no-repeat; */
}

div.slider-wrapper {
  margin: 0;
  padding: 8px 0 0 18px;
  width: 918px;
}

#main {
  overflow: hidden;
  margin: 0 auto;
  width: 950px;
}

#side-bar {
  float: left;
  margin: 0 25px 20px 12px;
  width: 250px;
}

.tweet-area {
  margin-top: 20px;
}

#main-content {
  float: left;
  width: 630px;
  text-align:left;
}

/* section */
section h2 {
  margin-bottom: 15px;
}

div#breaking {
  margin: 0 auto 20px;
  width: 950px;
  height: 23px;
  background: url(../img/cmn/bg_br_top.jpg);
}

section#news-section {
  min-height: 400px;
}
section#news-section h3 {
  margin-bottom: 10px;
  padding: 8px 0 8px 14px;
  background-color:#C30D22;
  color: #fff;
  font-weight:bold;
}
section#news-section ul li {
  padding-bottom: 10px;
  border-bottom: dotted #aaaaaa 1px;
  color: #fff;
}
section#news-section ul li span.date {
  margin-right: 10px;
  font-weight: bold;
}

section#tour-schedule table {
  width: 100%;
}
section#tour-schedule table th {
  padding: 6px;
  height: 28px;
  border: solid #fff 2px;
  color: #fff;
  vertical-align: middle;
  white-space: nowrap;
  line-height: 1.2;
  background-color:#C30D23;
}
section#tour-schedule table th.place {
  width: 3em;
}
section#tour-schedule table td {
  padding: 6px;
  border: solid #fff 2px;
  color: #fff;
  vertical-align: top;
}

/* ---- news ---- */
table.news{
  margin-bottom:20px;
  line-height: 1.5;
  text-align:left;
}

table.news th{
  width:8em;
  color: #fff;
  vertical-align: top;
}

img.btn{
  opacity:0.6;
}

p.toTop{
  padding-top: 15px;
  border-top: dotted 1px #666;
  text-align: right;
}

/*ページナビ*/
.content-nav {
  width: 630px;
  margin: 40px auto;
  text-align: center;
}

.content-nav_in {
	border-top:1px solid #FFF;
  width: 630px;
  margin: 40px auto;
  text-align: right;
  padding-top:10px;
}

.content-nav span,.content-nav a {font-size:11px;}
.content-nav a {padding:4px 8px; background:#fff; text-decoration:none; color:#333;}/*通常のリンク*/
.content-nav a:hover {background:#999; color:#FFF;}
.content-nav .current_page {padding:4px 8px; background:#1e7bbe; color:#FFF;}/*現在のページ*/
.content-nav .link_before,.content-nav .link_next {padding:5px 8px;}/*次の○○ 前の○○*/


/* ---- tour detail ----  */

.detail{
  background-color:#000;	
}

tr.already td{
  color:#a8a8a8 !important;
  text-decoration: ;
}

tr.already_out td{
  color:#4f4f4f!important;
  text-decoration: ;
}


div#scheduleDetailInner{
overflow:hidden;
margin:10px auto;
padding:10px;
  width:626px;

/* border:solid #494949; */
/* border-width:1px; */
}
div#scheduleDetailInner table{
  float:left;
  width:355px;
  border-collapse: separate;
  color:#fff;
  font-size:90%;
}

div#scheduleDetailInner table th{
  padding:5px 10px 4px 5px;
  width:7em;
  border:solid #999;
  border-width:0px 1px 1px 0;
  text-align:left;
}
div#scheduleDetailInner table th.first{
  border-width:1px 1px 1px 0;
}
div#scheduleDetailInner table td.first{
  border:solid #999;
  border-width:1px  0 1px;
}
div#scheduleDetailInner table td{
  padding:5px 0 4px 7px;
  border:solid #999;
  border-width:0px  0 1px;
}
div#scheduleDetailInner table tr{

}
div#scheduleDetailInner table tr.white{
  /* background:#494949; */
  color:#fff;
}
a.iframe:hover{
 opacity:0.5;
}

}

div#scheduleDetailInner div#map{
  float:right;
  overflow:hidden;
  width:228px;
  height:288px;
  border:solid #ccc;
  border-width:6px;
}

p.toMap{
  clear:both;
  padding:5px 0 0 0;
  color:#fff;
  text-align:right;
}

div#scheduleDetailInner a:link{
  color:#fff !important;
}
div#scheduleDetailInner a:visited,
div#scheduleDetailInner a:active{
  color:#fff !important;
}
div#scheduleDetailInner a:hover{
  color:#555;
}

p.toSchedule{
  margin:10px 0 0;
  padding:0 0 0 10px;
  background:url(../cmn_img/icn_arow.gif) 0 center no-repeat;
}

div#scheduleDetailInner #footer{
  overflow:hidden;
  margin:10px auto;
  padding:10px;
  width:626px;
  border:solid #494949;
  border-width:1px;
}

#scheduleDetailInner h2{
  margin-bottom: 15px;
  padding:10px;
  background:#C30D23;
  opacity:0.8;
}



/* Notice
-----------------------------------------------------  */

ul.notice-list{
  padding-left:1em;
  color:#fff;
  list-style: square;
  list-style-position: inside;
  text-indent: -1em;
  line-height:1.5;
}

ul.notice-list li{
  margin-bottom: 10px;
}


#notide-section {
	margin-bottom:20px;
}



/* Goods
-----------------------------------------------------  */
p.coming-soon{
  padding:40px;
  background: #fff;
  opacity:0.6;
}

div.goods{

}

#goods-section h3{
	margin-top:-15px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom:solid 1px #606474;
  color:#606474;
  font-weight: normal;
  font-size:180%;
  font-family: 'Playfair Display SC', serif;
}

#goods-section {
  min-height: 400px;
  width:636px;
}

div#goodsNotice{
  margin:15px 0 0 0;
  padding:10px 15px;
  border:solid #494949;
  border-width:1px;
}

div#goodsNotice h4{
  color:#AAA059;
}

#topics{
  margin-bottom: 30px;
}

.topicsFirst p{
  margin-bottom: 5px;
}

div.topicsFirst{
  clear:both;
  overflow:hidden;
  margin-bottom: 15px;
  padding:10px 0;
  width :626px;
  border:dotted #494949;
  border-width:0 0 1px;
  color:#fff;
}


div.topicsList{
  overflow:hidden;
  padding:5px 0;
  width :626px;
  color:#333;
}

div.topicsList span.date{
  float:left;
  margin:0 0 0 10px;
  width:75px;
}

div.topicsList p{
  float:right;
  width:535px;
}

div.goodsList{
  clear:both;
  overflow:hidden;
  padding:10px 0;
  border:dotted #666;
  border-width:0 0 1px;
}

div.noticeInfo{
  margin: 15px 0;
  padding:10px;
  width :606px;
  background: #fff;
}

div.goodsSep{
  float:left;
  margin:0 8px 15px 0;
  width:200px;
  border:solid #ccc;
  border-width:2px;
  text-align:center;
}
div.goodsList div.last{
  float:left;
  margin:0 0 10px;
  width:200px;
  border:solid #666;
  border-width:1px;
  text-align:center;
}
div.goodsSep p{
  width:200px
  text-align:center;
  background:#000;
}

div.goodsSep p.itemValue{
  padding:5px 0px 5px 0px;
}

div.goodsSep p.toDetail{
  padding:5px 0 6px;
}

div.goodsSep p.toDetail img:hover{
  opacity:0.5;
}


.goodsTopics h4{
  margin-bottom: 10px;
  font-size: 130%;
}

.goodsTopics p{
  margin-bottom: 10px;
}




/* ----商品個別-----  */
body#goodsDetail{
  overflow:auto;
  background:#313131;
  color:#000;
}

div#goodsDetailWrap{
  overflow:hidden;
  padding:10px;
  min-height:380px;
  width:680px;
  color:#fff;
}

div#goodsDetailWrap div.goodsPhoto{
  float:left;
  overflow:hidden;
  width:380px;
}
div#goodsDetailWrap div.goodsDiscription{
  float:right;
  width:290px;
}
div#goodsDetailWrap div.goodsDiscription div.itemName{
  margin:0 0 10px;
  padding:5px 10px;
  background:#D5D5D5;
  color:#333;
  text-align: center;
  font-size: 130%;
  line-height:1.2;
}
div#goodsDetailWrap div.goodsDiscription div.itemName p{
  padding:5px 0 0;
  line-height:1.3;
}
div#goodsDetailWrap div.goodsDiscription  img{
  margin:0 5px 0 0;
}

div#goodsDetailWrap div.goodsDiscription div.deatail{
  margin:10px 0 0;
  float:right;
  width:290px;
}
div.deatail{

  padding-top: 4px;
}
div.deatail dl{
  margin:0 0 20px;
  padding-bottom: 4px;
  line-height: 160%;
}
div.deatail dl dt{
  margin-bottom: 4px;
  padding-bottom: 2px;
  border:solid #ccc;
  border-width: 0 0 1px ;
  color:#fff;
  font-weight:bold;
  font-size: 110%;
}




/* footer */
footer {
  margin: 0 auto;
  padding: 20px 60px 20px 0;
  width: 950px;
  text-align: right;
  letter-spacing: 0.1em;
  font-size: 10px;
  font-family: "Roboto", sans-serif;
}


@media screen and (max-device-width: 480px) {
  #body{
   background-color: #FFFEFC !important;
 }

 #wrapper-bg {
  width: 100%;
  background: url(../img/cmn/bg_i.jpg) 50% 0 no-repeat;
}

.banner{
	position:relative;
}

.banner_01{
	position:absolute;
	top:100px;
	left:100px;
}