@charset "utf-8";
/*
Version: 1.0
Author: Takashi Takahashi (monoq.net , megane.to)
Author URI: http://megane.to/
Tags: custom header, fixed width

*/



/* Begin Typography & Colors */


h1, h2, h3,h4, h5 {
	font-weight: bold;
	margin:0;
	padding:0;
}


#sidebar{
	float:left;
	width:210px;
}

#sidebar h1 a{
	margin-top:86px;
	margin-bottom:25px;
	display:block;
	width:210px;
	height:84px;
	text-indent:-9999px;
	background:transparent url('images/main_logo.gif') no-repeat left top;
}


#sidebar #navigation{
	display:block;
	float:none;
	margin-bottom:23px;
}
#sidebar #navigation ul{
	margin:0;
	padding:0;
	text-align:left;
	width:132px;
	display:block;
	margin-top:20px;
	list-style-position:outside;
}
#sidebar #navigation li{
	float:left;
	display:block;
	padding:0;
	margin:0;
	list-style-position:outside;
}
#sidebar #navigation li a{
	margin-top:10px;
	margin-right:0px;
}
#sidebar #navigation li a:hover{
	margin-top:10px;
	background-position:right top;
}



#sidebar #banner-block{
	float:none;
	display:block;
	width:180px;
	margin:0 0 16px 0;
}
#sidebar #banner-block h2{
	width:78px;
	height:13px;
	margin-bottom:3px;
	text-indent:-9999px;
	background:transparent url('images/ttl_fanclub_top.gif') no-repeat left top;
}

#sidebar #movie-block{
	float:none;
	display:block;
	width:180px;
	padding:0;
	margin:0 0 16px 0;
}
#sidebar #movie-block h2{
	width:78px;
	height:13px;
	margin-bottom:3px;
	text-indent:-9999px;
	background:transparent url('images/ttl_movie.gif') no-repeat left top;
}
#sidebar #movie-block #youtube{
	width:205px;
	height:135px;
	margin-bottom:8px;
	background:transparent url('images/pct_youtube.jpg') no-repeat left top;
}
#movie-block #youtube a{
	display:block;
	width:180px;
	height:135px;
}

#sidebar #movie-block #movie-caption{
	font-size:12px;
	line-height:16px;
	color:white;
	padding:5px;
	background-color:#9F9F9F;
}


#sidebar #banner{
	width:205px;
	margin-bottom:30px;
}
#sidebar #banner li{
	float:left;
	margin-bottom:8px;
	width:205px;
	height:50px;
}




#contents {
	float:right;
	width:645px;
}


#contents #header {
	/*background: white url('images/header.jpg') no-repeat left top;*/
	height:306px;
	margin-bottom:15px;
}
#contents #header #header-left {
	float:left;
	background: transparent url('images/header_left2.gif') no-repeat right top;
	width:195px;
	height:306px;
}
#contents #header #header-right {
	float:left;
	background: transparent url('images/header_right2.jpg') no-repeat right top;
	width:450px;
	height:306px;
}



#contents{
	margin-bottom:40px;
}
#contents h2{
	display:block;
	width:87px;
	height:16px;
	margin-bottom:5px;
	text-indent:-9999px;
}

#contents h2.ttl-news{ background:transparent url('images/ttl_news.gif') no-repeat left top; }
#contents h2.ttl-gallery{ background:transparent url('images/ttl_gallery.gif') no-repeat left top; }
#contents h2.ttl-fanclub{ background:transparent url('images/ttl_fanclub.gif') no-repeat left top; }
#contents h2.ttl-mailmagazine{ background:transparent url('images/ttl_mailmagazine.gif') no-repeat left top; }
#contents h2.ttl-profile{ background:transparent url('images/ttl_profile.gif') no-repeat left top; }
#contents h2.ttl-biography{ background:transparent url('images/ttl_biography.gif') no-repeat left top; }
#contents h2.ttl-media{ background:transparent url('images/ttl_media.gif') no-repeat left top; }


