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

#{ margin:0;
padding:0;
}

li{ list-style: none;
padding:0;}

ul{ margin:0;
padding:0;}


div#wrap{
	background-color: #FFF !important;
	background-image: none !important;
	margin:15px auto 0 auto;
	padding-bottom:20px !important;
}

/*rootのフッターに余白を持たせる*/
div#footer{
	/*margin-top:15px !important;*/
}


#wrapper{
	width:800px;
	margin: 0 auto;
}

div#okashi-wrap p, div#okashi-wrap li {
	font-size:80%;
	line-height: 1.5;
	color: #6F4E38;
}


.clear{clear:both;}


.tx_center{text-align:center;}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*head*/
#head{
	width:800px;
	height:95px;
	margin-bottom: 10px;
	background:url(../images/bg_header.gif) no-repeat;
}

#head h1{
	background:url(../images/logo_land.gif) no-repeat;
	margin: 0;
	height: 95px;
	float: left;
	width: 186px;
	text-indent: -9999px;
}
#head li{ float:left;}
#head p  { display:none;}

#contents_bg{ background:url(../images/bg_content.gif) repeat-y;}

#navi_land{
	float:left;
	margin-top: 25px;
}

#navi_land a{
	display: block;
	height: 69px;
	background:url(../images/navi_land.gif) no-repeat;
	text-indent:-9999px;
}

#navi_land_01 a{ width:104px;}
#navi_land_02 a{width:104px; background-position:-104px 0;}
#navi_land_03 a{width:108px;background-position:-208px 0;}
#navi_land_04 a {width:111px;background-position:-316px 0;}
#navi_land_05 a{width:84px;background-position:-427px 0;}

#navi_land_01 a:hover{background-position:0 bottom;}
#navi_land_02 a:hover{background-position:-104px bottom;}
#navi_land_03 a:hover{background-position:-208px bottom;}
#navi_land_04 a:hover{background-position:-316px bottom;}
#navi_land_05 a:hover{background-position:-427px bottom;}

#navi_land_01_on a{ width:104px;background-position:0 bottom;}
#navi_land_02_on a{width:104px; background-position:-104px bottom;}
#navi_land_03_on a{width:108px;background-position:-208px bottom;}
#navi_land_04_on a {width:111px;background-position:-316px bottom;}
#navi_land_05_on a{width:84px;background-position:-427px bottom;}


div#root-footer p#copyright2 {
	font-size: 10px;
	color: #666666;
	float: left;
font-family: Arial, Helvetica
}


div#root-footer p#copyright2 {
	width: 400px;
	margin: 8px 0;
	padding-left: 25px;
}





/*side*/
#contents_bg #navi-all,
#contents_bg #navi-chocolate,
#contents_bg #navi-cake,
#contents_bg #navi-baked,
#contents_bg #navi-cold,
#contents_bg #navi-other,
#contents_bg #navi-miruti,
#contents_bg #navi-easy,
#contents_bg #navi-normal,
#contents_bg #navi-hard{
	width:180px;
	float: left;
	margin-right: 14px;
	_margin-right: 7px;
overflow:hidden;
}



#side{
	width:180px;
	float: left;
	margin-right: 14px;
	_margin-right: 7px;
}

#sideform{
	width:161px;
	margin:0 auto;
	border:#FFFFFF;
}


#search{
	height:19px;
	width:109px;
	border: none;
	margin:0 0 0 0;

}


#sidebt{
	position:relative;
	top: 7px;/top:2px;
}
#choose{
	background:url(../images/tx_choose.gif);
	width: 172px;
	height: 36px;
	text-indent: -9999px;
	margin: 10px auto;
	display: block;
}

#search01{
	background:url(../images/tx_search_01.gif);
	width: 161px;
	height: 19px;
	text-indent: -9999px;
	margin: 10px auto 0 auto;
	display: block;
}
#search02{	background:url(../images/tx_search_02.gif);
	width: 161px;
	height: 19px;
	text-indent: -9999px;
	margin: 0 auto;
	display: block;
}

