@charset "Shift_JIS";

* {
	font-size: 100%;
	padding: 0;
	margin: 0;
	
}

body {
	font-family: palatino , georgia , verdana , arial , Osaka ,"‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	/* font-family: "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, Arial, Helvetica;*/
	font-size: 75%;
	letter-spacing: 0.05em;
	line-height: 1.9em;
	text-align: center;
	background-color: #ffefdf;
	
}
img {
	border-style: none;
	margin: 0;
	padding: 0;
}

/* ƒŠƒ“ƒN */
a {
	font-weight: normal;
	text-decoration: none;
	color: #df0020;
}
/*a:link { color: #000 } */
/*a:visited { color: #333 } */
a:active, a:hover { color: #ffa545; } 

ul {
	list-style-type: none;
}

ul.menu li {
	float: left;
}
ul.menu li a {
	float: left;
	display: block;
}

.hidden {
	display: none;
}

div#wrapper {
	width: 726px;
	margin: 0 auto;
	text-align:left;
	text-align: justify;
	text-justify:inter-ideograph;
	background-color: #ffffff;
	background-image:url(../../img/bg_wrapper.gif);
	background-repeat: repeat-y;


}



div#contents {
	width: 700px;
	background-color:#ffffff;
	margin: 0 0 0 13px;
	text-align:left;
	clear:both;
	background-image:url(../../img/bg_contents.jpg);
	background-repeat:no-repeat;



}



div#header {
	width: 699px;
	height: 183px;
	margin: 0;

}




div#title a {
	display: block ;
	width: 500px;
	height:150px;
	/*border: 1px solid #000000;*/
	margin: 15px 0 0 22px;


}



div#left {
	width: 454px;
	float:left;
	margin: 47px 0 0 8px;
	/*border: 1px solid #000000;*/



}


div#right {
	width: 217px;
	float:right;
	margin: 30px 0 0 0;
	/*border: 1px solid #000000;*/



}



div.entries-top {
	width: 454px;
	height: 15px;
	background-image: url(../../img/bg_left_01.gif);
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	/*border: 1px solid #000000;*/


}


div.entries {
	width: 454px;
	background-image:url(../../img/bg_left_02.gif);
	margin: 0;
	padding: 0;
	background-repeat:repeat-y;
	
	
}

div.date {
	background-image: url(../../img/bg_date.gif) ;
	background-repeat:no-repeat;
	margin: 0 0 5px 23px;
	padding: 0 5px;
	color:#747474;

}

div.entry-title {
	margin: 0 0 20px 23px;
	font-weight:bold;


}


div.entry-text {
	margin: 0 10px 0 23px;
	color:#676767;



}



div.entries-bottom {
	width: 454px;
	height: 48px;
	background-image: url(../../img/bg_left_03.gif);
	background-repeat:no-repeat;
	margin: 0 0 30px 0;
	


}






h3#dj-profile {
	width: 202px;
	height: 15px;
	display: block;
	background-image: url(../../img/bg_right_menu_01.gif);
	background-repeat:no-repeat;
	margin: 40px 0 10px 0;


}


div.profile-text {
	font-family: Courier, "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, Arial, Helvetica;
	font-size: 83%;
	line-height: 120%;
	margin: 0 0 30px 0;



}



div#wrap-cat-rec {
	background-image: url(../../img/bg_wrap_cat_rec.gif);
	background-repeat:no-repeat;
	background-position: top right;




}

h3#categories {
	width: 202px;
	height: 18px;
	display: block;
	background-image: url(../../img/bg_right_menu_02.gif);
	background-repeat:no-repeat;
	margin: 0 0 10px 0;



}




h3#recent-entries {
	width: 202px;
	height: 18px;
	display: block;
	background-image: url(../../img/bg_right_menu_03.gif);
	background-repeat:no-repeat;
	margin: 30px 0 10px 0;




}





h3#about {
	width: 202px;
	height: 18px;
	display: block;
	background-image: url(../../img/bg_right_menu_04.gif);
	background-repeat:no-repeat;
	margin: 30px 0 10px 0;


}































div#middle {
	width: 542px;
	float:left;
	padding: 10px 0 0 50px;

}


div#middle-2 {
	width: 770px;
	float:left;
	padding: 10px 0 0 50px;


}


div#news {
	width: 542px;
	margin: 0 0 20px 0;




}











div#sponsors {

	background-color:#eff3da;
	width:220px;
	text-align:center;
	margin: 20px 0 0 0;

}


ul#sponsors_list {

	padding-top: 5px;
	padding-bottom: 10px;
	list-style-type: none;
}
ul#sponsors_list li {
	margin: 6px 0 0 0;
	padding: 1px 0;
}





div#sponsors_title {
	width: 220px;
	height: 86px;
	background-image:url(http://hfmweb.jp/sp/eco/for_blog/image_blog/link_01.gif);
}



div#sponsors_bottom {
	width: 220px;
	height: 34px;
	background-image:url(http://hfmweb.jp/sp/eco/for_blog/image_blog/link_03.gif);
}











div#kyosan {
	width: 750px;
	background-color: #ffffff;
	font-family: "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, Arial, Helvetica;
	font-size: 12px;
	line-height: 1.6em;
	margin: 0 0 0 40px;
	clear:both;
}

div#kyosan2 {
	margin: 10px;


}


h2#concept {
	height: 62px;
	background-image:url(http://hfmweb.jp/sp/eco/for_blog/image_blog/tit_concept.gif);
	background-repeat:no-repeat;
	display:block;
	margin: 0 0 10px 0;


}



