/* CSS Document */

body{
	background: url(img/mizu.gif);
	background: url(img/bg_main3.gif);
	text-align:center;
	}
#container{
	background: url(img/bg_main_middle3.jpg);
	}

#container h1{
	color:#666666;
}

/*写真風*/
.photo {
margin: 0 0 20px 0;
padding: 4px;
border-width: 1px;
border-style: solid;
border-color: #DBC999;
float: left;
}

/******************** ヘッダ ********************/

#head{
	margin:-5px -20px 0 0;
	background: url(img/bg_main_top3.jpg);
	height:100px;
	}
#head:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;	
	}
#head h2{
	float:left;
	margin:30px 0 0 0;
	width:300px;
	}
#head_menu{
	font-size:12px;
	float:left;
	height:30px;
	margin:60px 0 0 150px;
	}
#head_menu ul{
	list-style-type:none;
	margin:0 0 0 10px;
	zoom:100%;
	}
#head_menu ul:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;	
	}	
#head_menu ul li{
	float:left;
	font-size:11px;
	color:#fff;
	}
#head_menu ul li a{
	color:#666666;
	text-decoration:none;
	font:11px;
	padding:0 10px;
	border-left:dotted 1px #666666;
	}
#head_menu ul li a:hover{
	color:#ff0066;
	text-decoration:none;
	}


/******************** TOP ********************/

.campaign_top{
	background: url(img/mignon_campaign_top.gif) no-repeat;
	width: 690px;
	height:55px;
}

.campaign{
	background: url(img/mignon_campaign.gif) repeat-y;
	width: 610px;
	margin:0;
	padding:0 40px;
	line-height:18px;
}

.campaign_bottom{
	background: url(img/mignon_campaign_bottom.gif) no-repeat;
	width: 690px;
	height:30px;
	margin: 0 0 20px 0;
}


/******************** 他ページ：サブメニュー ********************/

ul#submenu{
	margin:100px 0 0 20px;
    list-style:none;
    width:160px;
}
ul#submenu li{
    list-style:none;
    float:left;
    width:160px;
}
ul#submenu a{
    display:block;
    width:160px;
    height:40px;
    text-indent:-9999px;
    background-image:url(img/submenu_mignon.png);
    overflow:hidden;
}
a.top{
    background-position:0px 0px;
}
a:hover.top{
    background-position:-160px 0px;
}
a.menu{
    background-position:0px -40px;
}
a:hover.menu{
    background-position:-160px -40px;
}
a.staff{
    background-position:0px -80px;
}
a:hover.staff{
    background-position:-160px -80px;
}
a.catalog{
    background-position:0px -120px;
}
a:hover.catalog{
    background-position:-160px -120px;
}


/******************** サイドバー ********************/

#reserve{
	background: url(img/reserve_bg_mignon.gif) no-repeat;
	width:190px;
	height:80px;
	margin: 0 0 10px 0;
}

#reserve a{
	position:relative;
	top:15px;
	background: url(img/reserve_btn_mignon.gif) no-repeat;
	display:block;
	width:150px;
	height:45px;
	text-indent:-9999px;
	outline:none;
}
#reserve a:hover {
background-position:left bottom;
}

#qrside{
	margin:15px 0 10px 0;
	display:block;
	width:190px;
	height:125px;
	background: url(img/qr_side_mignon.gif) no-repeat;
}

/******************** フッタ ********************/

#footer{
	float:auto;
	display:block;
	width: 940px;
	height:auto;
}

#footer a{
	color:#666666;
	text-decoration:none;
	}
#footer a:hover{
	color:#ff0066;
	text-decoration:none;
	}

#footer-menu{
	float:center;
	text-align:center;
	width:100%;
	text-alien: center;
	color:#333333;
	font-size: 11px;
	margin: 30px auto;
}