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

/**********************************************************************
杉山清貴オフィシャルWEBサイト
コモンCSS
[ /css/common.css ]

Since         : 11.3.23
Last modified : 10.3.31
**********************************************************************/

/* 目次
-------------------------------------------------
 ・リンク設定
 ・共通クラス
 ・サイト共通
 ・ヘッダ
 ・メニュー
 ・コンテンツ
 ・フッタ
 ------------------------------------------------- */
 
table{
	font-size:13px;
	_line-height:150%;
}


.floatL  {float: left;}
.floatR {float: right;}
.clear    {
	clear: both;
	font-size: 0px;
	line-height: 0%;
	height: 0px;
	text-indent: -9999px;
}

.clearer{
	clear: both;
}

.v_middle{
	vertical-align:middle;
}

/* clearfixハック */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*配置設定クラス*/
.alignL {
	text-align: left !important;
}
.alignC {
	text-align: center !important;
}
.alignR {
	text-align: right !important;
}

div.separateS {
	font-size: 1px;
	line-height: 0%;
	margin: 5px 0px 0px 0px;
	clear:both;
}

div.separateM {
	clear:both;
	font-size: 1px;
	line-height: 0%;
	margin: 10px 0px 0px 0px;
}

div.separateL {
	clear:both;
	font-size: 1px;
	line-height: 0%;
	margin: 20px 0px 0px 0px;
}

div.separateLL {
	font-size: 1px;
	line-height: 0%;
	margin: 30px 0px 0px 0px;
	clear:both;
}

div.separateXL {
	font-size: 1px;
	line-height: 0%;
	margin: 60px 0px 0px 0px;
	clear:both;
}


.mg_10{

	margin:10px;

}

.mg_lr10{

	margin:0px 10px;
}

.mg_t10{
	margin-top:10px;

}


.mg_b10{

	margin-bottom:10px;

}

.mg_l10{

	margin-left:10px;

}

.mg_r10{

	margin-right:10px;

}

.mg_t5{
	margin-top:5px;

}

.mg_l5{
	margin-left:5px;
}

.mg_r5{
	margin-right:5px;
}

.mg_b5{
	margin-bottom:5px;
}

.mg_l15{
	margin-left:15px;
}

.mg_r20{

	margin-right:20px;

}

.mg_t15{
	margin-top:15px;

}


.mg_t20{
	margin-top:20px;

}

.mg_b20{
	margin-bottom:20px;

}



.mg_l20{
	margin-left:20px;

}

.mg_l30{
	margin-left:30px;

}

.mg_t30{
	margin-top:30px;
}





.mg_t40{
	margin-top:40px;
}

.mg_t50{
	margin-top:50px;
}

.pd_t10{

	padding-top:10px;
}

.pd_t5{

	padding-top:5px;
}



.pd_b10{

	padding-bottom:10px;
}





  /* リンク設定
-------------------------------------------------*/

