@charset "shift_jis";
/* =========================================

nasuluckitchen > rightside

右側ブロック設定
============================================ */

#rightside {
float:right;
width:200px;
height:100%;
margin:0 17px 0 0;
_margin:0 10px 0 0;
padding:0;
/*position:absolute;
right:18px;
top:120px;*/
}

#rightside div.section {
clear:both;
width:200px;
height:auto;
margin:0 0 0 0;
padding:0;
}


/* --MYレシピノートボタン-------------------------------------------*/

#rightside div.mynote_area {
width:200px;
height:auto;
margin:0;
padding:0 0 10px 0;
}

#rightside div.mynote_area a {
display:block;
overflow:hidden;
width:200px;
height:90px;
text-indent:-9999px;
background:url(/image_cmn/rightside_img/btn_notenewuser.jpg) no-repeat 0 0 ;
}

#rightside div.mynote_area a:hover {
background:url(/image_cmn/rightside_img/btn_notenewuser.jpg) no-repeat -200px 0 ;
}

#rightside div.mynote_area span {
display:block;
width:200px;
height:auto;
margin:0;
padding:5px 0;
text-align:left;
font-size:95%;
color:#993300;
line-height:12px;
}

/* --ケータイ案内ボタン-------------------------------------------*/

#rightside div.mobile_area {
width:200px;
height:auto;
margin:0;
padding:0 0 10px 0;
}

#rightside div.mobile_area a {
display:block;
overflow:hidden;
width:200px;
height:95px;
text-indent:-9999px;
background:url(/image_cmn/rightside_img/btn_mobile.jpg) no-repeat 0 0 ;
}

#rightside div.mobile_area a:hover {
background:url(/image_cmn/rightside_img/btn_mobile.jpg) no-repeat -200px 0 ;
}

#rightside div.mobile_area span {
display:block;
width:200px;
height:auto;
margin:0;
padding:5px 0;
text-align:left;
font-size:95%;
color:#993300;
line-height:12px;
}


/* --お役立ちエリア-------------------------------------------*/

#rightside div.useful_area {
width:200px;
height:308px;
margin:0 0 10px 0;
padding:0;
background:url(/image_cmn/bg_sideframe.gif) no-repeat 0 bottom ;
}

#rightside div.useful_area h2 {
width:200px;
height:28px;
background:url(/image_cmn/rightside_img/useful_ttl.gif) no-repeat 0 0 ;
text-indent:-9999px;
}

#rightside div.useful_area p {
display:block;
width:200px;
height:62px;
margin:0;
padding:0;
background:url(/image_cmn/rightside_img/useful_text.gif) no-repeat 0 0 ;
text-indent:-9999px;
}

#rightside div.useful_area dl {
list-style:none;
width:184px;
height:55px;
margin:8px 8px 0px 8px;
padding:0;
border-bottom:1px dotted #CCCCCC;
}

#rightside div.useful_area dl dt {
float:left;
display:block;
width:110px;
margin:0;
padding:0 0 0 20px;
text-align:left;
background:url(/image_cmn/rightside_img/useful_arrow.gif) no-repeat 0 0 ;
}

#rightside div.useful_area dl dd {
float:left;
width:46px;
height:46px;
margin:0;
padding:0;
}

#rightside div.useful_area dl dd img {
margin:0;
padding:0;
border:1px solid #CCC;
}

#rightside div.useful_area div.alllist {
float:right;
display:block;
overflow:hidden;
width:120px;
height:18px;
margin:3px 0 0 0;
padding:0 0 0 18px;
background:url(/image_cmn/rightside_img/icon_osusume.gif) no-repeat 0 50%;
text-align:left;
font-size:85%;
}


/* --ジャンルいちおしレシピ設定-------------------------------------------*/

#rightside div.onepush_area {
width:200px;
height:auto;
margin:0 0 10px 0;
padding:0 0 15px 0;
background:url(/image_cmn/rightside_img/bg_ichiosi_frame.gif) no-repeat 0 bottom ;
}

#rightside div.onepush_area h2 {
width:200px;
height:57px;
background:url(/image_cmn/rightside_img/ichiosi_ttl.gif) no-repeat 0 0 ;
text-indent:-9999px;
}

#rightside div.onepush_area dl {
list-style:none;
width:180px;
margin:8px 10px 0px 10px;
padding:0;
border-bottom:1px dotted #CCCCCC;
}

#rightside div.onepush_area dl dt {
float:left;
display:block;
width:70px;
margin:0;
padding:0;
}

#rightside div.onepush_area dl dd.menubox {
float:left;
width:100px;
margin:0;
padding:0 5px;
text-align:left;
font-size:100%;
}

#rightside div.onepush_area dl dd.commentbox {
width:170px;
clear:both;
margin:3px auto 5px auto;
padding:5px;
text-align:left;
background:#F8F3E0;
font-size:85%;
line-height:14px;
}

/* --関連レシピ設定-------------------------------------------*/

#rightside div.relation_area {
width:200px;
height:auto;
margin:0 0 10px 0;
padding:0 0 15px 0;
background:url(/image_cmn/rightside_img/bg_kanren_frame.gif) no-repeat 0 bottom ;
}

#rightside div.relation_area h2 {
width:200px;
height:57px;
background:url(/image_cmn/rightside_img/kanren_ttl.gif) no-repeat 0 0 ;
text-indent:-9999px;
}

#rightside div.relation_area dl {
list-style:none;
width:180px;
margin:8px 10px 0px 10px;
padding:0;
border-bottom:1px dotted #CCCCCC;
}

