@charset "shift_jis";
@media screen{
/*------------- _____ ▼index.htm専用 _____ --------------------------------------------------*/

#mainimg{/*メインイメージ*/
	margin:0px auto;
	padding:0px;
	width:800px;
	height:395px;
	background:url(../img/bg_indexmain.jpg) no-repeat;
}
#mainimg h1{
	display:none;
}
#mainimg p{
	margin:0px 0px 0px 22px;
	padding:370px 0px 0px;
	color:#FFFFFF;
}
#mainimg p a{
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	text-decoration:underline;
}
#mainimg p a:hover{
	background:#0C4022;
	text-decoration:underline;
}

#wakkaimg{/*メインイメージ：わっかの日*/
	margin:0px auto;
	padding:0px;
	width:800px;
	height:395px;
	background:url(../img/bg_indexwakka.jpg) no-repeat;
}
#wakkaimg h1{
	display:none;
}
#wakkaimg p{
	margin:0px 0px 0px 22px;
	padding:370px 0px 0px;
	color:#FFFFFF;
}
#wakkaimg p a{
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	text-decoration:underline;
}
#wakkaimg p a:hover{
	background:#0C4022;
	text-decoration:underline;
}

#sub{/*サブ*/
	margin:35px auto;
	padding:0px;
	width:800px;
}

#sub h2{
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	width:250px;
	height:20px;
}
#sub h2.menu{/*メニュー*/
	width:526px;
	background:url(../img/obj_indexmenu.gif) no-repeat;
}
#sub h2.about{/*フロレスタとは*/
	margin:20px 0px 0px;
	background:url(../img/obj_indexabout.gif) no-repeat;
}
#sub h2.shop{/*ショップ*/
	margin:20px 0px 0px;
	background:url(../img/obj_indexshop.gif) no-repeat;
}
#sub h2.news{/*ニュース*/
	background:url(../img/obj_indexnews.gif) no-repeat;
}
#sub h2.blog{/*ブログ*/
	margin:20px 0px 0px;
	background:url(../img/obj_indexblog.gif) no-repeat;
}

#sub h3{
	margin:10px 0px 0px;
	padding:0px;
	width:250px;
	height:150px;
	display:block;
}
#sub h3 a{
	margin:0px;
	padding:0px;
	width:250px;
	height:150px;
	display:block;
	text-indent:-9999px;
}
#sub h3.menu1{/*季節のドーナツ*/
	background:url(../img/bt_indexmenu1_on.jpg) no-repeat;
}
#sub h3.menu1 a{
	background:url(../img/bt_indexmenu1_off.jpg) no-repeat;
}
#sub h3.menu1 a:hover{
	background:url(../img/bt_indexmenu1_on.jpg) no-repeat;
}
#sub h3.menu2{/*定番ドーナツ*/
	background:url(../img/bt_indexmenu2_on.jpg) no-repeat;
}
#sub h3.menu2 a{
	background:url(../img/bt_indexmenu2_off.jpg) no-repeat;
}
#sub h3.menu2 a:hover{
	background:url(../img/bt_indexmenu2_on.jpg) no-repeat;
}
#sub h3.menu3{/*ドーナツラスク*/
	background:url(../img/bt_indexmenu3_on.jpg) no-repeat;
}
#sub h3.menu3 a{
	background:url(../img/bt_indexmenu3_off.jpg) no-repeat;
}
#sub h3.menu3 a:hover{
	background:url(../img/bt_indexmenu3_on.jpg) no-repeat;
}
#sub h3.menu4{/*ドリンクメニュー*/
	background:url(../img/bt_indexmenu4_on.jpg) no-repeat;
}
#sub h3.menu4 a{
	background:url(../img/bt_indexmenu4_off.jpg) no-repeat;
}
#sub h3.menu4 a:hover{
	background:url(../img/bt_indexmenu4_on.jpg) no-repeat;
}
#sub h3.about{/*フロレスタとは*/
	background:url(../img/bt_indexabout_on.jpg) no-repeat;
}
#sub h3.about a{
	background:url(../img/bt_indexabout_off.jpg) no-repeat;
}
#sub h3.about a:hover{
	background:url(../img/bt_indexabout_on.jpg) no-repeat;
}
#sub h3.shop{/*ショップ*/
	background:url(../img/bt_indexshop_on.jpg) no-repeat;
}
#sub h3.shop a{
	background:url(../img/bt_indexshop_off.jpg) no-repeat;
}
#sub h3.shop a:hover{
	background:url(../img/bt_indexshop_on.jpg) no-repeat;
}

