@charset "UTF-8";

/* -----------------------------
「パッケージチケット」レイアウト（package.css）

----------------------------- */

#main img { border: none;}


/* インデックス */
ol#index { list-style-type: none; width: 676px; margin: 1.5em auto 0 auto; padding: 0;}
ol#index li { margin: 0 0 2em 0; padding: 0 0 10px 0; background: url(../img/package_index04.gif) no-repeat right bottom;}
ol#index h3 { overflow: hidden; width: 676px; height: 38px; margin: 0 0 5px 0; font-size: 1px; text-indent: -9999px;}
ol#index p { margin: 5px 10px 5px 28px;}

ol#index .tokutokuA h3 { background: url(../img/package_index01.gif) no-repeat left top;}
ol#index .tokutokuB h3 { background: url(../img/package_index02.gif) no-repeat left top;}
ol#index .tokutokuC h3 { background: url(../img/package_index03.gif) no-repeat left top;}
ol#index .tokutokuB,
ol#index .tokutokuC { clear: both; padding-bottom: 2px;}

ol#index .tokutokuA ul { list-style-type: none; width: 650px; margin: 0 0 0 15px; padding: 0;}
ol#index .tokutokuA ul li { float: left; width: 316px; margin: 0 0 10px 5px; padding: 0; background: none;}
ol#index .tokutokuA ul h4 { margin: 5px 0;}
ol#index .tokutokuA ul p { margin: 0 0 0 8px;}

ol#index .wrapper { width: 430px; padding-right: 240px; padding-bottom: 20px;}
ol#index .tokutokuB .wrapper { background: url(../img/package_index02-4.gif) no-repeat right bottom;}

ol#index .tokutokuC .wrapper { background: url(../img/package_index03-4.gif) no-repeat right bottom;}
ol#index .mark { float: left; width: 80px;  text-align: center;}
ol#index .text { margin-left: 120px; font-size: 92%;}





/* 個別パッケージ */
#pack_name { width: 668px; margin: 0 auto; padding: 0; color: #1f1f1f;}
.pack01 { background: #ffdf93 url(../img/package01_bg-top.gif) no-repeat left top;}
.pack02 { background: #c9ee97 url(../img/package02_bg-top.gif) no-repeat left top;}
.pack03 { background: #aedef6 url(../img/package03_bg-top.gif) no-repeat left top;}
.pack04 { background: #ffd0d7 url(../img/package04_bg-top.gif) no-repeat left top;}
.pack01 .textbox { padding: 0 15px 15px 15px; background: #ffdf93 url(../img/package01_bg-bottom.gif) no-repeat left bottom;}
.pack02 .textbox { padding: 0 15px 15px 15px; background: #c9ee97 url(../img/package02_bg-bottom.gif) no-repeat left bottom;}
.pack03 .textbox { padding: 0 15px 15px 15px; background: #aedef6 url(../img/package03_bg-bottom.gif) no-repeat left bottom;}
.pack04 .textbox { padding: 0 15px 15px 15px; background: #ffd0d7 url(../img/package04_bg-bottom.gif) no-repeat left bottom;}

#pack_name h2 { padding: 15px;}
#pack_name .otoku { position: relative;}
#pack_name .otoku img { position: absolute; top: -65px; right: -5px;}
.price1 { color: #cc0033; font-size: 122%; font-family: Arial, Helvetica, sans-serif;}

#pack_name dl { clear: both; margin-top: 2em;}
#pack_name dt { clear: left; float: left; padding: 0.3em 1.5em 0 0.5em;}
#pack_name dd { padding-top: 0.3em; padding-left: 12em; margin-bottom: 0.3em; border-top: 1px dotted #fff;}

.option { background-color: #9fd5f0; padding: 6px 13px;}
.option p { margin: 0 !important;}


/* ページ上部リンク */
dl.pagelink { width: 700px; margin-bottom: 30px; font-size: 92%;}
dl.pagelink dt { height: 20px; background: #fff url(../img/packagemenu.gif) no-repeat left top; text-indent: -9999px;}
dl.pagelink dd { width: 670px; margin: 0; padding: 12px 15px; background-color: #f3f3f3;}
dl.pagelink dd ul { margin: 0; padding: 0;}
dl.pagelink dd li { display: inline; margin: 0; padding: 0 10px; border-left: 1px solid #ccc;}
dl.pagelink dd li:first-child { border-left: none;}



/* 公演内容 */
#main .head { clear: both; margin: 2em 0 0 0; padding: 6px 13px; background-color: #494949; border: 1px solid #a7a7a7;}

#main .head .catch { margin: 0; padding: 0 0 3px 0; color: #fff; font-size: 92%;}
#main .head h3 { float: left; width: 510px; margin: 0; padding: 0; color: #fff; font-size: 112%; font-weight: bold;}
#main .head h3 a { color: #fff !important;}
#main .head h3 span { font-size: 85%;}
#main .head .syousai { margin: 0 13px 0 0; margin: 0; padding: 0; text-align: right;}

table.detailTable { width: 100%; margin-bottom: 8px; border-collapse: collapse; border: 1px solid #ccc; font-size: 92%;}
table.detailTable caption { margin: 0; padding: 5px 13px; background-color: #494949; border: 1px solid #a7a7a7; color: #fff; font-size: 112%; font-weight: bold;}
table.detailTable caption span { font-size: 85%;}
table.detailTable th { width: 20%; margin: 0; padding: 3px 5px; background-color: #e5e5e5; border: 1px solid #a7a7a7;}
table.detailTable td { margin: 0; padding: 3px 12px; border: 1px solid #a7a7a7;}
table.detailTable td.service img { margin: 2px; vertical-align: middle;}


/* 写真 */
#main .photo { margin: 8px 0 2em -4px;}
#main .photo img { margin-left: 4px;}


#main .margin0 { margin-top: 0;}

/* プラス・アラカルト */
#main table { width: 100%; margin-bottom: 2em; border-collapse: collapse; border: 1px solid #ccc; font-size: 85%;}
#main table thead th { background-color: #494949; color: #fff;}
#main table td { margin: 0; padding: 3px 5px; border: 1px solid #a7a7a7;}
#main table td.nowrap { white-space: nowrap;}

#main table .th-title { width: 50%;}
#main table .th-date { width: 25%;}
#main table .th-place { width: 10%; text-align: center;}
#main table .th-price { width: 15%;}



/* clearfix
----------------------------- */
ol#index ul,
#main .head,
#main .textbox dl,
#main .photo { display: inline-block;}
ol#index ul:after,
#main  .head:after,
#main .textbox dl:after,
#main .photo:after { content: "."; display: block; height: 0.1px; clear: both; visibility: hidden; font-size: 0.1em; line-height: 0;}
/* Hides from IE-mac \*/
* html ol#index ul,
* html #main .head,
* html #main .textbox dl,
* html #main .photo { height: 0.1;}
ol#index ul,
#main .head,
#main .textbox dl,
#main .photo { display: block; }
/* End hide from IE-mac */