@charset "utf-8";
/* CSS Document */

body{
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		background:url(image/back_ground04.gif);
		/*background-color:#999999;*/
		margin:0px;
		padding:0px;
		line-height:133%;
		color:#555;}


img{
		border:0px;}


a{
		text-decoration:underline;
		color:#0099FF;}

a[href]:hover{
		color:#6FEDFB;
		text-decoration:none;}

a:visited{	
		color:#6666FF;
		text-decoration:underline;}


.clear{
		clear:both;}

hr{
		display:none;}

.left{
		float:left;}

.right{
		float:right;}

p{
		margin:0px;}


#shadow{
		background-color:#fff;
		margin:0px auto;
		padding:0px;
		width:830px;
		border-left:4px solid #777;
		border-right:4px solid #777;}

#wrapper{
		width:800px;
		margin:0px auto;
		padding:0px;}


/*------------ ↑：キャッチコピー --------------*/

#top{
		background-color:#000;
		border-bottom:2px solid #666;
		color:#999;
		font-size:10px;}

#top p{
		width:830px;
		margin:0px auto;}


/*----------------------------------------------*/
/*			↑：ＨＥＡＤＥＲ部分です。			*/
/*----------------------------------------------*/

#header{
		height:80px;
		margin-bottom:5px;}

#header h1{
		margin:10px 0px 0px 0px;}

#header .toiawase{
		margin-top:10px;}

/*----------------------------------------------*/
/*			↑：上ＭＥＮＵ部分です。			*/
/*----------------------------------------------*/


#top-menu{
	margin:0px auto;
	padding:0px;
	width: 798px;
	height:40px;
	background-color:#ddd;}

#top-menu li img{
	 vertical-align: bottom;}

#top-menu ul{
	margin:0px;
	padding:0px;
	list-style:none;}

#top-menu li{
	float:left;
	margin:0px;
	padding:0px;}

/*----------------------------------------------*/
/*			　：メインイメージです。			*/
/*----------------------------------------------*/

#main{
		width:798px;
		height:280px;
		background-color:#000;
		margin:0px auto;
		padding:0px;}

object,embed {  
    vertical-align: top;}

.m-left{
		width:724px;}

#main .flash{
		padding-top:15px;
		background-color:#000;}


/*-------------- SUB PAGE ----------------------*/

#sub-main{
		width:798px;
		margin:0px auto;}



/*-------------- ＣＯＮＴＥＮＴ ----------------*/

#content{
		width:800px;
		height:100%;
		margin-top:30px;
		background:url(image/back_ground01.gif) repeat-y;
}



/*----------------------------------------------*/
/*			←：ＭＥＮＵ部分です。				*/
/*----------------------------------------------*/


#menu{
		width:180px;
		padding:10px;}

#menu ul{
		margin:0px 0px 30px;
		padding:0px;}


#menu .seisaku{
		background:url(image/seisaku.gif) no-repeat;
		font-size:90%;
		padding:0px 0px 10px 30px;
		margin:5px 0px 0px;
		font-weight:bold;
		border-bottom:1px dashed #ddd;}

#menu .chiiki{
		background:url(image/chiiki.gif) no-repeat;
		font-size:90%;
		padding:0px 0px 10px 30px;
		font-weight:bold;
		margin:5px 0px 0px;
		border-bottom:1px dashed #ddd;}

#menu li{
		margin: 0;
		padding: 0;
		list-style-type: none;
		border-bottom:1px dashed #ddd;}



#menu li a{
		color:#666666;
		text-decoration:none;
		width:172px;
		padding:4px 0px 0px 8px;
		font-size:80%;
		height:26px;
		display:block;}

#menu li a:hover{
		color:#3CBEF0;
		background-color:#E0E0E0;
		text-decoration:none;}

#menu address{
		font-style:normal;
		font-size:70%;}

/*----------------------------------------------*/
/*			→：右コンテンツ部分です。			*/
/*----------------------------------------------*/

#box{
		width:570px;
		font-size:80%;}

#box h2{
		margin:0px;
		color:#333;
		font-size:90%;
		font-weight:normal;}

#box .catch{
		width:570px;
		height:250px;
		margin-bottom:40px;}

#info-box h3{
		margin:0px 0px 10px 0px;
		padding:0px 0px 10px 0px;}

#box dl,#box dt,#box dd{
		margin:0px;
		padding:0px;}

#box dl{
		margin-top:10px;
		padding-bottom:10px;
		border-bottom:1px dotted #999;}

#box dt{
		float:left;
		margin-right:20px;}

#box dd{
		width:470px;}


/*--------------- ssl-box ----------------------*/

#sub-main02{
		width:798px;
		margin:0px auto;}

#box-ssl{
			width:570px;
			font-size:90%;}

#ssl-top-menu{
			margin:0px;
			padding:0px;
			height:40px;
			padding-left:1px;}

#ssl-top-menu li img{
	 vertical-align: bottom;}

#ssl-top-menu ul,#ssl-top-menu li{
			margin:0px;
			padding:0px;
			list-style:none;}

#ssl-top-menu li{
			float:left;}

div#formTitle p {
	font-size: 0.9em;
	color: #666666;
	text-indent: 0px;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 15px;
}

div#formTitle h2 {
	margin: 0px;
	padding: 0px;
	text-align: left;
	border: solid 1px #FFFFFF;
	background-color: #F1F5FA;
	font-size: 18px;
	padding: 5px;
	color: #007CC2;
}
form#mailform {
	margin: 0px;
	padding: 0px;
}

#formTitle .stxt {
	font-size: 0.85em;
	background-color: #FFF0E6;
	margin: 5px 10px;
}



