@charset "utf-8";

@import url('./ads.css?220104');
@import url('./font.css?110210');

html { height:100%; width:100%;}
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background:#FFF url('../img/bg.png') repeat-x;
	word-break:normal;
	word-wrap:break-word;
	color:#393F3F;
	margin:0;
	padding:0;
	}

body.zh-tw{
  font-family: 'Microsoft JhengHei', 'LiHei Pro', 'Arial', sans-serif;
}

form,div,h1,h2,h3,p	{ margin:0; padding:0;}
img { border:0;}
input { font-size:12px; line-height:1; margin:0;}
label { cursor:pointer;}
select,textarea { font-size:12px; line-height:1.25;}
table { border:0; text-align:left;}

/*↓列幅↓*/
.body_984 { width:984px; margin:0 auto; position:relative;}
.content_672, .content_312 { display:block; overflow:hidden; float:left;}
.content_672 { width:672px;}
.content_312 { width:312px;}
.content_672_solo { width:672px; margin:0 auto; overflow:hidden;}/*中央寄*/
/*↑列幅↑*/

/*汎用*/
input.submit, button.submit {
	font-size:12px;
	background:#CCC url('../img/btn/bg_submit_01.gif') repeat-x;
	border:solid 1px;
	border-color:#C9CFCF #999F9F #696F6F; margin:0;
	padding:2px 4px;
	cursor:pointer;
	}

.mb8p4  { margin:0 0 8px;  padding:4px;}
.mb16p4 { margin:0 0 16px; padding:4px;}

img.right { margin:0 0 8px 8px; float:right;}
img.left  { margin:0 8px 8px 0; float:left;}

p.dotline_1 { height:0; border-top:dotted 1px #999F9F;}
p.dotline_2 { height:0; border-top:dotted 2px #C9CFCF;}

.img_std48, .img_std64, .img_std96, .img_std128,
.img_sq48,  .img_sq64,  .img_sq96,  .img_sq128 { border:solid 2px #393F3F;}
/*4:3(スタンダード)画像(＝動画・静止画など)*/
.img_std48  { width:48px;  height:36px;}/*ビデオ画(48*36)*/
.img_std64  { width:64px;  height:48px;}/*ビデオ画(80*60)*/
.img_std96  { width:96px;  height:72px;}/*ビデオ画(96*72)*/
.img_std128 { width:128px; height:96px;}/*ビデオ画(128*96)*/
/*正方形(スクエア)画像(＝チャンネル＆コミュ・ユーザーなど)*/
.img_sq48  { width:48px; height:48px;}/*シンボル画(48*48)*/
.img_sq64  { width:64px; height:64px;}/*シンボル画(64*64)*/
.img_sq96  { width:96px; height:96px;}/*シンボル画(96*96)*/
.img_sq128 { width:128px; height:128px;}/*シンボル画(128*128)*/
/*↓サムネ画の右下に表示する再生時間↓*/
p.vinfo_length { text-align:right; height:16px; margin:-16px 0 0;}
p.vinfo_length span {
	background:url('../img/common/bg_b_a60.png');
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	color:#FFF;
	padding:0 4px;
	display:inline-block;
	}
/*↑サムネ画の右下に表示する再生時間↑*/

/*文字アイコン用*/
.txticon { vertical-align:middle; margin:0 2px;}

/*↓/common/pager.tpl↓*/
.pager { font-size:12px; line-height:1; font-weight:bold;}
.pager a, .pager span { height:12px; margin-left:2px; padding:3px; display:block; float:left;}
.pager a:link, .pager a:visited { background:url('../img/common/pager/bg_0.png') repeat-x left; color:#696F6F; border:solid 1px #C9CFCF; text-decoration:none;}
.pager a:hover, .pager a:active { background:url('../img/common/pager/bg_1.png') repeat-x left; color:#393F3F; border:solid 1px #999F9F; text-decoration:none;}
.pager span.here { background:url('../img/common/pager/bg_2.png') repeat-x left; color:#F9FFFF; border:solid 1px #393F3F;}
.pager span.disable { background:#F9FFFF; color:#C9CFCF; border:solid 1px #C9CFCF;}
.pager span.dot { padding:4px 0 !important;}
/*↑/common/pager.tpl↑*/

/*↓Zeroになる導線↓*/
/* Zero lead index */

#zero_lead_index{
	margin: 36px 0 -36px;
	padding: 6px 4px 4px;
	position:relative;
	z-index:300;
	background: url(../img/common/bg_lead_q.png) repeat-x #DEDEDE;
	border-bottom:1px solid #d5d5d5;
	color:#c00;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

.nofix #zero_lead_index {
	margin:0 0;
	padding: 6px 4px 4px;
}

#zero_lead_index img{
	vertical-align:middle;
}

#zero_lead_index a.lead_text{
	color:#c00;
	text-decoration: underline;
}


#zero_lead_index a.lead_text:hover{
	color:#f00;
	text-decoration: underline;
}

#zero_lead_index a.lead_btn{
	display:inline-block;
	padding:2px 8px 2px;
	margin:0 0 0 16px;
	font-size:14px;
	text-decoration:none;
	color:#fff;
	text-shadow:1px 1px 1px #0D3254;
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e5799 0%, #0999ae 0%, #0483ad 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#0999ae), color-stop(100%,#0483ad)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e5799 0%,#0999ae 0%,#0483ad 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #1e5799 0%,#0999ae 0%,#0483ad 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1e5799 0%,#0999ae 0%,#0483ad 100%); /* W3C */
	border-top:1px solid #9D9D9D;
	border-right:1px solid #0D3254;
	border-bottom:1px solid #0D3254;
	border-left:1px solid #0EB1AF;
	border-radius:3px;
	font-weight:normal;
}

#zero_lead_index a.lead_btn:hover{
}

/*↑Zeroになる導線↑*/


/* 検索オプションボタン */
.btn_search {
	margin: 0;
	padding: 0 5px 3px 5px;
	width: 100px;
	height: 13px;
	display: block;
	font-size: 12px;
	text-align: center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border: 1px solid #CCCCCC;
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,255,255) 0%,rgb(245,245,245) 100%);
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(245,245,245)));
	background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(245,245,245) 100%);
	background-image:linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(245,245,245) 100%);
}

