@charset "utf-8";
/* ===================================================================
CSS information

 file name  :pc-free.css　TRIPLANE
=================================================================== */
a{
	background:none;}




#all{
	margin:0 auto;
	padding:0;}

#contents{
	background:#fff;
	width:950px;
	margin:0 auto;
	padding:0 35px 35px;}

#navi table,
#main {
	background-color:none;}



#footer{
	margin:0 auto;}




/* =====================================
	ヘッダ
 ===================================== */

#header{
	background:#fff;
	width:1020px !important;
	padding:25px 0 0 0;
	margin:0 auto;
	text-align:left;
	position:relative;
	background:#fff;}
#pageIndex .name{
	margin:0 auto;}
#header .snsLink{
	position:absolute;
	top:25px; right:25px;
	text-align:right;}
#header .snsLink ul{
	width:200px;}
#header .snsLink ul li{
	display:inline-block;
	margin-left:5px;
	vertical-align:top;}


/* =====================================
	ナビ
 ===================================== */

body #navi{
	background:#333;
	margin-bottom:0px;}

#pageIndex #navi .inner,
#navi .inner{
	width:1020px;
	height:35px;
	overflow:hidden;
	margin:0 auto;}
#navi table{
	width:auto;}
#navi td a,
#navi td span{
	height:35px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background-image:url(http://imgm.avexnet.jp/upload/artist_img/TRIPL/navi.gif);
	background-repeat:no-repeat;}
#navi td a:hover,
#navi td a.selected{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;}
#navi td.navi01 a{width:70px; background-position:0 0;}
#navi td.navi02 a{width:56px; background-position:-70px 0;}
#navi td.navi03 a{width:92px; background-position:-126px 0;}
#navi td.navi04 a{width:97px; background-position:-218px 0;}
#navi td.navi05 a{width:113px; background-position:-315px 0;}
#navi td.naviBlog a{width:54px; background-position:-428px 0;}
#navi td.navi06 a{width:72px; background-position:-482px 0;}
#navi td.navi07 span{width:127px; background-position:-554px 0;}
#navi td.navi08 a{width:80px; background-position:-675px 0;}
#navi td.navi09 a{width:67px; background-position:-755px 0;}
#navi td.navi10 a{width:72px; background-position:-822px 0;}
#navi td.navi11 a{width:121px; background-position:-894px 0;}




/* =====================================
	footer
 ===================================== */
#footer .footerMenu{} 

#footer .footerMenu ul{
	width:400px;
	overflow:hidden;}
#footer .footerMenu li{
	margin:0;
	float:left;}
#footer .footerMenu li a{
	height:35px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background-image:url(http://imgm.avexnet.jp/upload/artist_img/TRIPL/footer_navi.gif);
	background-repeat:no-repeat;}
#footer .footerMenu li a:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;}

#footer .footerMenu li.list01 a{width:65px; background-position:0 0;}
#footer .footerMenu li.list02 a{width:131px; background-position:-65px 0;}
#footer .footerMenu li.list03 a{width:101px; background-position:-197px 0;}
#footer address{
	display:block;
	width:193px;
	text-indent:-9999px;
	background:url(http://imgm.avexnet.jp/upload/artist_img/TRIPL/copyright.gif) no-repeat;}
	

/* =====================================
	下層ページ
 ===================================== */
.column2R #wrapper {width:640px;} 
.column2R #wrapper #main .layoutInner{
	padding-top:50px;
	height:100%;
	min-height:555px;}
 
 
 

/* =====================================
	サイド
 ===================================== */

#moduleFree02{
	min-height:850px;}
#moduleFree02 .box{
	width:185px;
	margin:0 auto 15px auto;}
#moduleFree02 .box .title{
	color:#E98308;}
#moduleFree02 .box .name{
	font-size:16px;
	font-weight:bold;}
#moduleFree02 .box .memo{
	color:#fff;}
#moduleFree02 .box .photo{
	text-align:center;
	margin:10px 0;}
#moduleFree02 .box .photo img{
	width:185px;
	height:auto;}
 

/* =====================================
	汎用パーツ
 ===================================== */

.listStyle .list li.even,
.visualStyle .list li.even,
#songList li.even,
.boxStyle .box{
	background:none;
	background-color:none;}

/* ページタイトル */
.column2R #main{
	position:relative;}