#sub p{
	margin:10px 0px 0px;
	padding:0px;
}

#sub #left{/*左*/
	float:left;
	margin:0px;
	padding:0px;
	width:537px;
	border-right:1px dotted #0C4022;
}
	#sub #left #leftblock{/*共通*/
		float:left;
		margin:0px;
		padding:0px;
		width:250px;
	}
	#sub #left #leftblock2{/*メニュー右用*/
		float:left;
		margin:0px 0px 0px 26px;
		padding:0px;
		width:250px;
	}
	#sub #left #about{/*フロレスタとは*/
		float:left;
		margin:10px 0px;
		padding:0px;
		width:250px;
	}
	#sub #left #shop{/*ショップ*/
		float:left;
		margin:10px 0px 0px 26px;
		padding:0px;
		width:250px;
	}
#sub #right{/*左*/
	float:left;
	margin:0px;
	padding:0px 0px 0px 12px;
	width:250px;/*262px*/
}

#news{
	margin:0px;
	padding:0px;
}
#news ul{
	margin:10px 0px;
	padding:10px 0px;
	list-style-type:none;
	background:url(../img/bg_cr.gif) repeat;
}
#news li{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-size:10px;
}
#news li a{
	font-size:12px;
}
#news li a:hover{
}

#banner{
	margin:20px 0px 0px;
	padding:0px;
}
#banner p{
	margin:0px 0px 15px;
	padding:0px;
	text-indent:-9999px;
}
#banner p.voice{/*お客様の声*/
	width:250px;
	height:66px;
	display:block;
	background:url(../img/ba_voice_off.gif) no-repeat;
}
#banner p.voice a{
	width:250px;
	height:66px;
	display:block;
	background:url(../img/ba_voice_off.gif) no-repeat;
}
#banner p.voice a:hover{
	background:url(../img/ba_voice_on.gif) no-repeat;
}
#banner p.recruit{/*求人情報*/
	width:250px;
	height:66px;
	display:block;
	background:url(../img/ba_recruit_off.gif) no-repeat;
}
#banner p.recruit a{
	width:250px;
	height:66px;
	display:block;
	background:url(../img/ba_recruit_off.gif) no-repeat;
}
#banner p.recruit a:hover{
	background:url(../img/ba_recruit_on.gif) no-repeat;
}
#banner p.wakka{/*わっかの日*/
	width:250px;
	height:65px;
	display:block;
	background:url(../img/ba_wakka_off.gif) no-repeat;
}
#banner p.wakka a{
	width:250px;
	height:65px;
	display:block;
	background:url(../img/ba_wakka_off.gif) no-repeat;
}
#banner p.wakka a:hover{
	background:url(../img/ba_wakka_on.gif) no-repeat;
}
#banner p.news20100701{/*ニュース：こんなドーナツあったらいいなコンテスト*/
	width:250px;
	height:65px;
	display:block;
	background:url(../img/ba_20100701_off.jpg) no-repeat;
}
#banner p.news20100701 a{
	width:250px;
	height:65px;
	display:block;
	background:url(../img/ba_20100701_off.jpg) no-repeat;
}
#banner p.news20100701 a:hover{
	background:url(../img/ba_20100701_on.jpg) no-repeat;
}


}
