@charset "utf-8";
/*
Theme Name: hanagata 
*/

/*@import url(css/eco.css);*/
/*=========================================================*/
html, body, #wrap {height: 100%; font-family: "ＭＳ Ｐゴシック", Osaka, Arial, sans-serif }

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 10px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -212px; /* negative value of footer height */
	height: 212px;
	clear:both;} 

/* CLEAR FIX*/
.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 */
/*=========================================================*/


/*== 共通設定 ==============================================*/
body{
	/*background:url(img/top/bk2.png) repeat;*/
	background-color:#909294;
	margin:0 auto;
	padding:0;
	text-align:center;
	font-size:12px
	}

a{border: none; text-decoration:none; color:#000000}
a:hover{color:#CC0000}
img{border: none}
#wrap{text-align:left}
img, div, input { behavior: url("iepngfix.htc") }

/** safari用のCSS hack **/
/* safari only \*/
html:\66irst-child p{font-size:50%}
/*end*/
/*=========================================================*/

/*== ヘッダー =============================================*/
#header{
	background:url(img/top/hd_bk.png) top center;
	width:1012px;
	margin:0 auto;
	/*overflow:hidden;*/
	height:110px}
#logo{
	float:left;
	margin-top:40px;
	margin-left:20px}
#hd_nav{
	float:right;
	background:url(img/top/gmenu_bk.png) center left;
	width:394px;
	height:36px;
	overflow:hidden;
	margin-top:57px;
	margin-right:20px
	}
#hd_nav ul{list-style:none; padding-left:1em; margin-top:12px}
#hd_nav ul li{float:left; margin-right:0.8em}

* html #hd_nav ul{padding-left:0em; margin-left:2em}
*+html #hd_nav ul{padding-left:0em; margin-left:2em}
/*=========================================================*/

/*== リード================================================*/
#lead{width:1013px; margin:0 auto; padding-left:2px}
#lead img{ margin-left:2px}

/*=========================================================*/

/*== ボックス =============================================*/
#box{ width:1012px; margin:0 auto; overflow:hidden}
/*=========================================================*/

/*== ナビ =================================================*/
#nav{ overflow:hidden}
#nav ul{list-style:none; padding-left:0; margin-top:0}
* html #nav ul{ margin-left:0px}
*+html #nav ul{ margin-left:0px}

#nav ul li{float:left; }
/*#nav ul li img{border-right:1px #CCCCCC solid}*/

/*=========================================================*/


/*== コンテンツ ===========================================*/
#contents{ float:left}
#cont_md{ background:url(img/top/con_md.png) left top repeat-y; overflow:hidden; width:803px}

/*=========================================================*/

/*== サイド ===============================================*/
#side{ width:207px; float: right}

#s00{
	width:207px;
	}
#s00 h3{margin:0px;}	
.s_cont{
	background: url(img/top/side_md.png) center repeat-y;
	width:207px
	} 
#s00 .s_cont{ text-align: center;}
#s00 .s_cont img{ margin-top:15px; text-align:center}
#s00 .s_cont h4{margin-bottom:0; margin-top:2px; font-size:12px}
#s00 .s_cont p{
	margin-bottom:0;  
	margin-top:2px;
	color: #666666; 
	font-size:10px;
	padding-bottom:5px
	}

#s01{
	width:207px;
	}
#s01 h3{margin:0px}	
.s_cont{
	background: url(img/top/side_md.png) center repeat-y;
	width:207px
	} 
.s_bx{
	overflow:hidden; 
	width:189px; 
	padding-bottom:10px; 
	border-bottom:1px #CCCCCC dotted;
	margin-left:7px}
