@charset "UTF-8";


.navi .n_home a{
	background:url("../img/n_home_hover.jpg") left top no-repeat;
	}
/* -----------------------------------
		promo style
----------------------------------- */
#promo{
	width:655px;
	height:360px;
	margin:20px 15px 10px;
	float:left;
	background:url("../img/back_promo01.jpg") left top no-repeat;
	padding-bottom:10px;
	}
#ob01{
	float:left;
	padding:45px 0 0 38px;
	width:390px;
	height:265px;
	}
#ob02{
	float:right;
	padding:9px 9px 0 0;
	width:180px;
	height:344px;
	}
.navi01{
	margin:25px 5px 0;
	width:156px;
	height:280px;
	}
.navi01 li a{
	display:block;
	width:156px;
	height:70px;
	
	text-indent:-9999px;
	overflow:hidden;
	}
.navi01 .pronavi01 a{
	background:url("../img/promo_navi01.jpg") left top no-repeat;
	}
.navi01 .pronavi01 a:hover{
	background:url("../img/promo_navi01_hover.jpg") left top no-repeat;
	}
.navi01 .pronavi02 a{
	background:url("../img/promo_navi02.jpg") left top no-repeat;
	}
.navi01 .pronavi02 a:hover{
	background:url("../img/promo_navi02_hover.jpg") left top no-repeat;
	}
.navi01 .pronavi03 a{
	background:url("../img/promo_navi03.jpg") left top no-repeat;
	}
.navi01 .pronavi03 a:hover{
	background:url("../img/promo_navi03_hover.jpg") left top no-repeat;
	}
.navi01 .pronavi04 a{
	background:url("../img/promo_navi04.jpg") left top no-repeat;
	}
.navi01 .pronavi04 a:hover{
	background:url("../img/promo_navi04_hover.jpg") left top no-repeat;
	}

#twitter{
	
	float:left;
	padding:0 0 0 18px;
	width:167px;
	height:190px;
	}
.banner01{
	clear:both;
	padding:10px 0 0 0;
	}	
.banner01 li a{
	display:block;
	width:168px;
	height:74px;
	text-indent:-9999px;
	overflow:hidden;
	margin:5px 17px;
	}
.b_online a{
	background:url("../img/b_online.jpg") left top no-repeat;
	width:168px;
	height:74px;
	}
.b_online a:hover{
	background:url("../img/b_online_hover.jpg") left top no-repeat;

	}
.b_melma a{
	background:url("../img/b_melma.jpg") left top no-repeat;
	width:168px;
	height:74px;
	}
.b_melma a:hover{
	background:url("../img/b_melma_hover.jpg") left top no-repeat;

	}
.b_blog a{
	background:url("../img/b_blog.jpg") left top no-repeat;
	width:168px;
	height:74px;
	}
.b_blog a:hover{
	background:url("../img/b_blog_hover.jpg") left top no-repeat;

	}
	
	

#promo img{
	float:right;
	margin:8px 5px 0 0;
	}
/* -----------------------------------
		News&Topics style
----------------------------------- */
h2{
	float:left;
	width:655px;
	height:32px;
	margin:0 0 0 15px;
	clear:both;
	}
iframe{
	width:635px;
	height:143px;

	}	
#newsArea{
	float:left;
	margin:0 0 10px 15px;
	width:655px;
	height:153px;
	background:url("../img/back_news.jpg") left top no-repeat;
	
	}
/* -----------------------------------
		schedule style
----------------------------------- */
#schArea{
	float:left;
	margin:0 0 10px 15px;
	padding:0 5px 0 20px;
	width:655px;
	height:247px;
	background:url("../img/back_sch.jpg") left top no-repeat;
	}
.sch01{
	width:133px;
	height:203px;
	margin:10px 10px 10px 10px;
	background:url("../img/back_schimg.jpg") left top no-repeat;
	float:left;
	color:#fff;
	font-size:60%;
	text-align:left;
	}
.sch01 dl{
	margin:5px 0 0 0;
	}
.sch01 dt{
	font-weight:bold;
	}
.sch01 img{
	margin:9px 10px;
	}
/* -----------------------------------
		online shop Area
----------------------------------- */
#onlineArea{
	float:left;
	width:655px;
	height:207px;
	margin:0 0 10px 15px;
	background:url("../img/back_online.jpg") left top no-repeat;
	padding:0 5px 0 20px;

	}
.on01{
	width:119px;
	height:120px;
	margin:10px 15px 10px;
	background:url("../img/back_onlineimg.gif") left top no-repeat;
	float:left;
	color:#fff;
	font-size:75%;
	text-align:left;

	}
.on01 dl{
	margin:5px 0 0 0;
	}
.on01 dt{
	font-weight:bold;
	}
.on01 img{
	margin:14px 13px;
	}