#contents #update-block{
	float:left;
	display:inline;
	width:520px;
}
#contents #update-block h2{
	background:transparent url('images/ttl_update.gif') no-repeat left top;
}

#contents #update-block #update-frame{
	width:520px;
	background:transparent url('images/frame_update.gif') no-repeat left top;
}

#contents #update-block #update-frame #update-list{
	width:500px;
	height:163px;
	margin-left:12px;
	overflow-y:scroll;
}
/**/

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}


#content{
	padding:20px 0 0 20px;
	border-left: black 1px solid;
	border-top: black 1px solid;
	font-size:12px;
	line-height:18px;
	margin-bottom:20px;
}
#content p{
	margin-bottom:18px;
}
#content h3{
	font-size:14px;
	line-height:18px;
	margin-bottom:10px;
}
#content li{
	margin:0 0 6px 0px;
}



/* * * * * * * * * * * * * * * * * * * * * 
 * PROFILE
 * * * * * * * * * * * * * * * * * * * * */
#content.profile{
}
#content.profile div.photo-area{
	float:left;
	width:220px;
	height:370px;
	text-indent:-9999px;
	background:transparent url('images/photo_profile.jpg') no-repeat left top;
}
#content.profile div.text-area{
	float:left;
}

/* * * * * * * * * * * * * * * * * * * * * 
 * FANCLUB
 * * * * * * * * * * * * * * * * * * * * */
#content.fanclub h4{
	margin-bottom:10px;
	font-size:13px;
}

#content.fanclub h5{
	margin-bottom:6px;
	font-size:12px;
}
#content.fanclub ul{
	display:block;
	margin-bottom:35px;
}

#content.fanclub p{
	margin-top:0;
	margin-bottom:24px;
}

#content.fanclub a.regist{
	text-indent:-9999px;
	display:block;
	background:transparent url('images/bt_regist.gif') no-repeat left top;
	width:76px;
	height:23px;
	margin-bottom:30px;
}
#content.fanclub a.regist:hover{
 	background-position:right top;	
}
#content.fanclub regist-caption{
	
}


/* * * * * * * * * * * * * * * * * * * * * 
 * NEWS
 * * * * * * * * * * * * * * * * * * * * */

#content.news{
	padding:20px 0 0 20px;
	border-left: black 1px solid;
	border-top: black 1px solid;
}
	
#content.news .date,
#content.media .date{
	margin-right:14px;
}
#content.news ul,
#content.media ul{
	margin-bottom:30px;
}

#content.news #pageNavi ul li,
#content.media #pageNavi ul li
{
	float:left;
	display:block;
	text-align:center;
	width:20px;
	height:20px;
	color:white;
	margin-right:5px;
	border:1px #000000 solid;
	background-color:black;
}
#content.news #pageNavi ul li a,
#content.media #pageNavi ul li a
{
	display:block;
	width:20px;
	height:20px;
	color:black;
	background-color:white;
}
#content.news #pageNavi ul li a:hover,
#content.media #pageNavi ul li a:hover
{
	color:white;
	background-color:black;
	text-decoration:none;
}

#content #news-detail .date{
	font-size:10px;
	line-height:14px;
	margin-bottom:2px;
	font-weight:bold;
}
#content #news-detail h3{
}
#content #news-detail p{
	line-height:16px;
	margin-bottom:14px;
}
#content a.back-btn{
	float:right;
	display:block;
	font-size:4px;
	width:26px;
	height:26px;
	background: black url('images/bt_news_navi.gif') no-repeat left top;
	text-indent:-9999px;
}
#content a.back-btn:hover{
	background-position: right top;
}	



/* * * * * * * * * * * * * * * * * * * * * 
 * MEDIA
 * * * * * * * * * * * * * * * * * * * * */

#content.media #btn-area2{
	margin-bottom:20px;
	height:20px;
	text-align:center;
}
#content.media #btn-area2 a{
	display:inline-block;
	width:75px;
	height:20px;
	text-indent:-9999px;
	margin:0 5px;
}


