@charset "utf-8";

html { height:100%; width:100%;}
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#333;
	margin:0;
	padding:0;
	font-size:12px;
}
table { border-collapse: collapse; }
form,div,h1,h2,h3,p	{ margin:0; padding:0;}
img   { border:0;}
input { font-size:12px; line-height:1;}
label { cursor:pointer;}
select,textarea { font-size:12px; line-height:1.25;}
table { border:0; text-align:left;}
.body { width:970px;margin:0px auto;text-align:left;}
.clear {	clear:both;	}

.header          { width:970px;margin:0px auto;}
.header img.logo { height:60px; }
.header .title   { float:left; padding-top:10px; }
.header .mobile  { float:right; width:200px; border:1px solid #000000; padding:4px; margin:4px; }
.header .mobile .qr { float:left; vertical-align:middle; margin-right:4px; }
.header .mobile .text { }

.container { padding:5px; }
.content { width:650px; float:left; padding:5px;}
.side  { width:300px; float:right; }

/* ページ共通 */
h2 { margin:6px 0px 6px 0px; line-height:24px; color:#422C2D; font-weight:normal;}
.sub_description { padding:0px 6px 0px 6px; }
.sub_title { background-image:url(/img/sub_title.gif); text-indent:12px; background-repeat: repeat-y; }

.pages.index .container { width: 650px; float:left; }
.pages.index .graph { margin:6px 0px 6px 6px; }
.pages.index .graph td {font-size:12px;text-align:center;border:1px solid #422C2D;padding:0px;}

.pages.index .current_program                 { margin:0px; padding: 9px 6px; border-bottom:1px dashed #cccccc; }
.pages.index .current_program .image          { border: 1px solid #C4C0B5;	width:128px;	height:72px;	float:left; margin:2px;}
.pages.index .current_program .image img      { width:128px; height:72px; }
.pages.index .current_program .info           { float:left; padding:0px 6px; width:480px; }
.pages.index .current_program .info .title    { font-size:14px; }
.pages.index .current_program .info .genre    { vertical-align:middle; margin-right:6px; }
.pages.index .current_program .info .schedule { margin:6px 0px 0px 6px; }
.pages.index .current_program .info .tools    { margin:6px 0px 0px 6px; }
.pages.index #sub_title_graph                 { background-image:url(/img/sub_title_01.gif);  text-indent:-9999px;}
.pages.index #sub_title_ranking               { background-image:url(/img/sub_title_02.gif);  text-indent:-9999px;}
.pages.index .users_comment                   { float:left; width:480px; }
.pages.index .users_comment .comment          { clear:both; margin:6px; }
.pages.index .users_comment .comment .icon    { float:left; width:48px;  margin:2px; }
.pages.index .users_comment .comment .text    { float:left; width:320px; margin:2px; }
.pages.index .users_comment .comment .title   { text-align:right; }
.pages.index .users_comment .comment .image   { float:right;margin:2px; }
.pages.index .users_comment .comment .program { border: 1px solid #C4C0B5; height:48px; }
.pages.index .users_watch                     { float:right; width:480px; }
.pages.index .users_watch .user               { float:left; width:48px; text-align:center; margin:3px 0px 0px 6px; font-size:10px; word-wrap:break-word;}

.programs.display .container                 { width: 960px; float:left; }
.programs.display .profile                   { float:left; width: 200px; background-color:#FFFFFF;border:4px solid #CDCDCD; text-align:center; }
.programs.display .profile .img              { margin:6px; }
.programs.display .profile dl                { margin:0px 0px; }
.programs.display .profile dt                { text-align:right; float:left; line-height:26px; height:26px; padding:0px; margin:3px 0px; background-color: #F1E9D1; width:64px; clear:both; }
.programs.display .profile dd                { text-align:left;  float:left; line-height:26px; height:26px; padding:0px 0px 0px 6px; margin:3px 0px; background-color: #F1E9D1; width:130px;}
.programs.display .profile dd span           { font-weight:bold; font-size:14px; margin-right:2px; color:#EA061B; }
.programs.display .profile dd img            { margin-top:2px; }

.programs.display .content                   { width:650px; } 
.programs.display h2                         { font-size:16px;font-weight:bold;}
.programs.display .description               { padding:0px 10px 10px 4px; }
.programs.display .image img                 { width:160px; height:90px; }
.programs.display .threads                   { padding:0px 10px 10px 4px; }
.programs.display #sub_title_thread          { background-image:url(/img/sub_title_05.gif); text-indent:-9999px; background-repeat: no-repeat;}
.programs.display .display_paginate          { text-align:center; line-height:32px;}
.programs.display .display_paginate .prev    { float:left; }
.programs.display .display_paginate .next    { float:right; }
.programs.display .form                      { clear:both; background-color:#F3F3F3; padding:10px; }
.programs.display .comment_form input.text   { width:320px; border:2px solid #F0A9A7;}
.programs.display .comment_form input.submit { background-color:#422C2D; color:#F1E9D1; border:2px solid #422C2D;}
.programs.display .programs_watch            { clear:both; margin:6px;}
.programs.display .programs_watch .user      { float:left; width:48px; text-align:center; margin:0px 3px 0px 0px; font-size:10px; word-wrap:break-word;}
.programs.display .programs_comment          { clear:both; margin:6px; line-height:24px; }
.programs.display .programs_comment .icon    { float:left; width:24px; margin-right: 6px; }
.programs.display .programs_comment .text    { float:left; width:600px; }

.programs.search .program                  { margin:0px; padding: 9px 6px; border-bottom:1px dashed #cccccc; }
.programs.search .program .image           { border: 1px solid #C4C0B5;	width:128px;	height:72px;	float:left;	margin:2px;}
.programs.search .program .image img       { width:128px; height:72px; }
.programs.search .program .info            { float:left; padding:0px 6px; width:480px; }
.programs.search .program .info .title     { font-size:14px; }
.programs.search .program .info .genre     { vertical-align:middle; margin-right:6px; }
.programs.search .program .info .schedule  { margin:6px 0px 0px 6px; }

.programs.ranking .section                 { border:1px solid #422C2D; margin:-1px 0px 0px -1px; }
.programs.ranking .program                 { margin:0px; padding: 9px 6px; border-bottom:1px dashed #cccccc; }
.programs.ranking .program .rank           { margin:0px 4px; height:74px; font-size:11px;float:left;width:74px;text-align:center;font-weight:bold;background-color:#F1E9D1; color:#333333; }
.programs.ranking .program .rank .top      { font-size:32px;line-height:42px;padding-left:8px;}
.programs.ranking .program .rank .number   { font-size:20px;line-height:42px;}
.programs.ranking .program .rank .log      { line-height:12px;}
.programs.ranking .program .rank .log span { color:#CC0000;font-weight:bold; padding:0 4 0 4; font-size:12px;}
.programs.ranking #sub_title_ranking_date  { background-image:url(/img/sub_title_03.gif); text-indent:180px;}
.programs.ranking #sub_title_ranking_year  { background-image:url(/img/sub_title_04.gif); text-indent:180px;}
.programs.ranking .program .image          { border: 1px solid #C4C0B5;	width:128px;	height:72px;	float:left;	}
.programs.ranking .program .image img      { width:128px; height:72px; }
.programs.ranking .program .station        { float:left; background-color:#EEEEEE; width:70px; height:76px; text-align:center; }
.programs.ranking .program .station img    { margin:6px; }
.programs.ranking .program .info           { float:left; padding:0px 6px; width:410px; }
.programs.ranking .program .info .genre    { vertical-align:middle; margin-right:6px; }
.programs.ranking .program .info .title    { font-size:14px; }
.programs.ranking .program .info .schedule { margin:6px 0px 0px 6px; }
.programs.ranking ul.genre                 { width:100%; padding-left:0;margin-left:0; text-align:center; }
.programs.ranking ul.genre a               { text-decoration:none; }
.programs.ranking ul.genre li              { list-style:none;width:78px;float:left;border:1px solid #422C2D; margin-left:-1px; padding:2px 6px; }
.programs.ranking ul.genre li.current      { border-bottom:none;font-weight:bold; }
.programs.ranking .ranking_paginate { text-align:center;line-height:32px; }
.programs.ranking .ranking_paginate .prev { float:left; }
.programs.ranking .ranking_paginate .next { float:right; }


.threads.display dl { font-family:'ＭＳ Ｐゴシック'; width:640px; }
.threads.display dd { margin:6px 0px 12px 40px; }

/* ユーザ */
.users h3                 { background-image:url(/img/sub_title.gif); padding:4px 12px;background-repeat: repeat-y; background-color:#F1E9D1;}
.users .program           { float:left;width:130px;text-align:center;margin:12px 24px 6px 12px; }
.users .program img       { border:1px solid #CCC; }
.users .program .watch    { padding:0px 6px;background-color:#FFCCCC;color:#FF0000;font-weight:bold; }
.users .pager             { text-align:center; }
.users .pager .prev       { }
.users .pager .next       { }

.users.profile .side              { float:left;border:4px solid #CDCDCD;width:200px; }
.users.profile .content           { float:left;width:750px;padding:0px; margin-left:6px; }
.users.profile .profile           { }
.users.profile .profile .img      { float:left;margin:12px 12px 12px 12px;vertical-align:middle; }
.users.profile .profile .id       { float:left;margin-top:26px; font-size:14px; }
.users.profile .profile .twitter  { text-align:center; }
.users.profile .profile dl        { margin:0px 0px; }
.users.profile .profile dt        { text-align:right; float:left; line-height:16px; height:16px; padding:6px 3px 6px 6px; margin:3px 0px; background-color: #F1E9D1; width:54px; clear:both; }
.users.profile .profile dd        { float:left; line-height:16px; height:16px; padding:6px 6px 6px 3px; margin:3px 0px; background-color: #F1E9D1; width:128px;}
.users.profile .profile dd span   { font-weight:bold; font-size:14px; margin-right:2px; color:#EA061B; }
.users.profile .more              { text-align:right; margin-bottom:10px;}
.users .users_comment .comment            { clear:both; }
.users .users_comment .comment .image     { float:left;margin:6px 0px 0px 6px; }
.users .users_comment .comment .image img { border:1px solid #CCC; }
.users .users_comment .comment .text      { float:left;margin:6px;width:600px; }

.users.program_list .content      { width:960px; } 

.footer { background-color:#EEEEEE; border-top:2px solid #FF9E00; padding:10px; }


.cake-sql-log { width:950px; margin:0 auto;}
.cake-sql-log td{ border:1px solid #000;font-size:12px;text-align:left;}

.graph_expain { padding: 6px; }
.graph_expain_log,
.graph_expain_smile { width:14px; height:14px; border:1px solid #000; float:left; }
.graph_expain_log img,
.graph_expain_smile img  { width:12px; height:12px; margin:1px; }
.graph_expain_txt { float:left; font-size:12px; padding:0 12px 0px 3px; }

.paginate { text-align:center; }
.paginate .prev { float:left; }
.paginate .next { float:right; }




.dot_1 { background:url('http://res.nimg.jp/img/dot_1.gif')} .dot_1 img { width:1px; height:1px;}/*汎用ドット線(1)*/
.dot_2 { background:url('http://res.nimg.jp/img/dot_2.gif')} .dot_2 img { width:2px; height:2px;}/*汎用ドット線(2)*/

/* headmenu */
/* mode=1 :ページヘッダ部に[固定] */
/* mode=2 :常に表示範囲に[追従] */

.bg_headmenu { background-color:#161F1F; width:100%;}

body.mode_2 { padding-top:28px;}/* 追従は上部を調整する */
body.mode_2 .bg_headmenu { position:fixed; top:0; left:0; z-index:9999;}

.headmenu { font-size:12px; line-height:1; color:#666;}/* 左右分割したリンク群 */
.headmenu a:link, .headmenu a:visited { color:#CCC;}
.headmenu a:hover, .headmenu a:active { color:#FFF;}
.headmenu div { z-index:10000;}
.headmenu_g { background:#111; border:solid 2px #FFF; margin-top:4px; padding:2px; position:absolute;}
.headmenu_g a { display:block; padding:4px; text-decoration:none !important;}
.headmenu_g a:link, .headmenu_g a:visited { background:#111; color:#FFF;}
.headmenu_g a:hover, .headmenu_g a:active { background:#FFF; color:#333;}

/* パターン2 */
.bg_headmenu { background-color:#422C2D; width:100%; border-bottom:2px solid #FF9E00; }
.headmenu { font-size:12px; line-height:1; color:#999;}/* 左右分割したリンク群 */
.headmenu a:link, .headmenu a:visited { color:#FFF;}
.headmenu a:hover, .headmenu a:active { color:#FFF;}
.headmenu div { z-index:10000;}
.headmenu_g { background:#111; border:solid 2px #FFF; margin-top:4px; padding:2px; position:absolute;}
.headmenu_g a { display:block; padding:4px; text-decoration:none !important;}
.headmenu_g a:link, .headmenu_g a:visited { background:#111; color:#FFF;}
.headmenu_g a:hover, .headmenu_g a:active { background:#FFF; color:#333;}

a#menu_switch_scroll, a#menu_switch_fixed  { display:none;}

body.mode_1 a#menu_switch_scroll { display:block;}/* 固定 */
body.mode_2 a#menu_switch_fixed  { display:block;}/* 追従 */

body.mode_1 div.headmenu_width { margin:0 auto; width:950px;}/* 対象外,固定 */
body.mode_2 div.headmenu_width { margin:0 auto; width:100%; max-width:970px;}/* 追従(max-widthが肝) */

.headmenu .search .text { width:200px; }

.drama table        { margin:10px; }
.drama th           { background-color:#303030;font-weight:bold;color:#FFFFFF;text-align:center;border-right:1px solid #FFFFFF; border-bottom:2px solid #FF6600;padding:6px; }
.drama td           { border:1px solid #CCCCCC;padding:4px; }
.drama td.week      { text-align:center; }
.drama td.point     { text-align:right; }

.drama td.point a   { color:#000000;width:26px;padding:2px;text-decoration:none; }
.drama td.watched   { background-color: #FFCCCC;}
.drama td.watched a { text-decoration:none;font-weight:bold; }

.drama td.min a     { color:#0000FF;}
.drama td.max a     { color:#FF0000;}