@charset "UTF-8";
/* 全体 */
body { background: url(http://cinema-kosanji.com/img/body_bg.gif) repeat top left; }
#container { color: #fff; text-align: left; width: 900px; margin: 0 auto; background: #830000 url(img/bg.jpg) repeat-y top left; }
body.preview { color: #fff; text-align: left; background-color: #000; }
/* リンク指定 */
a { overflow: hidden; }
a:link { color: #fff; text-decoration: none; }
a:visited { color: #fff; text-decoration: none; }
a:hover { color: #fff; text-decoration: underline; }
/* メニュー　Basic code */
#nav { width: 900px; height: 26px; float: left; background: url(img/menu_bg.jpg) left top no-repeat; display: block; position: relative; }
#nav li { display: block; list-style: none; float: left; position: relative; }
#nav a { display: block; text-decoration: none; color: #fff; font-size: 14px; padding: 6px 15px; line-height: 1; background: url(img/line.gif) 0 6px no-repeat; }
#nav ul { display: none; position: absolute; left: 0; width: 130px; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; left: 131px; }
/* メニュー Everything else is theming */
#nav *:hover { background-color: none; }
#nav a.left { background: none; }
#nav li.hover a { background-color: #5e5a5a; }
#nav ul { top: 25px; }
#nav ul li a { background-color: #5e5a5a; }
#nav ul a.hover { background-color: #443247; }
#nav ul a { border-bottom: 1px solid #fff; background: none; opacity: 0.9; filter: alpha(opacity=90); }
/* パンくずリスト */
#pan { text-align: left; margin: 15px 20px; }
/* 左エリア */
#left { width: 200px; min-height: 530px; float: left; }
#left h1 { text-indent: -9999px; width: 200px; height: 285px; }
#left.introduction h1 { background: url(http://cinema-kosanji.com/img/title/introduction.jpg) no-repeat left top; }
#left.cast h1 { background: url(http://cinema-kosanji.com/img/title/cast.jpg) no-repeat left top; }
#left.staff h1 { background: url(http://cinema-kosanji.com/img/title/staff.jpg) no-repeat left top; }
#left.pamphlet h1 { background: url(http://cinema-kosanji.com/img/title/pamphlet.jpg) no-repeat left top; }
#left.theater h1 { background: url(http://cinema-kosanji.com/img/title/theater.jpg) no-repeat left top; }
#left.ticket h1 { background: url(http://cinema-kosanji.com/img/title/ticket.jpg) no-repeat left top; }
#left.screen h1 { background: url(http://cinema-kosanji.com/img/title/screen.jpg) no-repeat left top; }
#left.link h1 { background: url(http://cinema-kosanji.com/img/title/link.jpg) no-repeat left top; }
#left.howto h1 { background: url(http://cinema-kosanji.com/img/title/howto.jpg) no-repeat left top; }
#left.report h1 { background: url(http://cinema-kosanji.com/img/title/report.jpg) no-repeat left top; }
#left.theater img.ticket { margin: 30px 0 0 40px; }
/* 右エリア */
#right { width: 660px; min-height: 530px; padding: 0 20px 20px; float: right; }
#introduction ul { width: 660px; margin-top: 10px; float: left; }
#introduction ul li { width: 157px; margin-right: 10px; float: left; }
#introduction ul li.right { margin-right: 0; }
#pamphlet ol { margin-left: 30px; }
#pamphlet ol li { list-style: decimal; }
#theater ul li { line-height: 1.3; margin: 0 0 30px 40px; }
#screen ol { margin: 20px 0 20px 30px; }
#screen ol li { font-weight: bold; list-style: decimal; margin-bottom: 10px; }
#screen ol li ol { margin: 0 0 0 20px; }
#screen ol li ol li { font-weight: normal; list-style: upper-roman; margin-bottom: 10px; }
#screen ol li p { font-weight: normal; }
#screen address { text-align: center; width: 500px; margin: 10px 0 20px; padding: 10px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#screen p.appli { font-size: 120%; text-indent: -4em; margin: 0 0 10px 5em; }
#report dl { width: 660px; float: left; clear: left; margin-bottom: 30px; }
#report dd { float: left; }
#report ul { width: 660px; margin-top: 12px; float: left; }
#report li { width: 156px; margin-right: 12px; float: left; }
#report li.right { margin: 0; }
#link dl { width: 640px; float: left; clear: left; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #fff; }
#link dt { width: 180px; float: left; }
#link dd { width: 460px; float: left; }
#link dd.cmt { width: 640px; }
#blank,#maintenance { padding: 200px 100px; }
/* ページ分割 */
.pagination { clear: both; padding: 8px 0; text-align: center; }
.pagination a,.pagination a:visited { margin-right: 5px; padding: 2px 5px; border: 1px solid #fff; background: #820000; color: #fff; }
.pagination a:hover { text-decoration: none; background: #fff; color: #820000; border: 1px solid #fff; }
/* フッター */
#footer { text-align: center; width: 900px; margin: 10px 0; }
#footer p { font-size: 10px; margin-top: 5px; }
#footer ul li { font-size: 12px; padding-left: 10px; margin-right: 6px; border-left: #fff solid 1px; display: inline; }
#footer ul li.left { border: none; }
/* メールフォーム */
#mailform { min-height: 480px; margin: 70px 140px; }
#mailform h3,#contact h3 { font-size: 1.2em; font-weight: bold; width: 400px; border-bottom: 2px solid #fff; }
blockquote { color: #ffc; font-size: 1.1em; }
#mailform label { font-size: 1.1em; font-weight: bold; }
#mailform p { margin-bottom: 1em; }
#mailform .s_text { font-size: 0.9em; font-weight: normal; margin-left: 15px; }
#mailform .m_text { font-size: 1em; font-weight: normal; }
#mailform ul li { margin-bottom: 5px; }
#mailform .mail-error { color: #ffc; font-size: 1.1em; }
/* お問い合わせ */
#contact { min-height: 420px; margin: 100px 140px; }
/* テキスト関連 */
h2 { font-size: 110%; margin: 0 0 5px; }
#theater p { margin-top: 5px; }
#theater h2, #ticket h2, h3 { font-size: 110%; width: 400px; margin: 0 0 5px; border-bottom: 1px #fff solid; }
#report h2 { font-size: 110%; width: 600px; border-bottom: 1px #fff solid; }
#howto h2,#screen h3 { font-weight: bold; }
#screen h4 { font-size: 110%; }
/* レイアウト調整 */
.m15 { margin: 15px; }
.m_b10 { margin-bottom: 10px; }
.m_t30 { margin-top: 30px; }
.m_l20 { margin-left: 20px; }
/* clearfix */
div:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
div { display: inline-block; }