#search03{	background:url(../images/tx_search_03.gif);
	width: 161px;
	height: 19px;
	text-indent: -9999px;
	margin: 0 auto;
	display: block;
}
#search04{	background:url(../images/tx_search_04.gif);
	width: 161px;
	height: 19px;
	text-indent: -9999px;
	margin: 0 auto;
	display: block;
}


#bt_menu a{
	display: block;
	width: 145px;
	margin: 5px auto;
	height: 28px;
	text-indent: -9999px;
}

#bt_menu_all a{ background:url(../images/bt_all.gif);height:49px;}

#bt_menu_01 a{ background:url(../images/bt_01.gif)}
#bt_menu_02 a{ background:url(../images/bt_02.gif)}
#bt_menu_03 a{ background:url(../images/bt_03.gif)}
#bt_menu_04 a{ background:url(../images/bt_04.gif)}
#bt_menu_05 a{ background:url(../images/bt_05.gif)}


#bt_menu_all a:hover{ background-position:right top;}

#bt_menu_01 a:hover{ background-position:right top;}
#bt_menu_02 a:hover{ background-position:right top;}
#bt_menu_03 a:hover{background-position:right top;}
#bt_menu_04 a:hover{ background-position:right top;}
#bt_menu_05 a:hover{ background-position:right top;}

div#navi-all #bt_menu_all a{ background-position:right top;}

div#navi-chocolate #bt_menu_01 a{ background-position:right top;}
div#navi-cake #bt_menu_02 a{ background-position:right top;}
div#navi-baked #bt_menu_03 a{ background-position:right top;}
div#navi-cold #bt_menu_04 a{ background-position:right top;}
div#navi-other #bt_menu_05 a{ background-position:right top;}


#bt_menu_06 a{
height:49px;
background:url(../images/bt_06.gif) no-repeat;
}

#bt_menu_06 a:hover{ background-position:right top;}

div#navi-miruti #bt_menu_06 a{ background-position:right top;}


#bt_hard a{
	display: block;
	width: 145px;
	margin: 5px auto;
	height: 27px;
	text-indent: -9999px;
}
#bt_hard_01 a{ background: url(../images/bt_eazy.gif)}
#bt_hard_02 a{ background: url(../images/bt_mid.gif)}
#bt_hard_03 a{ background: url(../images/bt_hard.gif)}


#bt_hard_01 a:hover{ background-position:right top;}
#bt_hard_02 a:hover{ background-position:right top;}
#bt_hard_03 a:hover{ background-position:right top;}


div#navi-easy #bt_hard_01 a{ background-position:right top;}
div#navi-normal #bt_hard_02 a{ background-position:right top;}
div#navi-hard #bt_hard_03 a{ background-position:right top;}


#bt_recom a{
	display: block;
	width: 145px;
	margin: 5px auto;
	height: 27px;
	text-indent: -9999px;
}

#bt_recom_01 a{ background: url(../images/bt_alone.gif)}
#bt_recom_02 a{ background: url(../images/bt_mom.gif)}
#bt_recom_03 a{ background: url(../images/bt_deco.gif)}
#bt_recom_04 a{ background: url(../images/bt_char.gif)}


#bt_recom_01 a:hover{ background-position:right top;}
#bt_recom_02 a:hover{ background-position:right top;}
#bt_recom_03 a:hover{ background-position:right top;}
#bt_recom_04 a:hover{ background-position:right top;}


div#navi-alone #bt_recom_01 a{ background-position:right top;}
div#navi-mom #bt_recom_01 a{ background-position:right top;}
div#navi-deco #bt_recom_03 a{ background-position:right top;}
div#navi-char #bt_recom_04 a{ background-position:right top;}



/*content*/



#content{
	float:left;
	width: 690px;
}

#top_page{float:left; width:690px;}



	
#bt_download{
	background:url(../../images/bt_download.jpg);
	width:242px;
	height:81px;
	display: block;
	text-indent:-9999px;
	margin-bottom:15px;
	margin-top:15px;
	margin-left: 20px;
}


.w600{width:600px!important;}

div.content-nav{ clear:both;
 margin-top:10px;
text-align:center;
padding:10px;
}