h2#dj {
	height: 62px;
	background-image:url(http://hfmweb.jp/sp/eco/for_blog/image_blog/tit_djmessage.gif);
	background-repeat:no-repeat;
	display:block;
	margin: 0 0 10px 0;


}

h2#news {
	height: 62px;
	background-image:url(http://hfmweb.jp/sp/eco/for_blog/image_blog/tit_news.gif);
	background-repeat:no-repeat;
	display:block;
	margin: 0 0 10px 0;


}


h2#ecopress {
	height: 77px;
	background-image:url(http://hfmweb.jp/sp/eco/for_blog/image_blog/tit_press.gif);
	background-repeat:no-repeat;
	display:block;
	margin: 0 0 0px 0;

}


h2#cetra {
	height: 62px;
	background-image:url(http://hfmweb.jp/sp/eco/for_blog/image_blog/tit_ecocetra.gif);
	background-repeat:no-repeat;
	display:block;
	margin: 0 0 10px 0;

}




div.dj-monthly {
	margin: 0 0 30px 0;


}

div.entry-content {

	margin: 0 0 20px 0;

}


















.whi {
	font-color: #ffffff;


}


.bblue {
	color: #3e588e;
	font-weight:bold;

}

.sgray {
	color:#636363;
	font-family: "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, Arial, Helvetica;
	font-size: 10px;
	line-height: 1.4em;

}

.sblue {
	color:#60afe0;
	font-family: "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, Arial, Helvetica;
	font-size: 10px;
	line-height: 1.4em;

}

.sgreen {
	color:#7bbd6b;
	font-family: "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, Arial, Helvetica;
	font-size: 10px;
	line-height: 1.4em;

}

.sorange {
	color:#ffb10b;
	font-family: "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, Arial, Helvetica;
	font-size: 10px;
	line-height: 1.4em;

}


.spink {
	color:#ff8989;
	font-family: "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, Arial, Helvetica;
	font-size: 10px;
	line-height: 1.4em;

}


.td-10 {
	padding: 10px;


}







div.hiro-campaign a {
	width: 252px;
	height: 80px;
	margin: 250px 0 0 66px;
	display:block;

}


h1, h2 {
	display: none;
}







div#footer {
	width: 700px;
	height: 5px;

	clear:both;
}



.l20 {
	margin: 0 0 0 20px;


}

.l25 {
	margin: 0 0 0 25px;


}


.l40 {
	margin: 0 0 0 40px;


}

.r5 {
	margin-right: 5px; 


}

.b20 {
	margin-bottom: 20px;


}


.left-float {

	float: left;

}

.right-float {
	float: right;


}


.clearfloat {
	clear:both;


}









a.newsentry {
	color: #df0020;
	font-weight: bold;


}

table.calendar {
	margin: 0 0 0 10px;


}


table.calendar td {
	font-family: Courier, "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, Arial, Helvetica;
	font-size:8px;
	padding: 0 3px;
	color: #57645f;



}


table.calendar th {
	font-weight: none; 

}


h3.newsentry-header {
	color: #81a55a;
	font-size: 16px;
	margin: 0 0 10px 0;


}

div.newsentry-content {
	line-height: 1.8em;
	margin: 0 0 50px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px dotted #9e9e9e;


}


div.newsentry-content img {
	margin: 0 0 20px 0;
	

}



h5.calendar_tit {
	width: 187px;
	height: 19px;
	margin: 0 0 10px 0;
	background-image:url(http://hfmweb.jp/sp/eco/for_blog/image_blog/bg_calendartit.gif);
	background-repeat:no-repeat;	

}

.calendar_cap {
	
	font-family: Myriad, "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, Arial, Helvetica;
	font-size: 12px;
	
}

th#sun {
	background-image:url(../../img/calendar/sun.gif);
	background-repeat:no-repeat;
	background-position:center;
	height: 15px;

}


th#mon {
	background-image:url(../../img/calendar/mon.gif);
	background-repeat:no-repeat;
	background-position:center;

}


th#tue {
	background-image:url(../../img/calendar/tue.gif);
	background-repeat:no-repeat;
	background-position:center;

}

th#wed {
	background-image:url(../../img/calendar/wed.gif);
	background-repeat:no-repeat;
	background-position:center;

}

th#thu {
	background-image:url(../../img/calendar/thu.gif);
	background-repeat:no-repeat;
	background-position:center;

}

th#fri {
	background-image:url(../../img/calendar/fri.gif);
	background-repeat:no-repeat;
	background-position:center;

}

th#sat {
	background-image:url(../../img/calendar/sat.gif);
	background-repeat:no-repeat;
	background-position:center;

}

div.subcategory {
	width: 187px;
	text-align:left;
	margin: 0 0 0 15px;
	font-family: "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, Arial, Helvetica;
	font-size: 10px;
	line-height:1.4em;


}



ul.sutcatul {
	padding: 0 0 20px 5px;

}


li.sutcatentries {
	margin: 0 0 10px 5px;


}


ul.module-list {
	margin: 0 0 0px 0px;

}


li.module-list-item {
	background-image:url(../../img/bg_li.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding: 0 0 0 20px;
	list-style: none;


}


ul.module-list02 {
	margin: 0 0 30px 0px;
	


}


li.module-list-item02 {
	background-image:url(../../img/bg_li.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding: 0 0 0 20px;
	margin: 0 0 0 15px;
	list-style: none;
	font-family: "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, Arial, Helvetica;
	font-size: 83%;


}