/* CSS Document 2013_11_18 */

/*■初期設定*/

body{  	color:#000000;/*通常のテキストカラー*/
		background-color:#2f4f60; } /*    2f4f4f  */

a{     		color:#0066ff;  }           /*通常のリンクテキストカラー*/ 
a:visited	{color:#4b0082;}
a:hover		{color:#FF9900;
			text-decoration:underline;} 
			/*マウスが乗った時下線を表示 不要の場合はunderline を none へ）*/ 
			/*  navy #0099FF */

*{ margin:0; padding:0; }  /* ｵｰﾙﾏｲﾃｨ? 記述=P? */
img{ border:0;}


/*■フォントサイズ調整 body{	text-align:center;	} */
body {	font-size: 12px; 	}


/*■レイアウトセレクタ*/
/*	.CNT{text-align:center;}  	.L{text-align:left;}  	.R{text-align:right;}	*/


/*■ヘッドレイアウト */
div#bgbody_10 {
	width:874px; 
	margin:0 auto 0 auto; 
	}
div#bgbody{
	width:861px;
	margin:0 auto 0 auto;
	}
	/*margin:0 auto 0 5em;	*/
div#bgflm_hd{
	width:861px;
	height:10px;
	background-image: url(hpddflm/flm_hd.bmp); 
	text-align:center;
	}     	
div#bg_ct{
	width:861px;
	background-image: url(hpddflm/flm_ct.bmp) ;
	background-repeat: repeat-y ;  
	text-align:center;
	}	
div#container{
	width:819px;
	margin:auto;
	text-align:left;
	}
div#head_top{
	width:790px;
	height:45px;
	color: #003333;
	background-image: url(hpddflm/logodd_s2r.bmp); 
	background-repeat: no-repeat  ;
	background-position: left bottom ;
	}
	/*  background-size: 55px 38px; ﾛｺﾞ綺麗にするため、大px画像を使って縮小表示したかったが旧IEは未対応   */

/*■メニュー*/   
div#head_menu{clear: left;  /*上記の回り込み解除 p316*/
	height:48px;         /*42+6の6のｽﾍﾟｰｽをﾒﾆｭｰとﾒｲﾝ画の間に確保*/
	zoom:100%;
	}
div#head_menu ul *{
	list-style-type:none;
	display:block;}
div#head_menu ul li{
	width:117px;
	height:42px;
	position:relative;
	float:left; 
	}
			
div#head_menu ul li a{
	width:117px;
	height:42px;
	text-align:center;
	font-size:12px;                  /* 168行のまねでＭﾒﾆｭの文字サイズ 	 */
	font-weight: 600;
	color:navy;
	line-height:42px;
	text-decoration:none;
	}                               /* ﾏｳｽOFF時 文字色 BG色 */
		                                    	/* 111行 160→100 で100だけど位置？*/
div#head_menu ul li a:hover{
	font-weight: 700; 
	color:yellow;
	text-decoration:none;
	}                                /* ﾏｳｽON時 文字色 BG色 */
div#head_menu ul li.off{
	overflow:hidden;     /*__scroll_auto_visible__*/
	width:117px;
	}
		/* 124行 160→100 で２列目だけ100に*/
div#head_menu ul li.off ol.sub{
	left:0px; top:-999px;
	}
div#head_menu ul ol.sub{
	position:absolute;
	left:0px; top:42px;
	width:115px;
	border:1px solid #999999 ;   /*subﾒﾆｭｰ全体の外枠*/
	text-align:center;
	}
			/* 132行 160→100 でもだめ*/
div#head_menu ul li.on{
	width:117px;
	}
			/* 137行 160→100 でもだめ*/
div#head_menu ul li.on{
	overflow:visible;/*×*/        /*__hiddenではサブが出てこない　129行では隠す__*/
	}                          /*  ul＞li.on から＞削除  */

div#head_menu ul ol.sub li{
	width:115px;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #999999;    /*subﾒﾆｭｰ個々の下枠*/
	text-align:center;
	float:none;
	filter:alpha(opacity=65); /*IE */
	-moz-opacity:0.65;        /*FF  */
	}
					/* 143行 160→100 でもだめ*/
div#head_menu ul ol.sub li a{
	background:none;
	background-color:#FFFFFF;
	text-decoration:none;
	color:#330000;
	vertical-align:middle;
	font-size:12px;
	height:30px;
	line-height:30px;
	text-align:center;
	}                                     /* sub ﾏｳｽOFF時 文字色 BG色   yellow*/
