@charset "utf-8";

body,select{
width:100%;
margin:0 auto;
padding:0;
font-size:13px;
color:#333333;
background-color:#fffff;
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Meiryo','メイリオ','Osaka','MS PGothic',arial,helvetica,clean,sans-serif;
}

<?/* --IE7用--- */?>
*:first-child+html body{
font-family:Verdana,'ＭＳ Ｐゴシック','メイリオ',sans-serif;
}
<?/* --IE8用--- */?>
head~/* */body body{
font-family:Verdana,'メイリオ','ＭＳ Ｐゴシック',sans-serif;
}

.color_alert{
color:#c9194c;
}

ul{
margin:0;
list-style-type:none;
}

strong{
font-weight:normal;
}

a{
text-decoration:none;
}

a, a:hover, a:visited{
color:#0091ce;
}

a:hover{
color:orange;
text-decoration:underline;
}

a.tag:hover{
color:#0091CE !important;
}

a.imga{
color:#dfdfdf;
}

a:hover.imga{
border1px solid orange;
}

a.autolink{
color:#0081A6;
}

label{
cursor:pointer;
}

input::-ms-clear{
visibility:hidden
}

input::-ms-reveal{
visibility:hidden
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none; 
}

.button_bg_color{
background:#0084b4;
box-shadow:0 2px 0 #004761;
}

.rank1bgcolor{
background-color:#f6d519;
}

.rank2bgcolor{
background-color:#c6c6c5;
}

.rank3bgcolor{
background-color:#d3b18e;
}

.arrow_t,.arrow_r,.arrow_r_white,.arrow_r_gray,.arrow_r_lgray,.arrow_b{
display:block;
position:relative;
text-decoration:none;
}

.arrow_t:after{
display:block;
position:absolute;
z-index:3;
top:55%;
right:15px;
width:7px;
height:7px;
margin-top:-5px;
-webkit-transform: rotate(45deg);
transform:rotate(45deg);
content:"";
}

.arrow_t_gray:after{
border-left:solid 3px #7f7f7f;
border-top:solid 3px #7f7f7f;
}

.arrow_r:after{
display:block;
position:absolute;
z-index:3;
top:50%;
right:17px;
width:7px;
height:7px;
margin-top:-5px;
-webkit-transform: rotate(45deg);
transform:rotate(45deg);
content:"";
}

.arrow_r_gray:after{
border-top:solid 3px #7f7f7f;
border-right:solid 3px #7f7f7f;
}

.arrow_r_lgray:after{
border-top:solid 3px #D7D7D7;
border-right:solid 3px #D7D7D7;
}

.arrow_r_dgray:after{
border-top:solid 3px #333333;
border-right:solid 3px #333333;
}

.arrow_r_white:after{
border-top:solid 3px #ffffff;
border-right:solid 3px #ffffff;
}

.arrow_b:after{
display:block;
position:absolute;
top:45%;
right:15px;
width:7px;
height:7px;
margin-top:-5px;
-webkit-transform: rotate(45deg);
transform:rotate(45deg);
content:"";
}

.arrow_b_gray:after{
border-right:solid 3px #7f7f7f;
border-bottom:solid 3px #7f7f7f;
}

.arrow_b_dgray:after{
border-right:solid 3px #333333;
border-bottom:solid 3px #333333;
}

.rollover:hover{
filter:alpha(opacity=70);
-moz-opacity:0.65;
opacity:0.65;
}

.clearflt:after{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}

.clearboth{
clear:both;
zoom:1;
}

.uimg{
width:48px;
height:48px;
display:block;
overflow:hidden;
border:1px solid #dfdfdf;
border-radius:5px;
background:#dfdfdf;
}

#share_bt{
float:right;
width:60px;
text-align:right;
}

#share_bt a:hover{
text-decoration:none;
}

#share_tw_,#share_fb_{
font-size:18px;
color:white;
padding:3px;
border-radius:5px;
text-decoration:none;
}

