@charset "shift-jis";
/* 歌詞表示ページ用CSS（オリジナルバナー表示確認の為管理画面bannert.phpからも呼ばれます） */

/* h1のaタグ 2011.06.24 add */
h1 a,
h1 a:link,
h1 a:visited,
h1 a:hover{
	color:#333333 !important;
	text-decoration:none !important;
}

/* オリジナルバナー */
#banner_kashi_N{
	width:800px;
	margin:20px auto 0px auto;
	background:#FFF url('/reverse/user/phplib/view/banner_kashi_bg.png') repeat-y left top;
}
#banner_kashi_N div.banner_image{
	float:left;
	margin:0px 0px 0px 25px;
	padding:0px;
	width:255px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
#banner_kashi_N div.banner_image img{
	height:115px;
	width:255px;
}
#banner_kashi_N div.banner_text{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	float:left;
	font-size:12px;
	line-height:1.3;
	color:#000000;
	width:445px;
	min-height:85px;
	padding:20px 30px 10px 20px;
	margin:0px;
	overflow:hidden;
	text-align:left;
}
#banner_kashi_N div.banner_text p{
	padding:0px;
	margin:0px;
	overflow:hidden;
}

/* 中央寄せ用 */
#view_body{
	width:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	font-size:12px;
	line-height:1.2;
}

/**/
#premium_icon{
	margin:15px auto 5px auto;
	width:973px;
	height:24px;
	text-align:left;
	padding:0px;
	position:relative;
	overflow:hidden;
}
#premium_icon p.premiumicon{
	float:left;
	margin:0px;
	padding:0px;
	width:200px;
	padding-top:4px;
}
#premium_icon ul.snslink{
	float:right;
	margin:0px;
	padding:0px;
	width:400px;
	height:24px;
	text-align:right;
}
#premium_icon ul.snslink li{
	display:inline;
}

/*
#premium_icon .twitter{
	position:absolute;
	display:block;
	left:660px;
	width:61px;
	top:1px;
}
#premium_icon .mixicheck{
	position:absolute;
	display:block;
	width:77px;
	left:577px;
	top:2px;
}
*/
/* いいねボタンのカウントを消す */
div.fb-like{
	position:absolute;
	width:70px !important;
	overflow:hidden;
	left:727px;
	top:1px;
}
*+html div.fb-like{
	left:725px;
	width:76px !important;
}
*+html div.fb-like iframe{
	width:76px !important;
}
/* 元メインテーブル枠 */
#view_main{
	background-color:#E4E4E4;
	width:973px;
	margin:0px auto 14px auto;
	padding:0px;
	position:relative;
	min-height:1000px;
}
#banner_original table{
	margin:0px auto;
}


/* 左側 */
#view_main div.left{
	float:left;
	width:637px;
	padding:0px 0px 5px 0px;
}
#view_main div.left #view_kashi{
	background-color:#FFFFFF;
	border:2px solid #000000;
	width:633px;
	padding:0px;
	padding-bottom:30px;
	margin-bottom:20px;
	min-height:705px;
	position:relative;
}
#view_main div.left #view_kashi p{
	text-align:left;
	margin:0px;
	padding:0px 0px 0px 40px;
}
/* 歌詞タイトル表示部 */
#view_kashi div.title{
	margin:0px;
	min-height:20px;
	padding:4px 0px;
	width:100%;
	background-color:#CCCCCC;
	display:block;
	position:relative;
}
#view_main div.left #view_kashi h2{
	padding:0px 20px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	display:block;
}
/* 2013.06.12 試聴ボタン追加 */
#view_main div.left #view_kashi h2.prev_pad{
	padding:0px 75px;
}
#jp_container_1{ position:absolute; right:10px; top: 50%; margin-top: -1em; }
#jp_container_1 .jp-type-single,
#jp_container_1 .jp-type-single .jp-gui{ height:100%; }
ul.jp-controls { position:relative; width:66px; height:24px; margin:0px auto;text-align:left;padding:0px; margin:0px; }
ul.jp-controls li{ list-style:none; position:absolute; background:#CCCCCC;padding:0px; margin:0px; height:24px; }
ul.jp-controls li img{ border:0px; }
ul.jp-controls li a,ul.jp-controls li span{outline:none;}
p#sound_uri{ display:none; }
/* 2013.06.12 試聴ボタン追加ここまで */

#view_kashi #flash_area{
	text-align:right;
	margin:0px;
	padding:0px;
	position:relative;
}