#rightside div.relation_area dl dt {
float:left;
display:block;
width:70px;
margin:0;
padding:0;
}

#rightside div.relation_area dl dd.menubox {
float:left;
width:100px;
margin:0;
padding:0 5px;
text-align:left;
font-size:100%;
}

#rightside div.relation_area dl dd.commentbox {
width:170px;
clear:both;
margin:3px auto 5px auto;
padding:5px;
text-align:left;
background:#f0f6da;
font-size:85%;
line-height:14px;
}



/* --バナーパネル設定-------------------------------------------*/

#rightside ul.panel {
list-style:none;
width:200px;
height:auto;
margin:0;
padding:0;
}

#rightside ul.panel li {
display:block;
width:200px;
margin:0 0 10px 0;
padding:0;
}

#rightside ul.panel li a {
overflow:hidden;
display:block;
width:200px;
height:103px;
margin:0;
padding:0;
text-indent:-9999px;
}


/*ハートマークショップ*/
#rightside ul.panel li a.panel_hms02 {
height:94px; 
}
#rightside ul.panel li a.panel_hms02_bottom {
width:185px;
height:18px;
margin:0 0 -10px 0;
padding:3px 0 0 15px;
text-indent:0;
position:relative;
top:-10px;
_top:-13px;
}
*:first-child+html #rightside ul.panel li a.panel_hms02_bottom {
top:-14px;
}


#rightside ul.panel li a.panel_beginner { background:url(/image_cmn/rightside_img/right_panel.gif) no-repeat 0 0px;}
#rightside ul.panel li a.panel_english { background:url(/image_cmn/rightside_img/right_panel.gif) no-repeat 0 -103px;}
#rightside ul.panel li a.panel_wall { background:url(/image_cmn/rightside_img/right_panel.gif) no-repeat 0 -206px;}
#rightside ul.panel li a.panel_homemate { background:url(/image_cmn/rightside_img/panel_homemate.gif) no-repeat 0 0}
#rightside ul.panel li a.panel_sr { background:url(/image_cmn/rightside_img/panel_sr.gif) no-repeat 0 0;}
#rightside ul.panel li a.panel_hms { background:url(/image_cmn/rightside_img/panel_hms.gif) no-repeat 0 0;}
#rightside ul.panel li a.panel_hms02 { background:url(/image_cmn/rightside_img/panel_hms02.gif) no-repeat 0 0;}
#rightside ul.panel li a.panel_hms02_bottom { background:url(/image_cmn/rightside_img/panel_hms02_bottom.gif) no-repeat 0 0;}

#rightside ul.panel li a:hover.panel_beginner { background:url(/image_cmn/rightside_img/right_panel.gif) no-repeat -200px 0;}
#rightside ul.panel li a:hover.panel_english { background:url(/image_cmn/rightside_img/right_panel.gif) no-repeat -200px -103px;}
#rightside ul.panel li a:hover.panel_wall { background:url(/image_cmn/rightside_img/right_panel.gif) no-repeat -200px -206px;}
#rightside ul.panel li a:hover.panel_homemate { background:url(/image_cmn/rightside_img/panel_homemate.gif) no-repeat -200px 0;}
#rightside ul.panel li a:hover.panel_sr { background:url(/image_cmn/rightside_img/panel_sr.gif) no-repeat -200px 0;}
#rightside ul.panel li a:hover.panel_hms { background:url(/image_cmn/rightside_img/panel_hms.gif) no-repeat -200px 0;}
#rightside ul.panel li a:hover.panel_hms02 { background:url(/image_cmn/rightside_img/panel_hms02.gif) no-repeat -200px 0;}


/* --おすすめキッチン設定-------------------------------------------*/

#rightside div.recommend_kitchen {
width:200px;
height:300px;
margin:0 0 10px 0;
padding:0;
background:url(/image_cmn/bg_sideframe.gif) no-repeat 0 bottom ;
}

#rightside div.recommend_kitchen h2 {
width:200px;
height:76px;
}

#rightside div.recommend_kitchen p {
width:200px;
height:36px;
text-indent:-9999px;
background:url(/image_cmn/rightside_img/osusume_text.gif) no-repeat 0 0;
}

#rightside div.recommend_kitchen dl {
list-style:none;
width:170px;
height:75px;
margin:5px 15px 0px 15px;
padding:0;
}

#rightside div.recommend_kitchen dl dt {
display:block;
width:155px;
height:17px;
margin:0;
padding:0 0 0 15px;
background:#EEEEEE url(/image_cmn/arrow_bulue.gif) no-repeat 0 50%;
border-bottom:1px solid #ccc;
text-align:left;
line-height:17px;
font-size:90%;
}

#rightside div.recommend_kitchen dl dd {
width:170px;
height:auto;
margin:5px 0 0 0;
padding:0;
}

#rightside div.recommend_kitchen dl dd img {
float:left;
}

#rightside div.recommend_kitchen dl dd span {
float:left;
display:block;
width:92px;
height:50px;
padding:3px 5px;
text-align:left;
color:#666;
line-height:13px;
font-size:85%;
}

#rightside div.recommend_kitchen div.alllist {
float:right;
display:block;
overflow:hidden;
width:100px;
height:18px;
margin:0;
padding:0 0 0 18px;
background:url(/image_cmn/rightside_img/icon_osusume.gif) no-repeat 0 50%;
text-align:left;
font-size:85%;
}