/*　みずのゆきのちょこっとcinema　*/

/*　共通設定　////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

body {
background-color:#FFFFFF;
margin:0px;
}
a{
text-decoration:none;
color:#FF0000;
}
a:active{
color:#000000;
}
a:visited{
color:#FF0000;
}
a:hover{
color:#000000;
}
table {
clear:both;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
}
p {
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
}

/*　トップページ　////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#container {
width:651px;
height:auto;
overflow:auto;
margin:auto;
padding:2px 0px 0px 0px;
margin-top:2px;
color:#666666;
font-size:12px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
letter-spacing:0.1em;
line-height:16px;
text-align:center;
border-left:1px solid #FF0000;
border-right:1px solid #FF0000;
border-top:1px solid #FF0000;
border-bottom:1px solid #FF0000;
}
#main {
width:591px;
height:auto;
margin:auto;
padding:0px 30px 0px 30px;
padding-right:30px;
padding-left:30px;
clear:both;
}
/**************************************************************最新レビュー・サムネイル*/
#thumbbox {/*最新レビュー・サムネイル用*/
width:591px;
height:auto;
margin:0px;
padding:0px;
clear:both;
}
.thumbbox_div {/*最新レビュー・サムネイル用（格枠ごとの設定）*/
width:185px;
height:auto;
margin:0px;
padding:0px;
float:left;
}
.thumbnail {/*サムネイル（画像）用*/
width:185px;
height:135px;
margin:0px;
padding:0px;
border:1px solid #BBBBBB;
}
.genrebox {/*ジャンル用*/
width:auto;
height:12px;
margin:1px 0px 0px 0px;
margin-top:1px;
padding:0px;
float:left;
}
.genre {/*ジャンルテキスト用*/
width:auto;
height:auto;
margin:0px;
padding:0px;
background-color:#bbbbbb;
color:#000000;
font-size:10px;
line-height:11px;
vertical-align:text-top;
clear:both;
}
.update {/*記事番号・レビュー更新日用*/
width:auto;
height:12px;
margin:1px 0px 0px 0px;
margin-top:1px;
padding:0px;
font-size:10px;
line-height:12px;
vertical-align:text-top;
float:right;
}
.cinematitle {/*映画タイトル用*/
width:185px;
height:auto;
margin:0px;
padding:0px;
border:1px solid #BBBBBB;
text-align:center;
clear:both;
}
/**************************************************************最新レビュー・テキスト*/
#textbox {/*最新レビュー・テキスト用1*/
width:589px;
height:auto;
margin:2px 0px 0px 0px;
margin-top:2px;
padding:0px;
border:1px solid #BBBBBB;
text-align:center;
clear:both;
}
.textbox0 {/*最新レビュー・テキスト用2*/
width:579px;
height:auto;
margin:2px 0px 0px 0px;
margin-top:2px;
padding:0px 5px 0px 5px;
padding-right:5px;
padding-left:5px;
text-align:center;
clear:both;
}
.textbox1 {/*レビューテキスト右端に余白あり*/
width:186px;
height:auto;
margin:0px;
padding:0px 5px 0px 0px;
padding-right:5px;
text-align:left;
float:left;
}
.textbox2 {
width:186px;
height:auto;
margin:0px;
padding:0px;
text-align:left;
float:left;
}
.no {/*記事ナンバーの配置（記事番号が三桁以上になった場合、ここで横幅を拡張）*/
width:10px;
margin:0px;
padding:0px;
vertical-align:top;
text-align:right;
}
.verticalalign {/*縦の上寄せ*/
margin:0px;
padding:0px;
vertical-align:top;
text-align:left;
}
.align_left {/*横の左寄せ*/
width:auto;
margin:5px 0px 5px 0px;
text-align:left;
}
.font10px {
font-size:10px;
}
.border_right {/*点線・文字右寄せ*/
width:auto;
margin:5px 0px 0px 0px;
margin-top:5px;
padding:1px 1px 1px 0px;
border-top:1px dashed #DDDDDD;
text-align:right;
clear:both;
}
.clear {
clear:both;
}
.border_center {/*点線・文字中央寄せ*/
width:auto;
margin:5px 0px 5px 0px;
margin-top:5px;
padding:5px 0px 0px 0px;
padding-top:5px;
border-top:1px dashed #666666;
color:#CCCCCC;
font-size:10px;
text-align:center;
line-height:11px;
letter-spacing:0.01em;
clear:both;
}
#credit {/*クレジット*/
margin:0px;
padding:0px;
color:#CCCCCC;
font-size:10px;
line-height:11px;
letter-spacing:0.01em;
}