/* kashi_view swf_reload */
/*.swf_reload,
.text_reload{
	cursor:pointer;
	display:none;
}*/


#view_main div.left #view_kashi .artist_etc{
	margin:0px;
	padding:0px;
	padding-right:10px;
}

#view_main div.left #view_kashi div.access_count{
	text-align:right;
	padding:5px 0px;
	margin:0px;
	line-height:1.5;
	font-size:12px;
}
#view_main div.left #view_kashi div.kashi_artist{
	float:left;
	width:400px;
	text-align:left;
	margin:0px;
	margin-top:-8px;
	padding:0px;
	padding-left:40px;
	font-size:14px;
}
* html #view_main div.left #view_kashi div.kashi_artist{
	width:410px;
}
#view_main div.left #view_kashi h3{
	font-size:14px;
	display:inline;
	font-weight:normal;
}
#view_main div.left #view_kashi h4{
	font-size:14px;
	display:inline;
	font-weight:normal;
}
/*#view_main div.left #flash_reload{
	float:right;
}
#view_main div.left #flash_reload .span{
	width:72px;
}*/
#view_main div.left .youtube_button{
	float:right;
	width:110px;
	padding:0px !important;
}
#view_main div.left .youtube_button img{
	border:0px;
}
#view_main div.left #view_kashi #kashi_area{
	padding:20px 20px 50px 40px;
	font-size:14px;
	text-align:left;
	line-height:1.4;
/*	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;/**/
}
/* お気に入り登録リンク */
#view_main div.left #view_mylink{
	position:absolute;
	width:100%;
	bottom:5px;
	left:0px;
	margin:0px;
	padding:0px;
	text-align:center;
}
#view_main div.left #view_mylink ul{
	margin:0px;
	padding:0px;
	padding-left:60px;
}
#view_main div.left #view_mylink ul li.myuta{
	float:left;
	width:230px;
	text-align:left;
	list-style-type: none;
	padding:3px 0px 5px 0px;
}
#view_main div.left #view_mylink ul li img{
	float:left;
	margin:2px;
}
#view_main div.left #view_mylink ul li a{
	float:left;
	margin:4px 0px 0px 2px;
}
/* リンクコード */
#view_main div.left #view_linkcode{
	margin:30px 10px;
	text-align:left;
	text-indent:40px;
	font-size:12px;
}
#view_main div.left #view_linkcode p{
	margin:0px;
	margin-top:5px;
}
#view_main div.left #view_linkcode p img{
	margin-bottom:-3px;
}
#view_main div.left #view_linkcode input{
	margin-top:5px;
}
#view_main div.left #view_newsong{
	margin:20px 15px;
	width:620px;
	height:142px;
	color:#666666;
}
#view_main div.left #jword_newsong,
#view_main div.left #view_history{
	margin:25px 15px 0px 15px;
	width:620px;
	height:150px;
	color:#666666;
	font-size:12px;
}
#view_main div.left #view_newsong div,
#view_main div.left #jword_newsong div,
#view_main div.left #view_history div{
	width:620px;
	height:26px;
	margin-bottom:2px;
	background-image:url('/reverse/user/phplib/view/bg_shadow.jpg');
	background-position:center bottom;
	background-repeat:repeat-x;
	border:1px solid #9B9B9B;
	text-align:left;
	font-size:14px;
	color:#000000;
}
#view_main div.left #view_newsong div p,
#view_main div.left #jword_newsong div p,
#view_main div.left #view_history div p{
	margin:4px;
	height:14px;
	float:left;
}
#view_main div.left #view_newsong div p.link,
#view_main div.left #jword_newsong div p.link{
	margin:6px;
	font-size:12px;
	font-weight:normal;
	float:right;
}
#view_main div.left #view_newsong div p.link img,
#view_main div.left #jword_newsong div p.link img,
#view_main div.left #view_history div p.link img{
	margin-bottom:0px;
	margin-right:5px;
}
#view_main div.left #view_newsong ul,
#view_main div.left #jword_newsong ul,
#view_main div.left #view_history ul{
	border:1px #9B9B9B solid;
	width:620px;
	height:112px;
	text-align:left;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}
