@charset "UTF-8";
/* CSS Document */
/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}.clearfix {zoom:1;}.clearfix:after {content:"";display:block;clear:both;}

/* ------------- */

html {
background:url(../images/bg.gif);
font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
overflow-y: scroll;

}
a{
	text-decoration:none;
	color:#999;
}
a:hover{
	color:#000;
}
p{
	font-size:14px;
	line-height:34px;
	color:#333;
  text-align: justify;
}
/* ------------- */

#wrapper{
	width:100%;
}
/* ------------- */
header{
	width:100%;
}
header #tagline{
	width:100%;
	background-color:#000;
	line-height:2em;
	color:#fff;
	font-size:12px;
}
header #tagline h1{
	width:960px;
	margin:0 auto;
}
header #tagline h1 a:hover{
color:#fff;
}
/* ------------- */
section.area{
	border-bottom:1px solid #000;
	width:100%;
	text-align:center;
}

section.area .inbox{
	border-right:1px solid #000;
	width:959px;
	margin:0 auto;
	text-align:left;
}
.pb30{
	padding-bottom:30px;
}
/* ------------- */
nav#barcode{
	width:800px;
	margin:0px 0 68px 79px;
	height:320px;
	background:url(../images/nav08.gif) bottom left no-repeat;
	line-height:0;
	padding:70px 0 0 0px;
}
nav#barcode ul{
	padding:0;
	margin:0;
	line-height:0;
	padding:0;
}
nav#barcode ul li{
	float:left;
	margin:0;
	line-height:0;
	padding:0;
}
nav#barcode ul li a{
	display:block;
	margin:0;
	line-height:0;
	padding:0;
}
/* ------------- */
nav#menu{
	width:960px;
    position: relative;
    overflow: hidden;
}
nav#menu ul{
 position: relative;
left: 50%;
float: left;
}
nav#menu ul li{
 position: relative;
left: -50%;
float: left;
}
nav#menu ul li a{
	display:block;
	padding:10px 20px;
	border-right:1px solid #000;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:20px;
}
nav#menu ul li a.first{
	border-left:1px solid #000;
}
nav#menu ul li a:hover{
	background:url(../images/bg_menu.gif);
	color:#fff;
}
#home nav#menu ul li.nav_home a,
#djschedule nav#menu ul li.nav_djschedule a,
#profile nav#menu ul li.nav_profile a,
#discography nav#menu ul li.nav_discography a,
#djbooking nav#menu ul li.nav_djbooking a,
#shop nav#menu ul li.nav_shop a,
#works nav#menu ul li.nav_works a
{
	background:url(../images/bg_menu.gif) repeat-x;
	color:#000;
}
/* ------------- */
nav#side{
    position: fixed;
	top:0px;
	right:20px;
	height:100%;
	border-left:1px solid #000;
	padding:40px 0 0 20px;
}
nav#side ul li a{
	display:block;
	padding:8px 0;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
}
nav#side ul li a span{
	display:block;
	padding:10px 0;
	font-size:12px;
	padding:4px 0;
}
nav#side ul li a:hover{
	color:#000;
}
@media only screen and (max-width: 1150px) {
nav#side{
	display:none;
}
}
/* ------------- */
nav#side_l{
    position: fixed;
	top:0px;
	left:20px;
	height:100%;
	border-right:1px solid #000;
	padding:40px 20px 0 ;
}
nav#side_l ul li a{
	display:block;
	padding:8px 0;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
}
nav#side_l ul li a span{
	padding:10px 0;
	font-size:12px;
	padding:4px 0;
}
nav#side_l ul li a:hover{
	color:#000;
}
@media only screen and (max-width: 1150px) {
nav#side_l{
	display:none;
}
}
/* ------------- */
section#photo{
	text-align:center;
	padding:20px 0;
}