.column2R .boxTitle{
	margin-bottom:20px;
	width:100%;
	border-bottom:3px solid #000;
	padding-bottom:40px;}
.column2R .boxTitle .default{
	background:none;
	border:none;
	padding-left:0;}
	

/* タブ */
.tab{
	background:none;
	border:none;}
.tab li{
	margin-bottom:15px;
	margin-right:30px;}
.tab li a,
.tab li a:visited{
	background-color:none;
	background:none;
	padding:0 20px 0 0;
	font-size:14px;
	line-height:14px;
	height:16px;
	text-decoration:underline;}
.tab li a:hover,
.tab li a.selected,
.tab li a.selected:visited{
	text-decoration:none;
	background-color:none;
	background:none;
	color:#333;}

 
 


/* =====================================
	トップページ
 ===================================== */


/*スライド*/
ol.bjqs-markers.h-centered{
	position:relative;
	z-index:100;
	text-align:left;
	margin-top:-30px;
	text-align:left;
	width:920px;}
.bjqs-markers li{
	margin-right:10px;}
.bjqs-markers li a{
	display:block;
	width:10px;
	height:10px;
	text-indent:-9999px;
	overflow:hidden;
	background:#ddd;}
.bjqs-markers li.active-marker a{
	background:#000;}




#pageIndex #visual{
	background:none;
	background-color:none;
	margin-top:20px;
	margin-bottom:40px;}
	
#pageIndex #visual .bjqs-slide{
	width:980px;
	height:300px;}
#pageIndex #visual .bjqs-controls{
	display:none;}


.innerBox{
	width:950px;
	overflow:hidden;
}

.moduleBox{
	overflow:hidden;}
	
/* whats new */
#moduleNews{
	width:465px;
	height:345px;
	float:left;}

#pageIndex #moduleNews .listStyle .date,
#pageIndex #moduleNews .listStyle .article{
	display:inline;
	margin:0;
	padding:0;
	width:100%;}

/* ムービークリップ */
#moduleMovie{
	width:465px;
	height:345px;
	float:right;}

.column1 #main #moduleMovie iframe {
	width:465px;
	height:262px;}
	
	
	
#moduleFree01 .inner{
	width:525px;
	overflow:hidden;
	margin:0 auto;}
#moduleFree01 .discArea{
	width:185px;
	text-align:center;
	float:left;}
#moduleFree01 .discArea .discImage{}
#moduleFree01 .discArea .moreButton{
	padding-top:15px;}
#moduleFree01 .discArea .moreButton a{
	height:40px;
	display:block;
	overflow:hidden;
	background:url(http://imgm.avexnet.jp/upload/artist_img/MONKE/buttun_buy.jpg) no-repeat 0 -40px;
	text-indent:-9999px;}
#moduleFree01 .discArea .moreButton a:hover{
	height:40px;
	display:block;
	overflow:hidden;
	background:url(http://imgm.avexnet.jp/upload/artist_img/MONKE/buttun_buy.jpg) no-repeat 0 0;
	text-indent:-9999px;}


#moduleFree01 .movieArea{
	width:330px;
	float:right;}
#moduleFree01 .movieArea iframe{}

/* フェイスブック */
#moduleFacebook{
	width:304px;
	height:380px;
	float:left;
	margin-right:20px;
	border-bottom:1px solid #aaa;}
#moduleFacebook *{
	border-color:#666 !important;}
#moduleFacebook .ConnectActivityLogin{
	display:none;}
#pageIndex #main #moduleFacebook.moduleBox{
	background-color:;}

/* フェイスブック　写真 */
#moduleFBphoto{
	width:304px;
	border-top:3px solid #000;
	padding-top:47px;
	float:left;}
#moduleFBphoto iframe{
	border-bottom:1px solid #aaa;}

/* ツイッター */
#moduleTwitter{
	width:304px;
	height:380px;
	float:right;}
#moduleTwitter .twtr-hd,
#moduleTwitter .twtr-ft{
	display:none;}
#pageIndex #main #moduleTwitter.moduleBox{
	background-color:#000000;}
	
/* バナーエリア */
#pageIndex #moduleFree03.moduleBox{
	border-top:3px solid #000;
	padding:20px 0;
	width:950px;
	background:none;}
#pageIndex #moduleFree03 ul{
	width:950px;
	overflow:hidden;}