/*　バックナンバー　////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.border_left {/*点線・左寄せ*/
width:auto;
margin-top:0px;
padding:18px 0px 0px 0px;
padding-top:18px;
border-bottom:1px dashed #FF0000;
text-align:left;
clear:both;
vertical-align:text-bottom;
}
#backnum_box {
width:589px;
height:auto;
margin:0px;
padding:0px;
border:1px solid #BBBBBB;
clear:both;
}
.backnum_textbox0 {/*バックナンバーテキスト（月毎の行）用*/
width:579px;
height:auto;
margin:2px 0px 0px 0px;
margin-top:2px;
padding:0px 5px 0px 5px;
padding-right:5px;
padding-left:5px;
text-align:left;
clear:both;
}
.backnum_textbox1 {/*バックナンバーテキスト「月」*/
width:35px;
height:auto;
padding:0px 5px 0px 0px;
padding-right:5px;
margin::0px;
color:#000000;
text-align:right;
vertical-align:top;
}
.backnum_textbox2 {/*バックナンバーテキスト右端に余白あり*/
width:176px;
height:auto;
margin:0px;
padding:0px 5px 0px 0px;
padding-right:5px;
text-align:left;
float:left;
}
.backnum_textbox3 {
width:177px;
height:auto;
margin:0px;
padding:0px;
text-align:left;
float:left;
}
.align_era {/*横の左寄せ（西暦）*/
width:auto;
margin:0px 0px 0px 5px;
color:#000000;
text-align:left;
vertical-align:text-bottom;
letter-spacing:0.2em;
}
.margin_button {/*ボタン*/
margin:2px 5px 2px 5px;
}

/*　レビュー　////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#review_header {/*映画タイトル枠用*/
width:100%;
height:28px;
padding:0px 5px 0px 5px;
padding-right:5px;
padding-left:5px;
margin:2px 0px 5px 0px;
margin-top:2px;
margin-bottom:5px;
background-color:#FF0000;
color:#FFFFFF;
clear:both;
}
.review_cinematitle {/*映画タイトル*/
padding:0px;
margin:0px;
color:#FFFFFF;
font-size:18px;
line-height:20px;
letter-spacing:0.1em;
font-weight:bold;
}
.vol {/*記事番号*/
padding:0px;
margin:0px;
color:#FFFFFF;
font-size:10px;
line-height:10px;
letter-spacing:0.1em;
}
#review_flv {/*動画枠*/
width:323px;
height:auto;
margin:0px;
padding:0px;
float:left;
}
.margin_right {/*右寄せ*/
width:auto;
padding:0px;
margin:0px;
text-align:right;
clear:both;
}
.align_at {/*ご意見募集の注意書きの左寄せ*/
width:auto;
padding:0px;
margin:2px 0px 0px 0px;
margin-top:2px;
color:#BBBBBB;
font-size:10px;
line-height:11px;
letter-spacing:0.01em;
text-align:left;
clear:both;
}
#review_text {/*レビュー文章*/
width:248px;
height:auto;
margin:0px 0px 0px 20px;
margin-left:20px;
padding:0px;
color:#000000;
font-size:12px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
letter-spacing:0.1em;
line-height:16px;
text-align:left;
float:left;
}
.text_margin {/*レビュー文章内のマージン*/
margin:2px 0px 5px 0px;
}
#review_user {/*ユーザーコメント枠*/
width:591px;
height:auto;
margin:10px 0px 0px 0px;
margin-top:10px;
padding:3px 0px 3px 0px;
padding-top:3px;
padding-bottom:3px;
border-top:1px dashed #DDDDDD;
border-bottom:1px dashed #DDDDDD;
clear:both;
}
.user_coment {
width:546px;
height:auto;
margin:0px 0px 0px 45px;
margin-left:45px;
padding:0px;
text-align:left;
clear:both;
}

/*ユーザーコメント*/
#box_in {/*記事の表示*/
margin:0px;
padding:0px;
display:inherit;
}
#box_out {/*記事の非表示*/
margin:0px;
padding:0px;
display:none;
}

/*　フォーム　////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#form_container {
width:490px;
height:auto;
overflow:hidden;
margin:auto;
padding:0px;
color:#666666;
font-size:12px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
letter-spacing:0.1em;
line-height:16px;
text-align:center;
border-left:1px solid #FF0000;
border-right:1px solid #FF0000;
border-bottom:1px solid #FF0000;
}
#form_header {
width:auto;
height:27px;
margin:0px;
padding:0px;
background-color:#FF0000;
text-align:left;
border-top:1px solid #FF0000;
border-bottom:1px solid #FF0000;
}
#form_main {
margin:0px;
padding:0px 30px 10px 30px;
padding-right:30px;
padding-left:30px;
text-align:center;
}
.margin_close {
width:490px;
margin:auto;
padding:3px 0px 0px 0px;
padding-top:3px;
text-align:right;
}


/*****　リンクナビ　*****/
p.link_bn a{/* バックナンバーへのリンク */
display:block;
width:97px;
height:17px;
margin:0px;
padding:0px;
}
a.bn_img{
background-image:url(images/button_backnum.jpg);
}
a:hover.bn_img{
background-position:0px -17px;
}
p.link_fo a{/* フォームへのリンク */
display:block;
width:184px;
height:19px;
margin:0px;
padding:0px;
}
a.fo_img{
background-image:url(images/button_form.jpg);
}
a:hover.fo_img{
background-position:0px -19px;
}
/*****　リンクナビ　*****/




/*　letter-spacing:の問題性→改行<br>を二つ以上並べた場合、ieでは一つ目が反映されない。以下対処の為の設定　//////////////////////////////////////*/
br {
letter-spacing:normal;
}

