@charset "utf-8";
/* CSS Document */

/*===================================
	CSSリセット
=====================================*/
* { 
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	line-height:150%;
}

body {
	font-size: 75%;
	height:100%;
}

html {
	height:100%;
}

html>/**/body {
  font-size: 12px; /* Except IE */
}


body {
	background-color:#ffffff; /*このサイトの背景色*/
	color: #000000; /*このサイトの基本となる文字色*/
}

h1,h2,h3,h4,h5,h6,strong,b {
	font-weight:bold;
}

a {
	color:#000000;
	text-decoration:none;
}
a:hover {
	color:#000000;
	text-decoration:underline;
}


ul, dl {
}

li {
	list-style:none;
}

.clear {
	clear:both;
}

img {
	border:none;
}

.float_l {
	float:left;
}

.float_r {
	float:right;
}

/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	min-height: 1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.hide {
	display:none;
}

/*=======================
  　wrapper
=======================*/

#wrapper {
	width: 1832px;
}

/*=======================
  　1列目 menuArea
=======================*/

html > #menuArea {
	height:auto;
}

body > #menuArea {
	height:auto;
}

#menuArea {
	height:100%;
	background-color:#000000;
	width:214px;
	float: left;
} 

#menuArea .menu {
	padding-bottom:19px;
} 

#menuArea ul.social-link {
	padding-left:20px;
	padding-bottom:20px;
}

#menuArea ul.social-link li {
	float:left;
	padding-right:3px;
}

#menuArea ul.bnr-link {
	width:174px;
	margin:0 auto;
	padding-bottom:21px;
}

#menuArea ul.bnr-link li {
	padding-bottom:3px;
}

#menuArea .copy {
	width:174px;
	margin:0 auto;
	padding-bottom:30px;
}


/*=====================================
　 2列目 sound,news,schedule,twitter
=====================================*/

html > #col2 {
	height:auto;
}

body > #col2 {
	height:auto;
}


#col2 {
	border-right:1px solid #000000;
	width:323px;
	/* height:100%; */
	float: left;
	overflow: hidden;
}

/*-------------------------
　    2列目 sound
-------------------------*/


#col2 #soudArea {
	padding:8px;
	border-bottom:1px solid #000000;
} 

#col2 #soudAreaIn {
	position:relative;
} 

#col2 #soudAreaIn h3 {
	padding-bottom:12px;
}

#col2 #soudAreaIn .bnr {
	padding-top:10px;
}

#col2 #soudAreaIn .btn_ud {
	position:absolute;
	top:0;
	right:5px;	
}


/*-------------------------
　    2列目 news
-------------------------*/

#col2 #newsArea {
	padding:8px;
	border-bottom:1px solid #000000;
} 

#col2 #newsAreaIn {
	position:relative;
} 

#col2 #newsAreaIn h3 {
	padding-bottom:12px;
}


#col2 #newsAreaIn .btn_ud {
	width:38px;
	position:absolute;
	top:0;
	right:5px;	
} 

#col2 #newsAreaIn dl dt {
	background:url(../img/news_icon.gif) 3px 3px no-repeat;
	padding:0 0 0 19px;
}

#col2 #newsAreaIn dl dd {
	padding-bottom:8px;
}

/*-------------------------
　    2列目 schedule
-------------------------*/

#col2 #scheduleArea {
	padding:8px;
	border-bottom:1px solid #000000;
} 

#col2 #scheduleAreaIn {
	position:relative;
} 

#col2 #scheduleAreaIn h3 {
	padding-bottom:12px;
}


#col2 #scheduleAreaIn .btn_ud {
	width:38px;
	position:absolute;
	top:0;
	right:5px;	
} 

#col2 #scheduleAreaIn dl dt {
	background:url(../img/news_icon.gif) 3px 3px no-repeat;
	padding:0 0 0 19px;
}

#col2 #scheduleAreaIn dl dd {
	padding-bottom:8px;
}

