/****************************************************************************/
/*                                                                          */
/*  サイトの基本スタイル site-common.css                                    */
/*                                                                          */
/****************************************************************************/
/*  このCSSは全ページの基本的なスタイルの設定に適応されています             */
/****************************************************************************/

body { background-color: #000066; padding: 15px 0px 15px; margin:0; font: 12px/12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
#container { width: 720px; margin: 0px auto; background: #FFFFFF; }
#header { width: 720px; height: 50px; overflow: hidden; }
#header #menu { margin: 0px; padding-left: 0px; padding-top: 8px; list-style: none; background: #000066; height: 22px; }
#header #menu li { display: block; float: left; margin-right: 6px; }
#header #menu li img { display: block; }
#contents { padding: 0px 20px; width: 680px; margin: 0px; float: left; background: #FFFFFF; overflow: hidden; }
#contents .title { margin-bottom: 8px; float: left; width: 680px; }
#contents .title img { display: block; }
#contents .movie-list { width: 680px; overflow: hidden; list-style: none; margin: 0px 0px 3px; padding: 0px; float: left; display: block; }
#contents .movie-list li { width: 130px; overflow: hidden; background: #CCCCCC; float: left; border: 1px solid #999999; display: block; height: 250px; margin-top: 0px; margin-right: 5px; margin-bottom: 5px; margin-left: 0px; }
#contents .movie-list li.sort5 { margin-right: 0px; }
#contents .movie-list li.sort10 { margin-right: 0px; }
#contents .movie-list li.sort15 { margin-right: 0px; }
#contents .movie-list li.sort20 { margin-right: 0px; }
#contents .movie-list li.sort25 { margin-right: 0px; }
#contents .movie-list li.sort30 { margin-right: 0px; }
#contents .movie-list li.sort35 { margin-right: 0px; }
#contents .movie-list li.sort40 { margin-right: 0px; }
#contents .movie-list li.sort45 { margin-right: 0px; }
#contents .movie-list li.sort50 { margin-right: 0px; }
#contents .movie-list .img { padding: 4px 4px 5px; float: left; }
#contents .movie-list .img img { border: 1px solid #000000; display: block; height: 160px; width: 120px; }
#contents .movie-list img.title { display: block; margin: 0px; float: left; width: 130px; height: 20px; }
#contents .movie-list div.title { display: block; margin: 0px; float: left; width: 130px; height: 20px; font-size: 10px; line-height: 20px; color: #FFFFFF; background: #990000; text-align: center; }
#contents .movie-list p { margin: 0px; padding: 5px 2px 3px; text-align: center; float: left; width: 126px; }
#contents .attention { clear: both; width: 668px; border: 1px solid #000000; color: #FFFFFF; background: #CC0000; padding: 4px 5px; margin-bottom: 8px; line-height: 16px; }
#footer { float: left; width: 720px; background: #000066; padding: 0px; }
#footer .menu { margin: 0px; text-align: center; background: #FFFFFF; padding: 0px 20px; width: 680px; }
#footer .menu p { background: #DDDDDD; padding: 10px 0px; margin: 0px; }
#footer .protector { background: #FFFFFF; padding: 10px 60px 15px; width: 600px; }