@charset "UTF-8";

/* ------------------------------------------------------- */
/* SIAM SHADE OFFICIAL SITE
/* CSS File
/* ------------------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);


/* Common
---------------------------------------------------------- */

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

img{vertical-align:bottom;}

html {font-size: 62.5%;width: 100%;}

body{
width: 100%;
font-size: 1.4rem;
font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
background:#000;
}

a:link,a:visited{color:#7b6a49;text-decoration:none;}
a:hover{color:#7d5c1a;text-decoration:underline;}

div {  
zoom: 1;/*for IE 5.5-7*/  
}  
div:after {/*for modern browser*/  
content: ".";  
clear: both;  
display: block;  
line-height: 0;  
height: 0;  
visibility: hidden;  
}  

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

* html>body .clearfix {
display: inline-block; 
width: 100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}	

*:first-child+html .clearfix{/*for IE7*/
height:1%;
}

br{letter-spacing: 0px;}
.clr{clear:both;}
.fs16{font-size:16px}
.fs15{font-size:15px}
.fs14{font-size:14px}
.fs13{font-size:13px}
.fs12{font-size:12px}
.fs11{font-size:11px}
.fs10{font-size:10px}

.mt5  {margin: 5px 0 0 0;}
.mt10 {margin: 10px 0 0 0;}
.mt20 {margin: 20px 0 0 0;}	
.ml5  {margin: 0 0 0 5px;}
.ml10 {margin: 0 0 0 10px;}	
.ml20 {margin: 0 0 0 20px;}		
.ml30 {margin: 0 0 0 30px;}		
.mb5  {margin-bottom: 5px;}	
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mtb5 {margin:5px 0;}	
.mtb10 {margin:10px 0;}
.mtb20 {margin:20px 0;}
.hidden {display:none;}

a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}


/* header
---------------------------------------------------------- */

header {
position: relative;
}

header #headarea {
position: absolute;
top: 30px;
z-index: 10;
width: 100%;
}

header #headarea h1{
width: 1000px;
margin: 0 auto;
text-align:center;
}


/* header > navigation
---------------------------------------------------------- */

#header #navigation {
  position: absolute;
  top: 130px;
  z-index: 10;
  width: 100%;
}


ul#globalNavi  {
  width: 1000px;
  height: 70px;
  margin: 0 auto;
}

ul#globalNavi li {
  float: left;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

ul#globalNavi li a:link, ul#globalNavi li a:visited {
width:200px; height: 60px;
display:block;
text-indent:-9999px;
text-decoration:none;
background: url(../img/common/menu.png) no-repeat 0 0;
}

ul#globalNavi li#icon1 a:hover{background-position:0 -60px;}

ul#globalNavi li#icon2 a:link, ul#globalNavi li#icon2 a:visited {background-position:-200px 0;}
ul#globalNavi li#icon2 a:hover { background-position:-200px -60px;}

ul#globalNavi li#icon3 a:link, ul#globalNavi li#icon3 a:visited {background-position:-400px 0;}
ul#globalNavi li#icon3 a:hover { background-position:-400px -60px;}

ul#globalNavi li#icon4 a:link, ul#globalNavi li#icon4 a:visited {background-position:-600px 0;}
ul#globalNavi li#icon4 a:hover { background-position:-600px -60px;}

ul#globalNavi li#icon5 a:link, ul#globalNavi li#icon5 a:visited {background-position:-800px 0;}
ul#globalNavi li#icon5 a:hover { background-position:-800px -60px;}




/* Main layout
---------------------------------------------------------- */

#wrap {
  min-width: 1024px;
}

.section-box {
  margin-bottom: 40px;
}

.section-box h3 {
  margin-bottom: 20px;
}


#container {
  padding: 30px 0;
  background:#fff;
}

#container #mainArea {
  width: 1000px;
  margin: 0 auto;
}

#container #infoArea {
  float: left;
  width: 740px;
}

#container #sidebar {
  float: right;
  width: 230px;
}


#topics{
	background:#000;
	margin:0 0 20px 0;
}


/* footer
---------------------------------------------------------- */

footer {
width: 100%;
min-height:260px;
background: #000;
color:#fff;
}

footer #footer_inner {
width: 1000px;
margin: 0 auto;
position:relative;
}

footer #footer_inner a{
color:#999;
}


footer #footer_inner ul.footlink{
list-style:none;
margin:20px 0 0 30px;
font-size:1.2rem;
font-family: 'Roboto Condensed', sans-serif;
}
footer #footer_inner ul.footlink li{
float:left;
width:180px;
margin:0 10px 0 0;
padding:10px 0;
text-align:center;
border-bottom:2px solid #666;
}
footer #footer_inner ul.footlink li a:hover{
	text-decoration:none;
	color:#fff;
}

footer #footer_inner #footlogo{
position:absolute;
top:70px;left:0;
width:100%;
text-align:center;
}

footer #footer_inner #copy{
position:absolute;
top:150px;left:0;
color:#fff;
width:100%;
text-align:center;
font-size:1.0rem;
font-family: 'Roboto Condensed', sans-serif;
letter-spacing:3px;
}

footer #footer_inner #sns{
position:absolute;
top:190px;left:0;
color:#fff;
width:100%;
text-align:center;
font-size:1.0rem;
letter-spacing:3px;
}
footer #footer_inner #sns .twitter{
vertical-align:top;
display:inline-block;
}

footer #footer_inner #sns .fb-like{
vertical-align:top;
display:inline-block;
}



/* TOP
---------------------------------------------------------- */

#top {

}

#top #header {
height: 700px;
background: #000;
margin-bottom: 110px;
}

#top #header-mainimage-list {
margin: 0 auto;
height: 700px;
}