div#head_menu ul ol.sub li a:hover{
	color:aqua;
	background:none;
	background-color:#336666;
	}                                     /* sub ﾏｳｽON時 文字色 BG色 */

#head_menu ul li.a10 a         { background:url(hpddflm/key_off10_b.jpg) no-repeat;}
#head_menu ul li.a10 a:hover   { background:url(hpddflm/key_on_b.jpg)   no-repeat;}
#head_menu ul li.a10now a      { background:url(hpddflm/key_now_b.jpg) no-repeat;}
#head_menu ul li.a10now a:hover{ background:url(hpddflm/key_now_b.jpg) no-repeat;}

#head_menu ul li.a20 a         { background:url(hpddflm/key_off_b.jpg)    no-repeat;}
#head_menu ul li.a20 a:hover   { background:url(hpddflm/key_on_b.jpg) no-repeat;}
#head_menu ul li.a20now a      { background:url(hpddflm/key_now_b.jpg) no-repeat;}
#head_menu ul li.a20now a:hover{ background:url(hpddflm/key_now_b.jpg) no-repeat;}

#head_menu ul li.a30 a         { background:url(hpddflm/key_off_b.jpg)    no-repeat;}
#head_menu ul li.a30 a:hover   { background:url(hpddflm/key_on_b.jpg) no-repeat;}
#head_menu ul li.a30now a      { background:url(hpddflm/key_now_b.jpg) no-repeat;}
#head_menu ul li.a30now a:hover{ background:url(hpddflm/key_now_b.jpg) no-repeat;}

#head_menu ul li.a40 a         { background:url(hpddflm/key_off_b.jpg)    no-repeat;}
#head_menu ul li.a40 a:hover   { background:url(hpddflm/key_on_b.jpg) no-repeat;}
#head_menu ul li.a40now a      { background:url(hpddflm/key_now_b.jpg) no-repeat;}
#head_menu ul li.a40now a:hover{ background:url(hpddflm/key_now_b.jpg) no-repeat;}

#head_menu ul li.a50 a         { background:url(hpddflm/key_off_b.jpg)    no-repeat;}
#head_menu ul li.a50 a:hover   { background:url(hpddflm/key_on_b.jpg) no-repeat;}
#head_menu ul li.a50now a      { background:url(hpddflm/key_now_b.jpg) no-repeat;}
#head_menu ul li.a50now a:hover{ background:url(hpddflm/key_now_b.jpg) no-repeat;}

#head_menu ul li.a60 a         { background:url(hpddflm/key_off_b.jpg)    no-repeat;}
#head_menu ul li.a60 a:hover   { background:url(hpddflm/key_on_b.jpg) no-repeat;}
#head_menu ul li.a60now a      { background:url(hpddflm/key_now_b.jpg) no-repeat;}
#head_menu ul li.a60now a:hover{ background:url(hpddflm/key_now_b.jpg) no-repeat;}

#head_menu ul li.a70 a         { background:url(hpddflm/key_off_b.jpg)    no-repeat;}
#head_menu ul li.a70 a:hover   { background:url(hpddflm/key_on_b.jpg) no-repeat;}
#head_menu ul li.a70now a      { background:url(hpddflm/key_now_b.jpg) no-repeat;}
#head_menu ul li.a70now a:hover{ background:url(hpddflm/key_now_b.jpg) no-repeat;}


/*■メインイメージ*/
div#main_image{
	clear:left;
	width:819px;
	padding:0 0 5px 0;
	border:solid #333333;
	border-width:0 0 0px 0 ;	}

/*■HOMEﾍﾟｰｼﾞ文章*/
div#contents{
	margin:0px 10px 5px 20px;
	font-size:13px;		}
	
div#contents_top{
	/***background-image:url(hpddflm/flm_copyright.jpg) ;  実験的に挿入した行***/
	margin:5px 10px 5px 0px;
	color:#003333;
	font-size:15px;	
	font-weight: 800;	}
	
div#main{	margin:0px 0px 0px 0px;	padding:5px 5px 5px 10px; font-size:14px; }
div#mainw{	margin:0px 0px 0px 0px;	padding:5px 5px 5px 10px; font-size:14px; border:solid 1px;	}