.btn_search a {
	color: #333333;
	text-decoration: none;
}

.btn_search a:hover {
	color: #999999;
}

/* 検索オプションリセットボタン */
.btn_search_reset {
	margin: 3px 0 0;
	padding: 3px 5px;
	display: inline-block;
	font-size: 12px;
	text-align: center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border: 1px solid #CCCCCC;
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,255,255) 0%,rgb(245,245,245) 100%);
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(245,245,245)));
	background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(245,245,245) 100%);
	background-image:linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(245,245,245) 100%);
}

a.btn_search_reset {
	color: #333333;
	text-decoration: none;
}

a.btn_search_reset:hover {
	color: #999999;
}

/* 検索オプションボックス */
#search_option {
	margin: -4px 8px 4px 4px;
	padding: 10px 10px 10px 0;
	height: auto;
	border-left: 2px solid #E5E5E5;
	border-right: 2px solid #E5E5E5;
	border-bottom: 2px solid #E5E5E5;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	font-size: 12px;
	text-align: left;
	position: relative;
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(245,245,245) 0%,rgb(255,255,255) 100%);
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(245,245,245)),color-stop(1, rgb(255,255,255)));
	background-image:-webkit-linear-gradient(-90deg,rgb(245,245,245) 0%,rgb(255,255,255) 100%);
	background-image:linear-gradient(-90deg,rgb(245,245,245) 0%,rgb(255,255,255) 100%);
}

#search_option ul {
	margin: 0;
	padding: 5px 0 0 0;
	list-style: none;
}

#search_option ul li {
	padding: 0 0 5px 0;
	display: block;
}

.txt_search {
	margin: 0;
	padding: 0 5px 2px 0;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
	color: #333333;
}

.box_search {
	margin: 0;
	padding: 0 15px 0 10px;
	width: auto;
	height: auto;
	float: left;
	color:#ccc;
}

.box_search strong {
	color:#333;
}

