/* CSS Document */

/* contents */

#contents{
	width:760px;
	margin-right:auto;
	margin-left:auto;
}

/* menu */

#menu{
	float:left;
	width:152px;
}

/* login */

#login{
	width:152px;
	padding-bottom:10px;
	background:url(../img/login_footer.gif) no-repeat bottom left;
	margin-bottom:5px;
}

#login h5{
	width:152px;
	height:31px;
	background:url(../img/login_header.gif) no-repeat;
	text-indent:-9999px;
}
	

#login form{
	width:132px;
	background:url(../img/bg_login.gif) repeat-y;
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
	font-size:0.8em;
	color:#436836;
}

#login p{
	width:132px;
	background:url(../img/bg_login.gif) repeat-y;
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
	font-size:0.8em;
	color:#436836;
}

.input{
	width:130px;
	border:1px solid #436836;
	margin-bottom:10px;
}

.button{
	width:75px;
	height:22px;
	background:url(../img/bt_login.jpg) no-repeat;
	margin-bottom:10px;
	cursor:pointer;
}

/* visitor */

#visitor{
	margin-bottom:10px;
}


/* menuTitle */

.mtGift{
	margin-bottom:5px;
}

.mtStyle{
	width:150px;
	height:20px;
	margin-left:1px;
	background:url(../img/mt_style.gif) no-repeat;
	text-indent:-9999px;
}

.mtScene{
	width:150px;
	height:20px;
	margin-left:1px;
	background:url(../img/mt_scene.gif) no-repeat;
	text-indent:-9999px;
}

.mtInfo{
	width:150px;
	height:20px;
	margin-left:1px;
	background:url(../img/mt_info.gif) no-repeat;
	text-indent:-9999px;
}

.mtAll{
	margin-bottom:15px;
}







/* menuList */

#menuList{
}

#menuList ul{
	width:150px;
	margin-bottom:15px;
	margin-left:1px;
	list-style:none;
}

.mlHanataba a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	width:150px;
	height:26px;
	background:url(../img/ml_hanataba.gif) no-repeat;
}

.mlHanataba a:hover{
	background:url(../img/ml_hanataba_h.gif) no-repeat;
}

.mlArrange a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	width:150px;
	height:25px;
	background:url(../img/ml_arrange.gif) no-repeat;
}

.mlArrange a:hover{
	background:url(../img/ml_arrange_h.gif) no-repeat;
}

.mlBagbouquet a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	width:150px;
	height:25px;
	background:url(../img/ml_bagbouquet.gif) no-repeat;
}

.mlBagbouquet a:hover{
	background:url(../img/ml_bagbouquet_h.gif) no-repeat;
}

.mlStand a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	width:150px;
	height:25px;
	background:url(../img/ml_stand.gif) no-repeat;
}

.mlStand a:hover{
	background:url(../img/ml_stand_h.gif) no-repeat;
}

.mlKotyo a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	width:150px;
	height:25px;
	background:url(../img/ml_kotyo.gif) no-repeat;
}

.mlKotyo a:hover{
	background:url(../img/ml_kotyo_h.gif) no-repeat;
}

.mlHanabati a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	width:150px;
	height:25px;
	background:url(../img/ml_hanabati.gif) no-repeat;
}

.mlHanabati a:hover{
	background:url(../img/ml_hanabati_h.gif) no-repeat;
}

.mlKanyo a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	width:150px;
	height:25px;
	background:url(../img/ml_kanyo.gif) no-repeat;
}

.mlKanyo a:hover{
	background:url(../img/ml_kanyo_h.gif) no-repeat;
}

.mlOsonae a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	width:150px;
	height:25px;
	background:url(../img/ml_osonae.gif) no-repeat;
}

.mlOsonae a:hover{
	background:url(../img/ml_osonae_h.gif) no-repeat;
}

.mlOiwai a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	width:150px;
	height:26px;
	background:url(../img/ml_oiwai.gif) no-repeat;
}

.mlOiwai a:hover{
	background:url(../img/ml_oiwai_h.gif) no-repeat;
}

.mlKanasimi a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	width:150px;
	height:25px;
	background:url(../img/ml_kanasimi.gif) no-repeat;
}

.mlKanasimi a:hover{
	background:url(../img/ml_kanasimi_h.gif) no-repeat;
}

.mlWed a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	width:150px;
	height:25px;
	background:url(../img/ml_wed.gif) no-repeat;
}

.mlWed a:hover{
	background:url(../img/ml_wed_h.gif) no-repeat;
}

.mlGarden a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	width:150px;
	height:25px;
	background:url(../img/ml_garden.gif) no-repeat;
}

.mlGarden a:hover{
	background:url(../img/ml_garden_h.gif) no-repeat;
}

.mlGoods a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	width:150px;
	height:25px;
	background:url(../img/ml_goods.gif) no-repeat;
}

.mlGoods a:hover{
	background:url(../img/ml_goods_h.gif) no-repeat;
}

.mlOrder a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	width:150px;
	height:26px;
	background:url(../img/ml_order.gif) no-repeat;
}

.mlOrder a:hover{
	background:url(../img/ml_order_h.gif) no-repeat;
}