#share_tw_{
margin:0 5px 0 0;
background:#00ABED;
}

#share_fb_{
background:#3B5B99;
}

#dir{
float:left;
width:568px;
}

#dir span{
margin:0 5px 0 0;
}

.title{
margin:0 16px 0 0;
padding:0 0 0 7px;
border-left:8px solid #aaaaaa;
}

.title_{
padding:10px 0 10px 7px;
border-top:4px solid #444444;
border-bottom:4px solid #444444;
}

.title h1,.title_ h1{
font-size:20px;
font-weight:bold;
display:inline;
margin-right:5px;
}

.title span,.title_ span{
font-size:12px;
}

.movie_img,.movie_img_best{
position:relative;
-moz-box-shadow   :1px 1px 2px 1px rgba(0, 0, 0, 0.3);
box-shadow        :1px 1px 2px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.3);
-ms-interpolation-mode:bicubic;
}

.bookmark_share{
color:white;
font-size:17px;
padding:3px;
border-radius:5px;
}

#header a, #header a:hover{
color:black;
}

#header{
background-color:black;
border-bottom:1px solid #202020;
color:white;
}

#header_wrapper{
width:980px;
height:93px;
}

#header_content{
padding:7px 0 0 2px;
font-size:0.9em;
}

#header_left{
float:left;
width:400px;
font-size:11px;
}

#header_right{
float:right;
margin-right:1px;
text-align:right;
}

#header_right a{
color:#0091CE !important;
}

#header_right a:hover{
color:orange !important;
text-decoration:underline;
}

#header_logo{
display:block;
width:172px;
height:50px;
}

#header_menu{
margin:3px 0 0;
font-size:13px;
font-weight:bold;
}

#q{
float:left;
border:medium none;
background:transparent;
padding:2px 8px 0;
font-size:12px;
width:135px;
height:20px;
}

#q::selection{
background:#0a246a;
color:white;
}

#q::-moz-selection{
background:#0a246a;
color:white;
}

#q_wrap{
position:relative;
float:left;
display:block;
width:172px;
height:22px;
}

#q_wrap:hover{
filter:alpha(opacity=95);
opacity:0.95;
}

#q_type{
margin-left:2px;
}

#submit_search{
position:absolute;
top:0;
right:0;
z-index:100;
width:28px;
height:22px;
background:transparent;
cursor:pointer;
border:medium none;
}

#submit_search span{
display:block;
width:28px;
height:22px;
overflow:hidden;
color:transparent;
text-indent:-9999px;
}

.ac_results{
width:125px;
border:1px solid #94847B;
background-color:white;
padding:0;
margin:0;
list-style:none;
position:absolute;
z-index:10000;
display:none;
}

.ac_results li{
margin:0;
padding:1px 3px;
white-space:nowrap;
color:#101010;
text-align:left;
}

.ac_results .ac_over{
cursor:pointer;
background-color:#F846F8;
}

.ac_results .ac_match{
text-decoration:underline;
color:black;
}

#global_menu_bg{
background:#353535;
}

#global_menu_wrap{
width:980px;
margin:0 auto;
border-right:1px solid #4a4a4a;
}

#global_menu{
padding:0;
font-size:12px;
}

#global_menu li{
float:left;
width:121px;
border-left:1px solid #444444;
text-align:center;
}

#global_menu a{
padding:4px 0;
color:#D7D7D7;
display:block;
border-left:1px solid #232323;
text-decoration:none;
}

#global_menu a:hover, #global_menu li:hover{
background:#5a5a5a;
}

.global_menu_on{
background:#4A4A4A;
}

#wrapper{
width:1000px;
height:100%;
text-align:left;
margin:0 auto;
}

#main{
background:white;
padding:15px 10px 5px;
}

#main:after{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}

#maincol{
float:left;
width:678px;
}

#subcol{
float:left;
width:300px;
}