#pageIndex #moduleFree03 li{
	float:left;
	padding:0 35px 0 0;}
#pageIndex #moduleFree03 li.list03{
	padding:0;}
	
p.jumpTop{
	clear:both;
	padding:0;
	margin:30px 0;}

p.jumpTop a{
	margin:0 0 0 auto;
	width:85px;
	height:15px;
	display:block;
	overflow:hidden;
	text-align:left;
	background:url(http://imgm.avexnet.jp/upload/artist_img/TRIPL/page_top.gif) no-repeat 0 bottom;
	text-indent:-9999px;}
 p.jumpTop a:hover{
	background:url(http://imgm.avexnet.jp/upload/artist_img/TRIPL/page_top.gif) no-repeat 0 1px;}
	
	



/* =====================================
	サイドバー
 ===================================== */

#sideRight{
	margin-top:122px;}
.typeSide .moduleBox .inner{
	padding:0;}
	
#moduleFree01{
	background:none;}
#moduleFree01 .boxTitle{
	border:none;
	padding:0;
	margin-bottom:25px;}
#moduleFree01 .link{
	margin:20px 0;}
#moduleFree01 .link a{
	display:block;
	background:url(http://imgm.avexnet.jp/upload/artist_img/TRIPL/btn_more-info.gif) no-repeat 0 bottom ;
	width:210px;
    height: 34px;
    overflow: hidden;
    text-indent: -9999px;}
#moduleFree01 .link a:hover{
	background-position:0 0;}







/* =====================================
	BIOGRAPHY
 ===================================== */

#pageProfile .profile {
	width: 687px;
	height: 340px;
	}

#pageProfile .profile dt {
	float: left;
	position: relative;
	width: 430px;
	height: 320px;
	}

#pageProfile .profile dd {
	padding: 12px 0px 0px 0px;
	float: left;
	width: 189px;
	}

#pageProfile .profile dd.member dd {
	padding: 6px 0px 8px 9px;
	width: 182px;
	float: none;
	}
	
#pageProfile .profile dd.option {
	margin-left: 9px;
	padding: 3px 0px 2px 0px;
	width: 182px;
	font-size: 10px;
	background: url(../../images/common/contents/line_hr.gif) repeat-x 0px bottom;
	line-height: 100%;
	}

#pageProfile .profile dd.option span.option {
	padding-right: 5px;
	font-size: 12px;
	font-weight: bold;
	}


#pageProfile .profile img {
	position: absolute;
	left: 0px;
	bottom: 0px;
	}
	
#pageProfile .profile h2 {
	padding: 0px 0px 4px 0px;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	color: #006FB0;
	border-bottom: dotted 1px #999;
	}
	
#pageProfile .profile h2 .option {
	padding: 0px 0px 0px 7px;
	font-size: 10px;
	line-height: 10px;
	}
	
#pageProfile .profile h3 {
	padding: 5px 0px 3px 0px;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	}

#pageProfile .profile p {
	padding-top: 3px;
	line-height: 100%;
	}
	

#pageProfile .chronicle {
	padding: 0px 0 20px 0;
	clear: both;
	width: 640px;
	margin: 0px auto;
	}

#pageProfile .chronicle dt {
	padding: 0px 0px 15px 0px;
	font-size: 14px;
	color: #006FB0;
	border-bottom:none;
	}

#pageProfile .chronicle dd {
	border-top:1px dotted #ccc;
	padding:0;
	margin-bottom:25px;
	}

#pageProfile .chronicle dd p{
	padding: 10px 0;
	clear:both;
	width:100%;
	overflow:hidden;
	border-bottom:1px dotted #ccc;}

#pageProfile .chronicle dd .month {
	padding:0;
	clear:both;
	margin-bottom: 2px;
	padding: 0;
	display: block;
	font-weight: bold;
	float:left;
	width:80px;
	border-bottom:none;
	}
#pageProfile .chronicle dd .item{
	width:560px;
	float:right;}
	
	
/* =====================================
	BIOGRAPHY
 ===================================== */

.profile {
	width: 687px;
	height: 340px;
	}

.profile dt {
	float: left;
	position: relative;
	width: 430px;
	height: 320px;
	}

.profile dd {
	padding: 12px 0px 0px 0px;
	float: left;
	width: 189px;
	}

.profile dd.member dd {
	padding: 6px 0px 8px 9px;
	width: 182px;
	float: none;
	}
	
