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


/*1.Reset
----------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0; padding:0;
}

table { border-collapse:collapse; border-spacing:0; }

fieldset, img { border:0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }

ol, ul { list-style:none; }

h1, h2, h3, h4, h5, h6 { font-size:12px; font-weight:normal; }

q:before, q:after { content:""; }
iframe,abbr, acronym { border:0; }

img { vertical-align:top; }

/*2.Clear Fix
----------------------------------------*/
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}


/*3.body
----------------------------------------*/
body { margin: 0; padding: 0; font-size:12px; color:#333; background:#EEE; line-height:1.6; word-wrap:break-word; overflow-wrap:break-word;
font-family:'ＭＳ Ｐゴシック','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,Osaka,sans-serif;
}

/*4.Column
----------------------------------------*/

#header { height:180px; margin:0 0 10px; padding:10px 0 0; background:url(../img/common/header_bg.gif); }

#contents { height:auto; margin:0; padding:0; }

#main { width:1050px; margin:0 auto; }

#left { width:740px; margin:0 10px 0 0; float:left; }

#right { width:300px; margin:0; float:right; }

#center { width:740px; margin:0 auto; }

#footer { height:300px; margin:50px auto 0; }


/*5.anchor
----------------------------------------*/
a { color:#333; text-decoration:underline; }
a:visited { color:#333; text-decoration:underline; }
a:hover { color:#6b5499; text-decoration:none; }
a:active { color:#333; text-decoration:underline; }

a img:hover { opacity:0.8; }
a.fade:hover{ opacity:0; }

/*6.h
----------------------------------------*/
h2 { height:27px; margin:0 0 10px; padding:3px 0 0 25px; font-size:16px; background:url(../img/common/tt.gif) 0 0 no-repeat #6c5992; color:#FFF; clear:both; }
h2.rank_m , h2.rank_i { height:34px; margin:0; padding:6px 0 0 60px; font-size:18px; font-weight:bold; color:#333; background:url(../img/common/tt_movie.gif) 0 0 no-repeat #EEE; }
h2.rank_i { background:url(../img/common/tt_img.gif) 0 0 no-repeat #EEE; }
h3 { height:23px; margin:0 0 10px; padding:2px 15px 0 ; color:#FFF; font-size:16px; background:url(../img/common/h3_bg.gif) repeat-x;  }
h3 span { font-size:14px; padding:2px 0 0; float:right; }
h3.bt_b , h2.bt_b { height:auto; margin:0 0 10px; padding:0 0 0 5px; color:#6c5992; font-size:14px; font-weight:bold; background:none; border-bottom:1px solid #6c5992; clear:both; }
h3.bt_b span , h2.bt_b span { margin:0 5px 0 0; padding:0; color:#444; float:none; }
.clearfx:before,
.clearfx:after{
    content: "";
    display: table;
}
.clearfx:after{ clear: both; }
.clearfx{ zoom: 1; } /* For IE 6/7 */
/*7.Margin,Padding
----------------------------------------*/
.m0 {margin:0;}

.mt5 {margin-top:   5px;}
.mb5 {margin-bottom:5px;}
.mr5 {margin-right: 5px;}
.ml5 {margin-left:  5px;}
.mt10 {margin-top:   10px;}
.mb10 {margin-bottom:10px;}
.mr10 {margin-right: 10px;}
.ml10 {margin-left:  10px;}
.mb20 {margin-bottom:20px;}
.mb30r { margin-bottom:30px; color:#b51515; font-weight:bold; text-align:center; }
.mb20_box { margin-bottom:20px; overflow:hidden; }
.mb20p15_box { margin-bottom:20px; padding:0 15px 15px; overflow:hidden; }

.w100p { width: 100%; }
.w90p { width: 90%; }
.w75p { width: 75%; }
.w50p { width: 50%; }
.w33p { width: 33%; }
.w25p { width: 25%; }
.w20p { width: 20%; }
.w10p { width: 10%; }

.w10 { width: 10px; }
.w20 { width: 20px; }
.w30 { width: 30px; }
.w50 { width: 50px; }
.w100 { width: 100px; }
.w200 { width: 200px; }
.w300 { width: 300px; }
.w400 { width: 400px; }
.w500 { width: 500px; }

/*7.text
----------------------------------------*/
.text-center { text-align: center; }
.error_txt { margin:10px 0; color:#b51515; font-weight:bold; text-align:center; }
.t_red { color:#b51515; }
.t_red_b, .t_red_b:hover, .t_red_b:visited {
    color:#b51515; font-weight:bold;
}

/*form*/
input::-webkit-input-placeholder {
    color:#888;
    font-weight:normal;
}
input:-ms-input-placeholder {
    color:#888;
    font-weight:normal;
}
input::-moz-placeholder {
    color:#888;
    font-weight:normal;
}

textarea::-webkit-input-placeholder {
    color:#888;
    font-weight:normal;
}
textarea:-ms-input-placeholder {
    color:#888;
    font-weight:normal;
}
textarea::-moz-placeholder {
    color:#888;
    font-weight:normal;
}