/*-------------------------
　   2列目 contact
-------------------------*/

#col2 #contactArea {
	padding:8px;
	border-bottom:1px solid #000000;
} 

#col2 #contactAreaIn {
	position:relative;
} 

#col2 #contactAreaIn .btn_ud {
	position:absolute;
	top:0;
	right:5px;	
} 

#col2 #contactAreaIn h3 {
	padding-bottom:15px;
}

#col2 #contactAreaIn .contact_txt h4 {
	font-weight:bold;
	padding-bottom:4px;
}


/*=====================================
　          3列目 profile
=====================================*/

html > #col3 {
	height:auto;
}

body > #col3 {
	height:auto;
}

#col3 {
	border-right:1px solid #000000;
	width:323px;
	/* height:100%; */
	float: left;
	overflow: hidden;
}

/*-------------------------
　    3列目 profile
-------------------------*/



#col3 #profileArea {
	padding:8px;
	border-bottom:1px solid #000000;
} 

#col3 #profileAreaIn {
} 

#col3 #profileAreaIn h3 {
	padding-bottom:12px;
}

#col3 #profileAreaIn .photo_main {
	padding-bottom:10px;
}

#col3 #profileAreaIn .txt_s {
	padding-bottom:4px;
}

#col3 #profileAreaIn .btn_more {
	text-align:right;
	padding-bottom:15px;
}

#col3 #profileAreaIn .btn_more img {
	display:inline;
}

.memberArea {
	width:302px;
	margin:0 auto;
}

.memberArea p {
	padding-bottom:5px;
}

.memberArea dl dt {
	background:url(../img/news_icon.gif) 3px 3px no-repeat;
	padding:0 0 0 19px;
}

.memberArea dl dd {
	padding-bottom:12px;
}

/*=====================================
　          3列目 profile
=====================================*/

#col3_5 {
	/* border-right:1px solid #000000; */
	/* width:645px;
	height:100%; */
	float: left;
	width: 0;
	overflow: hidden;
}


/*-------------------------
　 3,5列目 profile詳細
-------------------------*/


html > #col3_5 {
	height:auto;
}

body > #col3_5 {
	height:auto;
}

.prof_35 {
	display: none;
}

#profile_detail {
	background:url(../img/profile_txt.gif) 0 0 no-repeat;
	width:645px;
	height:843px;
	border-bottom:1px solid #000000;
}


#prof_sonoda,
#prof_atsuta,
#prof_hashimoto,
#prof_akamata,
#prof_makise,
#prof_oyamada {
	padding:8px;
	border-bottom:1px solid #000000;
}

.prof_memberIn .member_photo1 {
	margin:0 auto;
	width:310px;
	padding-bottom:15px;
}

.prof_memberIn .member_photo2 {
	margin:0 auto;
	width:540px;
	padding-bottom:15px;
}

.prof_memberIn dl dt {
	font-weight:bold;
	font-size:14px;
	padding-bottom:3px;
	border-bottom:1px solid #bfbfbf;
	margin-bottom:10px;
	padding-left:8px;
}

.prof_memberIn dl dd {
	padding-bottom:4px;
	padding-left:8px;
}


/*=====================================
      4列目 discography,store
=====================================*/

html > #col4 {
	height:auto;
}

body > #col4 {
	height:auto;
}


#col4 {
	border-right:1px solid #000000;
	width:323px;
	/* height:100%; */
	float: left;
	overflow: hidden;
}

/*-------------------------
　    4列目 disco
-------------------------*/


#col4 #discoArea {
	padding:8px;
	border-bottom:1px solid #000000;
} 

#col4 #discoAreaIn {
	position:relative;
} 

#col4 #discoAreaIn h3 {
	padding-bottom:12px;
}


#col4 #discoAreaIn .btn_ud {
	position:absolute;
	top:0;
	right:5px;
} 

