@charset "UTF-8";
/* =====================================================================
*
*    Global Layout
*
* =================================================================== */
body {
	background: #A0D7DE;
}
img {
	vertical-align: bottom;
}
.clearfix:before, .clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}
div#wrapper {
	width: 950px;
	margin: 0 auto;
	position: relative;
}


/* =====================================================================
*
*    Background Layout
*
* =================================================================== */
div#bgContainer {
	position: fixed;
}
div#bgInner {
	position: relative;
}
div#bgInner p {
	position: absolute;
}
div#bgInner p img {
	width: 0;
	height: 0;
}
div#bgInner p#chara01 {
	left: -60px;
	top: 183px;
}
div#bgInner p#chara02 {
	left: -76px;
	top: 379px;
}
div#bgInner p#chara03 {
	left: -41px;
	top: 635px;
}
div#bgInner p#chara04 {
	left: 1034px;
	top: 100px;
}
div#bgInner p#chara05 {
	left: 998px;
	top: 276px;
}
div#bgInner p#chara06 {
	left: 1038px;
	top: 532px;
}
/* =====================================================================
*
*    Contents Layout
*
* =================================================================== */
div#container {
	position: relative;
	z-index: 5;
	width: 730px;
	float: right;
	padding: 20px 0 50px 0;
	top: -4000px;
	_top: 0;
}
div#module01 {
	padding: 20px 0 0 0;
}
div#module01 ul li {
	float: left;
	margin: 0 10px 0 0;
	padding: 10px 0 0 0;
	text-align: center;
}
div#module01 ul li.last {
	margin: 0;
	float:right;
}
p.mText {
	color: #FFF;
	font-size: 80%;
	margin: 7px 0 0 0;
}
div#module02 {
	width: 730px;
	height: 666px;
	background: url(../img/bg02.gif) no-repeat 0 0;
	margin: 25px 0 0 0;
	padding: 8px 0 10px 0;
}
div#module02 h3 {
	margin: 0 0 0 16px;
}
div#module02 dl {
	padding: 0 0 0 0;
	margin: 0 0 0 10px;
}
div#module02 dd {
	float: left;
}
div#module02 ul {
	padding: 7px 0 10px 10px;
}
div#module02 ul li {
	float: left;
	margin: 0 10px 0 0;
}
div#module02 ul li.last {
	margin: 0;
}
div#moduleBX {
	margin: 20px 0 0 0;
}
div#moduleBX h3 {
	margin: 0;
}
div#moduleBX ul {
	padding: 7px 0 0 0;
	margin: 0 0 0 16px;
}
div#moduleBX ul li {
	float: left;
	margin: 0 10px 0 0;
}
h2#menu, h2#shop, h2#pointCard, h2#telOrder {
	margin: 20px 0 10px 0;
}
div#module03 {
}
div#module03 ul {
}
div#module03 ul li {
	float: left;
	width: 175px;
	margin: 0 8px 0 0;
	background: #FFF url(../img/top_menu.gif) no-repeat 0 0;
}
div#module03 ul li dl {
	padding: 12px 10px;
	background: url(../img/btm_menu.gif) no-repeat 0 bottom;
	line-height: 1.5;
	font-size: 80%;
	color: #551700;
}
div#module03 ul li dl dd p {
	margin: 10px 0 0 0;
}
div#module04 {
	width: 730px;
}
div#module04 p.colL {
	float: left;
}
div#module04 div#mapContainer {
	float: right;
	width: 491px;
	height: 381px;
	padding: 29px 9px 29px 44px;
	background: url(../img/bg_map.gif) no-repeat 0 0;
}
div#module04 div#mapContainer dl {
	width: 450px;
	margin: 27px 0 0 0;
}
div#module04 div#mapContainer dl dd {
	width: 450px;
	line-height: 1.8;
	font-size: 78%;
	color: #551700;
	font-weight: bold;
}
div#module04 div#mapContainer dl dd strong {
	font-size: 130%;
}
p#copyright {
	text-align: right;
	margin: 25px 0 0 0;
}
/* =====================================================================
*
*    Side Layout
*
* =================================================================== */
div#side {
	position: fixed;
	z-index: 5;
	width: 200px;
	float: left;
	top: -800px;
	_top: 0;
}
div#side h1#logo {
	margin: 0 0 20px 0;
	overflow: hidden;
	width: 200px;
	height: 154px;
	cursor: pointer;
}
div#side ul#navi {
	margin: 0;
	background: url(../img/bg_side.gif) no-repeat 0 0;
}
div#side ul#navi li {
	margin: 0;
	padding: 0;
}
div#side ul#navi li#nav01 {
	cursor: pointer;
	width: 200px;
	height: 48px;
	background: url(../img/navi01_on.gif) no-repeat 0 0;
}
div#side ul#navi li#nav02 {
	cursor: pointer;
	width: 200px;
	height: 51px;
	background: url(../img/navi02_on.gif) no-repeat 0 0;
}
div#side ul#navi li#nav03 {
	cursor: pointer;
	width: 200px;
	height: 46px;
	background: url(../img/navi03_on.gif) no-repeat 0 0;
}
div#side ul#navi li#nav04 {
	cursor: pointer;
	width: 200px;
	height: 46px;
	background: url(../img/navi04_on.gif) no-repeat 0 0;
}
div#side ul#navi li#nav05 {
	cursor: pointer;
	width: 200px;
	height: 45px;
	background: url(../img/navi05_on.gif) no-repeat 0 0;
}
div#side ul#navi li.active img {
	/*filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;*/
	display: none;
}
div#side ul#navi li dl {
	margin: 0;
	background: url(../img/bg_info.gif) repeat-y 0 0;
}
div#side ul#navi li dl dd {
	margin: 0;
	background: url(../img/btm_navi.gif) no-repeat 0 bottom;
}
div#side ul#navi li dl dd ol {
	padding: 0 0 0 4px;
	margin: 0;
}
div#side ul#navi li dl dd ol li {
	padding: 10px 5px 10px 20px;
	width: 167px;
	border-top: 1px solid #CFEBEE;
	font-size: 80%;
	color: #551700;
	background: url(../img/ico_info.gif) no-repeat 5px 12px;
	line-height: 1.5;
}
div#side ul#navi li dl dd ol li a{
	color: #551700;
}
div#side div#banner {
	padding: 5px 0 0 0;
}
div#side div#banner #btn_mos {
	float: left;
}
div#side div#banner #btn_misdo {
	float: right;
}
ul#snsContainer {
	padding: 5px 0 0 0;
}
ul#snsContainer li {
	float: left;
	overflow: hidden;
	margin: 0 7px 0 0;
}
ul#snsContainer li#fbSNS {
	width: 72px;
}
ul#snsContainer li#twSNS {
	width: 68px;
}
ul#snsContainer li#gSNS {
	width: 39px;
	margin: 0;
}



/* =====================================================================
*
*    Header Layout
*
* =================================================================== */

/* =====================================================================
*
*    Footer Layout
*
* =================================================================== */