table.infield {
	width: 520px;
	background-color: #CCCCCC;
	margin: 0px auto 0px auto;
}
table.infield tr {
	border-bottom: solid 1px #CCCCCC;
}
table.infield tr th {
	border: solid 1px #FFFFFF;
	background-color: #F1F5FA;
	padding: 10px;
	text-align: left;
}
table.infield tr th p{
	color: #252525;
	line-height: normal;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
table.infield tr th img{
	float: right;
}
table.infield tr th span{
	font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
	color: #007CC2;
	font-weight: normal;
	line-height: normal;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}
table.infield tr td {
	border: solid 1px #FFFFFF;
	background-color: #EFEFEF;
	padding: 5px;
	text-align: left;
	font-size: 12px;
	line-height: 2em;
}
table.infield tr td  span {
	font-size: 10px;
	color: #999999;
}
table.infield tr td input,textarea {
	vertical-align: middle;
	border-top : 1px solid gray ;
	border-bottom : 1px solid gray ;
	border-left : 1px solid gray ;
	border-right : 1px solid gray ;
	background-color : #FFFFFF;
	padding: 2px;
	color : #232323;
}
div#confirmWindow {
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	width: 100%;
	height: 100%;
	margin: 0px;
	overflow: hidden;
	z-index: 1;
	position: fixed!important;
	position/**/:  absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	background-color: #000000;
	font-size: 12px;
	text-align: center;
	_top: expression(
		document.documentElement && document.documentElement.scrollTop  || 
		document.body && body.scrollTop  || 0
		+ 0 + 'px'
	);
}
div#confirmBody {
	width: 1px;
	overflow: auto;
	visibility: hidden;
	position: absolute;
	z-index: 10;
	padding: 20px;
	text-align: center;
	margin: 0px auto 0px auto;
}
div#confirmBody h2 {
	color: #FFFFFF;
	margin: 0px auto 0px auto;
	padding: 10px;
}
div.buttons {
	padding: 10px;
	margin: 0px auto 0px auto;
}

#form-title{
	width:530px;
	margin:0px auto 20px auto;
	padding:10px;
	font-size:90%;
	border:1px solid #E9E3D1;
	background-color:#FDF9EE;}

#pan{
	font-size:90%;}

#form-title span{
	color:#CC0000;}

/*---------------- SUB PAGE --------------------*/

#sub-box{
		width:550px;
		margin:0px auto 80px auto;}

h4{
		
		width:540px;
		padding:5px 0px 0px 10px;
		border:1px solid #d4cebf;
		background-color:#f7f6f3;
		margin:0px auto 14px auto;
		height:26px;
		font-size:100%;}


/*----- 天草フィルムコミッションについて -------*/

#sub-box #about{
		margin-top:30px;}


#box #sub-title{
		margin:50px auto 0px auto;}

#sub-box h5{
		color:#6666FF;
		font-size:120%;
		margin:0px;
		padding:0px;}

#sub-box .katsudou{
		margin-left:30px;
		margin-bottom:30px;}

.about-film{
		margin-bottom:80px;}

.about-film h3{
		margin:50px auto 40px auto;}


.about-film span{
		color:#95b906;}

.about-text{
		width:380px;
		margin-right:5px;}

/*-------------- 支援のお申し込み --------------*/

#shien span{
		color:#CC0000;}

#shien-image{
		margin:20px 0px 40px 0px;}

.shien-table{
		font-size:120%;}
/*--------------- お知らせ ---------------------*/

#info-page{
		margin-bottom:40px;}

#info-page dt{
		float:left;
		font-size:90%;
		font-weight:normal;
		color:#666;
		margin-right:10px;}


.info-body{
		margin-top:10px;}



/*------------ ロケお役立ち情報 ----------------*/

.oyakudachi{
		margin:10px 20px 0px 20px;}


/*---------- フィルムサポーター募集 ------------*/

#film-supporter{
		width:550px;
		margin:30px auto 0px auto;}

#touroku{
		padding:10px;
		margin:30px 0px;
		background-color:#f9ffdf;
		border:1px solid #E0EF7A;}

#touroku .pdf-img{
		margin-right:5px;}




/*--------- おすすめロケーション投稿 -----------*/

#location-image{
		margin:20px auto 0px auto;
		width:550px;}

#location-in{
		float:left;
		margin:20px 13px 0px 13px;
		width:150px;
		height:160px;}

.location-toukou{
		margin:30px 0px;
		background-color:#d9f1f4;
		padding:10px;}


/*------------- サイトマップ -------------------*/

#sub-box02{
		margin-top:40px;}

#sub-box02 ul{
		margin:3px 0px 3px 16px;
		list-style-type:disc;
		color:#CCCCCC;}


/*----------------------------------------------*/
/*			↓：ＦＯＯＴＥＲ部分です。			*/
/*----------------------------------------------*/


#footer{
		width:830px;
		height:80px;
		margin-top:20px;
		background:url(image/footer.gif) no-repeat;}

#footer .footer-text{
		float:right;
		font-size:70%;
		font-weight:bold;
		color:#666;
		margin:60px 16px 0px 0px;}

.bottom{
		background:url(image/bottom.gif) repeat-x;
		height:18px;
		color:#000;
		font-size:3px;
		margin:0px;
		padding-top:5px;}

.pagetop{
		font-size:70%;}


/*----------------------------------------------*/
/*			↓ライトボックスです				*/
/*----------------------------------------------*/

#sub-box table{
		font-size:80%;
		border:1px solid #ccc;}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(location/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(location/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(location/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-agn: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */