@charset "euc-jp";

/* CSS Document */

/*---------------------------------------------------------------
  link
----------------------------------------------------------------*/
a:link{ text-decoration:none; color:#333333;}
a:visited{ text-decoration:none; color:#333333;}
a:hover{ text-decoration:none; color:#999999 !important;}


/*---------------------------------------------------------------
  base
----------------------------------------------------------------*/
body {
color:#333;
font:13px/1.231 "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo , "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", Osaka, sans-serif;
*font-size:small;
*font:x-small;
line-height:1.6;
background:#F8F8F8;
}

::selection { background:#F35478; color:#FFF; text-shadow:0 0px 3px #000/* Safari */}

::-moz-selection { background:#F35478; color:#FFF; text-shadow:0 0px 3px #000 /* Firefox */}


.tx_red{color:#d80406;}
.tx_blue{color:#007FFF;}
.tx_bold{font-weight:bold;}


/*---------------------------------------------------------------
  spacing
----------------------------------------------------------------*/
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}

.mr20{margin-right:20px !important;}


/*---------------------------------------------------------------
  clear
----------------------------------------------------------------*/
.clr{clear:both;}

.clrfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.clrfix {display: inline-block;} 

/* Hides from IE Mac */
* html .clrfix {height: 1%;}
.clrfix {display:block;}
/* End Hack */ 

.disnon{
	display:none;
}


#header{
	background:#FFFFFF;
	box-shadow:0 0 5px rgba(0,0,0,0.1);
	margin:0 0 20px;
}

#header .inbox{
	width:960px;
	margin:auto;
	height:89px;
	position:relative;
}

#header .inbox h1{
	position:absolute;
	top:13px;
	left:9px;
}

#header .topnav ul.nav01{
	position:absolute;
	right:0;
	top:0px;
}

#header .topnav_login ul.nav01{
	position:absolute;
	right:-10px;
	top:46px;
}

#header .topnav ul.nav01 li{
	float:left;
	margin:0 1px 0 0;
}
#header .topnav_login ul.nav01 li{
	float:left;
	margin:0 10px 0 0;
}

#header .topnav_login ul.nav01 li.name{ height:27px; line-height:27px; font-weight:bold; padding:0 10px 0 0;}

#header .topnav ul.nav02{
	position:absolute;
	right:0;
	top:50px;
}

#header .topnav_login ul.nav02{
	position:absolute;
	right:0;
	top:23px;
}


#header .topnav ul.nav02 li,
#header .topnav_login ul.nav02 li{
	float:left;
	margin:0 0 0 10px;
	font-size:84.6%;
	line-height:1;
}

#header .topnav ul.nav02 li a,
#header .topnav_login ul.nav02 li a{
	background:url(../images/ic_arow01.gif) no-repeat left center;
	padding:0 0 0 8px;
}

#header #gnav{
	height:60px;	
	border-top:1px solid #FDC29B;
}

#header #gnav ul{
	width:960px;
	margin:0 auto;
}

#header #gnav ul li{
//	width:16.666666%;
	width:20%;
	float:left;
	padding:10px 0;
}

#header #gnav ul li:hover,
#header #gnav ul li.crt{
	padding-bottom:7px;
	border-bottom:3px solid #EB5606;	
}

#header #gnav ul li.nolink:hover{
border:none;
padding-bottom:10px;
}

#header #gnav ul li:last-child a{
border-right:1px solid #FDC29B;
}

#header #gnav ul li a,
#header #gnav ul li span{
	display:block;
	padding:5px 0 4px;
	line-height:1;
	font-size:1px;
	border-left:1px solid #FDC29B;
	text-align:center;
}

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


#container{
	width:960px;
	margin:0 auto;	
}

#container #main_contents{
	width:740px;
	float:left;
	margin:0 20px 0 0;
}

#container .tlbox{
	margin:0 0 15px;
	position:relative;
	background:#EB5505;
	padding:7px 10px;
}

#container .tlbox02{
	margin:0 0 15px;
	position:relative;
	background:#E5E5E5;
	padding:7px 10px;
}

#container .tlbox h1{
	color:#FFFFFF;
	border-left:2px solid #FFFFFF;
	font-size:107.7%;
	font-weight:bold;
	padding:2px 0 2px 8px;
}

#container .tlbox02 h2{
	color:#333333;
	font-size:107.7%;
	font-weight:bold;
	padding:2px 0 2px 0px;
}

#container .tlbox .morelink a{
	display:inline-block;
	background:#FFFFFF url(../images/ic_arow01.gif) no-repeat 8px center;
	padding:5px 7px 5px 16px;
	position:absolute;
	top:6px;
	right:6px;
	font-size:76.9%;
	line-height:1;
	border-radius:3px;
}

.top_news{
	width:100%;
	float:left;
	margin:0 20px 0 0;	
}

.top_news ul{	margin:0 20px; padding:0 0 20px;}
.top_news li{ padding:0 0 8px; margin:0 0 8px; border-bottom:1px dotted #CCC; font-size:92.3%;}



.top_yattater .yattater{
	position:absolute;
	right:5px;
	top:7px;
}

.top_yattater{ float:left;	width:320px;}
.top_yattater ul{	margin:0 20px; padding:0 0 20px;}
.top_yattater li{ padding:0 0 8px; margin:0 0 8px; border-bottom:1px dotted #CCC; font-size:92.3%;}

.top_news li .lidate{ display:inline-block; margin:0;float:left;width:80px;}
.top_news li .txt{ display:inline-block; margin:0;float:left;}


.top_yattater li span{ display:inline-block; margin:0 1.0em 0 0;}

.top_freecontents{
	clear:both;
}

.top_freecontents article .tl{
	background:#E5E5E5;
	padding:8px 7em 8px 8px;
	position:relative;
	margin:0 0 18px;
}
.top_freecontents article .tl h1{ font-weight:bold; font-size:107.7%;}
.top_freecontents article .tl time{ 
position:absolute;
right:10px;
top:0;
line-height:2.5em;
}

.top_freecontents article p{
	margin:0 0 1.5em;	
}

.contentsbox{
	margin:0 20px 40px;	
}





#content_menu{
	width:200px;
	float:left;
	border-top:2px solid #D6D6D6;
}

#content_menu ul{ margin:0; padding:0 0 12px;}
#content_menu li{ margin:0; border-bottom:1px solid #CCC; font-size:92.3%;}
#content_menu li a{
	background:url(../images/ic_arow01.gif) no-repeat 8px center;
	padding:8px 0 8px 13px;
        display:block;
}
#content_menu li a.crt,
#content_menu li a:hover{
	background:#E5E5E5 url(../images/ic_arow01.gif) no-repeat 8px center;
}

#sub_contents{
	width:200px;
	float:left;
}

.side_bnr01 li{ margin:0 0 10px}

.side_bnr01 li a:hover img,
.foot_bnr li a:hover img{ margin:-3px; border:3px solid #CCCCCC;}


#footer{
	clear:both;
	margin:50px 0 0;	
}

#footer .foot_nav01,
#footer .foot_nav02{
	text-align:center;
	padding:6px;
}


#footer .foot_nav01{ background:#333333;}
#footer .foot_nav02{ background:#707070;}

#footer .foot_nav01 li,
#footer .foot_nav02 li{
	display:inline-block;
	font-size:92.3%;
}

#footer .foot_nav01 li:after,
#footer .foot_nav02 li:after{	content:" ¡Ã"; color:#FFFFFF;}
#footer .foot_nav01 li:last-child:after,
#footer .foot_nav02 li:last-child:after{ content:"";}

#footer .foot_nav01 li a,
#footer .foot_nav02 li a{
	color:#FFFFFF;
}

#footer .foot_nav01 li a:hover,
#footer .foot_nav02 li a:hover{ color:#CCC !important;}

#footer .foot_bnr{
	padding:30px 0;
	background:#FFFFFF;
	box-shadow:0 2px 3px rgba(0,0,0,0.1);
}

#footer .foot_bnr ul{
	width:960px;
	margin:0 auto;
	text-align:center; 
}

#footer .foot_bnr li{
	display:inline-block;
	margin:0 3px;
}

#copyright{
	text-align:center;
         float:right;
	padding:40px 20px 20px 20px;	
}

#f_log{
	margin:10px auto;
          text-align:center;
          width:960px;
}
#f_log ul{
margin:0;
padding:0;
float:left;
}