a:link    {color: #03004C; text-decoration: none;}
a:active  {color: #03004C; text-decoration: none;}
a:visited {color: #03004C; text-decoration: none;}
a:hover   {color: #03004C; text-decoration: underline;}


.filter07 a:hover img {
	filter:alpha(opacity=70);
	opacity:0.7;
}


/* カラー設定
------------------------------------------------- */

.red{
	color:#990000 !important;
}

.blue{
	color:#000099;

}

.pink{
	color:#cc0066;
}


/* フォント設定
------------------------------------------------- */

.fontS{
	font-size:90%;
}

.meiryo{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
}


/* 共通クラス
------------------------------------------------- */

body{
	font-size:80%;
	color:#231815;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:140%;
	_text-align:center;
	margin:0px auto;
}


.container{
	width:950px;
	margin:0px auto 0;
	_text-align:center;
}


/* ヘッダ
------------------------------------------------- */

.header{
	width:950px;
	height:124px !important;
	_text-align:left;
	background:url(http://www.sugiyamakiyotaka.com/assets/images/back_header.gif) no-repeat;

}

h1{
	float:left;
	padding:40px 0 0 35px;
}

h1 a{
	display:block;
	width:283px;
	height:55px;
	background:url(http://www.sugiyamakiyotaka.com/assets/images/logo.gif) no-repeat;
	text-indent:-9999px;
}

.header p{
	margin:40px 60px 0 0;
}


/* ラッパー
------------------------------------------------- */

.wrapper{
	margin-top:10px;
	width:950px;

}

.wrapperL{
	width:200px;
	height:840px;
	background:url(http://www.sugiyamakiyotaka.com/assets/images/back_left.gif) no-repeat;
	float:left;
}

.wrapperR{
	float:right;
	width:720px;
	margin-right:10px;
	margin-top:10px;
}


.wrapperRtop{
	float:right;
	width:740px;
}





/* ラッパーレフト
------------------------------------------------- */


.left_txt01{
	padding-top:20px;
}

.left_to_new{
	margin-top:83px;
}

.menu{
	margin:40px 0 0 40px;
}

.menu li{

}

.menu li a{
	display:block;
	width:90px;
	height:42px;
	text-indent:-9999px;
}

#menu1 a{
	background:url(http://www.sugiyamakiyotaka.com/assets/images/menu.gif) no-repeat 0 0;
}

#menu1 a:hover{
	background:url(http://www.sugiyamakiyotaka.com/assets/images/menu.gif) no-repeat -90px 0;
}

#menu5 a{
	background:url(http://www.sugiyamakiyotaka.com/assets/images/menu.gif) no-repeat 0 -42px;
}

#menu5 a:hover{
	background:url(http://www.sugiyamakiyotaka.com/assets/images/menu.gif) no-repeat -90px -42px;
}

#menu6 a{
	background:url(http://www.sugiyamakiyotaka.com/assets/images/menu.gif) no-repeat 0 -84px;
}

#menu6 a:hover{
	background:url(http://www.sugiyamakiyotaka.com/assets/images/menu.gif) no-repeat -90px -84px;
}

#menu7 a{
	background:url(http://www.sugiyamakiyotaka.com/assets/images/menu.gif) no-repeat 0 -126px;
}

#menu7 a:hover{
	background:url(http://www.sugiyamakiyotaka.com/assets/images/menu.gif) no-repeat -90px -126px;
}

#menu8 a{
	background:url(http://www.sugiyamakiyotaka.com/assets/images/menu.gif) no-repeat 0 -168px;
}

#menu8 a:hover{
	background:url(http://www.sugiyamakiyotaka.com/assets/images/menu.gif) no-repeat -90px -168px;
}


#menu9 a{
	background:url(http://www.sugiyamakiyotaka.com/assets/images/menu.gif) no-repeat 0 -210px;
}

#menu9 a:hover{
	background:url(http://www.sugiyamakiyotaka.com/assets/images/menu.gif) no-repeat -90px -210px;
}

#menu10 a{
	background:url(http://www.sugiyamakiyotaka.com/assets/images/menu.gif) no-repeat 0 -252px;
}

#menu10 a:hover{
	background:url(http://www.sugiyamakiyotaka.com/assets/images/menu.gif) no-repeat -90px -252px;
}

#menu11 a{
	background:url(http://www.sugiyamakiyotaka.com/assets/images/menu.gif) no-repeat 0 -294px;
}

#menu11 a:hover{
	background:url(http://www.sugiyamakiyotaka.com/assets/images/menu.gif) no-repeat -90px -294px;
}

#menu12 a{
	background:url(http://www.sugiyamakiyotaka.com/assets/images/menu.gif) no-repeat 0 -336px;
}

#menu12 a:hover{
	background:url(http://www.sugiyamakiyotaka.com/assets/images/menu.gif) no-repeat -90px -336px;
}


#menu13 a{
	background:url(http://www.sugiyamakiyotaka.com/assets/images/menu.gif) no-repeat 0 -378px;
}

#menu13 a:hover{
	background:url(http://www.sugiyamakiyotaka.com/assets/images/menu.gif) no-repeat -90px -378px;
}

#menu14 a{
	background:url(http://www.sugiyamakiyotaka.com/assets/images/menu.gif) no-repeat 0 -420px;
}

#menu14 a:hover{
	background:url(http://www.sugiyamakiyotaka.com/assets/images/menu.gif) no-repeat -90px -420px;
}

#menu15 a{
	background:url(http://www.sugiyamakiyotaka.com/assets/images/menu.gif) no-repeat 0 -462px;
}

#menu15 a:hover{
	background:url(http://www.sugiyamakiyotaka.com/assets/images/menu.gif) no-repeat -90px -462px;
}


/* リリース
------------------------------------------------- */

.release_btn{
	margin-top:15px;
}

.release_btn li{
	float:left;
}

.discG{
	margin-bottom:20px;
	width:350px;
}

.discG .floatR{
	width:250px;
}

.discG h3{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	font-size:110%;
	color:#03004C;
	margin-bottom:5px;
}

.discG p{
	font-size:90%;
}


.h_disc{
	height:650px !important;
	overflow:auto;
	margin-top:20px;
}

.paging{
	text-align:center;
	padding-top:20px;
}

.paging span{
	margin:0 3px;
}

.paging a{
	margin:0 3px;
}


.discL{
	float:left;
	width:300px;
	text-align:center;
}

.discR{
	float:left;
	width:380px;
}

.discR h3{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	font-size:120%;
	color:#03004C;
	margin-bottom:10px;
}


/* メディア
------------------------------------------------- */

.mediaG{
	border-bottom:dotted 1px #FFE071;
	padding:15px 0;
	width:660px;
	_width:700px;
	margin-left:20px;
	padding-right:20px;
}

.mediaG h3{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	font-size:120%;
	color:#03004C;
	margin-bottom:20px;
}

.media_cat{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	background:#03004C;;
	color:#ffffff;
	padding:3px 15px;
	text-align:center;
	font-size:90%;
}


.h_media{
	height:630px !important;
	overflow:auto;
	margin-top:20px;
}

/* イベント
------------------------------------------------- */

.eventG{
	border-bottom:dotted 1px #0099D9;
	padding:15px 0;
	width:660px;
	_width:700px;
	margin-left:20px;
	padding-right:20px;
}

.eventG h3{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	font-size:120%;
	color:#03004C;
	margin-bottom:20px;
}

.event_cat{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	background:#03004C;
	color:#ffffff;
	padding:3px 15px;
	text-align:center;
	font-size:90%;
}

.h_event{
	height:590px !important;
	overflow:auto;
	margin-top:20px;
}


.h_pastevent{
	height:690px !important;
	overflow:auto;
	margin-top:20px;
}


/* ライブ
------------------------------------------------- */

.liveG{
	border-bottom:dotted 1px #7ECEF4;
	padding:20px 0 15px;
	width:660px;
	_width:700px;
	margin-left:20px;
	padding-right:20px;
}

.liveG h3{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	font-size:120%;
	color:#03004C;
	margin-bottom:10px;
}

.h_live{
	height:590px !important;
	overflow:auto;
	margin-top:20px;
}


.h_pastlive{
	height:690px !important;
	overflow:auto;
	margin-top:20px;
}


/* ファンクラブ
------------------------------------------------- */

.fan_tit{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	background:#A4ABD6;
	color:#ffffff;
	padding:5px 15px;
	font-size:90%;
}

.color_fan{
	color:#A4ABD6;
}


.h_fan01{
	height:600px !important;
	overflow:auto;
	margin-top:20px;
}


.indent1{
	text-indent:-1em;
	margin-left:1em;
}


.fanG{
	border-bottom:dotted 1px #A4ABD6;
	padding:20px 0 15px;
	width:660px;
	_width:700px;
	margin-left:20px;
	padding-right:20px;
}

.fanG h3{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	font-size:120%;
	color:#03004C;
	margin-bottom:10px;
}

/* グッズ
------------------------------------------------- */

.h_goods{
	height:690px !important;
	overflow:auto;
	margin-top:20px;
}


.goodsG{
	border-bottom:dotted 1px #bee5f9;
	padding:20px 0 15px;
	width:660px;
	_width:700px;
	margin-left:20px;
	padding-right:20px;
}

.goodsG h3{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	font-size:120%;
	color:#03004C;
	margin-bottom:10px;
}


/* メール
------------------------------------------------- */

.mail_tit{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	background:#fff100;
	padding:5px 15px;
	font-size:90%;
}


/* リンクス
------------------------------------------------- */

.h_links{
	height:620px !important;
	overflow:auto;
	margin-top:20px;
}


.linkG{
	border-bottom:dotted 1px #f8c6bd;
	padding:20px 0 15px;
	width:660px;
	_width:700px;
	margin-left:20px;
	padding-right:20px;
}

.linkG h3{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	background:#f8c6bd;
	padding:5px 15px;
	font-size:90%;
	margin-bottom:10px;
}

.linkG .floatL{
	width:150px;
	
}


.linkG .floatR{
	width:510px;
	
}



/* what's new
------------------------------------------------- */

.newL{
	width:400px;
	float:left;
}


.newR{
	width:290px;
	float:right;
}

.new_cont01 h3{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	font-size:120%;
	color:#03004C;
}


.new_cat_media{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	background:#ffe071;
	padding:3px 0px;
	text-align:center;
	font-size:90%;
	color:#ffffff;
	width:80px;
}

.new_cat_release{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	background:#F6AB00;
	padding:3px 0px;
	text-align:center;
	font-size:90%;
	color:#ffffff;
	width:110px;
}

.new_cat_event{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	background:#0099d9;
	padding:3px 0px;
	text-align:center;
	font-size:90%;
	color:#ffffff;
	width:80px;
}

.new_cat_live{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	background:#7ecef4;
	padding:3px 0px;
	text-align:center;
	font-size:90%;
	color:#ffffff;
	width:80px;
}

.new_cat_goods{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	background:#bee5f9;
	padding:3px 0px;
	text-align:center;
	font-size:90%;
	color:#ffffff;
	width:80px;
}

.new_cat_other{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	background:#e50012;
	padding:3px 0px;
	text-align:center;
	font-size:90%;
	color:#ffffff;
	width:80px;
}




.newG01{
	border-bottom:dotted 1px #E50012;
	padding:20px 0 15px;
	width:350px;
	_width:370px;
	margin-left:10px;
	padding-right:10px;
}

.newG02{
	border-bottom:dotted 1px #E50012;
	padding:20px 0 15px;
	width:350px;
	_width:370px;
	margin-left:10px;
	padding-right:10px;
}

.new_release h3{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	font-size:120%;
	color:#03004C;
	float:right;
	width:250px;
}

.new_release p{
	float:left;
}


.new_cont01{
	height:710px;
	overflow:auto;
	margin-top:20px;
}

.new_cat_fan{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	background:#a4abd6;
	padding:3px 0px;
	text-align:center;
	font-size:90%;
	color:#ffffff;
	width:80px;
}


.newfanG{
	border-bottom:dotted 1px #E50012;
	padding:20px 0 15px;
	width:240px;
	_width:260px;
	margin-left:10px;
	padding-right:10px;
}


.new_cont02{
	height:610px;
	overflow:auto;
	margin-top:20px;
}



.new_cont02 h3{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	font-size:120%;
	color:#03004C;
}

.new_releaseG h3{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	font-size:120%;
	color:#03004C;
}

/* ギャラリー
------------------------------------------------- */

.thumbs li{
	width:170px;
	text-align:center;
	height:220px;
}

.pagenumbers{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	color:#03004C;
	text-align:center;
}


.movie{
	padding-top:30px;
}

.movie li{
	float:left;
	width:170px;
	text-align:center;
	margin:0px 5px;
	height:160px;
}


.otherNews{
	margin:20px;
}

.otherNews h3{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	font-size:120%;
	color:#03004C;
}

.copy{
	width:950px;
	margin:0px auto;
	text-align:right;
	padding-top:10px;
	color:#00004a;

}