.s_l{float:left; width:87px; margin-top:5px; /*margin-left:7px*/}
.s_r{float:right; width: 99px}	
.s_r h4{color:#000000; font-size:12px; font-weight:bold; margin:5px 0 3px}
.s_r p{color: #666666; font-size:10px; margin:0}

.s_bx2{
	overflow:hidden; 
	width:189px; 
	padding-bottom:10px; 
	margin-left:7px;
	margin-bottom:0px}
.s_btm{height:8px;}	


#s02 h3{margin-bottom:0px; margin-top:10px}

.s_l2{float:left; width:50px; margin-top:7px; margin-left:3px/**/}
.s_r2{float:right; width:130px}	
.s_r2 h4{color:#000000; font-size:12px; font-weight:bold; margin:7px 0 3px}
.s_r2 p{color: #666666; font-size:10px; margin:0}

#mono{margin:4px 0 10px 2px}
#st_eco{margin:4px 0 10px 2px}
/*=========================================================*/

/*== フッター =============================================*/
#footer {
	width:1012px; 
	background:url(img/top/footer_bk.png) no-repeat bottom; 
	margin:0 auto;
	overflow:hidden}

#footer address{text-align:center; clear:both}
#footer #sitemap{/**/overflow:hidden; width:760px; margin:20px auto 50px; padding-right:10px}
* html #footer #sitemap{width:800px;padding-top:40px; padding-bottom:20px; margin-left:70px}
*+html #footer #sitemap{padding-top:40px; /*padding-bottom:20px*/}

#footer #sitemap ul{ float:left; overflow:hidden}
#footer #sitemap ul li{
	list-style:none; 
	font-weight:bold; 
	margin-bottom:3px;
	margin-right:20px}

#footer #sitemap ul li:hover{
	background: url(img/top/ftr_list_on.png) no-repeat center left;
	}

/*=========================================================*/

/*== 1段目 =============================================*/
#column01{width:760px; overflow:hidden; margin-left:20px}

* html #column01{width:750px; overflow:hidden; margin-left:0px; padding-left:20px; margin-bottom:20px}
*+html #column01{margin-bottom:20px}

#news{ width:444px; float:left;}
#news h2{margin-top:0; margin-bottom:0}
#news dl{width:434px; margin-left:6px; margin-top:-16px}
#news dt{border-bottom:1px #CCCCCC dotted; padding-top:3px; padding-bottom:3px}
#news dd{border-bottom:1px #CCCCCC dotted; padding-top:3px; padding-bottom:3px}
#news dt{float:left; clear:both; width:100px}
#news dd {margin-left:100px}



#banner_area{float:right; margin-right:10px; width:287px; margin-top:2px}

* html #banner_area{margin-left:10px; margin-right:0px}

#news .rss img {position: relative; top:-28px; left:416px}
/*=========================================================*/



/*== 1段目 =============================================*/
#column01_2{width:760px; overflow:hidden; margin-left:20px; margin-top:30px; margin-bottom:30px}
* html #column01_2{width:750px; overflow:hidden; margin-left:0px; padding-left:20px; margin-bottom:20px}
*+html #column01_2{margin-bottom:20px}


#topics_r h3{
	 
	color: #FFFFFF;
	background:url(img/top/topic_bk.png) no-repeat left top;
	height:33px;
	margin-top:0px;
	padding-left:0.5em;
	padding-top:0.3em;
	font-size: 18px
	}
#topics_l{float:left; width:170px}
#topics_r{float:right; width:570px; margin-right:10px}
#topics_date{float:right}
/*=========================================================*/


/*== 2段目 ================================================*/
#column02{ clear:both;width:760px; overflow:hidden;margin-left:20px; margin-bottom:10px}
#column02 ul li{
	width:360px; 
	overflow:hidden; 
	clear:both; 
	border-bottom:#CCCCCC 1px dotted;
	padding-top:0.6em;
	/*margin-bottom:0.6em;*/
	height:100px}
#column02 ul li#p00{height:310px; padding-bottom:8px}	
#p00{height:310px; padding-bottom:8px}	
#column02 ul{padding-left:0.5em}
* html #column02 ul{margin-left:0em}
*+html #column02 ul{margin-left:0.5em}
*+html #column02 ul li#p00{height:203px; padding-bottom:8px}
* html #column02 ul li#p00{height:203px; padding-bottom:8px}

.new_img{float:left;}
.new_p{float:right; padding:5px; height:100px; }
.new_p h4{margin-top:0; font-size:1.3em;}
* html .new_p h4{ font-size:12px}
*+html .new_p h4{ font-size:12px}

.new_p p{color:#666666}

.new_img2{float:left; width:80x}
.new_p2{float:right; width:265px}
.new_p2 h4{margin-top:0; margin-bottom:0}
.new_p2 p{color:#666666; margin-bottom:0}

* html .new_p2 h4{ font-size:12px}
*+html .new_p2 h4{ font-size:12px}

#col02_l{float:left}
#col02_r{float:right; margin-right:8px}

/*=========================================================*/

/*== 3段目 ================================================*/
#column03 { clear:both;width:760px; overflow:hidden;margin-left:25px; margin-bottom:50px}
* html #column03{  padding-left:0px;margin-left:20px;}
*+html #column03{  padding-left:0px;margin-left:20px;}

#column03 table{  width:720px; padding:10px}
#column03 table th{font-size:10px;}
#column03 table .tb_tit th{ border-bottom:#000000 2px solid}
#column03 table td {border-bottom:1px #CCCCCC dotted; line-height:1.5em; empty-cells:show}
#column03 table tbody{}

#sch_tbl{border:#CCCCCC solid 5px; margin-right:10px;margin-left:5px}
*+html #sch_tbl{margin-left:10px; padding:5px}
* html #sch_tbl{margin-left:10px; padding:5px}

/*#tbl01{width:4em}*/
#tbl02{width:10em}
#tbl03{width:10em}
#tbl04{width:10em}
#tbl05 span{color:#FF0000}

/*=========================================================*/


#image-preload{ 
	width: 0px; 
	height: 0px; 
	display: inline;
	background-image:url(img/top/con_hd.png);
	background-image:url(img/top/con_hd.png);
	background-image: url(img/top/mono.png);
	background-image: url(img/top/s_hq.png);
	background-image:url(img/top/s_kyushu.png);
	background-image:url(img/top/s_osaka.png);
	background-image:url(img/top/s_tokyo.png);
	background-image: url(img/top/eco01.png);
	background-image:url(img/top/eco02.png);
	background-image: url(img/top/film01.png)
}