#top #header-mainimage-list img {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
max-width: 1400px;
max-height: 700px;
}

@media screen and (max-width: 500px), screen and (orientation: landscape) and (max-width: 750px) {
.nivoSlider img {
	display: none;
	position:absolute;
	min-width: 1400px;
	min-height: 700px;
	top:0px;
	left:-350px;
	max-width: none;
}
}

#top #lastdvd {margin:0 20px 30px 20px;}
#top #lastdvd h2{font-size:2rem;}
#top #lastdvd .bnr{ float:left;margin:0 30px 30px 50px;}
#top #lastdvd p{ margin:0 50px 0 50px;}

#top #lastdvd a.btn {display:block;width:300px;margin:30px auto;padding:20px;text-align:center;color:#fff;background:#84441d;font-size:2rem;text-decoration:none;}
#top #lastdvd a.btn:hover {background:#8d6a55;}

#top #twitter-L{
	float:left;
	width:300px;
	margin:0 20px 0 30px;
}
#top #twitter-C{
	float:left;
	width:300px;
	margin:0 20px 0 0;
}
#top #twitter-R{
	float:left;
	width:300px;
	margin:0 20px 0 0;
}

#top #twitter-L p.title,
#top #twitter-C p.title,
#top #twitter-R p.title{
	margin:0 0 10px 0;
	font-size:1.6rem;
font-family: 'Roboto Condensed', sans-serif;
}

/* TOP > Modal
---------------------------------------------------------------------------- */

* html .layer_board_bg,
* html .layer_board {
	position: absolute;
}
.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000;
	top: 0;
	left: 0;
	display: none;
	cursor: pointer;
	background: #000;
}

.layer_board {
	display: none;
	position: absolute;
	top:20%;left: 50%;
	margin: 0 0px 0px -480px;
	text-align: center;
	z-index: 2000;
}




/* news
------------------------------------------------------------------ */

#news #header {
background: #000 url(../img/news/titleheader.jpg) 50% 0 no-repeat ;
height:400px;
}

#news h2 {
font-size:1.8rem;
color:#fff;
background:#222;
padding:10px;
margin:0 0 20px 0;
}

#news h2 a {color:#fff;}
#news h2 a:visited {color:#fff;}
#news h2 a:hover {color:#fff;}

#news h2 img{vertical-align:middle;}

#news .livedate {
font-size:1.6rem;
font-weight:bold;
}

#news hr {
border:none;
border-bottom:1px solid #ccc;
margin:10px 0;
}

#news #mainArea p {
margin:0 0 1em 0;
}



/* MT common selector
------------------------------------------------------------------ */

.entry{
line-height:1.5;
position: static;
overflow: hidden;
clear: both;
padding:20px;
}

.entry-body, .entry-more{
padding:5px 20px 10px 20px;
}

.paginate{
padding:0 10px 20px 0;
text-align:right;
letter-spacing:1px;
word-wrap: break-word;
}

p.entry-footer{
clear:both;
padding:0 20px;
text-align:right;
}

.content-nav{
margin:0 0 10px 0;
padding:0 0 10px 0;
text-align:center;
}


/* schedule
------------------------------------------------------------------ */

#schedule #header {
background: #000 url(../img/schedule/titleheader.jpg) 50% 0 no-repeat ;
height:400px;
}

#schedule h2 {
font-size:1.8rem;
color:#fff;
background:#222;
padding:10px;
margin:0 0 20px 0;
}

#schedule h2 a {color:#fff;}
#schedule h2 a:visited {color:#fff;}
#schedule h2 a:hover {color:#fff;}

#schedule h2 img{vertical-align:middle;}

#schedule .livedate {
font-size:1.6rem;
font-weight:bold;
}

#schedule hr {
border:none;
border-bottom:1px solid #ccc;
margin:10px 0;
}

#schedule #mainArea p {
margin:0 0 1em 0;
}

/* discography
------------------------------------------------------------------ */

#discography #header {
background: #000 url(../img/discography/titleheader.jpg) 50% 0 no-repeat ;
height:400px;
}

#discography h2 {
font-size:1.8rem;
color:#fff;
background:#222;
padding:10px;
margin:0 0 20px 0;
}

#discography .title {
font-size:1.6rem;
font-family: 'Carme', sans-serif;
color:#000;
}

#discography .jkt {
padding:2px;
border:1px solid #666;
}


#discography table.discotable{
border:none;
width:800px;
margin:0 auto;
border-collapse:collapse;
}
#discography table.discotable th{
width:200px;
vertical-align:top;
padding:20px;
text-align:center;
border-bottom:1px solid #666;
}
#discography table.discotable td{
vertical-align:top;
padding:20px;
border-bottom:1px solid #666;
}

#discography .jkt{
padding:3px;
border:1px solid #333;
margin:0 0 8px 0;
}

#discography p.amazon a{
display:block;
width:62px;
height:18px;
text-indent:-9999px;
margin :0 0 0 50px;
background:url(../img/discography/btn_amazon.gif) 0 0 no-repeat;
}
#discography p.amazon a:hover{
background-position:0 -18px;
}



/* goods
------------------------------------------------------------------ */

#goods #header {
background: #000 url(../img/goods/titleheader.jpg) 50% 0 no-repeat ;
height:400px;
}

#goods h2 {
font-size:1.8rem;
color:#fff;
background:#222;
padding:10px;
margin:0 0 20px 0;
}

#goods h2 a {color:#fff;}
#goods h2 a:visited {color:#fff;}
#goods h2 a:hover {color:#fff;}

#goods h2 img{vertical-align:middle;}


#goods #mainArea p {
margin:0 0 1em 0;
}