#view_main div.left #view_history ul{
	height:108px;
	padding-bottom:4px;
}
* html #view_main div.left #view_history ul{
	height:112px;
}
#view_main div.left #view_newsong ul li,
#view_main div.left #jword_newsong ul li,
#view_main div.left #view_history ul li{
	margin-left:14px;
	padding-top:7px;
	min-height:14px;
	list-style-type: none;
	vertical-align:bottom;
}
* html #view_main div.left #view_newsong ul li,
* html #view_main div.left #jword_newsong ul li,
* html #view_main div.left #view_history ul li{
	height:20px;
}
#view_main div.left #view_newsong ul li img,
#view_main div.left #jword_newsong ul li img,
#view_main div.left #view_history ul li img{
	margin-bottom:-2px;
	margin-left:2px;
}
#view_main div.left #view_newsong ul,
#view_main div.left #jword_newsong ul,
#view_main div.left #view_history ul{
	overflow-y:auto;
	overflow-x:hidden;
}
/* ヒット曲部分 */
#view_main div.left #view_hitlink{
	margin:0px 15px 5px 15px;
	width:620px;
	color:#666666;
}
#view_main div.left #view_hitlink ul{
	margin:0px;
	padding:0px;
}
#view_main div.left #view_hitlink ul li.history{
	float:left;
	list-style-type: none;
	width:220px;
	margin:0px 0px 0px 10px;
	padding:0px;
	text-align:left;
}

/* 右側 */
#view_main div.right{
	float:right;
	width:300px;
	padding:0px 17px 0px 3px;
}
#view_main div.right div{
	margin:30px auto;
	text-align:center;
}

#view_main div.right #view_amazon{
	margin:10px auto;
	width:300px;
	overflow:hidden;
}
#view_main div.right .amazon_buy_btn{
	margin-top:10px;
}
#view_main div.right .itunes_btn{
	margin-top:2px;
}


#view_main div.right #view_bbanner1{
	margin:17px auto 17px auto;
}
#view_main div.right #view_bbanner2{
	margin:10px auto 0px auto;
}
#view_main div.right #view_karaoke{
	margin:20px auto 15px auto;
}
#view_main div.right #view_timemachine,
#view_main div.right #view_bookmark{
	margin:10px auto;
	position:relative;
}

/* ソーシャルブックマークへのリンク */
#view_bookmark{
	z-index:999;
}
#view_bookmark #bookmark{
	cursor:pointer;
}
#view_bookmark #linklist{
	position:absolute;
	top:-5px;
	left:12px;
	background-color:#66AACC;
	background-image:url('/reverse/user/phplib/view/bookmark_head.gif');
	background-position:center top;
	background-repeat:no-repeat;
	border:1px solid #003366;
	padding:5px;
	width:238px;
	text-align:center;
	z-index:20;
	display:none;
}
* html #view_bookmark #linklist{
	left:0px;
	width:250px;
}
#view_bookmark #linklist div.header{
	height:22px;
	margin:0px;
}
#view_bookmark #linklist div.header p{
	float:right;
	padding:0px;
	margin:3px 6px 2px 0px;
}
#view_bookmark #linklist div.header p.close{
	margin-left:20px;
}
#view_bookmark #linklist div.header #bookmark_close{
	cursor:pointer;
}
#view_bookmark #linklist div.header p.bookmark_forie{
	background-image:url('/reverse/user/phplib/view/star.gif');
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:16px;
}

