/* 共通 */

body {
	background-color:#d8bd8f;
	color:#404040;
	margin:0 auto;
	text-align:center;
}
a:link    { color:#780d28; }
a:visited { color:#ff00ff; }
a:active  { color:#ff0000; }
a:hover { color:#ff0000; }

img {vertical-align:bottom;}

.clear {clear:both;}
.hide {display: none;}
.bottom {margin-bottom: 10px;}
#bold {font-weight:bold;}
#sun,#red {color:#ff0000;}
#sat {color:#3333ff;}
#yellow {color:ff9900;}
#center {text-align:center;}
#right {text-align:right;}

#mark1,
.mark1 {
	background-color:#85000f;
	color:#ffffff;
	padding:1px;
	margin-right:2px;
}
#mark2,
.mark2 {
	background-color:#ff9900;
	color:#ffffff;
	padding:1px;
	margin-right:2px;
}
#mark3,
.mark3 {
	background-color:#0099ff;
	color:#ffffff;
	padding:1px;
	margin-right:2px;
}
#mark4,
.mark4 {
	background-color:#009900;
	color:#ffffff;
	padding:1px;
	margin-right:2px;
}
#salebanner_s,
#salebanner_m {
	margin:10px 0;
}
#salebanner_b {
	margin:10px 0 3px;
}

/* clearfix */

.clearfix {
	zoom:1;
}
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}

/* 基本ページ構成 */

#base {
	width:850px;
	margin:0 auto;
	background:transparent url(../images/baseback.gif) repeat-y center;
}
#header {
	width:800px;
	height:79px;
	margin:0 auto;
	background:transparent url(../images/headtitle.jpg) no-repeat center top;
}
#main {
	width:800px;
	margin:0 auto;
	text-align:center;
}
#menu {
	float:left;
	border-right:2px solid #592f38;
	width:190px;
	background-color:#eee6c7;
	line-height:100%;
}
#contents {
	float:right;
	width:604px;
	padding-top:10px;
	text-align:left;
}
#footer {
	clear:both;
	width:800px;
	margin:0 auto;
	text-align:center;
	background-color:#cccccc;
}
/* IE6以前及びMac版IE5対策 */
*html #menu {
	width:192px;
}

/* フッタ */

#footer-navi {
	padding:5px;
}
#footer-text {
	padding-bottom:5px;
}

/* トップページ */

#search {
	float:right;
	padding-top:25px;
	padding-right:5px;
	text-align:right;
}
#search table {
	color:#ffffff;
}
#center-area {
	float:left;
	width:420px;
	text-align:left;
}
#topics-area {
	margin:15px 9px 15px 5px;
}
#topics {
	margin-top:2px;
	border-top:3px solid #780d28;
}
#side-area {
	float:right;
	width:184px;
	text-align:left;
	margin-bottom:10px;
	line-height:100%;
}
#box-top{
	width:174px;
	margin-top:10px;
	margin-bottom:0;
}
#box-middle{
	width:174px;
	margin:0;
	background:transparent url(../images/box_middle.gif) repeat-y center;
}
#box-middle ul{
	text-align:left;
	padding:7px 0 0 15px;
	margin:0 5px;
}
#box-middle2{
	width:174px;
	margin:0;
	background:transparent url(../images/top_column_middle.gif) repeat-y center;
}
#box-middle2 div{
	padding:5px 10px;
}
#box-middle2 img{
	margin:5px;
}
#box-bottom{
	width:174px;
	margin:0;
}
#box-bottom img {
	vertical-align:top;
}
#side-area p{
	text-align:center;
	padding-right:10px;
}
h3.tpc-title {
	margin-top:0;
	padding-top:0;
}

/* Win版IE6対策 \*/
*html #box-bottom {
	font-size:5px;
}
/* */
/* SSI表示対策 */
.spo {
	width:80px;
	background-color:#FF0000;
	color:#FFFFFF;
	padding:1px;
	margin:2px;
}