.box_search_r {
	margin: 0;
	padding: 0 0 0 15px;
	width: auto;
	height: auto;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.box_search a {
	color: #03c;
}

.box_search_r a:hover {
}

.search_option_notice{
	clear:left;
	font-size:12px;
	padding:0 0 0 10px;
}


/* premiumAdvice */


.premiumAdvice {
	display:inline-block;
	position:relative;
	max-width:260px;
}
.premiumAdvice a {
	background:#a7e34a;
	-webkit-box-shadow: 0px 0px 3px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: 0px 0px 3px rgba(51, 51, 51, 0.5);
	box-shadow: 0px 0px 3px rgba(51, 51, 51, 0.5);
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.7);
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(206, 251, 117)), color-stop(0.9, rgb(150, 217, 56)));
	background-image: -moz-linear-gradient(-90deg, rgb(206, 251, 117) 0%, rgb(150, 217, 56) 98%);
	background-image: linear-gradient(180deg, rgb(206, 251, 117) 0%, rgb(150, 217, 56) 98%);
	-ms-box-shadow: 0px 0px 3px rgba(51, 51, 51, 0.5);
	padding:5px 15px;
	color:#000;
	display:inline-block;
	text-decoration:none;
}
.premiumAdvice a:hover {
	text-decoration:none;
	background:#9adb3b;
}
.premiumAdvice .left {
	margin-left:12px;
}
.premiumAdvice .right {
	margin-right:11px;
}
.premiumAdvice .bottom {
	margin-bottom:14px;
}
.premiumAdvice .top {
	margin-top:10px;
}
.premiumAdvice .left:before {
	content : '';
	background:url(../img/common/balloon/icon_premium_advice.png) 0 0 no-repeat;
	width:13px;
	height:14px;
	position:absolute;
	left:0;
	top:7px;
}
.premiumAdvice .right:before {
	content : '';
	background:url(../img/common/balloon/icon_premium_advice.png) -13px 0 no-repeat;
	width:16px;
	height:14px;
	position:absolute;
	right:0;
	top:7px;
}
.premiumAdvice .bottom:before {
	content : '';
	background:url(../img/common/balloon/icon_premium_advice.png) -33px 0 no-repeat;
	width:18px;
	height:14px;
	position:absolute;
	bottom:0;
	left:30px;
}
.premiumAdvice .top:before {
	content : '';
	background:url(../img/common/balloon/icon_premium_advice.png) -50px 0 no-repeat;
	width:15px;
	height:10px;
	position:absolute;
	top:0;
	left:30px;
}

/*↓clearfix(float解除用)↓*/
.clearfix:after { content:""; display:block; clear:both;}
.clearfix { display:inline-block;}
.clearfix { display:block;}
/*↑clearfix(float解除用)↑*/

/* uad banner */

.uad_message{
	padding-left: 78px;
	font-size: 13px;
	background: url("../img/tag/uad/logo_s.png") no-repeat left center;
}

.uad_message p{
	background: #ffffee;
	border: #ccccbb solid 1px;
	padding: 4px;
}


.table_uad td .uad_blank_banner{
	text-decoration: none;
}

.uad_blank_banner{
	display: block;
	padding: 8px;
	background: #ffffee;
	border: #ccccbb solid 1px;
	border-radius: 4px;
	text-align: center;
	font-size: 13px;
	text-decoration: none;
	color: #999988;
}

.uad_blank_banner em{
	font-size: 24px;
	display: block;
	font-weight: bold;
}

/* --- ie7 --- */

#ie7_lead{
	margin: 36px 0 -36px;
	padding: 6px 4px 4px;
	position:relative;
	z-index:300;
	background: url(../img/common/bg_lead_q.png) repeat-x #DEDEDE;
	border-bottom:1px solid #d5d5d5;
	color:#000;
	text-align:center;
	font-size:115%;
	text-shadow:1px 1px 1px #ccc;
}

.nofix #ie7_lead {
	margin:0 0;
	padding: 6px 4px 4px;
}

#ie7_lead a{
	display:inline-block;
	padding:2px 8px 2px;
	margin:0 0 0 16px;
	font-size:16px;
	color:#c00;
	text-shadow:1px 1px 1px #ccc;
	font-weight:bold;
}

#ie7_lead a:hover{
		color:#f00;
}

/*↓タグ1行リンク↓*/
.taglink_box{
	margin: 16px 0 16px 4px;
	padding: 8px;
	width: 286px;
	border: 1px solid #e5e5e5;
	background-color: #f2f2f2;
	font-weight: bold;
	font-size: 12px;
}

.taglink_box a {
	text-decoration: none;
}
.tagwrap{
	margin-left: 6px;
	padding: 6px;
	background-color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid #dbdbdb;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.tagwrap:hover{
	color: #ffffff;
	background-color: #333333;
	border: none;
}
/*↑タグ1行リンク↑*/