.profile dd.option {
	margin-left: 9px;
	padding: 3px 0px 2px 0px;
	width: 182px;
	font-size: 10px;
	background: url(../../images/common/contents/line_hr.gif) repeat-x 0px bottom;
	line-height: 100%;
	}

.profile dd.option span.option {
	padding-right: 5px;
	font-size: 12px;
	font-weight: bold;
	}


.profile img {
	position: absolute;
	left: 0px;
	bottom: 0px;
	}
	
.profile h2 {
	padding: 0px 0px 4px 0px;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	color: #006FB0;
	border-bottom: dotted 1px #999;
	}
	
.profile h2 .option {
	padding: 0px 0px 0px 7px;
	font-size: 10px;
	line-height: 10px;
	}
	
.profile h3 {
	padding: 5px 0px 3px 0px;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	}

.profile p {
	padding-top: 3px;
	line-height: 100%;
	}
	

.chronicle {
	padding: 0px 0 20px 0;
	clear: both;
	width: 640px;
	margin: 0px auto;
	}

.chronicle dt {
	padding: 0px 0px 15px 0px;
	font-size: 14px;
	color: #006FB0;
	border-bottom:none;
	}

.chronicle dd {
	border-top:1px dotted #ccc;
	padding:0;
	margin-bottom:25px;
	}

.chronicle dd p{
	padding: 10px 0;
	clear:both;
	width:100%;
	overflow:hidden;
	border-bottom:1px dotted #ccc;}

.chronicle dd .month {
	padding:0;
	clear:both;
	margin-bottom: 2px;
	padding: 0;
	display: block;
	font-weight: bold;
	float:left;
	width:80px;
	border-bottom:none;
	}
.chronicle dd .item{
	width:560px;
	float:right;}


/* =====================================
	DISCOGRAPHY
 ===================================== */
#pageDiscography #primaryArea{
	overflow:hidden;
	width:100%;}



/*コンテンツ*/

#pageDiscography #single,
#pageDiscography #album,
#pageDiscography #compilation,
#pageDiscography #dvd {
	padding: 0px 0px 30px 0px;
	position: relative;
	clear: both;
	overflow: hidden;
	background: url(../../images/common/contents/bar.gif) repeat-x left 23px;
	}

#pageDiscography #single:after,
#pageDiscography #album:after,
#pageDiscography #compilation:after,
#pageDiscography #dvd:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	}

/**/
* html #single,
* html #album,
* html #compilation,
* html #dvd {
	height: 1em;
	overflow: visible;
	}
/**/

#pageDiscography #album,
#pageDiscography #compilation,
#pageDiscography #dvd {
	padding: 30px 0px 30px 0px;
	background: url(../../images/common/contents/bar.gif) repeat-x left 53px;
	}

#pageDiscography #single h2,
#pageDiscography #album h2,
#pageDiscography #compilation h2,
#pageDiscography #dvd h2 {
	margin-bottom: 15px;
	position: relative;
	height: 30px;
	font-size:18px;
	fotn-weight:bold;
	}
	
#pageDiscography #single h2 span,
#pageDiscography #album h2 span,
#pageDiscography #compilation h2 span,
#pageDiscography #dvd h2 span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	}


#pageDiscography #album,
#pageDiscography #compilation,
#pageDiscography #dvd {
	padding: 30px 0px 30px 0px;
	}

#pageDiscography #single h2,
#pageDiscography #album h2,
#pageDiscography #compilation h2,
#pageDiscography #dvd h2 {
	clear:both;
	margin-bottom: 15px;
	height: 30px;
	}
	



/*作品*/
#pageDiscography .product {
	padding-bottom: 10px;
	float: left;
	width: 310px;
	margin-right:10px;
	height: 135px;
	border-bottom:1px dotted #666;
	margin-bottom:15px;
	}

#pageDiscography .product dt {
	float: left;
	width: 140px;
	}

#pageDiscography .product dt img {
	padding: 1px;
	border: solid 1px #ddd;
	}
	
#pageDiscography .product dt a:active,
#pageDiscography .product dt a:hover,
#pageDiscography .product dt a:focus {
	color: #fff;
	}


#pageDiscography .product dd {
	float: left;
	width: 164px;
	}

#pageDiscography .product dd h3 {
	padding: 0px 0px 2px 0px;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	}