#view_bookmark #linklist ul{
	display:block;
	background-color:#FFFFFF;
	color:#000;
	margin:0px;
	padding:10px 20px;
	width:200px;
	list-style: none;
	font-size:12px;
	line-height:1.2;
}
* html #view_bookmark #linklist ul{
	width:240px;
}
#view_bookmark #linklist ul li{
	background-position:3px center;
	background-repeat:no-repeat;
	margin:2px 0px;
	padding:3px 0px;
	width:100px;
	text-align:left;
	display:block;
	text-indent:23px;
	float:left;
}
#view_bookmark #linklist ul li.hatena{
	background-image:url('/reverse/user/phplib/view/icon_hatena.gif');
}
#view_bookmark #linklist ul li.livedoor{
	background-image:url('/reverse/user/phplib/view/icon_livedoor.gif');
}
#view_bookmark #linklist ul li.deli{
	margin-top:4px;
	background-image:url('/reverse/user/phplib/view/icon_del.gif');
}
#view_bookmark #linklist ul li.yahoo{
	background-image:url('/reverse/user/phplib/view/icon_yahoo.gif');
}
#view_bookmark #linklist ul li.google{
	background-image:url('/reverse/user/phplib/view/icon_google.gif');
}
#view_bookmark #linklist ul li.fc2{
	background-image:url('/reverse/user/phplib/view/icon_fc2.gif');
}
#view_bookmark #linklist ul li.facebook{
	background-image:url('/reverse/user/phplib/view/icon_face.gif');
}
#view_bookmark #linklist ul li.buzzurl{
	margin-top:4px;
	background-image:url('/reverse/user/phplib/view/icon_buzzurl.gif');
}
#view_bookmark #linklist ul li.nifty{
	background-image:url('/reverse/user/phplib/view/icon_nifty.gif');
}
#view_bookmark #linklist ul li.twitter{
	background-image:url('/reverse/user/phplib/view/icon_twitter.png');
	background-position:2px center;
}
#view_bookmark #linklist ul li.mixi{
	background-image:url('/reverse/user/phplib/view/check_logo.gif');
	background-position:0px center;
}
#view_main div.right #view_qrcode{
	margin:30px auto 20px auto;
}
#view_main div.right #link_qrcode,
#view_main div.right #jword_qrcode{
	margin:0px auto 10px auto;
}
#view_main div.right #view_qrcode img{
	display:block;
	margin:0px auto 2px auto;
}
#view_main div.right #link_qrcode img,
#view_main div.right #jword_qrcode img{
	display:block;
	margin:0px auto 46px auto;
}
* html #view_main div.right #link_qrcode img,
* html #view_main div.right #jword_qrcode img{
	display:block;
	margin:0px auto 43px auto;
}

#view_main div.right #view_mllink{
	margin:20px auto 20px auto;
}
#view_main div.right #view_mllink img{
	margin:3px 5px -3px 0;
}

/*#view_main div.right #view_bbanner2{
	position:absolute;
	margin:0px auto;
	padding:0px;
	bottom:30px;
	right:12px;
	z-index:0;
}
* html #view_main div.right #view_bbanner2{
	position:absolute;
	margin:20px auto 0px auto;
	padding:0px;
	bottom:30px;
	right:12px;
}*/



/* 歌詞表示ページレコメンド部分 */
#recommend{
	margin:20px auto;
	padding:0px;
	width:927px;
	border:0px;
	position:relative;
	font-size:12px;
	border-collapse: collapse;
}
#recommend td.main{
	background-image:url('/reverse/user/phplib/view/bg_shadow.jpg');
	background-position:center top;
	background-repeat:repeat-x;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
#recommend td.footer{
	background-image:url('/reverse/user/phplib/view/shadow_800.jpg');
	background-repeat:repeat-x;
	background-position:bottom center;
}
#recommend div.box{
	width:926px;
	height:100%;
	border:0px;
	margin:0px auto;
	padding:0px;
	padding-bottom:10px;
	text-align:center;
	position:relative;
}
#recommend div p{
	padding:0px;
	margin:0px;
	position:relative;
}
#recommend p.header{
	/*background-image:url('/reverse/user/phplib/view/bg_shadow.jpg');
	background-repeat:repeat-x;*/
	margin-top:0px;
	height:30px;
}
#recommend p.header #help_btn{
	cursor:pointer;
	position:absolute;
	top:3px;
	right:12px;
}
#recommend #help_area{
	margin:0px;
	padding:0px;
	position:absolute;
	top:27px;
	right:0px;
	background-color:#66AACC;
	border:1px solid #000000;
	width:358px;
	text-align:center;
	z-index:20;
	display:none;
}
#recommend #help_area span{
	font-weight:bold;
	width:350px;
	margin:5px auto 0px auto;
	font-size:14px;
	display:block;
}
#recommend #help_area p{
	background-color:#FFFFFF;
	color:#000;
	margin:5px auto;
	padding:8px 5px;
	font-size:12px;
	line-height:1.2;
	width:340px;
	text-align:left;
}
* html #recommend td.main #help_area p{
	width:340px;
}
#recommend img.left,#recommend img.right{
	position:absolute;
	top:100px;
	display:none;
	cursor:pointer;
}
#recommend img.left{
	left:-1px;
	margin-right:3px;
}
#recommend img.right{
	right:-1px;
	margin-left:3px;
}