/* サブページ基本構成 */

#header2 {
	width:800px;
	height:79px;
	margin:0 auto;
}
#main2 {
	width:800px;
	margin:0 auto;
	background:transparent url(../images/c_back.jpg) repeat-x top;
	text-align:center;
}
#main3 {
	width:800px;
	margin:0 auto;
	background:transparent url(../images/cs_back.jpg) repeat-x top;
	text-align:center;
}
#contents2 {
	float:right;
	width:595px;
	text-align:left;
}
#contents2-c {
	float:right;
	width:595px;
	text-align:center;
}
#sub-button {
	width:595px;
	height:30px;
	margin:5px 0 30px;
	border-bottom:5px solid #af5963;
}
#s-button-img1 {
	float:left;
	padding:6px 10px;
	border-right:1px solid #000000;
}
#s-button-img2 {
	float:left;
	padding:6px 10px;
}
/* Mac版IE対策 \*/
#sub-button {
	height:25px;
}
*html #sub-button {
	font-size:5px;
}
/* */

/* クリアフィックス */

#main2:after,
#main3:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
*html #main2 {
	height:155px;
}
*html #main3 {
	height:101px;
}
/* IE-mac対策 \*/
*html #main2,
*html #main3 {
	height:1%;
}
#main2,
#main3 {
	display:block;
}
/* */

/* トピックスIE対策 */

*html .b1 {
	width:138px;
}
*html .b2 {
	width:94px;
}
*html .b3 {
	width:99px;
}

/* 劇場紹介 */

#c-menu {
	margin-top:5px;
}
#c-menu span img {
	margin-right:5px;
}
#cont-body {
	width:560px;
	margin-top:20px;
	margin-left:10px;
}
#f1-img {
	float:left;
	width:230px;
}
#f1-img img {
	border:1px solid #404040;
	padding:4px;
	margin-bottom:20px;
}
#f1-txt {
	float:right;
	width:320px;
}
#f1-txt dl,#f2-txt dl,#f2-txt2 dl {
	margin:0;
	padding:2px 0 2px 0;
	background:url(../images/dot_s.gif) repeat-x bottom;
}
#f1-txt dl dt,#f2-txt dl dt {
	float:left;
	width:60px;
	margin:0;
	padding:0;
}
#f2 {
	clear:both;
	margin:auto;
	text-align:center;
}
#f2-img img,#f3-img img,#f4-img img {
	border:1px solid #404040;
	padding:4px;
	margin-top:20px;
	margin-bottom:20px;
}
#f2-img .space img {
	margin-right:5px;
}
#f2-txt {
	float:left;
	width:340px;
	text-align:left;
}
#f2-txt dl dt {
	width:140px;
}
#f2-txt table {
	width:340px;
}
#f2-txt td#th1 {
	text-align:center;
	border-top:1px solid #404040;
	border-left:1px solid #404040;
	border-bottom:1px solid #404040;
}
#f2-txt td#th2 {
	text-align:center;
	border:1px solid #404040;
}
#f2-txt td {
	text-align:center;
	border-left:1px solid #404040;
	border-bottom:1px solid #404040;
}
#f2-txt td#td2 {
	text-align:center;
	border-left:1px solid #404040;
	border-right:1px solid #404040;
	border-bottom:1px solid #404040;
}
#down {
	float:right;
	width:200px;
	text-align:center;
}
#acr {
	background-color:e7e0d9;
	text-align:left;
	padding:5px;
	margin:10px auto 20px;
}
#acrimg {
	text-align:center;
	margin-top:5px;
}
#f2-txt2 {
	width:400px;
	text-align:left;
	margin:0 auto 20px;
}
#f2-txt2 dl dt {
	margin:0;
	padding:0;
}
#f3 {
	clear:both;
	float:left;
	width:270px;
	text-align:center;
}
#f4 {
	float:right;
	width:270px;
	text-align:center;
}
#f4-txt {
	margin:20px auto;
}
#f4-txt dl {
	clear:both;
	margin:0;
	padding:1px 0 1px 0;
	background:url(../images/dot_s.gif) repeat-x bottom;
}
#f4-txt dl dt {
	float:left;
	width:150px;
	margin:0;
	padding:0;
	text-align:left;
}
#f4-txt dl dd {
	text-align:right;
}
#cafemenu {
	background-color:#780d28;
	color:#ffffff;
	text-align:center;
	padding:1px;
	font-weight:bold;
	margin-bottom:5px;
}
#f3 ul,#f4 ul {
	text-align:left;
	margin:10px 0 20px;
	padding-left:20;
}
/* MacIE対策 */
*html #f2-2 {
	height:240px;
}
/* WinIE対策 \*/
*html #f1-img .border,
*html #f2-img .border,
*html #f3-img .border,
*html #f4-img .border {
	border:1px solid #404040;
	margin:20px auto;
}
*html #f1-img img,
*html #f2-img img,
*html #f3-img img,
*html #f4-img img {
	border:4px solid #ffffff;
}
*html #f1-img {
	padding-top:1px;
}
*html #f2-img .space img {
	margin-right:5px;
}
*html #f2-2 {
	height:auto;
}
/* */

