/* -----------------------------------------------
 * 城崎温泉動画館用
 * ----------------------------------------------- */

/* -----------------------------------------------
 * ページ全体
 * ----------------------------------------------- */

body{
	font-size:100%;
	color:#222222;
	background-color:#FFFFFF;
	background-image:url(../img/bg.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-attachment:fixed;
	margin-top:0px;
	margin-bottom:15px;
	margin-left:0px;
	margin-right:0px;
}


div.page {
	width: 100%;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}



a:link{ text-decoration:none; color:#FF601B; }
a:visited{ text-decoration:none; color:#9A6247; }
a:active{ text-decoration:underline; color:#222222; }
a:hover{ text-decoration:underline; color:#C13900; }

a.latestalbum:link{ text-decoration:none; color:#FFE100; }
a.latestalbum:hover{ text-decoration:underline; color: #FFE100; }
a.latestalbum:visited{ text-decoration:none; color: #FFE100; }


.x-large	{ font-size:150%;	}
.large	{ font-size:120%;	line-height: 1.2;}
.medium	{ font-size:100%;	line-height: 1.3;}
.normal	{ font-size:90%;	line-height: 1.4;	font-family:"ＭＳ ゴシック",osaka;}
.small	{ font-size:80%;	line-height: 1.4;	font-family:"ＭＳ ゴシック",osaka;}
.x-small	{ font-size:70%;	line-height: 1.2; }


H1 {
	font-size:13px;
	font-weight: bold;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align: left;
}

H2 { font-size:20px; font-weight: bold; margin-top:0pt; margin-bottom:2pt; }
H3 { font-size:84%; font-weight: normal; margin-top:0pt; margin-bottom:0pt; line-height: 1.2; }
H4 { font-size:90%; font-weight: normal; margin-top:0pt; margin-bottom:0pt; color:#222222; line-height: 1.2; }



.red{
	color:#c00 !important;
	font-weight:bold;
}


/* -----------------------------------------------
 * 左コラム
 * ----------------------------------------------- */

td.left-bg {
	width: 214px;
	text-align: left;
	background-image:url(../img/left_bg.gif);
	background-position: 10px 168px;
	background-repeat: no-repeat;
}

div.left {
	margin: 0px 5px 0px 5px;
}

div.left-text {
	width: 150px;
	text-align: left;
	font-size: 80%;
	color:#000000;
	line-height: 1.4;
	margin: 30px auto 15px auto;
}

div.left-text p {
	margin: 0px;
}


div.left-text2 {
	width: 150px;
	text-align: left;
	font-size: 70%;
	color:#000000;
	line-height: 1.2;
	margin: 0px auto 10px auto;
	padding-top :5px;
	border-top:1px dashed #666666;
}

div.left-item {
	width: 150px;
	text-align: center;
	margin: 5px auto 5px auto;
}

div.left-item-select {
	width: 150px;
	text-align: center;
	padding : 20px 0px 20px 0px;
	margin: 5px auto 5px auto;
}




/* -----------------------------------------------
 * メインコンテンツ（TOP）
 * ----------------------------------------------- */

div.main {
	text-align: left;
	margin:0px 0px 0px 0px;
}

div.top-douga-box {
	width: 235px;
	height:91px;
	text-align: left;
	background-image:url(../img/top_movie_box.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px 13px 14px 10px;
	margin:3px 0px 0px 4px;
	float:left;
}

div.top-douga-thumbnail {
	width: 87px;
	height:97px;
	text-align: left;
	float:left;
}

div.top-douga-info-box {
	width: 143px;
	height:91px;
	text-align: left;
	float:right;
}

div.top-douga-info-text-box {
	height:70px;
}

div.top-douga-title,
#list h3 {
	font-size: 13px;
	color: #2F5A7D;
	text-align: left;
	font-weight: bold;
	padding-bottom: 2px;
	line-height: 1.1em; 
	margin:0px;
}

.top-douga-title a:link,
#list h3 a:link{
	text-decoration:none; color:#2F5A7D;
}
.top-douga-title a:visited,
#list h3 a:visited{
	text-decoration:none; color:#2F5A7D;
}
.top-douga-title a:hover,
#list h3 a:hover{
	text-decoration:underline; color:#C13900;
}

div.top-douga-text,
#list .top-douga-info-text-box p { 
	text-align: left;
	font-size:10px;
	color:#222222;
	line-height: 1.2em; 
	margin:0px;
}

.top-douga-text-date { 
	color:#005198;
}

div.top-douga-info-bottom-box {
	height:21px;
}

div.top-douga-time {
	width: 47px;
	height:17px;
	font-size:10px;
	text-align: left;
	background-image:url(../img/top_time_bg2.gif);
	background-repeat: no-repeat;
	padding: 4px 0px 0px 18px;
	margin-right:5px;
	float:left;
}

div.top-douga-play {
	width: 72px;
	float:right;
}


div.main-contents-space {
	width: 30px;
	float: left;
}

div.top-bar,
#list h2 {
	width: 300px;
	padding: 17px 0px 3px 5px;
	margin:0px;
	clear:both;
}



/* -----------------------------------------------
 * メインコンテンツ（動画ページ）
 * ----------------------------------------------- */

div.main-movie {
	text-align: left;
	margin:20px 0px 10px 0px;
}

table.movie-waku {
	padding :5px;
	border:1px solid #B3BFA9;
}

div.movie-info-box {
	width: 80%;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	background-color: #DEEBD1;
}

div.movie-info-box-main {
	padding: 10px 20px 10px 20px;

}

div.movie-info-box-top {
	height:6px;
	text-align: right;
	background-image:url(../img/text_tl.gif);
	background-repeat: no-repeat;
}

div.movie-info-box-bottom {
	height:6px;
	text-align: right;
	background-image:url(../img/text_bl.gif);
	background-repeat: no-repeat;
}


div.movie-info-title {
	font-size: 16px;
	font-weight: bold;
	color:#383B34;
	text-align: left;
	padding-bottom: 3px;
	margin-bottom:10px;
	border-bottom:1px solid #383B34;
}

td.movie-info-text {
	width: 58%;
	font-size: 12px;
	color:#383B34;
	text-align: left;
	line-height: 1.5;
}

td.movie-info-spec {
	font-size: 12px;
	color:#383B34;
	text-align: left;
	line-height: 1.4; 
	padding-left: 20px;
}




/* -----------------------------------------------
 * サブメニュー
 * ----------------------------------------------- */


div.submenu-tit {
	font-size: 12px;
	padding: 8px 0px 8px 0px;
	width: 180px;
	margin:0px 0px 1px 0px;
	text-align: center;
	background-image: url(../img/submenu_tit_bg.gif);
	background-repeat: repeat-x;
	background-position: 0% 50%;
	background-color: #FFFFFF;
}


div.submenu {
	width: 180px;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	float:left;
}

#submenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#submenu li {
	display: block;
	margin: 0px;
	padding: 0px;
}

#submenu a {
	display: block;
	border-bottom: 1px dashed #999999;
	font-size: 12px;
	padding: 7px 0px 7px 19px;
	text-decoration: none;
	color: #1984B3;
	width: 161px;
	margin:1px 0px 1px 0px;
	text-align: left;
	background-image: url(../img/submenu_arrow.gif);
	background-repeat: no-repeat;
	background-position: 8px 50%;
	background-color: #F4F4F4;
}

#submenu a:hover {
	display: block;
	border-bottom: 1px dashed #999999;
	font-size: 12px;
	padding: 7px 0px 7px 19px;
	text-decoration: none;
	color: #1984B3;
	font-weight: normal;
	width:161px;
	margin:1px 0px 1px 0px;
	text-align: left;
	background-image: url(../img/submenu_arrow.gif);
	background-repeat: no-repeat;
	background-position: 9px 50%;
	background-color: #FFFFFF;
}


/* -----------------------------------------------
 * フッター
 * ----------------------------------------------- */
div.page-footer {
	width: 740px;
	background-color: #FFFFFF;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 5px;
	clear: both;
}

.copyright {
	width: 740px;
	font-size:80%;
	text-align: center;
	padding: 0px 0px 5px 0px;
}


/* -----------------------------------------------
 * コンテンツレイアウト用
 * ----------------------------------------------- */

.subheading{ 
	text-align: left;
	font-size:105%;
	font-weight: bold;
	color:#001E9F;
	padding-bottom: 4px;
}

.instructions{ 
	text-align: left;
	font-size:75%;
	color:#CC0000;
 	padding: 1px　0px 1px 0px;
}



div.info-text { 
	text-align: left;
	font-size:75%;
	font-weight: normal;
	color:#222222;
	line-height: 1.5; 
	padding-left: 10px;
	padding-BOTTOM: 30px;
}