#recommend ul{
	margin:10px auto 0;
	padding:0px;
	/*height:180px;*/
	min-height: 180px;
	width:800px;
	list-style: none;
	z-index:0;
}
#recommend ul li{
	margin:0px;
	float:left;
	width:199px;
	margin: 0px 0px 0px 1px;
	overflow:hidden;
}

#recommend ul li div{
	width:199px;
	text-align:center;
	/*background-color:#CCCCff;*/
}
#recommend ul li div.title{
	/*background-color:#CCffCC;*/
	vertical-align:top;
	min-height:25px;
}
* html #recommend ul li div.title{
	height:25px;
}
#recommend ul li div.amazon img.loading{
	margin:45px auto 55px auto;
}

#recommend ul li div span{
	display:block;
	margin:3px auto;
}

#recommend ul li div span.ItemBuy{
	display:block;
	margin:0 auto;
}

#recommend ul li div.amazon{
	height:120px;
	margin:auto;
}
/* IE7HACK */
*:first-child+html #recommend ul li div.amazon{
	height:130px;
}
#recommend ul li div.buyamazon{
	margin:8px 0 3px;
}
#recommend ul li div.amazon div.ItemImage{
	/*background-color:#ffCCCC;*/
	height:120px;
	margin:5px 0px;
}
#recommend ul li div.amazon div.ItemTitle{
	margin:3px 0px 3px 12px;
	width:160px;
	padding:0px;
	text-align:left;
}


.banner_impact{
	margin:0px 0px 16px 0px;
	padding:0px;
}


div.view_footer{
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:12px;
}

/* 汎用 */
.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0;
	line-height: 0;
}
* html .clearfix {
	height: 1%;
}
*:first-child+html .clearfix {
	height: 1%;
}

/*
#sp_switch{
	font-size:12px;
	margin:5px 0px 0px 0px;
	text-align:center;
}
#sp_switch a{
	font-size:12px;
}
#sp_switch span{
	font-size:12px;
	font-weight:bold;
}/* 2016.03 共通部分として移動 */

/* 2011.05.18 add */
#view_main div.right #btn_links{
	margin:20px 0px;
	text-align:center;
}
#view_main div.right #btn_links2{
	margin:20px 0px;
	text-align:center;
}
#view_main div.right #btn_links a,
#view_main div.right #btn_links2 a{
	display:block;
	margin:8px 0px;
}
#view_main div.right #btn_links a img,
#view_main div.right #btn_links2 a img{
	border:0px;
}

/* 2011.05.23 add amazon遅延読み込みよう */
/* 2012.04.05 縦方向の幅確保停止 */
#amazon_banner2{
	/*min-height:275px;*/
	margin:0px auto 0px auto !important;
}
* html #amazon_banner2{
	/*height:275px;*/
}
#amazon_banner2 img{
	border:0px;
}
/* 2011.09.29 jword_area スタイル変更*/
#view_main div.right .playing_block{
	margin-top:15px;
	margin-bottom:5px;
	font-size:14px;
}
#view_main div.right .playing_block p{
	margin:0px;
}
#view_main div.right .playing_block table,
#view_main div.right .playing_block table th,
#view_main div.right .playing_block table td{
	margin:0px auto;
	padding:0px;
	text-align:left;
}
#jword_area{
}
#jword_area span,
#playing_link span{
	display:block;
	line-height:1.3;
}
#jword_area span img,
#playing_link span img{
	margin:0px 3px -2px 0px;
}
#jword_area span a,
#playing_link span a{
	text-decoration:underline;
}

/* ↓view.tplのみで使用。 */
#ttl_name_box{
	padding:0px 0px 0px 130px;
	margin:5px auto;
}
#ttl_name_box p{
	/*border:1px solid #666666;
	background:#FFF;/**/
	margin:0px;
	padding:0px;
	text-align:left;
	text-indent:0px;
	line-height:1.2;
}
#ttl_name_box p span{
	padding-right:0.8em;
}