#content{
margin:0 20px 20px 0;
padding:0 0 20px;
}

/* overlayer */
#glayLayer{
display:none;
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
background:#000000;
filter:alpha(opacity=75);
opacity:0.75;
text-align:center;
z-index:999;
}

#overLayer{
display:none;
position:fixed;
width:600px;
top:30%;
left:39%;
background:white;
padding:10px 15px 20px;
border:0px solid #888;
font-size:16px;
z-index:1000;
}

* html #glayLayer{
position:absolute;
}

* html #overLayer{
position:absolute;
}
/* overlayer */

.review_good{
color:#ab1541;
}

.review_even{
color:#666;
}

.review_bad{
color:#333;
}

.special_li{
display:block;
}

.special_li:hover{
background:#eaeaea;
filter:alpha(opacity=90);
-moz-opacity:0.85;
opacity:0.85;
text-decoration:none;
}

#feature{
border:1px solid #d4d4d4;
width:280px;
padding:10px 9px 3px;
margin-bottom:20px;
}

#feature h3{
padding:0 0 10px;
}

#feature ul{
margin:3px 0 0;
padding:0 0 0 25px;
list-style-type:disc;
}

#review_word,#tv_program,#news_wrap{
border:1px solid #d4d4d4;
width:280px;
margin:20px 0;
padding:10px 9px;
}

#attention_top_author,#best_author{
clear:both;
border:1px solid #d4d4d4;
width:280px;
margin-bottom:20px;
padding:7px 9px 10px;
font-size:12px;
}

#attention_top_author ul{
margin-bottom:10px;
padding:0;
}

#attention_top_author li{
padding:0 0 0 3px;
clear:both;
}

.attention_top_author_rank{
width:28px;
float:left;
font-size:10px;
color:#52463f;
text-align:right;
}

.attention_top_author_rank span{
font-size:12px;
}

.attention_top_author_title{
margin:0 0 0 5px;
width:230px;
float:left;
}

.attention_top_author_pt{
margin:0 3px 0 5px;
color:#888888;
font-size:10px;
}

#top_author{
border:1px solid #d4d4d4;
width:280px;
margin-top:20px;
padding:10px 9px;
}

#top_author ul li,#best_author ul li{
font-size:16px;
}

#top_author ul li img,#best_author ul li img{
border:0;
width:20px;
height:20px;
display:block;
float:left;
overflow:hidden;
background:#222222;
color:#444444;
}

.more_new,#more_best{
cursor:pointer;
font-size:13px;
font-weight:bold;
text-decoration:none;
}

.more_new{
text-decoration:none;
}

.button_blue{
display:block;
padding:10px 0;
font-size:16px;
color:white !important;
text-decoration:none;
border-radius:6px;
text-align:center;
border:1px solid #7ab5d6;
background:#1a7caa;
background:linear-gradient(to bottom, #6bb6dd, #1a7caa) repeat scroll 0 0 rgba(0, 0, 0, 0);
background:-webkit-gradient(linear,center top, center bottom, from(#6bb6dd), to(#1a7caa));
background:-moz-linear-gradient(top, #6bb6dd, #1a7caa);
text-shadow:-1px -1px 0 #207bb7;
}

.button_blue:hover{
text-decoration:none;
border:1px solid #FF6600;
background:#FF6600;
background:linear-gradient(to bottom, #FF6600, #B05800) repeat scroll 0 0 rgba(0, 0, 0, 0);
background:-webkit-gradient(linear,center top, center bottom, from(#FF6600), to(#B05800));
background:-moz-linear-gradient(top, #FF6600, #B05800);
text-shadow:-1px -1px 0 #843500;
}

.sub_wrap{
border:1px solid #d4d4d4;
}

.sub_title{
margin:0;
padding:8px 10px;
font-size:15px;
font-weight:bold;
border-bottom:1px solid #d4d4d4;
background:#f5f5f5;
}

.sub_more{
margin:6px 4px 6px 0;
text-align:right;
}

.tag_list a{
color:#333333;
}

ul#sub_present_list{
margin:0;
padding:0 0 0 25px;
color:#999999;
}

#sub_present_list li{
margin:0;
padding:0;
list-style-type:disc;
}

#sub_present_list li{
border-bottom:1px dotted #e4e4e4;
padding:4px;
font-size:12px;
}

.follow_us li{
float:left;
width:130px;
margin:0 0 0 10px;
padding:5px 0;
font-size:15px;
text-align:center;
}

.follow_us a{
display:block;
color:white;
text-decoration:none;
}

.follow_us_tw{
background:#00ABED;
}

.follow_us_fb{
background:#3B5B99;
color:white;
}

#footer{
color:white;
padding:30px 0 100px;
background:black;
border-top:1px solid #202020;
}

#coco_links{
text-align:right;
}

#coco_links_text{
padding:0 23px 12px 0;
}

#coco_links li{
float:right;
width:42px;
margin:0 0 0 20px;
}

#footer_about{
clear:both;
padding:30px 0 30px;
}