#content.media a:hover{
}

#content.media #btn-area2 a.bts-all{
	background: transparent url('images/bts_all.gif') no-repeat left top;
}
#content.media #btn-area2 a.bts-tv{
	background: transparent url('images/bts_tv.gif') no-repeat left top;
}
#content.media #btn-area2 a.bts-movie{
	background: transparent url('images/bts_movie.gif') no-repeat left top;
}
#content.media #btn-area2 a.bts-cm{
	background: transparent url('images/bts_cm.gif') no-repeat left top;
}
#content.media #btn-area2 a.bts-magazine{
	background: transparent url('images/bts_magazine.gif') no-repeat left top;
}
#content.media #btn-area2 a.bts-others{
	background: transparent url('images/bts_others.gif') no-repeat left top;
}

#content.media #btn-area a.bt-photo:hover,
#content.media #btn-area a.bt-movie:hover,
#content.media #btn-area2 a.bts-all:hover,
#content.media #btn-area2 a.bts-tv:hover,
#content.media #btn-area2 a.bts-movie:hover,
#content.media #btn-area2 a.bts-cm:hover,
#content.media #btn-area2 a.bts-magazine:hover,
#content.media #btn-area2 a.bts-others:hover
{
	background-position: right top;
}







/* * * * * * * * * * * * * * * * * * * * * 
 * GALLERY
 * * * * * * * * * * * * * * * * * * * * */
#content.gallery{
}
#content.gallery #btn-area a{
	display:inline-block;
	width:93px;
	height:19px;
	text-indent:-9999px;
}

#content.gallery #btn-area{
	margin-bottom:20px;
	height:19px;
	text-align:center;
}
#content.gallery #photo-area a{
	display:inline-block;
	width:100px;
	height:72px;
	background-repeat:no-repeat;
	background-position:center center;
	padding:0;
	margin:0 5px 7px 0;
}


#content.gallery #btn-area2{
	margin-bottom:20px;
	height:20px;
	text-align:center;
}
#content.gallery #btn-area2 a{
	display:inline-block;
	width:75px;
	height:20px;
	text-indent:-9999px;
	margin:0 5px;
}


#content.gallery a:hover{
	text-decoration:none;
}

#content.gallery #btn-area .bt-photo{
	background: transparent url('images/bt_photo.gif') no-repeat left top;
}
#content.gallery #btn-area .bt-movie{
	background: transparent url('images/bt_movie.gif') no-repeat left top;
}

#content.gallery #btn-area2 a.bts-all{
	background: transparent url('images/bts_all.gif') no-repeat left top;
}
#content.gallery #btn-area2 a.bts-spris{
	background: transparent url('images/bts_spris.gif') no-repeat left top;
}
#content.gallery #btn-area2 a.bts-lg{
	background: transparent url('images/bts_lg.gif') no-repeat left top;
}
#content.gallery #btn-area2 a.bts-anycall{
	background: transparent url('images/bts_anycall.gif') no-repeat left top;
}
#content.gallery #btn-area2 a.bts-others{
	background: transparent url('images/bts_others.gif') no-repeat left top;
}

#content.gallery #btn-area a.bt-photo{margin-right:15px;}
#content.gallery #btn-area a.bt-movie{margin-left:15px;}
#content.gallery #btn-area a.bt-photo:hover,
#content.gallery #btn-area a.bt-movie:hover,
#content.gallery #btn-area2 a.bts-all:hover,
#content.gallery #btn-area2 a.bts-spris:hover,
#content.gallery #btn-area2 a.bts-lg:hover,
#content.gallery #btn-area2 a.bts-anycall:hover,
#content.gallery #btn-area2 a.bts-others:hover
{
	background-position: right top;
}





#content.gallery #movie-area li{
	width:290px;
	height:235px;
	margin-right:15px;
	margin-bottom:15px;
	display:inline-block;
}
#content.gallery #movie-area li object{
	width:290px;
	height:235px;
	padding:0;
	margin:0;
}


/* End Various Tags & Classes*/