#f_log ul li{
margin:0;
padding:0;
float:left;
}



/*media*/
.mediatable{
border-collapse:collapse;
border-top:solid 1px #D6D6D6;
border-bottom:solid 1px #D6D6D6;
border-left:solid 1px #D6D6D6;
background-color:#FFF;
}
.mediatable th{
border-right:solid 1px #D6D6D6;
font-weight:normal;
padding:10px 20px 10px 20px;
vertical-align:middle;
}

.mediatable tr{border-bottom:dashed 1px #D6D6D6;}
.mediatable th .tl_m{margin-left:105px;}
.mediatable th .tl_s{margin-left:75px;}

.mediatable td{
border-bottom:dashed 1px #D6D6D6;
border-right:solid 1px #D6D6D6;
padding:10px;
}

.sbox{width:20%;}
.mbox{width:70%;}
.lbox{width:100%;}
.att{color:#FF0000;font-size:87%;}
.coment_box{width:100%;height:150px;}


#vi {
clear: both;
position: relative;
width: 960px;
overflow: hidden;
margin:0 auto 20px auto;
}

.btnarea {
text-align:center;
display:block;
margin:30px -5px 0 0;
}

.btnarea input.bt {
background-color:#FF8000;
border-top:1px solid #EB5505;
border-left:1px solid #EB5505;
border-right:1px solid #EB5505;
border-bottom:3px solid #EB5505;
text-align:center;
padding:12px 65px;
font-weight:bold;
color:#FFF;
margin-right:5px;
border-radius:3px;
cursor: pointer;
}

.btnarea input.bt:hover{
filter: alpha(opacity=70);
-ms-filter: alpha(opacity=70);
opacity: 0.7;
}

.date{ float:left;
position:absolute;
	right:20px;
	top:7px;
	color:#FFF;}
	
	
/*profile*/

.profile .main_photo{
	width:260px;
	float:left;
	margin:0 20px 0 0;	
}

.profile .profile_list{
	 float:left;
	 width:420px;
}


.profile ul{ margin:0; padding:0 0 20px;}
.profile li{ padding:0 0 8px; margin:0 0 8px; border-bottom:1px dotted #CCC; font-size:92.3%;}




/*discography*/

.discography{
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px dotted #CCC;
}

.discography .photo{
	margin:0 20px 0 0;
	width:100px;

	float:left;
}

.discography ol{
	float:left;
	width:220px;
}

.discography ol{
	float:right;
	width:220px;
}

.discography li{
	list-style:decimal;
	margin:0 0 0 1.5em;
}

.discography .tx{
	float:right;
	width:220px;
}

.discography p{
	margin:0 0 18px 0;
}

.contentsbox_s{
	margin:0 0 0 0;	
	width:340px;
	float:left;
}

/*faq*/
.faq_area .section {
	margin: 0 0 30px;
}
.faq_area dt {
	font-weight: bold;
	margin: 0 0 20px;
	padding: 3px 35px 15px;
	border-bottom: 1px solid #E5E5E5;
	cursor: pointer;
	background: url(../../faq/images/ic_plus.gif) no-repeat left top;
}
.faq_area dt.select {
	color: #EB5505;
	background: url(../../faq/images/ic_minus.gif) no-repeat left top;
}
.faq_area dd {
	margin: -5px 10px 0;
	padding: 0 0 35px;
	line-height: 1.6;
}
.faq_area a:link {
	color: #EB5505);
	text-decoration: underline;
}
.faq_area .fw {
	font-weight: bold;
}
/*privacy*/
.privacy {
	margin: 0;
	padding: 0;
}
.privacy ol {
	margin: 0;
	padding: 0;
}
.privacy ol li {
	margin: 0;
	padding: 0;
	list-style: decimal;
	margin: 0 0 1.5em 1.5em;
}

/*copy*/

.copy {
	margin: 0;
	padding: 0;
}
.copy .inner {
	margin: 0 0 30px 0;
	padding: 0;
}
.copy .inner h2 {
	color: #333333;
	font-size: 107.7%;
	font-weight: bold;
	padding: 2px 0 2px 0px;
	margin: 0 0 15px;
	position: relative;
	background: #E5E5E5;
	padding: 7px 10px;
}

/*tab*/
.disnon {
  display: none;
}
.select{
	color:#F00;

}
#tab{
	margin:0 -2px;
        padding:0;
   position: relative;
}

#tab li{
        text-align:center;
        list-style-type:none;
        width:25%;
        float:left;
}
#tab li a{
        margin:0 2px;
        padding:10px;
        display:block;
        background-color:#333333;
        border-radius:5px;
        color:#FFF !important;
	text-decoration: none !important;

}