/* ------------- */
#content .main{
	width:660px;
	margin:0 0 0 150px;
	padding:50px 150px 50px 0;
	border-bottom:1px solid #000;
}
#content .main h2{
	font-size:60px;
	width:660px;
	margin-bottom:0px;
	font-family: 'Lato', sans-serif;
	font-weight:700;
}
#content .main h2 span{
	font-size:20px;
}
#content .shop{
	width:810px;
	margin:0 0 0 150px;
	padding:50px 0 50px 0;
	border-bottom:1px solid #000;
}
#content .shop a{
	width:205px;
	height:205px;
	margin-right:20px;
}

#content .shop a img{
	width:205px;
	height:205px;
	margin-bottom:20px;
}


#content .sub1,
#content .sub2{
	width:660px;
	margin:0 0 0 150px;
	padding:50px 150px 50px 0;
	border-bottom:1px solid #000;
}
#content .sub1 h3,
#content .sub2 h3{
	font-size:24px;
	width:640px;
	margin-bottom:20px;
	border-left:10px solid #000;
	padding-left:20px;
	line-height:1.2em;
}
#content .sub1 p,
#content .sub2 p{
	margin-bottom:20px;
}
#content .sub1 .col2,
#content .sub2 .col2{
	margin:20px 0 0;
}
#content .sub1 .col2 img,
#content .sub2 .col2 img{
	float:left;
	margin:6px 20px 10px 0;
}
#content .sub1 a,
#content .sub2 a{
	margin:0 20px 10px 0;
}
#content .sub2 .col2 p{
	float:right;
	width:540px;
}
#content .last{
	border-bottom:none;
}
p{
	line-height:1.8em;
	font-size:16px;
}
p.cap{
	line-height:1.4em;
	font-size:12px;
}
p.cap span{
	font-weight:bold;
}
.year p{
	font-size:18px;
	width:100px;
	padding-bottom:2px;
	text-align:center;
	line-height:1.5em;
	color:#000;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	float:right;
	letter-spacing:0.1em;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}
/* ------------- */

#content .main2{
	width:660px;
	margin:0 0 0 150px;
	padding:50px 150px 50px 0;
}
#content .main2 h2{
	font-size:60px;
	width:660px;
	margin-bottom:0px;
	font-family: 'Lato', sans-serif;
	font-weight:700;
}

#content .sub3{
	width:660px;
	margin:0 0 0 150px;
	padding:50px 150px 50px 0;
	border-top:1px solid #000;
}
#content .sub3 h3{
	font-size:24px;
	width:660px;
	margin-bottom:20px;
	border-left:10px solid #000;
	padding-left:20px;
	line-height:1.2em;
}
#content .sub3 .txt h4{
	margin-bottom:20px;
	line-height:1.4em;
	font-weight:bold;
	font-size:20px;
}
#content .sub3 .txt h5{
	font-weight:bold;
	margin-top:20px;
	font-size:16px;
}
#content .sub3 .txt strong{
	font-weight:bold;
	color:#000;
	margin-right:10px;
}
#content .sub3 .txt span{
	margin-top:20px;
}
#content .sub3 .txt{
	line-height:1.8em;
	font-size:14px;
	color:#333;
}
#content .sub3 .txt a{
	text-decoration:underline;
}
#content .sub3 .txt a:hover{
	text-decoration:none;
	}
/* ------------- */
#backtotop{
	width:940px;
	padding-right:20px;
	text-align:right;
	padding-bottom:20px;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:18px;
}
/* ------------- */
footer p{
	text-align:right;
	line-height:1.5em;
	padding:40px 20px 40px 0;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
}
/* ------------- */
a.amazon{
	color:#FFAE00;
	font-size:14px;
}
a.amazon:hover{
	color:#f00;
}
a.btn{
	display:block;
	padding:20px;
	background-color:#000;
	color:#fff;
	text-align:center;
	font-size:18px;
	width:600px;
	margin:0 auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
a.btn:hover{
	background:url(../images/bg_menu.gif) repeat;
	color:#fff;
}