@charset "UTF-8";
/*
=================================================================== 
base.css
------------------------------------------------------------

■デフォルトリセット
■フォント
■全体
■ヘッダー
■コンテンツ
■フッター

作成日：
作成者：kikuchi
更新日：
更新者：
バージョン： 1.0
会社名：Dynamite Brothers Syndicate
=================================================================== 
*/
/* ---------------------------------------------------------
■デフォルトリセット
--------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0 none;
  border-collapse: collapse;
  color: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  list-style-type: none;
  margin: 0;
  outline: medium none;
  padding: 0;
  table-layout: fixed;
  text-decoration: none;
  vertical-align: baseline;
}

* {
	font-size:100%;
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
	-webkit-text-size-adjust: none;
}
html, body {
	width:100%;
	height:100%;
}

html {
	overflow-y:scroll;
}

ul,li {
	list-style-type:none;
}

img {border:none;padding:0;margin:0;}

a {
color:#000000;
}

a img {
	border:none;
}

table,td,th {
	border:none;
	vertical-align:top;
	text-align:left;
	border-collapse:collapse;
	border-spacing:0;
}

	.xLeft { text-align:left !important; }
	.xRight { text-align:right !important; }
	.xCenter { text-align:center !important; }
	.yTop { vertical-align:top !important; }
	.yMiddle { vertical-align:middle !important; }
	.yBottom { vertical-align:bottom !important; }
textarea {font-size:75%;}

/* ---------------------------------------------------------
■フォント
--------------------------------------------------------- */
body {
  font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@font-face {
  font-family: 'Abel';
}

/* ---------------------------------------------------------
■全体
--------------------------------------------------------- */
.clearfix {
  min-height: 1px;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

* html .clearfix {
  height: 1px;
}

body {
  text-align: center;
}

::selection {
  background: ;
}

::-moz-selection {
  background: ;
}

.clearfix:after {
content: '';
display: block;
clear: both;
}

.hov {
	position: relative;
	display: inline-block; /display: inline; /zoom: 1;
	line-height: 0; }

.hov .hovOn {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 0;
	z-index: 1; }

/* ---------------------------------------------------------
■parameters
--------------------------------------------------------- */

.mB25 {margin-bottom:25px;}
.mB30 {margin-bottom:30px;}
.mB80 {margin-bottom:80px;}
.mT30 {margin-top:30px;}
.mL_n10{margin-left:-10px;}
.mL_n50{margin-left:-50px;}
.fs12 {font-size:75%;}

/* ---------------------------------------------------------
■contents
--------------------------------------------------------- */
#contents {
width:1280px;
margin:0 auto;
}

#header {
position:relative;
}

.topLogoSpace {
text-align:left;
position:absolute;
top:0;
left:0;
_right:0px;
z-index:999;
}

.sliderNav {
position:relative;
}

.sliderNav {
position:absolute;
bottom: 33px;
right: 29px;
z-index:9999;
}

.sliderNav li{
vertical-align:middle;
display:inline-block;
*zoom:1;
*display:inline;
text-align:center;
}

.btn_read {
position:absolute;
right: 358px;
bottom: 48px;
z-index:99999;
overflow:hidden;
}

.liveTxt {
line-height:26px;
font-size:94%;
}

.feature {
width:100%;
line-height:0;
}

.feature ul li{
float:left;
text-align:center;
overflow:hidden;
}

.feature ul li img{
border:none;
padding:0;
line-height: 0;
font-size:0;
}

.box_black {
background-color:#191919;
width:430px;
height:425px;
}

*+html .box_black{
padding-left:1px;;
}

.box_black,  x:-moz-any-link  { 
width:429px; 
}

.bb_right {
z-index:999;
}

.ttl_bb_ff {
z-index:999;
margin-top:80px;
margin-bottom:30px;
}

.txt_area  {
line-height:1.8em;
font-size:82%;
}

.basePosition_ff1 {
position:relative;
cursor: pointer;
line-height:0;
font-size:0;
width:850px;
height:425px;
}

.basePosition_ff1 div {
	width:850px;
	height:550px;
	}