#tab li.select a{
        background-color:#EB5505;
        color:#FFF;
        font-weight:bold;
   position: relative;
	text-decoration: underline !important;

}

#tab li a:hover{
        background-color:#EB5505;
}


#tab li.select a::before {
content: "";
	position: absolute;
	bottom: -8px; left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
        background-color:#EB5505;
	z-index: 0;
}
#tab li.select a::after {
content: "";
	position: absolute;
	bottom: -8px; left: 50%;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #EB5505 transparent transparent transparent;
	z-index: -1;
}

.content_wrap{
	border:1px solid #EB5505;
        padding:15px;
        border-radius:5px;
        margin-top:10px;
}

.content_wrap .pagerTop{
text-align:center;
padding:0 0 15px;
border-bottom:1px dotted #CCC;
margin:0 0 5px;
}

.content_wrap .pagerBottom{
text-align:center;
padding:15px 0 10px;
}

.content_wrap .newCt li{
clear:both;
padding:10px 0;
border-bottom:1px dotted #CCC;
}

.content_wrap .newCt li a{
color:#EB5505;
font-size:110%;
}

.content_wrap .newCt li:after{
content:"";
display:block;
clear:both;
}

.content_wrap .newCt li img{
float:left;
margin:0 10px 0 0;
}

.content_wrap .pagerTop a,
.content_wrap .pagerBottom a{
color:#EB5505;
}

/*ga*/
.item {
	width: 160px;
	margin: 0 20px 20px 0;
	float: left;
	overflow: hidden;
}
.item img {
	vertical-align: bottom;
	width: 160px;
}
#gallerycon {
	padding: 0;
	margin-right: -20px;
}

.loginpage form{
width:400px;
margin:20px auto;
background:#FFF;
border:1px solid #CCC;
padding:20px;
}

.loginpage form dt{
clear:both;
width:6em;
float:left;
height:24px;
line-height:24px;
}

.loginpage form dd{
height:24px;
line-height:24px;
margin:0 0 10px;
float:left;
}

.loginpage form dd input{
height:20px;
line-height:20px;
width:300px;
}

.loginpage .loginBtn{
clear:both;
padding:15px 0 0;
text-align:center;
}

.logout_comment{
font-size:200%;
padding:30px;
text-align:center;
}

.member_add p{
margin:0 0 1.5em;
}

/*-----¢§¥á¥ó¥Ð¡¼ÅÐÏ¿¾ðÊ󤳤³¤«¤é-----*/

.member_data h4{
font-size:200%;
margin:0 0 1em;
}

.member_data .dateInfo dt{
clear:both;
width:5em;
background:#EB5505;
text-align:center;
float:left;
font-weight:bold;
margin:0 10px 0 0;
color:#FFFFFF;
padding:3px 0;
display:inline-block;
border-radius:3px;
}

.member_data .dateInfo dd{
float:left;
padding:3px 0;
margin:0 0 1em;
}

.member_data .manageMenu{
clear:both;
padding:1em 0
}

.member_data .manageMenu li{
float:left;
margin:0 10px 0 0;
}

.member_data .manageMenu a{
display:inline-block;
border:1px solid #EB5505;
padding:5px 10px 5px 18px;
background:#FFFFFF url(../images/ic_arow01.gif) no-repeat 10px center;
}

.managePass{ width:100%}

.managePass th,
.managePass td{
border-bottom:1px dotted #CCC;
padding:10px 0;
}

.managePass{ margin:0 0 15px;}
.managePass th{
width:5%;
white-space:nowrap;
padding-right:10px;
}

.managePass td input{width:50%; padding:3px}
.managePass td select{ padding:3px;}

#breadcrumb{ font-size:85%; margin:0 0 15px}

.memberReqForm{ width:100%; margin:0 0 15px;}