.mlPay a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	width:150px;
	height:25px;
	background:url(../img/ml_pay.gif) no-repeat;
}

.mlPay a:hover{
	background:url(../img/ml_pay_h.gif) no-repeat;
}

.mlDeli a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	width:150px;
	height:25px;
	background:url(../img/ml_deli.gif) no-repeat;
}

.mlDeli a:hover{
	background:url(../img/ml_deli_h.gif) no-repeat;
}

.mlShop a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	width:150px;
	height:25px;
	background:url(../img/ml_shop.gif) no-repeat;
}

.mlShop a:hover{
	background:url(../img/ml_shop_h.gif) no-repeat;
}

.mlLaw a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	width:150px;
	height:40px;
	background:url(../img/ml_law.gif) no-repeat;
}

.mlLaw a:hover{
	background:url(../img/ml_law_h.gif) no-repeat;
}

.mlPri a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	width:150px;
	height:40px;
	background:url(../img/ml_pri.gif) no-repeat;
}

.mlPri a:hover{
	background:url(../img/ml_pri_h.gif) no-repeat;
}

.mlLink a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	width:150px;
	height:25px;
	background:url(../img/ml_link.gif) no-repeat;
}

.mlLink a:hover{
	background:url(../img/ml_link_h.gif) no-repeat;
}


.mlEvent a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	width:150px;
	height:25px;
	background:url(../img/ml_event.gif) no-repeat;
}

.mlEvent a:hover{
	background:url(../img/ml_event_h.gif) no-repeat;
}



















/* main */

#main{
	float:right;
	width:560px;
}

/* subHeader */

#subHeader{
}

#subHeader h1{
	/* width:100%; */
	height:67px;
	background:url(../img/top_subheader.gif) no-repeat;
	text-indent:-9999px;
}


/* feature */

#feature{
	margin-bottom:20px;
	padding-bottom:20px;
	background:url(../img/line_bottom.gif) no-repeat bottom left;
	float:left;
}

/* news */

#news{
	float:left;
	width:352px;
	margin-right:43px;
}

#news marquee{
	font-size:0.9em;
	line-height:1.5;
	padding-bottom:10px;
	color:#fa722d;
}

#news img{
	width:350px;
	height:270px;
	border:1px solid #baa69d;
	margin-bottom:10px;
}

#news h2{
	color:#6a402d;
	font-size:0.9em;
	line-height:1.5;
}

#news p{
	font-size:0.8em;
	line-height:1.5;
}


/* rightSide */

.rightSide{
	width:155px;
	float:right;
}



/* ordermail */

.ordermail{
	margin-bottom:10px;
}


/* call */

.call{
	margin-bottom:10px;
}





/* topics */

#topics{
	/* width:155px; */
	/* float:right; */
	background:url(../img/topics_bottom.gif) no-repeat bottom left;
	padding-bottom:53px;
}

#topics h3{
	width:155px;
	/* height:49px; */
	height:10px; /* 090121 */
	background:url(../img/topics_header.gif) no-repeat;
	text-indent:-9999px;
	font-size:0px; /* 090121 */
}

#topics h4{
	width:81px;
	height:42px;
	text-indent:-9999px;
	margin-bottom:5px;
}

.ttNew{
	background:url(../img/tt_new.gif) no-repeat;
	cursor:pointer;
}

.ttMonth{
	background:url(../img/tt_month.gif) no-repeat;
	cursor:pointer;
}

.ttSchool{
	background:url(../img/tt_school.gif) no-repeat;
	cursor:pointer;
}



#topics div{
	width:133px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:12px;
	background:url(../img/topics_bg.gif) no-repeat bottom left;
}

#topics p{
	color:#937467;
	font-size:0.8em;
	line-height:1.5;
}

#topics img{
	width:50px;
	height:40px;
	border:1px solid #e8e2df;
	float:right;
}







/* ban */

#ban{
	width:100%;
	margin-bottom:15px;
	padding-bottom:10px;
	background:url(../img/line_bottom.gif) no-repeat bottom left;
	float:left;
}

#ban ul{
	list-style:none;
}

#ban li{
	width:183px;
	height:40px;
	margin-bottom:10px;
	float:left;
}






/* contact */

#contact{
	clear:both;
	width:560px;
}




#contactImg{
	float:left;
	margin-top:6px;
	width:150px;
}

#contactInfo{
	float:right;
	width:370px;
}


/* footerMenu */

#footerMenu{
	clear:both;
}

#footerMenu ul{
	list-style:none;
	float:right;
	padding-bottom:20px;
}

#footerMenu li a{
	float:left;
	font-size:0.9em;
	line-height:1.2;
	color:#718a6c;
}

.menuLine{
	background:url(../img/menu_line.gif) no-repeat left center;
	padding-left:15px;
}


/* copyright */

.copyright{
	clear:both;
	font-size:0.8em;
	line-height:1.5;
	text-align:center;
	padding-bottom:20px;
}


/* mobileInfo */

.mobileInfo{
	clear:both;
}


.mobileInfo img{
	float:left;
}


.mobileInfo p{
	font-size:0.9em;
	line-height:1.66;
}