/* 各サブページ本文 */

#useguide,
#usefee,
#usevariation,
#mate,
#mateform,
#form,
#bbs,
#faq,
#sub,
#link ,
#new ,
#traffic,
#column {
	width:560px;
	margin-left:10px;
	margin-bottom:20px;
	text-align:left;
}
#sub,
#bbs {
	margin-top:35px;
}
#link,
#new,
#column {
	margin-top:25px;
}
#traffic {
	margin-top:25px;
	width:580px;
}
#title-bar {
	margin:10px 0 10px;
}
#useguide ul,
#usefee ul,
#mate ul {
	padding-left:20;
}
#useguide ol {
	margin-left:10;
	padding-left:20;
}
#fee-table {
	width:560px;
	margin-top:10px;
	margin-bottom:15px;
	background-color:#ffffff;
}
#fee-table2 {
	width:560px;
	margin-bottom:15px;
	background-color:#ffffff;
}
#fee-table #th1,
#fee-table2 #th1 {
	background-color:#ac5460;
	color:#ffffff;
	text-align:center;
}
#fee-table #th2,
#fee-table2 #th2 {
	background-color:#ac5460;
	color:#ffffff;
	text-align:center;
}
#fee-table #td1,
#fee-table2 #td1 {
	background-color:#dedede;
	text-align:center;
}
#fee-table #td2,
#fee-table2 #td2 {
	background-color:#dedede;
	text-align:center;
	width:70px;
}
#fee-table #td3,
#fee-table2 #td3 {
	background-color:#dedede;
	text-align:right;
	width:60px;
}
#fee-table #td4,
#fee-table2 #td4 {
	background-color:#dedede;
	text-align:left;
	width:180px;
}
#fee-table #td5,
#fee-table2 #td5 {
	background-color:#dedede;
	text-align:left;
}
#usefee h3,
#usefee h4 {
	margin-bottom:0;
}
#usevariation h3 {
	clear:both;
}
#vari-sample {
	text-align:center;
}
#vari-sample {
	width:560px;
	margin:auto;
	text-align:center;
	height:180px;
}
#v-smp1 {
	float:left;
	width:150px;
	text-align:center;
}
#v-smp2 {
	float:right;
	width:408px;
	text-align:center;
}
#v-smp3 {
	float:right;
	width:203px;
	text-align:center;
}
#vari-p {
	border:1px solid #404040;
	padding:4px;
	margin:0 auto 2px;
}
#sheet {
	width:400px;
	height:210px;
	margin:10px auto 20px;
	text-align:center;
}
#sheet img {
	float:left;
	margin-right:20px;
}
#sheet p {
	text-align:left;
}
#mate h1 {
	text-align:center;
	margin-top:20px;
	margin-bottom:10px;
	color:#780d28;
}
#mate h2 {
	text-align:center;
	margin-top:20px;
	margin-bottom:10px;
	color:#780d28;
	background-color:#ffffcc;
	padding:5px;
	border-top:3px solid #780d28;
	border-bottom:3px solid #780d28;
}
#mate-p {
	float:right;
	margin:10px;
}
#mateform,
#form,
#enq {
	text-align:center;
}
#mateform table,
#form table {
	width:500px;
	margin:auto;
}
#enq table {
	width:600px;
	margin:auto;
}
#mateform table td,
#form table td,
#enq table td {
	border-top:3px solid #780d28;
}
#mate-table {
	width:560px;
	margin-top:15px;
	margin-bottom:15px;
	background-color:#ffffff;
}
#mate-d1 {
	background-color:#ac5460;
	color:#ffffff;
	font-weight:bold;
	white-space:nowrap;
}
#mate-d2 {
	background-color:#dedede;
}
#mate-d2 ol {
	margin:0 0 5px 2em;
	padding:0;
}
#mate-d2 div {
	margin:0;
	text-indent:-3em;
	padding-left:3em;
}
#mail-prv {
	width:500px;
	background-color:#ffffff;
	margin:auto;
	padding:10px;
	text-align:center;
	border:1px solid #780d28;
}
#mail-prv table {
	margin:auto;
	text-align:center;
}
#mate ul#toku {
	list-style:none;
	margin:0;
	padding:8px 0 8px 0;
	background:url(../images/dot_s.gif) repeat-x bottom;
}
#mate ul#toku li {
	background:url(../images/maru.gif) no-repeat;
	margin:0;
	padding:0 0 0 20px;
}
#mate div#chu {
	text-align:right;
	color:#780d28;
}
td#ud-line {
	margin:0;
	padding:10px 0 10px 0;
	background:url(../images/dot_s.gif) repeat-x bottom;
}
#new dl {
	margin:5px 0 5px;
	background:url(../images/dot_s.gif) repeat-x bottom;
}
#new dt {
	padding-top:10px;
	background:url(../images/dot_s.gif) repeat-x top;
}
#new dd {
	padding-bottom:10px;
}
td#ud-line img,
#new dl img {
	vertical-align:baseline;
}
#bbs-bt {
	border-top:1px solid #780d28;
	border-bottom:1px solid #780d28;
	padding:5px;
}
#faq .img,
#column .img {
	margin: 10px;
}
#faq .imgPosition,
#column .imgPosition {
	text-align: center;
}
#faq p#cgiName,
#column p#cgiName {
	text-align: right;
}
#faq h1,
#faq form,
#column h1,
#column form {
	text-align: center;
}
#column h3{
	display: none;	
}
#traffic #map1 {
	float:right;
	width:340px;
	margin-left:15px;
	margin-right:25px;
}
#traffic h4 img {
	vertical-align:baseline;
}
#traffic p {
	padding-right:25px;
}
/* IE対策 */
*html #useguide ul,
*html #usefee ul,
*html #mate ul {
	margin-left:5px;
}
/* WinIE対策 \*/
*html #vari-sample .border {
	border:1px solid #404040;
}
*html #vari-p {
	border:4px solid #ffffff;
}
*html #v-smp2,
*html #v-smp3 {
	padding-top:1px;
}
*html #sheet {
	margin-left:80px;
}
*html #traffic #map1 {
	margin-right:12px;
}
*html #column {
	width:560px;
}
*html #column .img {
	float:left;
}
/* */

/* ヘッダのみのパターン */

body#simple {
	background:#d8bd8f url(../images/baseback2.gif) repeat-y center;
	color:#404040;
	margin:0 auto 20px;
	text-align:center;
}
#header3 {
	width:800px;
	padding-top:110px;
	margin:0 auto;
	background:transparent url(../images/headtitle.jpg) no-repeat center top;
}