#footer_about li{
float:left;
margin:0 0 0 20px;
}

#footer_copyright{
clear:both;
padding:40px 0 0;
text-align:center;
}

#footer_switch_site{
height:200px;
text-align:center;
}

#footer_switch_site div{
padding-top:63px;
}

#footer_switch_site a{
color:white;
font-size:50px;
font-weight:bold;
}

/* Image style */
#scrollUp{
bottom:20px;
right:20px;
width:60px;
height:60px;
background:url(/_pr/scroll_top.png) no-repeat;
z-index:2000;
}

@font-face{
font-family:'coco';
src:url('/_css/coco.eot');
src:url('/_css/coco.eot#iefix') format('embedded-opentype'),
    url('/_css/coco.woff') format('woff'),
    url('/_css/coco.ttf') format('truetype'),
    url('/_css/coco.svg#coco') format('svg');
font-weight:normal;
font-style:normal;
}

[class^="icon-"], [class*=" icon-"]{
font-family:'coco';
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
/* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

.rotate90{
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
}

.rotate180{
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg);
}

.rotate270{
-moz-transform:rotate(270deg);
-webkit-transform:rotate(270deg);
-o-transform:rotate(270deg);
-ms-transform:rotate(270deg);
transform:rotate(270deg);
}

.tf{
display:inline-block;
}

.icon-tw:before{
content:"\e600";
}
.icon-fb:before{
content:"\e601";
}
.icon-arrow1:before{
content:"\e602";
}
.icon-arrow2:before{
content:"\e603";
}
.icon-arrow3:before{
content:"\e604";
}
.icon-arrow4:before{
content:"\e605";
}
.icon-arrow5:before{
content:"\e606";
}
.icon-arrow6:before{
content:"\e607";
}
.icon-arrow7:before{
content:"\e608";
}
.icon-check:before{
content:"\e609";
}
.icon-good:before{
content:"\e60a";
}
.icon-bad:before{
content:"\e60b";
}
.icon-hyphen:before{
content:"\e60c";
}
.icon-view:before{
content:"\e60d";
}
.icon-bm:before{
content:"\e60e";
}
.icon-clip:before{
content:"\e60f";
}
.icon-present:before{
content:"\e610";
}
.icon-heart1:before{
content:"\e611";
}
.icon-heart2:before{
content:"\e612";
}
.icon-star1:before{
content:"\e613";
}
.icon-star2:before{
content:"\e614";
}
.icon-home:before{
content:"\e615";
}
.icon-menu:before{
content:"\e616";
}
.icon-guest:before{
content:"\e617";
}
.icon-search:before{
content:"\e618";
}
.icon-trash:before{
content:"\e619";
}
.icon-set:before{
content:"\e61a";
}
.icon-crown1:before{
content:"\e61b";
}
.icon-crown2:before{
content:"\e61c";
}