#col4 #discoArea table {
	border-collapse:collapse;
}

#col4 #discoArea table th {
	text-align:left;
	vertical-align:top;
	width:134px;
	padding-bottom:10px;
	text-align:center;
}

#col4 #discoArea table td {
	text-align:left;
	vertical-align:middle;
	padding-bottom:10px;
}

#col4 #discoArea table td dl dt {
	background:url(../img/news_icon.gif) 3px 7px no-repeat;
	padding:3px 0 3px 19px;
}

#col4 #discoArea table td .btn_more {
	text-align:right;
	padding-top:5px;
	padding-bottom:15px;
}

#col4 #discoArea table td .btn_more img {
	display:inline;
}


/*=====================================
      4,5列目 discography詳細
=====================================*/

html > #col4_5 {
	height:auto;
}

body > #col4_5 {
	height:auto;
}


#col4_5 {
	/* border-right:1px solid #000000; */
	/* width:323px;
	height:100%; */
	float: left;
	width: 0;
	overflow: hidden;
}

/*-------------------------
　    4列目 disco
-------------------------*/

.disco_45 {
	display: none;
}

#col4_5 #disco_detail01,
#col4_5 #disco_detail02,
#col4_5 #disco_detail03,
#col4_5 #disco_detail04,
#col4_5 #disco_detail05,
#col4_5 #disco_detail06,
#col4_5 #disco_detail07,
#col4_5 #disco_detail08,
#col4_5 #disco_detail09,
#col4_5 #disco_detail10 {
	padding:8px;
	border-bottom:1px solid #000000;
	width: 307px;
} 

#col4_5 .disco_detailIn dl {
	padding-top:15px;
}

#col4_5 .disco_detailIn dl dt {
	font-weight:bold;
	font-size:14px;
	padding-bottom:3px;
	border-bottom:1px solid #bfbfbf;
	margin-bottom:10px;
	padding-left:8px;
}

#col4_5 .disco_detailIn dl dt span {
	color:#F00;
	font-size:12px;
	display:inline-block;
	padding-left:15px;
}

#col4_5 .disco_detailIn dl dd {
	padding-bottom:4px;
	padding-left:8px;
}

.small {
	width:122px;
	margin:0 auto;
}




/*=====================================
      5列目 store, twitter
=====================================*/

html > #col5 {
	height:auto;
}

body > #col5 {
	height:auto;
}


#col5 {
	border-right:1px solid #000000;
	/* width:323px;
	height:100%; */
	float: left;
	width: 323px;
	overflow: hidden;
}

/*-------------------------
　    5列目 store
-------------------------*/


#col5 #storeArea {
	padding:8px;
	border-bottom:1px solid #000000;
} 

#col5 #storeAreaIn {
	position:relative;
} 

#col5 #storeAreaIn h3 {
	padding-bottom:12px;
}


#col5 #storeAreaIn .btn_ud {
	position:absolute;
	top:0;
	right:5px;
} 

#col5 #storeAreaIn p.coming {
	width:175px;
	margin:20px auto 20px auto; 
}


/*-------------------------
　   5列目 twitter
-------------------------*/

#col5 #twitterArea {
	border-bottom:1px solid #000000;
} 

#col5 #twitterAreaIn {
	position:relative;
	padding:8px;
	border-bottom:1px solid #000000;
} 

#col5 #twitterAreaIn2 {
	padding:20px 8px 17px 8px;
}

#col5 #twitterAreaIn h3 {
	padding-bottom:12px;
}


#col5 #twitterAreaIn .btn_ud {
	width:38px;
	position:absolute;
	top:0;
	right:5px;	
} 

#col5 #twitterAreaIn .bt_follow {
	padding:10px 0 10px 0;
}

#col5 #twitterAreaIn ul.twitter_link li {
	padding-bottom:13px;	
}

.new {
	color:#F00;
	font-size:11px;
	display:inline-block;
	padding-left:8px;
}