div#main_left300{	float: left;padding:5px 10px 5px 5px;margin:0 10 0 0;font-size:14px;width:300px;}
div#main_left300w{	float: left;padding:5px 10px 5px 5px;margin:0 10 0 0;font-size:14px;border:solid 1px;width:300px;}
div#main_left350{	float: left;padding:5px 10px 5px 5px;margin:0 10 0 0;font-size:14px;width:350px;}
div#main_left350w{	float: left;padding:5px 10px 5px 5px;margin:0 10 0 0;font-size:14px;border:solid 1px;width:350px;}
div#main_left400{	float: left;padding:5px 10px 5px 5px;margin:0 10 0 0;font-size:14px;width:400px;}
div#main_left400w{	float: left;padding:5px 10px 5px 5px;margin:0 10 0 0;font-size:14px;border:solid 1px;width:400px;}
div#main_left450{	float: left;padding:5px 10px 5px 5px;margin:0 10 0 0;font-size:14px;width:450px;}
div#main_left450w{	float: left;padding:5px 10px 5px 5px;margin:0 10 0 0;font-size:14px;border:solid 1px;width:450px;}
div#main_left500{	float: left;padding:5px 10px 5px 5px;margin:0 10 0 0;font-size:14px;width:500px;}
div#main_left500w{	float: left;padding:5px 10px 5px 5px;margin:0 10 0 0;font-size:14px;border:solid 1px;width:500px;}
div#main_left550{	float: left;padding:5px 10px 5px 5px;margin:0 10 0 0;font-size:14px;width:550px;}
div#main_left550w{	float: left;padding:5px 10px 5px 5px;margin:0 10 0 0;font-size:14px;border:solid 1px;width:550px;}
div#main_left600{	float: left;padding:5px 10px 5px 5px;margin:0 10 0 0;font-size:14px;width:600px;}
div#main_left600w{	float: left;padding:5px 10px 5px 5px;margin:0 10 0 0;font-size:14px;border:solid 1px;width:600px;}
div#main_left780{	float: left;padding:5px 10px 5px 5px;margin:0 10 0 0;font-size:14px;width:780px;}
div#main_left780w{	float: left;padding:5px 10px 5px 5px;margin:0 10 0 0;font-size:14px;border:solid 1px;width:780px;}
div#main_right1{float: right;padding:5px 5px 5px 5px;margin:0 0 0 0;font-size:14px;border:solid 1px;}

/** div#main_oppo0 {	padding:5px 5px 5px 5px;margin:0 0 0 0;font-size:14px;border:solid 1px;}	
div#main_oppo21{	padding:5px 5px 5px 10px;margin:0 0 0 0;font-size:14px;border:solid 1px;width:790px;}  **/


/***■ﾌｯﾀｰ部分***/
div#totop{
	float: right;padding:5px 20px 0px 20px;margin:0 0 0 0;font-size:12px;font-weight: 800;
	width:300px;
	}
address{
	clear: both;
	margin:3px 50px 3px 10px;  /*上右下左 左右はｾﾝﾀｰ基準に対してのﾏｰｼﾞﾝだ*/
	padding:1px 0px 1px 0px;
	border:none ;  /*solid red*/
	font-size:13px;
	}
div#foot{
	clear:left;
	background-image:url(hpddflm/flm_copyright.jpg) ;
	background-repeat: no-repeat  ;
	background-position: center ;
	height:26px;
	}
	/***			width:700px; これあるとﾊﾞｯｸがｾﾝﾀｰに来ない？！？！	***/	
div#copy{
	margin:2px;
	font-size:12px;
	font-weight: 600;
	text-align:center;
	color:black;
	padding:8px;
	}
div#bgflm_ft{
	width:861px;
	height:10px;
	background-image:url(hpddflm/flm_ft.bmp) ;
	}	
	
	
/***■ 写真館 pictures area　***/	
div#bgflm_hd_pa{
	width:861px;
	height:10px;
	background-image: url(hpddflm/flm_hd.bmp); 
	text-align:center;
	}     	
div#bg_ct_pa{
	width:861px;
	background-image: url(hpddflm/flm_ct.bmp) ;
	background-repeat: repeat-y ;  
	text-align:left;
	}		
div#bg_pa{
	width:819px;
	height:1074px;
	padding:0px 0px 0px 20px;
	text-align:left;
	}  
div#bgflm_ft_pa{
	width:861px;
	height:10px;
	background-image:url(hpddflm/flm_ft.bmp) ;
	}