@charset "utf-8";


/* ====================================================================================
   ソーシャルメディアボタン
======================================================================================= */

.SocialBtn {
display: table;
margin: 10px 0 27px 0;
}

.SocialBtn li {
margin: 0;
padding: 0 0 0 10px;
display: table-cell;
list-style: none;
vertical-align: top;
}

.SocialBtn li:first-child {
padding-left: 0 !important;
}

.fb_iframe_widget > span {
vertical-align: baseline !important;
}

.SnsAdjust {
margin: 15px 0 35px 0 !important;
}

.SnsAdjust #SocialBtn {
margin-bottom: 13px !important;
}

.SocialBtnRight {
margin: 30px auto 20px auto;
padding: 0 0 16px 0;
}

.Btn_PreHama {
padding: 25px 0 0 0;
background: url(/images/campaign/hama_recipe/Texture_SocialBtnLine.gif) center top no-repeat;
}



/* ====================================================================================
     ハマビーズデザインレシピ（2015.6.30）
======================================================================================= */

#HamaRecipe  {
margin: 0 auto;
padding-bottom: 5rem;
width: 68rem;
}

#HamaRecipe .Title {
margin: 0 0 17px 0;
}

#HamaRecipe .MainCatch {
margin: 0 0 24px 0;
}

#HamaRecipe .RecipeList div {
margin: 20px 0 0 0;
}

#HamaRecipe .RecipeList div:first-child {
margin-top: 0 !important;
}

/* ローカルナビトップ */
#HamaRecipe .TopNavi {
width: 680px;
height: 68px;
margin: 47px 0 19px 0;
overflow: hidden;
clear: both;
}

#HamaRecipe .TopNavi li {
display: block;
/display: inline;
zoom: 1;
}

#HamaRecipe .TopNavi li a {
display: block;
float: left;
text-indent: -9999px;
background: url(/images/campaign/hama_recipe/LocalNaviTop.gif) no-repeat;
overflow: hidden;
}

/* Normal */
#HamaRecipe .TopNavi li.Menu1 a {
width: 230px;
height: 68px;
background-position: 0 0;
}

#HamaRecipe .TopNavi li.Menu2 a {
width: 230px;
height: 68px;
background-position: -230px 0;
}

#HamaRecipe .TopNavi li.Menu3 a {
width: 220px;
height: 68px;
background-position: -460px 0;
}

/* Current */
#HamaRecipe .TopNavi li.Menu1 a.Current {
width: 230px;
height: 68px;
background-position: 0 -68px;
}

#HamaRecipe .TopNavi li.Menu2 a.Current {
width: 230px;
height: 68px;
background-position: -230px -136px;
}

#HamaRecipe .TopNavi li.Menu3 a.Current {
width: 220px;
height: 68px;
background-position: -460px -204px;
}

/* ローカルナビボトム */
#HamaRecipe .BtmNavi {
width: 680px;
height: 58px;
margin: 40px 0 41px 0;
overflow: hidden;
clear: both;
}

#HamaRecipe .BtmNavi li {
display: block;
/display: inline;
zoom: 1;
}

#HamaRecipe .BtmNavi li a {
display: block;
float: left;
text-indent: -9999px;
background: url(/images/campaign/hama_recipe/LocalNaviBottom.gif) no-repeat;
overflow: hidden;
}

/* Normal */
#HamaRecipe .BtmNavi li.Menu1 a {
width: 230px;
height: 58px;
background-position: 0 0;
}

#HamaRecipe .BtmNavi li.Menu2 a {
width: 230px;
height: 58px;
background-position: -230px 0;
}

#HamaRecipe .BtmNavi li.Menu3 a {
width: 220px;
height: 58px;
background-position: -460px 0;
}

/* Current */
#HamaRecipe .BtmNavi li.Menu1 a.Current {
width: 230px;
height: 58px;
background-position: 0 -58px;
}

#HamaRecipe .BtmNavi li.Menu2 a.Current {
width: 230px;
height: 58px;
background-position: -230px -116px;
}

#HamaRecipe .BtmNavi li.Menu3 a.Current {
width: 220px;
height: 58px;
background-position: -460px -174px;
}