#pageDiscography .product dd .option {
	padding: 2px 0px;
	font-size: 10px;
	line-height: 100%;
	font-weight: bold;
	color: #000;
	}
	
#pageDiscography .product dd a,
#pageDiscography .product dd a:link,
#pageDiscography .product dd a:visited {
	color: #623434;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
	}

#pageDiscography .product dd a:active,
#pageDiscography .product dd a:hover,
#pageDiscography .product dd a:focus {
	color: #de7c7c;
	}

#pageDiscography .product ul {
	padding-top: 6px;
	}

#pageDiscography .product li {
	padding-bottom: 2px;
	position: relative;
	overflow: hidden;
	}

#pageDiscography .product li:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	}



#pageDiscography .video {
	margin: 0px 3px 0px 0px;
	padding: 0px 2px;
	display: block;
	width: 40px;
	height: 13px;
	font-size: 10px;
	text-align: center;
	color: #fff;
	background: #000;
	line-height: 13px;
	letter-spacing: 0.1em;
	}

#pageDiscography .product li a {
    display: block;
    height: 13px;
    left: 46px;
    padding: 0;
    position: absolute;
    text-decoration: none;
    top: 0;
}
#pageDiscography .product li a img {
    vertical-align: top;
}

	
	
/* =====================================
	GOODS
 ===================================== */


#pageGoods #goods-list {
	background: #fff;
	}

/*作品*/
#pageGoods .product {
	margin-bottom: 30px;
	padding-bottom: 10px;
	float: left;
	float:none;
	width: 334px;
	}

#pageGoods .product dl {
	float:none;
	}

#pageGoods .product dt {
	padding-left: 7px;
	overflow:hidden;
	clear:both;
	padding:0;
	}

#pageGoods .product dt img {
	}
	
#pageGoods .product dt a:active,
#pageGoods .product dt a:hover,
#pageGoods .product dt a:focus {
	color: #fff;
	}

#pageGoods .product dd {
	clear:both;
	float:none;
	padding: 0px 7px;
	border-top:1px dotted #ccc;
	padding:10px 0 0;
	margin:10px 0;
	}

#pageGoods .new-star {
	position: absolute;
	top: -20px;
	left: -13px;
	}


#pageGoods .product dd h3 {
	padding: 8px 0px 4px 0px;
	font-size: 14px;
	font-weight: bold;
	background: url(../../images/common/contents/line_hr.gif) repeat-x left bottom;
	color: #000;
	}
	
#pageGoods .product dd p.lead {
	padding: 6px 0px;
	font-size: 10px;
	line-height: 140%;
	}

#pageGoods .product dd .option {
	padding: 2px 0px;
	font-size: 10px;
	line-height: 100%;
	font-weight: bold;
	color: #000;
	}
	
#pageGoods .product dd a,
#pageGoods .product dd a:link,
#pageGoods .product dd a:visited {
	color: #623434;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
	}

#pageGoods .product-data {
	}

#pageGoods .product-data li {
	padding: 6px 0px;
	line-height: 100%;
	}

#pageGoods .product-data li.price {
	padding-left: 75px;
	background: url(http://imgm.avexnet.jp/upload/artist_img/TRIPL/price.gif) no-repeat 0px 3px;
	color: #000;
	}

#pageGoods .product-data li.option {
	padding: 3px 0px 3px 0px;
	font-weight: bold;
	font-size: 12px;
	}


#pageGoods .buy span {
	position: relative; 
	display: block;
	width: 100%;
	height: 100%;
	font-size: 10px;
	line-height: 150%;
	text-indent: 1px;
	}

#pageGoods .buy a.visible {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 185px;
	height: 28px;
	background: url(../images/buy.gif) 0px 0px;
	z-index: 2;
	}
#pageGoods .cp{
	margin:0 0 20px 0;}


#pageGoods .buy a.visible:active,
#pageGoods .buy a.visible:hover,
#pageGoods .buy a.visible:focus {
	background-position: 0px -28px;
	color: #fff;
	}
	
#pageGoods #goods-list .banner {
	padding-top: 3px;
	padding-left: 160px;
	clear: both;
	width: 500px;
	background: url(../../images/common/contents/line_hr.gif) repeat-x left top;
	}

#pageGoods #goods-list .banner li {
	float: left;
	padding: 10px 0px;
	}