.ttl_over_ff1_left {
position:absolute;
top:267px;
left:50%;
transform: translateX(-50%);
z-index: 999;
}

.btn_readMore_ff1_left {
position:absolute;
bottom:40px;
left: 44%;
z-index: 999;
}

.basePosition_ff2 {
position:relative;
cursor: pointer;
line-height:0;
font-size:0;
z-index: 999;
width:850px;
height:425px;
}

.ttl_over_ff2_right {
position:absolute;
top:267px;
left:50%;
transform: translateX(-50%);
z-index: 999;
}

.btn_readMore_ff2_right {
position:absolute;
bottom:40px;
left: 44%;
}

/*What 位置指定*/

.txt_position_izu {
	left:75px;
}

.txt_position_kyoto {
	left:123px;
	}

.txt_position_hakone {
	left:113px;
	}	

.txt_position_otsu {
	left:89px;
	}	

#cont_bottom {
	position: relative;
background-color:#f2efe4;
padding:80px 103px;
zoom:1;
}

*+html #cont_bottom{
padding-right:0px;
}

#cont_bottom ul{
overflow: hidden;
}

#cont_bottom ul,  x:-moz-any-link  { 
overflow: hidden;
margin-right:-104px;
}

:root *> #cont_bottom ul { 
margin-right:-104px\9\0;/*Only works in IE9*/
 }

 html>/**/body #cont_bottom ul { margin-right:-105px }

#cont_bottom ul li{
vertical-align:top;
display:inline-block;
*display:inline;
*zoom:1;
margin-right:50px;
text-align:center;
}

.img_cont_bottom {
width:325px;
height:220px;
overflow:hidden;
text-align:left;
cursor:pointer;
}

*+html #cont_bottom ul li{
margin-right:50px;
}

#bottomLogo {
text-align:center;
}

#bottomLogo img{
margin-top:35px;
margin-bottom:35px;
}


/* ---------------------------------------------------------
■Footer
--------------------------------------------------------- */

#footer {
background:#191919;
padding:30px 0 0;
min-width:1280px;
}

#footer a {
text-decoration:underline;
color:#ffffff;
padding-bottom:1px;
}

#footer .upper {
padding:0 0 30px;
}

#footer .upper,
#footer .pad {
width:1180px;
margin:0 auto;
}

#footer .upper .area {
float:left;
font-size: 63%;
word-wrap:break-word;
}

#footer .area {
font-size: 75%;
}

#footer .area1 {
padding-right:60px;
}

#footer .upper .area table {
width:560px;
}

#footer .upper .area table th {
color:#ffffff;
font-weight:bold;
white-space:nowrap;
padding:2px 10px 0 0;
vertical-align: top;
width: 70px;
}

#footer .upper .area table td {
padding:0 0 4px;
}

#footer .upper .area table td ul {
}

#footer .upper .area table td ul li {
float:left;
margin:0 15px 3px 0;
white-space:nowrap;
}

#footer .middle {
padding:12px 0 5px;
}

#footer .middle table {
}
					
#footer .middle table th {
color:#ffffff;
font-weight:bold;
white-space:nowrap;
padding:0 20px 0 0;
width: 150px;
}
						
#footer .middle table td {
padding:0 0 4px;
}
						
#footer .middle table td ul {
}
							
#footer .middle table td ul li {
float:left;
margin:0 8px 3px 0;
white-space:nowrap;
}
								
#footer .middle table td ul li:before {
color:#ffffff;
content:"|";
float:left;
margin:0 9px 0 0;
}
								
#footer .middle table td ul li:first-child:before {
content:"";
float:none;
margin:0;
}
								
#footer .lower {
padding:11px 0;
font-size:75%;
}
			
#footer .lower ul {
}
				
#footer .lower ul li {
float:left;
margin:0 8px 0 0;
}
					
#footer .lower ul li:before {
color:#ffffff;
content:"|";
float:left;
margin:0 9px 0 0;
}
					
#footer .lower ul li:first-child:before {
content:"";
float:none;
margin:0;
}
					
#footer .lower p {
color:#ffffff;
text-align:left;
margin:0 0 -2px;
padding:30px 0 30px;
}