.memberReqForm th,
.memberReqForm td{
border-bottom:1px dotted #CCC;
padding:10px 0;
}

.memberReqForm th{
width:5%;
white-space:nowrap;
padding-right:10px;
}

.memberReqForm td input,
.memberReqForm td select{padding:3px}

input[name="adr1"],
input[name="adr2"],
input[name="adr3"],
input[name="eml"]{ width:80%;}

.essential .textRed,
.memberReqForm .textRed{ color:#FF0000}

input + .center input,
input + .center img{vertical-align:middle }

#only_slide{
height:370px;
background:url(../../images/vi_back.png);
text-align:center;
margin:0 0 20px;
}

/*cd*/
#container .tlbox_b{
	margin:0 0 15px;
	position:relative;
	background:#000;
	padding:7px 10px;
}

#container .tlbox_b h1{
	color:#FFFFFF;
	border-left:2px solid #FFFFFF;
	font-size:107.7%;
	font-weight:bold;
	padding:2px 0 2px 8px;
}
#container .cd_area{
	margin: 0 0 40px;
}
#container .cd_area h2{
	margin: 10px 0 20px;
          text-align:center;
}
#container .cd_area .inner{
	margin:0;
          padding:0;
}
#container .cd_area .inner .ph{
	float:left;
          margin-right:20px;
         width:283px;
}

#container .cd_area .inner .txt{
	float:left;
         width:437px;
}

#container .cd_area .inner .txt .price{
	border-bottom:1px solid #D2D2D2;
          padding:0 0 15px;
          margin:0 0 15px;
}

#container .cd_area .inner .txt .cd_name{
float:left;
margin-right:10px;
}

#container .cd_area .inner .txt .cd_num{
float:left;
}

#container .cd_area_s{margin: 0 20px 0;}
#container .cd_area_s .inner{margin: 0 0 40px;}
#container .cd_area_s h3{margin: 0 0 10px;border-bottom:1px solid #E5E5E5;padding:0 0 10px;font-size:107.7%;}
#container .cd_area_s h3 .sub_tl{float:left;font-weight:bold;margin-right:20px}
#container .cd_area_s h3 .h_day{float:right;color:#999;font-size:84.6%;}
#container .cd_area_s h3 .h_day2{color:#999;font-size:76.9%;display:block;margin-top:5px;}


#container .cd_area_s .ph{
float:left;
margin-right:20px;
width:150px;
}

#container .cd_area_s .txt{
float:left;
width:530px;
}

#container .cd_area_s .txt p{
font-weight:bold;
}

#container .cd_area_s .txt .detail_l{
float:left;
width:230px;
}
#container .cd_area_s .txt .detail_r{
float:left;
width:300px;
}

#container .cd_bt_c{
text-align:center;
}

#container .cd_bt_c a:hover img{
filter: alpha(opacity=70);
-ms-filter: alpha(opacity=70);
opacity: 0.7;
}

#container .cd_area_s02{margin: 0 20px 0;}
#container .cd_area_s02 .inner{margin: 0 0 40px;}
#container .cd_area_s02 h3{margin: 0 0 10px;border-bottom:1px solid #E5E5E5;padding:0 0 10px;font-size:107.7%;}
#container .cd_area_s02 h3 .sub_tl{float:left;font-weight:bold;margin-right:20px}
#container .cd_area_s02 h3 .h_day{float:right;color:#999;font-size:84.6%;}
#container .cd_area_s02 h3 .h_day2{color:#999;font-size:76.9%;display:block;margin-top:5px;}
#container .cd_area_s02 .h_day{float:right;color:#999;font-size:84.6%;}




#container .cd_area_s02 .detail_l{
float:left;
width:350px;
}

#container .cd_area_s02 .detail_r{
float:right;
width:350px;
}

#container .cd_area_s02 .ph{
float:left;
margin-right:10px;
width:120px;
}

#container .cd_area_s02 .txt{
float:right;
width:210px;
}

#container .cd_area_s02 .txt p{
font-weight:bold;
}

.top_box{ 
background-color:#FFF;
padding:15px;
font-size:107.7%;
border:2px solid #FF0000;
}

.tl h1.att_title{ 
font-weight:bold; 
font-size:127.7%;
color:#FF0000;
}
.txt_r{
text-align:right;
}