@charset "UTF-8";
/* CSS Document */

.osusume{
	margin-top:20px;
}

.topbtnbox{
	position:relative;
	height:175px;
	margin-bottom:10px;
}

#topbtn{
	width:400px;
	height:35px;
	background-image:url("../images/btn02.png");
	position:absolute; top:120px; left:15px;
}
#topbtn a:hover{
	background-image:url("../images/btn02.png");
	background-position:0px -35px;
}

#topbtn span{
	display:none;
}

#topbtn a{
	display:block;
	width:100%;
	height:100%;
}

#main{
	width:900px;
	height:180px;
}

#mainvtop{
	width:670px;
	padding:0 15px;
	float:right;
}


#maincontainer2{
	padding-left:15px;
	width:685px;
	float:right;
}

.maintop{
	margin-top:2px;
}

/*センターパネル*/

#panel{
	width:670px;
	height:310px;
	background:url("../images/panel.jpg");
}

#panel p{
	padding-top:80px;
	padding-left:25px;
	width:400px;
	height:auto;
	font-weight:bold;
	font-size:13px;
	line-height:1.5em;
}

#panelbtn{
	margin-top:20px;
	margin-left:15px;
	}

#panelbtn li{
	width:210px;
	height:155px;
	margin-right:5px;
	float:left;
}

#panelbtn a{
	display:block;
	width:100%;
	height:100%;
}

.panel1{
	background:url("../images/panelbtn.png");
	background-position:0px 0px;
}

.panel2{
	background:url("../images/panelbtn.png");
	background-position:-210px 0px;
}

.panel3{
	background:url("../images/panelbtn.png");
	background-position:-420px 0px;
}

.panel1 a:hover{
	background:url("../images/panelbtn.png");
	background-position:0px -155px;
}

.panel2 a:hover{
	background:url("../images/panelbtn.png");
	background-position:-210px -155px;
}

.panel3 a:hover{
	background:url("../images/panelbtn.png");
	background-position:-420px -155px;
}

#panelbtn span{
	display:none;
}


/*バナー*/

#banner{
	margin-top:15px;
	width:670px;
	height:160px;
}

#banner img{
	width:327px;
	height:160px;
	float:left;
}

#banner span img{
	margin-right:16px;
}

#banner a:hover img{
opacity:0.8;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #000;
}


.enchantebtn{
	margin:15px 0 25px 0;
}

.enchantebtn a:hover img{
opacity:0.8;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #000;
}


/*おすすめ情報*/

.fb-page{
	margin-top:10px;
	margin-left:80px;
}

/*配達エリア*/
#areabox{
	margin-top:5px;
	margin-bottom:10px;;
}


#areabox p{
	line-height:1.7em;
	font-size:8pt;
}

#areabox h3{
	color:#800000;
	border-left:solid 4px #800000;
	padding-left:5px;
	padding-top:3px;;
	margin-bottom:8px;
}

.margin{
	margin-bottom:5px;
}

.indent{
	text-indent:3em;
}

#area{
	padding: 15px 0 10px 20px;
	width: 430px;
	background-color: #fffcdb;
	float: left;
}

#areabox img{
	margin-top:18px;
	float:left;
}

#areabox .osaka{
	font-size:90%;
	color:#800000;
	line-height:1.4em;
	padding-top:5px;
	padding-bottom:4px;
}



.kijiboxtop img{
	margin-right:10px;
	float:left;
}

.kijiboxtop p{
	height:135px;
	width:485px;
	float:right;
	font-size:8.5pt;
	line-height:1.6em;
}

.kijiboxtop{
	margin-top:5px;
	margin-bottom:25px;
}