@charset "utf-8"; @import url("common.css"); h1#profile_read { width:950px; margin:0 auto 0 auto; position:absolute;top:7px;font-size:75%;color:#666666;text-align:right;font-weight:normal; } /* topickPathの幅の上書き */ #topickPath { clear: both; width:950px; overflow: hidden; margin: 0 0 4px;} /* MYPAGE */ #pageNav { clear:both; width:950px; overflow:hidden; margin:0 0 8px 0; } #pageNav li { float:left; } #pageNav li a { display:block; height:35px; outline:0;} #pageNav li a img { visibility:hidden;} #pageNav li a span { display:none;} /*NaviBloggerMypage*/ li#pageNav_platinum_home a { width:159px; background:url(../images/mypage/mypage_sprite.gif) 0px -70px no-repeat; } li#pageNav_platinum_blog a { width:138px; background:url(../images/mypage/mypage_sprite.gif) -159px -70px no-repeat; } li#pageNav_platinum_recipe a { width:141px; background:url(../images/mypage/mypage_sprite.gif) -297px -70px no-repeat; } li#pageNav_platinum_voice a { width:119px; background:url(../images/mypage/mypage_sprite.gif) -438px -70px no-repeat; } li#pageNav_platinum_fav a { width:116px; background:url(../images/mypage/mypage_sprite.gif) -557px -70px no-repeat; } li#pageNav_platinum_ranking a { width:117px; background:url(../images/mypage/mypage_sprite.gif) -673px -70px no-repeat; } li#pageNav_platinum_monitor a { width:160px; background:url(../images/mypage/mypage_sprite.gif) -790px -70px no-repeat; } li#pageNav_platinum_home a:hover { background:url(../images/mypage/mypage_sprite.gif) 0px -105px no-repeat; } li#pageNav_platinum_blog a:hover { background:url(../images/mypage/mypage_sprite.gif) -159px -105px no-repeat; } li#pageNav_platinum_recipe a:hover { background:url(../images/mypage/mypage_sprite.gif) -297px -105px no-repeat; } li#pageNav_platinum_voice a:hover { background:url(../images/mypage/mypage_sprite.gif) -438px -105px no-repeat; } li#pageNav_platinum_fav a:hover { background:url(../images/mypage/mypage_sprite.gif) -557px -105px no-repeat; } li#pageNav_platinum_ranking a:hover { background:url(../images/mypage/mypage_sprite.gif) -673px -105px no-repeat; } li#pageNav_platinum_monitor a:hover { background:url(../images/mypage/mypage_sprite.gif) -790px -105px no-repeat; } li#pageNav_platinum_home.active a { background:url(../images/mypage/mypage_sprite.gif) 0px -105px no-repeat; } li#pageNav_platinum_blog.active a { background:url(../images/mypage/mypage_sprite.gif) -159px -105px no-repeat; } li#pageNav_platinum_recipe.active a { background:url(../images/mypage/mypage_sprite.gif) -297px -105px no-repeat; } li#pageNav_platinum_voice.active a { background:url(../images/mypage/mypage_sprite.gif) -438px -105px no-repeat; } li#pageNav_platinum_fav.active a { background:url(../images/mypage/mypage_sprite.gif) -557px -105px no-repeat; } li#pageNav_platinum_ranking.active a { background:url(../images/mypage/mypage_sprite.gif) -673px -105px no-repeat; } li#pageNav_platinum_monitor.active a { background:url(../images/mypage/mypage_sprite.gif) -790px -105px no-repeat; } /*seconmenu*/ li#pageNav_public_home a { width:137px; background:url(../images/mypage/mypage_sprite.gif) 0 0px no-repeat; } li#pageNav_public_recipe a { width:135px; background:url(../images/mypage/mypage_sprite.gif) -137px 0px no-repeat; } li#pageNav_public_voice a { width:135px; background:url(../images/mypage/mypage_sprite.gif) -272px 0px no-repeat; } li#pageNav_public_fav a { width:136px; background:url(../images/mypage/mypage_sprite.gif) -407px 0px no-repeat; } li#pageNav_public_ranking a { width:135px; background:url(../images/mypage/mypage_sprite.gif) -543px 0px no-repeat; } li#pageNav_public_monitor a { width:135px; background:url(../images/mypage/mypage_sprite.gif) -678px 0px no-repeat; } li#pageNav_public_home a:hover { width:137px; background:url(../images/mypage/mypage_sprite.gif) 0px -35px no-repeat; } li#pageNav_public_recipe a:hover { width:135px; background:url(../images/mypage/mypage_sprite.gif) -137px -35px no-repeat; } li#pageNav_public_voice a:hover { width:135px; background:url(../images/mypage/mypage_sprite.gif) -272px -35px no-repeat; } li#pageNav_public_fav a:hover { width:136px; background:url(../images/mypage/mypage_sprite.gif) -407px -35px no-repeat; } li#pageNav_public_ranking a:hover { width:135px; background:url(../images/mypage/mypage_sprite.gif) -543px -35px no-repeat; } li#pageNav_public_monitor a:hover { width:135px; background:url(../images/mypage/mypage_sprite.gif) -678px -35px no-repeat; } li#pageNav_public_home.active a { width:137px; background:url(../images/mypage/mypage_sprite.gif) 0px -35px no-repeat; } li#pageNav_public_recipe.active a { width:135px; background:url(../images/mypage/mypage_sprite.gif) -137px -35px no-repeat; } li#pageNav_public_voice.active a { width:135px; background:url(../images/mypage/mypage_sprite.gif) -272px -35px no-repeat; } li#pageNav_public_fav.active a { width:136px; background:url(../images/mypage/mypage_sprite.gif) -407px -35px no-repeat; } li#pageNav_public_ranking.active a { width:135px; background:url(../images/mypage/mypage_sprite.gif) -543px -35px no-repeat; } li#pageNav_public_monitor.active a { width:135px; background:url(../images/mypage/mypage_sprite.gif) -678px -35px no-repeat; } /*NaviProfileBloggerMenu*/ li#pageNav_look_home a { width:159px; background:url(../images/mypage/mypage_sprite.gif) 0px -265px no-repeat; } li#pageNav_look_newblog a { width:158px; background:url(../images/mypage/mypage_sprite.gif) -159px -265px no-repeat; } li#pageNav_look_newrecipe a { width:158px; background:url(../images/mypage/mypage_sprite.gif) -317px -265px no-repeat; } li#pageNav_look_voice a { width:156px; background:url(../images/mypage/mypage_sprite.gif) -475px -265px no-repeat; } li#pageNav_look_fav a { width:153px; background:url(../images/mypage/mypage_sprite.gif) -631px -265px no-repeat; } li#pageNav_look_howto a { width:166px; background:url(../images/mypage/mypage_sprite.gif) -784px -265px no-repeat; } li#pageNav_look_home a:hover { width:159px; background:url(../images/mypage/mypage_sprite.gif) 0px -301px no-repeat; } li#pageNav_look_newblog a:hover { width:158px; background:url(../images/mypage/mypage_sprite.gif) -159px -301px no-repeat; } li#pageNav_look_newrecipe a:hover { width:158px; background:url(../images/mypage/mypage_sprite.gif) -317px -301px no-repeat; } li#pageNav_look_voice a:hover { width:156px; background:url(../images/mypage/mypage_sprite.gif) -475px -301px no-repeat; } li#pageNav_look_fav a:hover { width:153px; background:url(../images/mypage/mypage_sprite.gif) -631px -301px no-repeat; } li#pageNav_look_howto a:hover { width:166px; background:url(../images/mypage/mypage_sprite.gif) -784px -301px no-repeat; } li#pageNav_look_home.active a { width:159px; background:url(../images/mypage/mypage_sprite.gif) 0px -301px no-repeat; } li#pageNav_look_newblog.active a { width:158px; background:url(../images/mypage/mypage_sprite.gif) -159px -301px no-repeat; } li#pageNav_look_newrecipe.active a { width:158px; background:url(../images/mypage/mypage_sprite.gif) -317px -301px no-repeat; } li#pageNav_look_voice.active a { width:156px; background:url(../images/mypage/mypage_sprite.gif) -475px -301px no-repeat; } li#pageNav_look_fav.active a { width:153px; background:url(../images/mypage/mypage_sprite.gif) -631px -301px no-repeat; } li#pageNav_look_howto.active a { width:166px; background:url(../images/mypage/mypage_sprite.gif) -784px -301px no-repeat; } /*NaviIppanMypageMenu*/ li#pageNav_Member_home a { width:158px; background:url(../images/mypage/mypage_sprite.gif) 0 0px no-repeat; } li#pageNav_Member_recipe a { width:158px; background:url(../images/mypage/mypage_sprite.gif) -158px 0px no-repeat; } li#pageNav_Member_voice a { width:158px; background:url(../images/mypage/mypage_sprite.gif) -316px 0px no-repeat; } li#pageNav_Member_fav a { width:158px; background:url(../images/mypage/mypage_sprite.gif) -474px 0px no-repeat; } li#pageNav_Member_ranking a { width:158px; background:url(../images/mypage/mypage_sprite.gif) -632px 0px no-repeat; } li#pageNav_Member_monitor a { width:160px; background:url(../images/mypage/mypage_sprite.gif) -790px 0px no-repeat; } li#pageNav_Member_home a:hover { width:158px; background:url(../images/mypage/mypage_sprite.gif) 0px -35px no-repeat; } li#pageNav_Member_recipe a:hover { width:158px; background:url(../images/mypage/mypage_sprite.gif) -158px -35px no-repeat; } li#pageNav_Member_voice a:hover { width:158px; background:url(../images/mypage/mypage_sprite.gif) -316px -35px no-repeat; } li#pageNav_Member_fav a:hover { width:158px; background:url(../images/mypage/mypage_sprite.gif) -474px -35px no-repeat; } li#pageNav_Member_ranking a:hover { width:158px; background:url(../images/mypage/mypage_sprite.gif) -632px -35px no-repeat; } li#pageNav_Member_monitor a:hover { width:160px; background:url(../images/mypage/mypage_sprite.gif) -790px -35px no-repeat; } li#pageNav_Member_home.active a { width:158px; background:url(../images/mypage/mypage_sprite.gif) 0px -35px no-repeat; } li#pageNav_Member_recipe.active a { width:158px; background:url(../images/mypage/mypage_sprite.gif) -158px -35px no-repeat; } li#pageNav_Member_voice.active a { width:158px; background:url(../images/mypage/mypage_sprite.gif) -316px -35px no-repeat; } li#pageNav_Member_fav.active a { width:158px; background:url(../images/mypage/mypage_sprite.gif) -473px -35px no-repeat; } li#pageNav_Member_ranking.active a { width:158px; background:url(../images/mypage/mypage_sprite.gif) -632px -35px no-repeat; } li#pageNav_Member_monitor.active a { width:160px; background:url(../images/mypage/mypage_sprite.gif) -790px -35px no-repeat; } /*NaviProfileIppanMenu*/ li#pageNav_Normal_home a { width:190px; background:url(../images/mypage/mypage_sprite.gif) 0px -337px no-repeat; } li#pageNav_Normal_newrecipe a { width:189px; background:url(../images/mypage/mypage_sprite.gif) -190px -337px no-repeat; } li#pageNav_Normal_voice a { width:189px; background:url(../images/mypage/mypage_sprite.gif) -379px -337px no-repeat; } li#pageNav_Normal_fav a { width:189px; background:url(../images/mypage/mypage_sprite.gif) -568px -337px no-repeat; } li#pageNav_Normal_Howto a { width:193px; background:url(../images/mypage/mypage_sprite.gif) -757px -337px no-repeat; } li#pageNav_Normal_home a:hover { width:190px; background:url(../images/mypage/mypage_sprite.gif) 0px -372px no-repeat; } li#pageNav_Normal_newrecipe a:hover { width:189px; background:url(../images/mypage/mypage_sprite.gif) -190px -372px no-repeat; } li#pageNav_Normal_voice a:hover { width:189px; background:url(../images/mypage/mypage_sprite.gif) -379px -372px no-repeat; } li#pageNav_Normal_fav a:hover { width:189px; background:url(../images/mypage/mypage_sprite.gif) -568px -372px no-repeat; } li#pageNav_Normal_Howto a:hover { width:193px; background:url(../images/mypage/mypage_sprite.gif) -757px -372px no-repeat; } li#pageNav_Normal_home.active a { width:190px; background:url(../images/mypage/mypage_sprite.gif) 0px -372px no-repeat; } li#pageNav_Normal_newrecipe.active a { width:189px; background:url(../images/mypage/mypage_sprite.gif) -190px -372px no-repeat; } li#pageNav_Normal_voice.active a { width:189px; background:url(../images/mypage/mypage_sprite.gif) -379px -372px no-repeat; } li#pageNav_Normal_fav.active a { width:189px; background:url(../images/mypage/mypage_sprite.gif) -568px -372px no-repeat; } li#pageNav_Normal_Howto.active a { width:193px; background:url(../images/mypage/mypage_sprite.gif) -757px -372px no-repeat; } /*BodyContents*/ #leftColumn { width:182px; float:left; overflow:hidden; margin:0 0 60px 0; } #leftMainColumn{ width:633px; float:left; overflow:hidden; margin:0 0 60px 0;} #mainColumn { width:430px; margin:0 0 60px 18px; display:inline; float:left; overflow:hidden;} /*#rightColumn { width:300px; float:right; overflow:hidden; margin:0 0 60px 0; }*/ #rightColumn { width:300px; float:right; display:inline; margin:0 0 60px 0; padding:10px 0 0 0; } #profile { width:182px; overflow:hidden; padding:0 0 13px 0; margin:0 0 5px 0; background:transparent url(../images/mypage/menu_bloger_bottom.gif) left bottom no-repeat; } #profile dt { width:182px; padding:21px 0 5px 0; overflow:hidden; background:transparent url(../images/mypage/menu_bloger_top.gif) left top no-repeat; font-weight:900; color:#533A30; text-align:center; position: relative; } #profile dt.detail { width:182px; padding:0; overflow:hidden; background:transparent url(../images/mypage/menu_bloger_top.gif) left top no-repeat; font-weight:900; color:#533A30; text-align:center; position: relative; } /*profileCapUserLank*/ #profile dt.platinumUser { padding:48px 0 5px 0; background:transparent url(../images/mypage/menu_bloger_top_platina.gif) left top no-repeat;} #profile dt.goldUser { padding:48px 0 5px 0; background:transparent url(../images/mypage/menu_bloger_top_gold.gif) left top no-repeat;} #profile dt.silverUser { padding:48px 0 5px 0; background:transparent url(../images/mypage/menu_bloger_top_silver.gif) left top no-repeat;} #profile dt.bronzeUser { padding:48px 0 5px 0; background:transparent url(../images/mypage/menu_bloger_top_bronze.gif) left top no-repeat;} #profile dt.basicUser { padding:48px 0 5px 0; background:transparent url(../images/mypage/menu_bloger_top_basic.gif) left top no-repeat;} #profile dt.dendoUser { padding:48px 0 5px 0; background:transparent url(../images/mypage/menu_bloger_top_dendo.gif) left top no-repeat;} #profile dd { width:182px; padding:0 0 4px 0; background:transparent url(../images/mypage/menu_bloger_bg.gif) left top repeat-y; color:#533A30; text-align:center;} #profile ul li{ margin:0 0 2px; } #profile .prof_image { width:148px; height:106px; margin:0 auto 5px auto; background:transparent url(../images/mypage/bloger_image_bg.gif) left top no-repeat; padding:6px 0 2px 0;} .mypage_Profilecomment { margin:0 0 5px; } .personcomment { background:transparent url(../images/mypage/border_02.gif) bottom no-repeat; padding:0 0 4px 0; margin:0 0 10px; } .person_top { background:transparent url(../images/mypage/border_01.gif) top no-repeat; padding:5px 0 0 0; } .personcomment dl{ border:1px solid #f1943e; border-width:0 1px 0 1px; padding:8px; } .personcomment dl dt{ font-weight:bold;background:transparent url(../images/common/nav_bg.gif) left bottom repeat-x; margin:0 0 4px 0; } .personcomment dl dd{ clear:both; margin:0 0 15px; } .personcomment dl ul{ clear:both; margin:0 0 7px 0; } #leftColumn .menuContents { width:180px; padding:0 0 2px 0; margin:0 0 13px 0; background:transparent url(../images/mypage/menu_borrom.gif) left bottom no-repeat; } #leftColumn .menuContents dt { height:16px; overflow:hidden; line-height:13px; padding:0 8px; background:transparent url(../images/mypage/menu_h_bg.gif) left top no-repeat;} #leftColumn .menuContents dt em { position:relative; top:2px; padding:0 0 0 5px; font-style:normal;} #leftColumn .menuContents dt.menuHeading { height:auto; padding:0; background:transparent none left top no-repeat;} #leftColumn .menuContents dt.menuBadge { height:auto; padding:0; margin:-3px 0 0 0; background:transparent none left top no-repeat;} #leftColumn .menuContents dd { width:180px; padding:8px 0; background:transparent url(../images/mypage/menu_bg.gif) left bottom repeat-y ; } #leftColumn .menuContents dd p { padding:0 8px; text-align:center;} #leftColumn .menuContents dd ul { padding:0 8px; text-align:left;} #leftColumn .menuContents dd ol { width:164px; overflow:hidden; margin:0 8px; padding:0 0 10px 0; text-align:right;} #leftColumn .menuContents dd ol li { clear:both;} #leftColumn .menuContents table { margin:-3px 7px 0 7px;} #leftColumn .menuContents th { font-weight:100; vertical-align:middle; line-height:130%;} #leftColumn .menuContents td { vertical-align:top; padding:0 2px 4px 0;} #leftColumn .menuContents textarea { width:156px; margin:8px 0 8px 1px; font-size:100%; } #rightColumn h3 { line-height:16px; padding:0 0 3px 0; margin:0 0 10px 0; background:transparent url(../images/common/bar_gray.gif) left bottom repeat-x; } #rightColumn h3 em { float:right; font-style:normal; font-weight:100; position:relative; top:-1px;} #rightColumn ul { margin:0; } #rightColumn ul li { padding:0 0 2px 15px; background:transparent url(../images/common/icon_arrow.gif) left center no-repeat;} #rightColumn ol { width:280px; overflow:hidden; clear:both; margin:0; } #rightColumn ol li { float:left; padding:0 0.5em 0 0; white-space:nowrap; } #rightColumn dl { border:1px solid #D8D8D8; padding:10px; margin:0 0 14px 0; } #rightColumn dt { line-height:16px; padding:0 0 3px 0; margin:0 0 10px 0; background:transparent url(../images/common/bar_gray.gif) left bottom repeat-x; } #rightColumn dt em { float:right; font-style:normal; font-weight:100; position:relative; top:-1px; font-size: 12px; } #rightColumn dd {} #rightColumn dl dd dl { width:280px; overflow:hidden; margin:0 0 8px 0; padding:0; border:0 solid #ccc; } #rightColumn dl dd dl dt { line-height:auto; padding:0; margin:0; background:transparent none left bottom repeat-x; width:45px; float:left; } #rightColumn dl dd dl dd { width:225px; float:right; } #rightColumn ul.menuBanner { margin:0 0 5px 0; } #rightColumn ul.menuBanner li { padding:0 0 7px 0; background:transparent none left center no-repeat; } #rightColumn #menuMonitor { /* margin:0 0 20px 0; */ } #rightColumn #menuMailmagazine { border:1px solid #b4b4b4; border-top:2px solid #b4b4b4; padding:10px; } #rightColumn #menuMailmagazine h3 { padding:0 0 8px 0;} #rightColumn #menuMailmagazine table { margin:5px 0 0 0;} #rightColumn #menuMailmagazine th input { width:220px; height:21px; border:1px solid #ccc; padding:2px 0; padding:0; } #rightColumn #menuMailmagazine th { vertical-align:top; padding:0 7px 0 0;} #rightColumn #menuMailmagazine td { vertical-align:top;} #mainColumn .alerts { margin:0 4px 0 0; text-align:right; color:#f00; vertical-align:top; } #mainColumn p.btnUp { margin:-1.7em 0 15px 0; } #contentsInfo { margin:0 0 40px 0; } #contentsInfo h2 { margin:0 0 4px 0; padding:4px 0 5px 0; border-bottom:1px solid #533A30; font-size:10px; line-height:1em;} #contentsInfo h2 em { float:right; margin:-3px 0 0 0; width:20px; } #contentsInfo h3 { clear:both; background:transparent url(../images/mypage/bar_lightgray.gif) left top repeat-x; padding:6px 0 0 3px; font-weight:100;} #contentsInfo ul { padding:4px 0 0 0;} #contentsInfo ul li { margin:0 0 5px 0; padding:0 0 0 13px; background:transparent url(../images/common/icon_arrow.gif) left center no-repeat; } #contentsInfo ol li img { padding:0 0 0 3px; vertical-align:top;} #contentsInfo p { width:430px; overflow:hidden; text-align:right; margin:0 0 2px 0; } #contentsInfo p span { display:block; float:right; width:250px;} #contentsInfo p a span { display:none;} #contentsInfo p em { float:left; font-style:normal; } #contentsInfo #infoTheme { margin:7px 0 0 0; padding:6px 12px; background:#FAF2DF none left top no-repeat; } #contentsInfo #infoTheme h3 { background:transparent none left top repeat-x; padding:0 0 5px 0; font-weight:900;} #contentsInfo #infoTheme li { line-height:185%;} #contentsInfo #infoTheme p { clear:both; width:406px; overflow:hidden; text-align:left; } #contentsInfo #infoTheme p em { float:right;} #contentsFav { margin:0 0 34px 0;} #contentsFav h2 { padding:4px 0 8px 9px; margin:0 0 10px 0; background:transparent url(../images/common/nav_bg.gif) left bottom repeat-x; border-left:2px solid #361315; font-size:10px; line-height:1em; } #contentsFav h2 em { float:right; margin:-4px 0 0 0; width:20px; } #contentsFav ul.FavNaviMenu{ width:430px; overflow:hidden;} #contentsFav ul li{ float:left;} #contentsFav ul li a{ display:block; width:215px; height:28px;} #contentsFav ul li a span { display:none;} .contentsFavWrap { clear:both; border:1px solid #87756F; border-top:0 solid #ccc; overflow:hidden; width:428px; } .contentsFavWrap dl { width:410px; overflow:hidden; margin:0 0 4px 10px; padding:10px 0 11px 0; background:transparent url(../images/mypage/bar_dot_gray.gif) left bottom repeat-x;} .contentsFavWrap dt { width:65px; margin:0 0 0 1px; display:inline; float:left;} .contentsFavWrap dd { width:334px; margin:0 2px 0 0; display:inline; float:right;} .contentsFavWrap h3 { font-weight:100; margin:0 0 3px 0; } .contentsFavWrap h3 img { margin:0 0 0 4px;} .contentsFavWrap ul { width:334px; overflow:hidden;} .contentsFavWrap ul li { float:none; font-size:100%; margin:0 0 2px 0;} .contentsFavWrap p { padding:0; margin:-1px 0 0 0;} .contentsFavWrap ol { width:420px; overflow:hidden; padding:2px 0 6px 0; margin:0 3px 0 4px;} .contentsFavWrap ol li { padding:5px 0 2px 0; text-align:right;} #contentsVoice { width:430px; margin:0 0 30px 0; overflow:hidden; } #contentsVoice h2 { padding:4px 0 8px 9px; margin:0 0 10px 0; background:transparent url(../images/common/nav_bg.gif) left bottom repeat-x; border-left:2px solid #361315; font-size:10px; line-height:1em; } #contentsVoice h2 em { float:right; margin:-4px 0 0 0; width:20px; } #contentsVoice h3 { margin:0 0 8px 11px; padding:0 0 0 6px; height:13px; line-height:13px; background:transparent url(../images/mypage/icon_line.gif) left top no-repeat; } #contentsVoice ol { padding:2px 0 6px 0; margin:0 3px 0 4px;} #contentsVoice ul { overflow:hidden;} #contentsVoice ul li{ float:left;} #contentsVoice ul li a{ display:block; width:215px; height:28px;} #contentsVoice ul li a span { display:none;} .contentsVoiceWrap { clear:both; border:1px solid #87756F; border-top:0 solid #ccc; } .contentsVoiceWrap dl { width:410px; overflow:hidden; margin:0 0 5px 10px; padding:11px 0 0 0;} .contentsVoiceWrap dt { width:65px; margin:0 0 0 0; display:inline; float:left;} .contentsVoiceWrap dd { width:334px; margin:0 0 0 0; display:inline; float:right; line-height:140%;} .contentsVoiceWrap p { margin:0 8px; padding:0 7px 8px 7px; background:transparent url(../images/mypage/bar_dot_gray.gif) left bottom repeat-x;} .contentsVoiceWrap ol { width:420px; overflow:hidden; } .contentsVoiceWrap ol li { padding:5px 0 2px 0; text-align:right;} .contentsVoiceWrap ul { padding:0 0 1px 0;} .contentsVoiceWrap ul li { float:none; padding:0 0 0 11px; margin:0 0 0 11px; line-height:180%; text-align:left; background:transparent url(../images/common/icon_arrow.gif) left center no-repeat;} .contentsVoiceWrap ul.vocieComment { padding:0 0 1px 0;} .contentsVoiceWrap ul.voiceComment li a { display:inline !important; height:auto; width:auto; } #contentsRanking { width:430px; margin:0 0 15px 0; overflow:hidden; } #contentsRanking h2 { padding:4px 0 8px 9px; margin:0 0 10px 0; background:transparent url(../images/common/nav_bg.gif) left bottom repeat-x; border-left:2px solid #361315; font-size:10px; line-height:1em; } #contentsRanking h2 em { float:right; margin:-4px 0 0 0; } #contentsRanking dl { width:85px; float:left; } #contentsRanking dl dt { text-align:center; } #contentsRanking dl dt img { margin:0 0 6px 0; } #contentsRanking dl dd { font-size:80%; padding:0 5px 0 0; line-height:170%; } #contentsRanking dl dd a { font-size:125%; } #contentsRanking ol { width:410px; overflow:hidden; clear:both; text-align:right; margin:0 10px; padding:11px 0;} #contentsCategoryranking ol li { clear:both;} #contentsCategoryranking { width:430px; margin:0 0 13px 0; overflow:hidden; } #contentsCategoryranking h2 { padding:4px 0 8px 9px; margin:0 0 10px 0; background:transparent url(../images/common/nav_bg.gif) left bottom repeat-x; border-left:2px solid #361315; font-size:10px; line-height:1em; } #contentsCategoryranking h2 em { float:right; margin:-4px 0 0 0; } #contentsCategoryranking dl { width:85px; float:left; } #contentsCategoryranking dl dt { text-align:center; } #contentsCategoryranking dl dt img { margin:0 0 6px 0; } #contentsCategoryranking dl dd { padding:0 5px 0 0; line-height:150%; overflow:hidden; width:70px; padding:0 3px 0 3px; } #contentsCategoryranking ol { width:430px; overflow:hidden; clear:both; text-align:right; padding:7px 0px;} #contentsCategoryranking ol li { clear:both;} #contentsCategoryranking ol li { display:inline; height:auto; width:auto; } #contentsBlogranking ol li { clear:both;} #contentsBlogranking { width:430px; margin:0 0 13px 0; overflow:hidden; } #contentsBlogranking h2 { padding:4px 0 8px 9px; margin:0 0 10px 0; background:transparent url(../images/common/nav_bg.gif) left bottom repeat-x; border-left:2px solid #361315; font-size:10px; line-height:1em; } #contentsBlogranking h2 em { float:right; margin:-4px 0 0 0; } #contentsBlogranking dl { width:85px; float:left; } #contentsBlogranking dl dt { text-align:center; } #contentsBlogranking dl dt img { margin:0 0 6px 0; } #contentsBlogranking dl dd { padding:0 5px 0 0; line-height:150%; overflow:hidden; width:70px; padding:0 3px 0 3px; } #contentsBlogranking ol { width:430px; overflow:hidden; clear:both; text-align:right; padding:7px 0px;} #contentsBlogranking ol li { clear:both;} #contentsBlogranking ol li { display:inline; height:auto; width:auto; } #contentsReciperanking ol li { clear:both;} #contentsReciperanking { width:430px; margin:0 0 13px 0; overflow:hidden; } #contentsReciperanking h2 { padding:4px 0 8px 9px; margin:0 0 10px 0; background:transparent url(../images/common/nav_bg.gif) left bottom repeat-x; border-left:2px solid #361315; font-size:10px; line-height:1em; } #contentsReciperanking h2 em { float:right; margin:-4px 0 0 0; } #contentsReciperanking dl { width:85px; float:left; } #contentsReciperanking dl dt { text-align:center; } #contentsReciperanking dl dt img { margin:0 0 6px 0; } #contentsReciperanking dl dd { padding:0 5px 0 0; line-height:150%; overflow:hidden; width:70px; padding:0 3px 0 3px; } #contentsReciperanking ol { width:430px; overflow:hidden; clear:both; text-align:right; padding:7px 0px;} #contentsReciperanking ol li { clear:both;} #contentsReciperanking ol li { display:inline; height:auto; width:auto; } #contentsNewMy { width:633px; clear:both; position:relative;} #contentsNewMy h2 { padding:4px 0 8px 9px; margin:0 0 10px 0; background:transparent url(../images/common/nav_bg.gif) left bottom repeat-x; border-left:2px solid #361315; font-size:10px; line-height:1em; } #contentsNewMy h2 em { float:right; margin:-4px 0 0 0; width:20px; } #contentsNewMy .inforMation { text-align:right; float:left; width:490px; padding-top:4px; padding-bottom:15px;} #contentsNewMy span.alerts { color:#f00;} #newMylist { width:633px; margin-bottom:10px; clear:both;} #newMylist dl { background:url(../images/common/bar_dot_gray.gif) repeat-x scroll left bottom transparent; overflow:hidden; padding:10px 0; position:relative; width:633px;} #newMylist img{ width:65px; } #newMylist dt { display:inline; float:left; margin-right:10px; width:65px;} #newMylist dd { display:inline; width:558px;} #newMylist dd p.mylistTitle{ width:480px; } *html #newMylist dd p.mylistTitle{ width:400px; } #newMylist dd p.mylistTitle span { font-size:11px; padding-left:5px;} #newMylist dd p.checklist{ width:148px; position: absolute; top:6px; right:0; text-align:right;} #newMylist dd p.mylistEdit{ margin-top:10px; } #newMylist dd p.mylistLink{ } /* #blogSearch { width:500px; overflow:hidden; margin:0 0 40px 0; display:inline; float:left; clear:both;} */ #blogSearch dt { display:inline; float:left;} #blogSearch dt input { width:180px; margin:0 5px 0 0; border:1px solid #ccc; padding:2px 0; } #blogSearch dt select { margin:0 5px 0 0; } #blogSearch dd { float:left; height:23px; overflow:hidden; line-height:20px;} /* #blogSearch dd#blogSearchBtn {background:transparent url(../images/common/header_btn_search_over.gif) left top no-repeat; behavior: url(csshover3.htc); margin-right:5px;} */ #blogSearch dd#blogSearchBtn {background:transparent url(../images/common/header_btn_search_over.gif) left top no-repeat; margin-right:5px;} #blogSearch dd#blogSearchBtn input:hover { filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); opacity: 0.0; margin:0; padding:0;} #contentsMyFav { width:633px; clear:both; overflow:hidden;} #contentsMyFav h2 { padding:4px 0 8px 9px; margin:0 0 10px 0; background:transparent url(../images/common/nav_bg.gif) left bottom repeat-x; border-left:2px solid #361315; font-size:10px; line-height:1em; } #contentsMyFav h2 em { float:right; margin:-4px 0 0 0; width:20px; } #contentsMyFav dl { width:120px; float:left; margin-left:8px; margin-top:5px;} #contentsMyFav dl dt { text-align:center; } #contentsMyFav dl dt img { margin:0 0 6px 0; outline:0;} #contentsMyFav dl dd { font-size:80%; padding:0 5px 0 0; line-height:170%; } #contentsMyFav dl dd a { font-size:125%; } #contentsMyFav ol { width:633px; overflow:hidden; clear:both; text-align:right; padding:11px 0;} #contentsMyFav dl#rankTop { margin-left:0;} #menuProfile { width:633px; height:65px; background-image:url(../images/mypage/menu_bloger_back.gif); background-repeat:no-repeat; padding:14px 0 0 13px; margin-bottom:25px;} #menuProfile img { float:left; margin-right:13px;} #menuProfile span { font-size:130%; font-weight:bold; display:block; padding-top:7px;} #menuProfile strong { font-size:130%; font-weight:bold; display:block; padding-top:13px;} a.newTips { display:block; width:133px; height:27px; background:transparent url(../images/common/sprite_common.gif) -230px -34px no-repeat; float:right; outline:0;} a.newTips span { display:none;} a.newTips:hover { background:transparent url(../images/common/sprite_common.gif) -230px -61px no-repeat; } a.newTips img { visibility:hidden;} #blogURL { margin:0; padding:12px; background:#F7EACA none left top no-repeat; } #blogURL p { margin:6px -2px 7px -2px; padding:5px 8px; background:#fff none left top no-repeat;} /* .btnMagazine { background:url(../images/common/btn_entry_over.gif) no-repeat left top; behavior: url(csshover3.htc); } */ .btnMagazine { background:url(../images/common/btn_entry_over.gif) no-repeat left top; } .btnMagazine input:hover { filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); opacity: 0.0; } #fav_tab_article a {background:transparent url(../images/mypage/mypage_sprite.gif) 0px -168px no-repeat;} #fav_tab_recipe a {background:transparent url(../images/mypage/mypage_sprite.gif) -215px -168px no-repeat;} #voice_tab_comment a {background:transparent url(../images/mypage/mypage_sprite.gif) -430px -168px no-repeat;} #voice_tab_note a {background:transparent url(../images/mypage/mypage_sprite.gif) -645px -168px no-repeat;} #fav_tab_article a:hover {background:transparent url(../images/mypage/mypage_sprite.gif) 0px -140px no-repeat;} #fav_tab_recipe a:hover {background:transparent url(../images/mypage/mypage_sprite.gif) -215px -140px no-repeat;} #voice_tab_comment a:hover {background:transparent url(../images/mypage/mypage_sprite.gif) -430px -140px no-repeat;} #voice_tab_note a:hover {background:transparent url(../images/mypage/mypage_sprite.gif) -645px -140px no-repeat;} #fav_tab_article.active a {background:transparent url(../images/mypage/mypage_sprite.gif) 0px -140px no-repeat;} #fav_tab_recipe.active a {background:transparent url(../images/mypage/mypage_sprite.gif) -215px -140px no-repeat;} #voice_tab_comment.active a {background:transparent url(../images/mypage/mypage_sprite.gif) -430px -140px no-repeat;} #voice_tab_note.active a {background:transparent url(../images/mypage/mypage_sprite.gif) -645px -140px no-repeat;} #blogTema { margin-top:25px; padding:12px; background:#FFF5DA none left top no-repeat; position:relative; width:609px; clear:both;} #blogTema p.requestLink { position:absolute; top:12px; right:12px;} #blogTema ul { margin-top:15px;} #blogTema ul li{ margin-top:5px; } #blogTema ul li img{ padding-left:10px; vertical-align:top; } #blogTema h3 { border-bottom:1px dotted #DB9141; font-size:15px; } a.btnMorenext { display:block; width:76px; height:23px; background:transparent url(../images/common/sprite_common.gif) 0px -34px no-repeat; position:absolute; right:12px;} a.btnMorenext:hover { background:transparent url(../images/common/sprite_common.gif) 0px -57px no-repeat; } a.btnMorenext span { display:none;} a.btnMorenext_orange { display:block; width:76px; height:23px; background:transparent url(../images/common/sprite_common.gif) -566px -34px no-repeat; position:absolute; right:12px;} a.btnMorenext_orange:hover { background:transparent url(../images/common/sprite_common.gif) -566px -57px no-repeat; } a.btnMorenext_orange span { display:none;} a.btnSubmit { display:block; width:123px; height:32px; background:transparent url(../images/common/sprite_common.gif) -367px -34px no-repeat; outline:0; margin-right:auto; margin-left:auto; outline:0;} a.btnSubmit:hover { background:transparent url(../images/common/sprite_common.gif) -367px -67px no-repeat; } a.btnSubmit span { display:none;} #contentsNewMyrecipe { width:633px; clear:both; position:relative;} #contentsNewMyrecipe h2 { padding:4px 0 8px 9px; margin:0 0 5px 0; background:transparent url(../images/common/nav_bg.gif) left bottom repeat-x; border-left:2px solid #361315; font-size:10px; line-height:1em; } #contentsNewMyrecipe h2 em { float:right; margin:-4px 0 0 0; width:20px; } #contentsVoiceletter { border:1px solid #827773; padding:10px 10px 20px; width:611px; clear:both; overflow:hidden; } #contentsVoiceletter ul.Voice_CapList li { padding:0 0 0 13px; background:transparent url(../images/common/icon_arrow.gif) left center no-repeat; clear:both;} #contentsVoiceletter dl { background:url(../images/common/bar_dot_gray.gif) repeat-x scroll left bottom transparent; overflow:hidden; padding:0 0 8px; margin:0 0 8px; width:611px; clear:both; position:relative;} #contentsVoiceletter dt { float:left; margin-right:10px; width:50px;} #contentsVoiceletter dd.blog_voiceItem { float:right; width:550px; } #contentsVoiceletter dd.blogMore { clear:both; width:100%; padding-top:6px;} #contentsVoiceletter dd span.blog_voiceDate { font-size:13px; padding-left:6px; } #contentsVoiceletter dd span.blog_voiceThanks { font-weight:bold; } #contentsVoiceletter p.voicesend_friendI_nvite { background:url(../images/common/bar_dot_gray.gif) repeat-x scroll left bottom transparent; overflow:hidden; padding:0 0 8px; margin:0 0 8px; width:611px; clear:both;} #contentsVoiceletter p.voicesend_friendI_nvite span{ font-size:11px; } #contentsVoice_voicecomment { width:611px; clear:both; padding-top:15px;} #contentsVoice_voicecomment h2 { padding:4px 0 8px 9px; margin:0 0 10px 0; background:transparent url(../images/common/nav_bg.gif) left bottom repeat-x; border-left:2px solid #361315; font-size:10px; line-height:1em; } #mypage_profileCaption { clear:both; padding:12px 10px 12px 12px; margin-top:10px; height:79px; margin:0 0 10px; width:926px; position:relative; border:1px dotted #f4ad69; background-color:#fffbee;} #mypage_profileCaption h2 { color:#EE811E; } #mypage_profileCaption span { display:inline; position:absolute; right:12px; top:12px;} #mypage_profileCaption p { margin-top:5px; } #mypage_communityFunction { background:transparent url(../images/mypage/mypage_back_function.gif) left top no-repeat; overflow:hidden; width:633px; padding:11px 0 14px; margin-bottom:12px; position:relative;} #mypage_communityFunction dt { background:transparent url(../images/mypage/mypage_fowk.gif) left top no-repeat; float:left; display:inline; padding:0 0 0 25px;} #mypage_communityFunction dd { float:right; display:inline; padding:0 38px 0 0;} #mypage_communityFunction dd span{ font-weight:bold; color:#FF6666;} #mypage_communityFunction dd a{ font-weight:bold; color:#FF6666; position:absolute; right:0; top:6px; } .profile_Datil { margin:0 0 5px; text-align:left; width:147px; margin:10px 12px; border-bottom:dotted 1px #666; padding-bottom:10px;} .profile_Datil span{ font-weight:bold; } .profile_Datilcaption { margin:6px 0;} .profile_Datilhowto { text-align:left; margin:0; font-size:12px;} .profile_RankingDatil { margin:0 0 5px; text-align:left; width:147px; margin:10px 12px; padding-bottom:10px;} #twitterLink { font-size:11px; margin-bottom:10px; } #profileBookMarkinfo { background:transparent url(../images/mypage/bookmarkinfo_back.gif) left top repeat-y; padding:10px 0; text-align:center; margin:0 0 20px;} #profileBookMarkinfo span{ font-weight:bold; } #profilecontentsInfo { margin:0 0 20px 0; } #profilecontentsInfo h2 { margin:0 0 4px 0; padding:1px 0 5px 18px; border-bottom:1px solid #533A30; font-size:12px; line-height:1em; background:transparent url(../images/mypage/star.gif) left top no-repeat;} #profilecontentsInfo p { width:430px; overflow:hidden; text-align:right; margin:0 0 2px 0; } #profilecontentsInfo p span { display:block; float:right; width:250px;} #profilecontentsInfo p a span { display:none;} #profilecontentsInfo p em { float:left; font-style:normal; } /* Setting */ #settingList { clear:both; padding:20px 0 0 0; width:640px; overflow:hidden; } #settingList dl { width:308px; height:137px; border:1px solid #A7BC0E; margin:0 10px 10px 0; display:inline; float:left; overflow:hidden; } #settingList dt { background:#E4EDA7 none left top no-repeat; padding:8px 11px; } #settingList dd { padding:16px 10px 0 10px; } #settingList dd p {margin:0; height:40px; line-height:150%; } #settingList dd ul li { text-align:center; margin:0 auto; } #settingList dd ul li a.btnEdit { display:block; margin:0 auto; overflow:hidden; width:105px; height:33px; background:transparent url(../images/mypage/mypage_sprite.gif) 0 -196px no-repeat; } #settingList dd ul li a.btnEdit:hover { background:transparent url(../images/mypage/mypage_sprite.gif) 0 -229px no-repeat; } #settingList dd ul li a.btnEdit span { display:none; } #settingList dl.settingListPrivate { border:1px solid #eeaa33; } #settingList dl.settingListPrivate dt { background-color: #ffddbb; } /*Other*/ #newMylistOther { width:633px; margin-bottom:10px; clear:both; overflow:hidden;} #newMylistOther dl { background:url(../images/common/bar_dot_gray.gif) repeat-x scroll left bottom transparent; overflow:hidden; padding:10px 0; position:relative; width:633px;} #newMylistOther dt { display:inline; float:left; margin-right:10px; } #newMylistOther dd { display:inline; width:558px;} #newMylistOther dd.noRecipe { display:block; width:558px; padding:7px 0 0; } #newMylistOther dd span { font-size:11px; padding-left:5px;} #OtherTitle { margin:0 0 15px; } #OtherTitle dt { margin:0 0 10px; } .Serch_list { float:right; overflow:hidden; clear:both; width:176px; margin:8px 0 0;} .Serch_list li{ display:inline; margin-left:10px; overflow:hidden; text-align:right;} /*voiceLinkTemp*/ .column_W_tabmenu { width:100%; } .column_W_tabmenu li { float:left; margin:0 0 0 7px;} .column_W_tabmenu li.tabCtrl{ float:left; margin:0;} .column_W_tabmenu li a{ display:block; width:313px; height:31px; outline:0;} .column_W_tabmenu li a span { display:none; } #voice_tab_voice a {background:transparent url(../images/mypage/mypage_sprite.gif) -181px -227px no-repeat;} #voice_tab_voice a:hover {background:transparent url(../images/mypage/mypage_sprite.gif) -181px -196px no-repeat;} #voice_tab_voice.active a {background:transparent url(../images/mypage/mypage_sprite.gif) -181px -196px no-repeat;} #voice_tab_sendvoice a {background:transparent url(../images/mypage/mypage_sprite.gif) -494px -227px no-repeat;} #voice_tab_sendvoice a:hover {background:transparent url(../images/mypage/mypage_sprite.gif) -494px -196px no-repeat;} #voice_tab_sendvoice.active a {background:transparent url(../images/mypage/mypage_sprite.gif) -494px -196px no-repeat;} #contents_history { clear:both; width:100%; } #contents_history p{ background:transparent url(../images/mypage/bar_lightgray.gif) left bottom repeat-x; clear:both; margin:0 0 8px; padding:0 0 8px;} .history_pageTitle { float:left; width:400px; margin:0 0 15px;} .history_pageTitle img{ vertical-align:bottom; } .history_Backpage { float:right; width:150px; overflow:hidden; text-align:right;} #contentsVoiceletter dd.blogMorebtn { width:450px; padding-top:6px; overflow:hidden; clear:both;} a.btnDelete { display:block; width:76px; height:23px; background:transparent url(../images/common/sprite_common.gif) -642px -50px no-repeat; position:absolute; bottom:7px; right:0;} a.btnDelete:hover { background:transparent url(../images/common/sprite_common.gif) -642px -75px no-repeat; width:76px; height:23px; } a.btnDelete span { display:none;} a.btnEdit_note { display:block; width:76px; height:23px; background:transparent url(../images/common/sprite_common.gif) -718px -51px no-repeat; position:absolute; bottom:7px; right:0;} a.btnEdit_note:hover { background:transparent url(../images/common/sprite_common.gif) -718px -75px no-repeat; width:76px; height:23px; } a.btnEdit_note span { display:none;} a.btnEdit_invite { display:block; width:76px; height:23px; background:transparent url(../images/common/sprite_common.gif) -718px -51px no-repeat; float:right; clear:both;} a.btnEdit_invite:hover { background:transparent url(../images/common/sprite_common.gif) -718px -75px no-repeat; width:76px; height:23px; } a.btnEdit_invite span { display:none;} a.btnThanks_add { display:block; width:140px; height:24px; background:transparent url(../images/common/sprite_common.gif) 0px -83px no-repeat; position:absolute; bottom:7px; right:0;} a.btnThanks_add:hover { background:transparent url(../images/common/sprite_common.gif) 0px -107px no-repeat; width:140px; height:24px; } a.btnThanks_add span { display:none;} a.btnInvite_letter { display:block; width:94px; height:25px; background:transparent url(../images/common/sprite_common.gif) -490px -86px no-repeat; float:right; clear:both; outline:0;} a.btnInvite_letter:hover { width:94px; height:25px; background:transparent url(../images/common/sprite_common.gif) -490px -112px no-repeat; } a.btnInvite_letter span { display:none;} #contentsVoiceletter dd span.blog_voiceupDate { font-size:11px; } #DoubleWrap { border:1px solid #827773; padding:10px 10px 20px; width:611px; clear:both; overflow:hidden; position:relative;} #Double_headWrap { height:30px; overflow:hidden; } #Double_leftWrap { width:140px; float:left; overflow:hidden; padding:0 10px 0 0; clear:both;} #Double_rightWrap { width:430px; float:right; overflow:hidden; border:1px solid #ccc; border-width:0 0 0 1px; padding:0 0 0 18px; } .categoryEdit_title{ background:transparent url(../images/common/bar_gray.gif) left bottom repeat-x; width:140px; overflow:hidden; margin:0 0 10px; padding:0 0 4px;} .categoryEdit_title img{ float:left; margin:3px 0 0; } a.btnEdit_Edit_small { display:block; width:51px; height:21px; background:transparent url(../images/common/sprite_common.gif) -584px -81px no-repeat; outline:0; float:right;} a.btnEdit_Edit_small:hover { width:51px; height:21px; background:transparent url(../images/common/sprite_common.gif) -584px -103px no-repeat; } a.btnEdit_Edit_small span { display:none;} #Config_back { width:616px; padding:10px 0 12px 12px; margin:0 0 30px; border:1px dotted #ccc; } #Delete_recipe { } #Delete_recipe dl{ width:633px; overflow:hidden; margin:10px 0; } #Delete_recipe dt{ float:left; width:80px; } #Delete_recipe dd{ width:548px; float:right; } #Delete_recipe div { background:#FFF2D1; clear:both; padding:8px; } #Delete_recipe span { font-weight:bold; } #Double_rightWrap dl{ width:430px; clear:both; overflow:hidden; background:transparent url(../images/mypage/bar_lightgray.gif) left bottom repeat-x; padding:0 0 4px; margin:0 0 12px; } #Double_rightWrap dt{ width:65px; margin:0 10px 0 0; float:left; } #Double_rightWrap dd{ width:355px; float:right; margin:0 0 5px; } .GoodNoteThanks p{ border:1px solid #ccc; padding:6px; width:340px; } .GoodNoteThanks p span{ font-weight:bold; } .GoodNoteDelete a { float:right; } /*settingForm*/ #settingForm { width:633px; } .settingColumn_wide { width:633px; } .settingColumn_middle { width:633px; } .settingColumn_wide th { width:162px; background-color:#F0F0F0; padding:4px;} .settingColumn_wide td { width:453px; padding:4px 0 4px 10px;} .settingColumn_wide td.EntryConfig { width:192px; background-color:#F0F0F0; padding:4px;} .settingColumn_wide td.EntryConfig span { font-weight:bold; } .settingColumn_middle th { width:30%; } .settingColumn_middle td { width:70%; } .settingColumn_small th { width:30%; background-color:#F0F0F0; padding:4px; } .settingColumn_small td { width:70%; padding:4px 0 4px 10px; } .settingColumn_basic { width:633px; } .settingColumn_basic th { width:150px; background-color:#F0F0F0; padding:4px; } .settingColumn_basic td { padding:4px 0 4px 10px; } .CheckEntry { color:red; font-weight:normal; } .OpenorClose{ font-weight:normal; } .FormCaption { } .FormCaption span{ font-weight:bold; } a.btnMyrecipeCheck { display:block; width:239px; height:25px; background:transparent url(../images/common/sprite_common.gif) 0 -157px no-repeat; outline:0; position:absolute; right:0; top:-2px;} a.btnMyrecipeCheck:hover { background:transparent url(../images/common/sprite_common.gif) 0 -132px no-repeat; } a.btnMyrecipeCheck span { display:none;} .errorForm { background-color:#ffefe4; } #errorMesseage { color:red; text-align:center; } .under_tb td { font-size:0; padding:0; line-height:0;} .under_tb td img{ vertical-align:bottom; padding:0; margin:0; line-height:0;} .ImageSelectForm { width:100%; overflow:hidden; } .ImageSelectForm dt{ float:left; background-color:#f0f0f0; width:21%; padding:4px 0 4px 6px; font-weight:bold;} .ImageSelectForm dd{ float:right; width:75%; padding:0 0 0 15px; } .ImageSelectForm img{ margin:5px 0; } @media screen and (-webkit-min-device-pixel-ratio:0) { .textbox { width:300px; background-color:#f8f8f8; padding:4px; vertical-align:center; border:1px solid #dcdcdc; } .ImageSelectForm img{ margin:5px 0; } } .CategoryParcent { width:459px; padding:0; margin:0; text-align:left;} .CategoryParcent td { width:449px; padding:6px; background-color:#fff8e0; margin:0; text-align:left; display:block;} #infoHistory p{ background:transparent url(../images/mypage/bar_lightgray.gif) left bottom repeat-x; padding:11px 0; } .pageTitlelink { display:block; position:absolute; right:0; top:0; } .menu_form_select { overflow:hidden; width:490px; } .menu_form_select_s { overflow:hidden; width:330px; } .menu_form_select_215 { overflow:hidden; width:215px; } .menu_form_select_ss { overflow:hidden; width:210px; } .menu_form_select_ml { overflow:hidden; width:580px; } .FormPage_select li{ float:left; } #form_postBlog { width:633px; } #form_postBlog th{ background:#F0F0F0 url(../images/common/doted_bottom.gif) bottom repeat-x; padding:8px; width:170px; vertical-align:top; } #form_postBlog td{ background:transparent url(../images/common/doted_bottom.gif) bottom repeat-x; padding:8px; } #form_Config_putType { width:633px; } #form_Config_putType th{ background:#F0F0F0 url(../images/common/doted_bottom.gif) bottom repeat-x; padding:8px; width:350px; vertical-align:top; } #form_Config_putType td{ background:transparent url(../images/common/doted_bottom.gif) bottom repeat-x; padding:8px; } /*SetupInformation*/ #info_NaviWrap { width:633px; } #Info_NaviWrap ul { width:633px; overflow:hidden;} #Info_NaviWrap ul li { float:left;} #Info_NaviWrap ul li a{ display:block;} #Info_NaviWrap ul li a span { display:none;} #info_tab_Make a {background:transparent url(../images/mypage/mypage_sprite2.gif) -466px -68px no-repeat; width:159px; height:29px;} #info_tab_Newmake a {background:transparent url(../images/mypage/mypage_sprite2.gif) -310px -68px no-repeat; width:155px; height:29px;} #info_tab_Editing a {background:transparent url(../images/mypage/mypage_sprite2.gif) -1px -68px no-repeat; width:154px; height:29px;} #info_tab_Delete a {background:transparent url(../images/mypage/mypage_sprite2.gif) -156px -68px no-repeat; width:154px; height:29px;} #info_tab_Make a:hover {background:transparent url(../images/mypage/mypage_sprite2.gif) -466px -97px no-repeat;} #info_tab_Newmake a:hover {background:transparent url(../images/mypage/mypage_sprite2.gif) -310px -97px no-repeat;} #info_tab_Editing a:hover {background:transparent url(../images/mypage/mypage_sprite2.gif) -1px -97px no-repeat;} #info_tab_Delete a:hover {background:transparent url(../images/mypage/mypage_sprite2.gif) -156px -97px no-repeat;} #info_tab_Make.active a {background:transparent url(../images/mypage/mypage_sprite2.gif) -466px -97px no-repeat;} #info_tab_Newmake.active a {background:transparent url(../images/mypage/mypage_sprite2.gif) -310px -97px no-repeat;} #info_tab_Editing.active a {background:transparent url(../images/mypage/mypage_sprite2.gif) -1px -97px no-repeat;} #info_tab_Delete.active a {background:transparent url(../images/mypage/mypage_sprite2.gif) -156px -97px no-repeat;} #InforMation_box { padding:20px; border:1px solid #87756F; width:589px; } #InforMation_box #Make_box { width:589px; } #InforMation_box #Make_box th { width:140px; background-color:#F0F0F0; padding:6px; } #InforMation_box #Make_box td { padding:0 0 0 15px; width:422px; } #InforMation_box #Common_box { width:589px; } #InforMation_box #Common_box th { background-color:#F0F0F0; padding:6px;} #InforMation_box #Common_box th.readbox{ width:400px; } #InforMation_box #Common_box td { background:transparent url(../images/mypage/bar_lightgray.gif) left bottom repeat-x; padding:6px;} #InforMation_box #Common_box td input{ vertical-align:middle; margin-right:6px;} #blogForm_parcent { width:460px; } #blogForm_parcent td{ background-image:none; padding:5px 0 5px;} #blogForm_parcent th{ background:#FFF8E0 url(../images/common/tb_space.gif) bottom repeat-x; width:460px; text-align:left; padding:8px; font-weight:normal;} #blogForm_parcent td.Form_Settitle { background-color:#FFF8E0; font-weight:bold; text-align:center; padding:8px 0 8px;} .parcentCategory { width:400px; vertical-align:top; } #register_rule { border:1px solid #ccc; overflow:auto; height:100px; width:460px;} #register_rule p{ margin:5px 0 0; } /*SetupInforMationEnd*/ .mail_Common_box { width:633px; } .mail_Common_box th{ width:340px; background:#F0F0F0 url(../images/mypage/under_gray.gif) left bottom repeat-x; padding:10px 10px 17px 10px; } .mail_Common_box th span{ font-weight:normal; } .mail_Common_box td{ background:transparent url(../images/mypage/under_gray.gif) left bottom repeat-x; padding:10px 10px 17px 10px; } /*blogdetail*/ #MyArticle_history { width:633px; } #MyArticle_history ul.history_book { width:633px; overflow:hidden;} #MyArticle_history ul.history_book li { float:left;} #MyArticle_history ul.history_book li a{ display:block;} #MyArticle_history ul.history_book li a span { display:none;} #MyArticle_tab_Comment a {background:transparent url(../images/mypage/mypage_sprite3.gif) -155px -210px no-repeat; width:160px; height:29px;} #MyArticle_tab_Note a {background:transparent url(../images/mypage/mypage_sprite3.gif) 0px -210px no-repeat; width:154px; height:29px;} #MyArticle_tab_Fav a {background:transparent url(../images/mypage/mypage_sprite3.gif) -315px -210px no-repeat; width:154px; height:29px;} #MyArticle_tab_Tema a {background:transparent url(../images/mypage/mypage_sprite3.gif) -470px -210px no-repeat; width:154px; height:29px;} #MyArticle_tab_Comment a:hover {background:transparent url(../images/mypage/mypage_sprite3.gif) -155px -239px no-repeat;} #MyArticle_tab_Note a:hover {background:transparent url(../images/mypage/mypage_sprite3.gif) 0px -239px no-repeat;} #MyArticle_tab_Fav a:hover {background:transparent url(../images/mypage/mypage_sprite3.gif) -315px -239px no-repeat;} #MyArticle_tab_Tema a:hover {background:transparent url(../images/mypage/mypage_sprite3.gif) -470px -239px no-repeat;} #MyArticle_tab_Comment.active a {background:transparent url(../images/mypage/mypage_sprite3.gif) -155px -239px no-repeat;} #MyArticle_tab_Note.active a {background:transparent url(../images/mypage/mypage_sprite3.gif) 0px -239px no-repeat;} #MyArticle_tab_Fav.active a {background:transparent url(../images/mypage/mypage_sprite3.gif) -315px -239px no-repeat;} #MyArticle_tab_Tema.active a {background:transparent url(../images/mypage/mypage_sprite3.gif) -470px -239px no-repeat;} #MyArticle_data { width:633px;} #MyArticle_data #MyArticle_Title { width:633px; position:relative; margin:0 0 12px; } #MyArticle_data h3{ width:400px; font-size:16px; font-weight:bold;} #MyArticle_data h3 img{ vertical-align:middle; } #MyArticle_data p{ width:220px; position:absolute; right:0; bottom:0; text-align:right; } #MyArticle_data p img{ vertical-align:-5px; } #MyArticle_data dt{ width:284px; padding:8px 8px 12px; float:left; background:transparent url(../images/mypage/frame_wark.gif) left top no-repeat; } #MyArticle_data span { display:block; color:#FF9900; font-weight:bold; font-size:11px; } #MyArticle_data dl{ width:633px; margin:0 0 6px; overflow:hidden; } #MyArticle_data dd{ float:right; width:320px; } #MyArticle_data table{ clear:both; background-color:#FFF5DA; width:633px; } #MyArticle_data table td{ padding:6px 0 6px 6px; } /*recipe dateil*/ #Myrecipe_data { width:633px;} #Myrecipe_data #Myrecipe_Title { width:633px; position:relative; margin:0 0 12px; } #Myrecipe_data h3{ width:400px; font-size:16px; font-weight:bold;} #Myrecipe_data h3 img{ vertical-align:middle; } #Myrecipe_data #Myrecipe_cook{ width:220px; position:absolute; right:0; bottom:0; text-align:right; } #Myrecipe_data #Myrecipe_cook p img{ vertical-align:-5px; } #Myrecipe_data #Myrecipe_recipe dt{ width:284px; padding:8px 8px 4px; float:left; background:transparent url(../images/mypage/frame_wark.gif) left top no-repeat; position:relative; height:240px;} #Myrecipe_data #Myrecipe_recipe span { display:block; color:#FF9900; font-weight:bold; font-size:11px; margin:0; position:absolute; right:0; bottom:0; } #Myrecipe_data #Myrecipe_recipe dl{ width:633px; margin:0 0 6px; overflow:hidden; } #Myrecipe_data #Myrecipe_recipe dd{ float:right; width:320px; background:transparent url(../images/mypage/bar_lightgray.gif) bottom left repeat-x; padding:0 0 8px; margin:0 0 8px; } #Myrecipe_data #Myrecipe_recipe dd img{ margin:0 0 4px; } #Myrecipe_data #Myrecipe_recipe ol { margin:0 0 0 24px; } #Myrecipe_data #Myrecipe_recipe ol li { list-style:decimal; } #Myrecipe_data table{ clear:both; background-color:#FFF5DA; width:633px; } #Myrecipe_data table td{ padding:6px 0 6px 6px; } #Myrecipe_recipe_howto { width:633px; clear:both; overflow:hidden;} #Myrecipe_recipe_howto dl{ width:633px;} #Myrecipe_recipe_howto dd{ width:633px; background:transparent url(../images/mypage/bar_lightgray.gif) bottom left repeat-x; padding:6px 0; position:relative; } #Myrecipe_recipe_howto #recipeguide li{ width:630px; overflow:hidden; background:transparent url(../images/mypage/bar_lightgray.gif) bottom left repeat-x; padding:6px 0; clear:both;} #Myrecipe_recipe_howto #recipeguide span{ display:block; float:left; width:15px; font-weight:bold; font-size:13px;} #Myrecipe_recipe_howto #recipeguide p{ width:608px; float:right;} #Myrecipe_recipe_cook { width:604px; clear:both; overflow:hidden; margin:0 0 2px;} #Myrecipe_recipe_cook dl{ width:604px;} #Myrecipe_recipe_cook dd{ width:604px; background:transparent url(../images/mypage/bar_lightgray.gif) bottom left repeat-x; padding:6px 0; position:relative; } #Myrecipe_recipe_cook #recipeguided li{ width:604px; overflow:hidden; background:transparent url(../images/mypage/bar_lightgray.gif) bottom left repeat-x; padding:6px 0; clear:both;} #Myrecipe_recipe_cook span{ display:block; float:left; width:15px; font-weight:bold; font-size:13px;} #Myrecipe_recipe_cook #recipeguided p{ width:580px; float:right;} #MyArticle_history { width:633px; clear:both; overflow:hidden; } .MyAritcle_Box { width:599px; border:1px solid #87756F; padding:12px 15px 15px 15px; overflow:hidden; } .MyAritcle_Box dl { width:599px; background:transparent url(../images/mypage/bar_lightgray.gif) bottom left repeat-x; padding:8px 0; clear:both; overflow:hidden;} .MyAritcle_Box dl dt{ float:left; width:65px; padding:0 6px 0 0; } .MyAritcle_Box dl dd{ float:right; width:527px; } .MyAritcle_Box h3{ font-weight:normal; } .MyAritcle_Box p { background:transparent url(../images/mypage/bar_lightgray.gif) bottom left repeat-x; padding:10px 0; } .Updeta{ font-size:11px; } #form_postBlog td.form_reset { width:390px; } #form_postBlog td table.form_reset td{ background-image:none; padding:4px; width:130px; } #form_postBlog td table.form_reset td input{ vertical-align:-2px; } #Rule_info { width:350px; font-size:11px; } #Rule_info div{ width:348px; height:100px; overflow:auto; border:1px solid #ccc; } #Rule_info p{ font-size:12px; margin:4px 0; } #Rule_info p input{ vertical-align:-2px; } #fav_tab_bmBlog a {background:transparent url(../images/mypage/mypage_sprite3.gif) -681px -96px no-repeat; width:208px; height:31px;} #fav_tab_bmRecipe a {background:transparent url(../images/mypage/mypage_sprite3.gif) -681px -159px no-repeat; width:208px; height:31px;} #fav_tab_bmCom a {background:transparent url(../images/mypage/mypage_sprite3.gif) -681px -222px no-repeat; width:208px; height:31px;} #fav_tab_bmBlog a:hover {background:transparent url(../images/mypage/mypage_sprite3.gif) -681px -127px no-repeat;} #fav_tab_bmRecipe a:hover {background:transparent url(../images/mypage/mypage_sprite3.gif) -681px -191px no-repeat;} #fav_tab_bmCom a:hover {background:transparent url(../images/mypage/mypage_sprite3.gif) -681px -254px no-repeat;} #fav_tab_bmBlog.active a {background:transparent url(../images/mypage/mypage_sprite3.gif) -681px -127px no-repeat;} #fav_tab_bmRecipe.active a {background:transparent url(../images/mypage/mypage_sprite3.gif) -681px -191px no-repeat;} #fav_tab_bmCom.active a {background:transparent url(../images/mypage/mypage_sprite3.gif) -681px -254px no-repeat;} /*divPriset*/ #Main_Content { width:600px; border:1px solid #87756F; overflow:hidden; padding:15px 15px 20px 15px; } #tab_LeftColumn { width:160px; float:left;} #tab_RightColumn { border:1px solid #ccc; border-width:0 0 0 1px; width:419px; padding:0 0 0 20px; float:right; } #tab_MainColumn { width:600px; } #Profile_MainColumn { width:630px; margin:0 0 40px;} #Profile_Main_Content { width:630px;} #SideMenulist { width:153px; overflow:hidden; padding:0 7px 0 0; } #SideMenulist h3 { margin:0 0 10px; } #SideMenulist ul { margin:0 0 20px; } #SideMenulist ul li.m_btnMore{ margin:6px 0; text-align:right; } #SideMenulist dl{ width:160px; overflow:hidden; clear:both; margin:0 0 8px;} #SideMenulist dl dt{ width:45px; margin:0 5px 0 0; float:left; } #SideMenulist dl dd{ width:110px; float:right; } #New_blog { width:419px; } #New_blog div { width:419px; clear:both; overflow:hidden; background:transparent url(../images/mypage/bar_lightgray.gif) left bottom repeat-x; padding:0 0 5px; margin:0 0 10px; } #New_blog dl { width:279px; float:left; } #New_blog h3 { margin:0 0 10px; } #New_blog ul { float:right; width:111px; } #New_blog span { font-size:10px; color:#ff9900; font-weight:bold; margin:0 0 0 3px; } #Page_Title { width:600px; position:relative; overflow:hidden; margin:0 0 15px; height:18px !important; } #Page_Title h2{ font-weight:normal; width:500px; } #Page_Title p { position:absolute; right:0; top:0; } #Page_Title2 { width:633px; position:relative; overflow:hidden; margin:0 0 15px; } #Page_Title2 h2{ font-weight:normal; width:500px; } #Page_Title2 p { position:absolute; right:0; top:0; } #Blog_delete { width:419px; margin:0 0 8px; } #Blog_delete div{ width:407px; position:relative; padding:12px 6px; background:#fff5da; margin:0 0 5px; } #Blog_delete div p.BlogTitleConfirm{ width:280px; } #Blog_delete div p.BlogTitleDelete { position:absolute; right:6px; top:12px; } #Recipe_Article { width:419px; overflow:hidden; } #Recipe_Article dl{ width:130px; overflow:hidden; float:left; margin:0 0 0px 10px; } #Recipe_Article dl dt{ width:130px; height:35px; margin:0 0 4px; } #Recipe_Article dl dd.RecipePhotoImg{ width:130px; text-align:center; } #Recipe_Article dl dd.EditArticle ul{ width:111px; float:right; } #Recipe_Article dl dd.EditArticle ul li{ text-align:right; margin:0 0 4px; } #Recipe_Article dl.mgReset { margin:0; } #Recipe_Article div.ArticleWrap{ width:419px; overflow:hidden; background:transparent url(../images/mypage/bar_lightgray.gif) left bottom repeat-x; padding:0 0 15px; margin:0 0 10px;} #Recipe_ArticleBM { width:600px; overflow:hidden; } #Recipe_ArticleBM dl{ width:103px; overflow:hidden; float:left; padding:0 0 10px 21px;} #Recipe_ArticleBM dl dt{ margin:0 0 4px; text-align:center;} #Recipe_ArticleBM dl dd.recipeName{ margin:0 0 4px; width:95px; padding:0 4px; } #Recipe_ArticleBM dl.pdReset { padding:0 0 10px 0 } #Recipe_ArticleBM div { width:600px; background:transparent url(../images/mypage/bar_lightgray.gif) left bottom repeat-x; overflow:hidden; margin:0 0 10px 0; } #topList { width:630px; overflow:hidden; margin:15px 0 47px 0; } #topList dl { width:630px; margin:0 0 10px 0; overflow:hidden; background:transparent url(../images/common/bar_dot_gray.gif) left bottom repeat-x;} #topList dl dt { width:400px; float:left; padding:0 0 7px 0;} #topList dl dt em { display:block; font-style:normal; } #topList dl dd { width:220px; float:right; padding:0 0 7px 0;} #topList dl dd p { padding:0 0 16px 0;} #Pick_up { width:633px; margin:15px 0 50px; } .Up_Tolist { width:631px; border:1px solid #FFCC66; margin:0 0 20px; } .Up_Tolist h2{ width:619px; background:#ffe2a5; padding:6px; } .Up_toWrap { padding:15px; } .Up_toWrap div { width:601px; padding:0 0 10px; margin:0 0 10px; background:transparent url(../images/common/bar_dot_gray.gif) left bottom repeat-x; position:relative;} .imgBanar { text-align:right; } .Up_toBtnMore { position:absolute; right:0; bottom:5px; } .jMonitor_read { margin:0 0 10px; } .UPtime { font-size:12px; color:#ff9900; font-weight:bold; margin:0 0 0 6px; } .UPtime_mg { font-size:12px; color:#ff9900; font-weight:bold; margin:0; } /* profile*/ /* #TwitterWrap { background:transparent url(../images/mypage/bottom_2_twi.gif) bottom no-repeat; padding:0 0 4px 0; margin:0 0 5px 0; overflow:hidden;} .top_Twitter { background:transparent url(../images/mypage/top_s_twi.gif) top no-repeat; padding:3px 0 0; } .TwitterName { padding:6px; background:#EEEEEE; border:1px solid #ccc; border-width:0 1px 0 1px; overflow:hidden; width:168px; } .TwitterName dt{ float:left; width:30px;} .TwitterName dd{ float:right; padding:4px 0 0; width:130px; } .TwitterWord { padding:5px; border:1px solid #ccc; border-width:0 1px 0 1px; clear:both; } #twitterLink { font-size:11px; margin-bottom:20px; } */ #twitter_wrap { background-color: #93BFD8; padding: 10px 5px 5px 5px; margin: 0 0 10px 0; overflow: hidden; } #twitter_header { padding: 0 0 0 5px; min-height: 35px; } #twitter_header img { display: block; float: left; margin-right: 8px; } #twitter_header a { color: #ffffff; font-weight: bold; } #twitter_timeline { clear: both; background-color: #ffffff; margin-top: 10px; } #twitter_timeline .twitter_status { padding: 5px 5px 5px 5px; border-bottom: 1px solid #aaaaaa; } #twitter_footer { padding: 5px 0 2px 0; } #twitter_footer a { display: block; background: url(../images/mypage/bnr_twitter2.gif) top left no-repeat; width: 84px; height: 17px; text-indent: -9999px; } .ContentWrap { margin:0 0 30px; } #Pick10recipe { width:430px; overflow:hidden; } #Pick10recipe ul.Push_up { width:430px; overflow:hidden;} #Pick10recipe ul.Push_up li { float:left;} #Pick10recipe ul.Push_up li a{ display:block; width:213px; height:27px;} #Pick10recipe ul.Push_up li a span { display:none;} #Pick10recipe h2 { padding:4px 0 8px 9px; margin:0 0 10px 0; background:transparent url(../images/common/nav_bg.gif) left bottom repeat-x; border-left:2px solid #361315; font-size:10px; line-height:1em; } #Pick10recipe div { width:408px; padding:10px; border:1px solid #87756F; overflow:hidden; } #Pick10_tab_fav a {background:transparent url(../images/mypage/mypage_sprite3.gif) -676px -286px no-repeat;} #Pick10_tab_push a {background:transparent url(../images/mypage/mypage_sprite3.gif) -328px -268px no-repeat;} #Pick10_tab_fav a:hover {background:transparent url(../images/mypage/mypage_sprite3.gif) -676px -313px no-repeat;} #Pick10_tab_push a:hover {background:transparent url(../images/mypage/mypage_sprite3.gif) -328px -295px no-repeat;} #Pick10_tab_fav.active a {background:transparent url(../images/mypage/mypage_sprite3.gif) -676px -313px no-repeat;} #Pick10_tab_push.active a {background:transparent url(../images/mypage/mypage_sprite3.gif) -328px -295px no-repeat;} #Pick10recipe dl.mg_reset { margin:0; } #Pick10recipe dl { width:73px; margin:0 0 0 10px; float:left; } #Pick10recipe dt { width:73px; text-align:center;} #Pick10recipe dt img{ margin:3px 0;} #Pick10recipe dd { width:73px; overflow:hidden; } #Pick10recipe dd span{ font-size:10px; } #Pick10recipe ol { clear:both; } /*profileSubpage*/ #pMain_Content { width:630px; overflow:hidden; } #pContentTitle { width:630px; clear:both; position:relative; margin:20px 0;} #pContentTitle h2 { padding:4px 0 8px 9px; margin:0 0 5px 0; background:transparent url(../images/common/nav_bg.gif) left bottom repeat-x; border-left:2px solid #361315; font-size:10px; line-height:1em; } #pContentTitle h2 em { float:right; margin:-4px 0 0 0; width:20px; } #pContentTitle p { text-align:right; } #ptab_LeftColumn { width:160px; float:left;} #ptab_RightColumn { border:1px solid #ccc; border-width:0 0 0 1px; width:445px; padding:0 0 0 20px; float:right; } #pNew_blog { width:445px; } #pNew_blog div { width:445px; clear:both; overflow:hidden; background:transparent url(../images/mypage/bar_lightgray.gif) left bottom repeat-x; padding:10px 0 5px; margin:0; } #pNew_blog dl { width:280px; float:left; } #pNew_blog h3 { margin:0 0 10px; } #pNew_blog ul { float:right; width:111px; } #pNew_blog span { font-size:10px; color:#ff9900; font-weight:bold; margin:0 0 0 3px; } #pRecipe_Article { width:445px; overflow:hidden; } #pRecipe_Article dl{ width:130px; overflow:hidden; float:left; margin:0 0 0px 26px; } #pRecipe_Article dl dt{ width:130px; height:35px; margin:0 0 4px; } #pRecipe_Article dl dd{ margin:0 0 3px; } #pRecipe_Article dl dd.pRecipePhotoImg{ width:130px; text-align:center; } #pRecipe_Article dl dd.pEditArticle ul{ width:111px; float:right; } #pRecipe_Article dl dd.pEditArticle ul li{ text-align:right; margin:0 0 4px; } #pRecipe_Article dl.mgReset { margin:0; } #pRecipe_Article div.pArticleWrap{ width:445px; overflow:hidden; background:transparent url(../images/mypage/bar_lightgray.gif) left bottom repeat-x; padding:0 0 15px; margin:0 0 10px;} #pNew_blogList { width:630px; overflow:hidden; margin-bottom: 10px;} #pNew_blogList div{ width:630px; overflow:hidden; background:transparent url(../images/mypage/bar_lightgray.gif) left bottom repeat-x; position:relative; padding:10px 0 7px; margin:0; clear:both;} #pNew_blogList dl{ width:520px; overflow:hidden;} #pNew_blogList dt{ width:90px; margin:0 10px 0 0; float:left;} #pNew_blogList dd{ width:415px; float:right; } #pNew_blogList p.BtnBlogrecipe { width:100px; position:absolute; right:0; top:0; text-align: right; } #pNew_blogList p.blogDeta { margin:7px 0 0 75px; } /* #pNew_blogList ul{ width:272px; clear:both; float:right; margin:10px 0 0;} */ #pNew_blogList ul{ width:240px; clear:both; float:right; margin:10px 0 0;} #pNew_blogList li{ float:left; margin:0 0 0 3px;} #pNew_blogList .pNew_blogList_title { padding-top: 2px; } #pNew_blogList .pNew_blogList_title a { font-size: 16px; font-weight: bold; color: #333333; text-decoration: none; } #pNew_blogList .pNew_blogList_title a:hover { text-decoration: underline; } #pNew_blogList .pNew_blogList_body p { padding-top: 4px; } #pNew_blogList .pNew_blogList_body p strong { font-weight: bold; color: #999999; } .btn_add { float:right; margin:10px 0 0; } #voice_tab_posted a {background:transparent url(../images/mypage/sprite_common2.gif) -255px -172px no-repeat;} #voice_tab_posted a:hover {background:transparent url(../images/mypage/sprite_common2.gif) -255px -203px no-repeat;} #voice_tab_posted.active a {background:transparent url(../images/mypage/sprite_common2.gif) -255px -203px no-repeat;} #voice_tab_sended a {background:transparent url(../images/mypage/sprite_common2.gif) -569px -172px no-repeat;} #voice_tab_sended a:hover {background:transparent url(../images/mypage/sprite_common2.gif) -569px -203px no-repeat;} #voice_tab_sended.active a {background:transparent url(../images/mypage/sprite_common2.gif) -569px -203px no-repeat;} #pNew_blogrank { width:630px; overflow:hidden; } #pNew_blogrank div{ width:630px; overflow:hidden; background:transparent url(../images/mypage/bar_lightgray.gif) left bottom repeat-x; position:relative; padding:0 0 7px; margin:0 0 10px; clear:both;} #pNew_blogrank dl{ width:460px; overflow:hidden; margin:0 0 0 50px;} #pNew_blogrank dt{ width:65px; margin:0 10px 0 0; float:left;} #pNew_blogrank dd{ width:385px; float:right; } #pNew_blogrank p.BtnBlogrecipe { width:100px; position:absolute; right:0; top:0; } #pNew_blogrank p.blogDeta { margin:7px 0 0 75px; } #pNew_blogrank ul{ width:272px; clear:both; float:right; margin:10px 0 0;} #pNew_blogrank li{ float:left; margin:0 0 0 3px;} .RankingIcon { position:absolute; left top; } #wMain_Content { width:600px; border:1px solid #87756F; overflow:hidden; padding:15px 16px 20px 15px; } #MyComment_deta { width:630px; background:transparent url(../images/mypage/b_bottom_1.gif) bottom no-repeat; padding:0 0 5px; margin:0 0 15px;} #MyCommet_deta_top { background:transparent url(../images/mypage/b_top_1.gif) top no-repeat; padding:5px 0 0; } .MyComment_deta_Wrap { width:604px; padding:12px; border:1px solid #f1943e; border-width:0 1px 0 1px; } #MyComment_deta #MyComment_Title { width:606px; position:relative; margin:0 0 12px;} #MyComment_deta h3 { width:386px; font-size:16px; font-weight:bold;} #MyComment_deta h3 img{ vertical-align:middle; } #MyComment_deta #MyComment_Title p{ width:220px; position:absolute; right:0; bottom:0; text-align:right; } #MyComment_deta p img { vertical-align:-5px; } #MyComment_deta dl { width:606px; overflow:hidden; } #MyComment_deta dt { width:284px; padding:8px 8px 12px; float:left; background:transparent url(../images/mypage/frame_wark.gif) left top no-repeat; } #MyComment_deta dd { float:right; width:298px; } #Public_Comment { width:630px; overflow:hidden; margin:0 0 20px; } #Public_Comment dl{ width:630px; background:transparent url(../images/mypage/bar_lightgray.gif) bottom repeat-x; overflow:hidden; padding:0 0 7px; margin:0 0 7px;} #Public_Comment dt{ width:65px; float:left; } #Public_Comment dd{ width:555px; float:right;} #Public_Comment p { text-align:right; margin:0 0 15px;} #Public_Comment span.Thanks_Sending { font-weight:bold; } #Public_Comment li { float:left; margin:0 0 0 5px; } #Public_Comment ul#btnTabWrap320 { width:320px; margin:20px auto 0 auto; } #Public_Comment ul#btnTabWrap500 { width:500px; margin:20px auto 0 auto; } #Public_Comment ul#btnTabWrap320 li a{ margin:5px 0 0; } #Public_Comment ul#btnTabWrap500 li a{ margin:10px 0 0; } #Myblog_deta { width:630px; background:transparent url(../images/mypage/b_bottom_1.gif) bottom no-repeat; padding:0 0 5px; margin:0 0 15px;} #Myblog_deta_top { background:transparent url(../images/mypage/b_top_1.gif) top no-repeat; padding:5px 0 0; } .Myblog_deta_Wrap { width:604px; padding:12px; border:1px solid #f1943e; border-width:0 1px 0 1px; overflow:hidden; } #Myblog_deta #btnComment_Title { width:606px; position:relative; margin:0 0 12px;} #Myblog_deta h3 { width:360px; font-size:16px; font-weight:bold;} #Myblog_deta h3 img{ vertical-align:middle; } #Myblog_deta #MyComment_Title p{ width:220px; position:absolute; right:0; bottom:0; text-align:right; } #Myblog_deta #btnComment_Title p{ width:245px; position:absolute; right:0; top:-6px; text-align:right; } #Myblog_deta p img { vertical-align:-5px; } #Myblog_deta #deta_blog dl { width:606px; overflow:hidden; } #Myblog_deta #deta_blog dt { width:284px; padding:8px 8px 12px; float:left; background:transparent url(../images/mypage/frame_wark.gif) left top no-repeat; } #Myblog_deta #deta_blog dd { float:right; width:298px; } #Myblog_deta #deta_blog_recipe dl { width:606px; overflow:hidden; } #Myblog_deta #deta_blog_recipe dt { width:284px; padding:8px 8px 12px; float:left; background:transparent url(../images/mypage/frame_wark.gif) left top no-repeat; } #Myblog_deta #deta_blog_recipe dd { float:right; width:298px; } #deta_blogbtn { background:#FFF5DA; overflow:hidden; width:578px; padding:6px 13px 6px 12px; margin:0 0 20px; clear:both; } #deta_blogbtn dl { float:left; } #deta_blogbtn dt { float:left; } #deta_blogbtn dd { float:right; } #deta_blogbtn ul li{ float:left; } .addbookmark { float:right; margin:0 0 10px; } .deta_blog_item { text-align:right; margin:0 0 6px; } .deta_blog_item img{ vertical-align:middle; } #deta_blogComment { background:#FFF5DA; margin:0 0 20px; padding:6px 13px 6px 12px; overflow:hidden; width:578px; } #deta_blogComment table{ float:left; vertical-align:middle; margin:0 0 0 10px; } #deta_blogComment td{ vertical-align:middle; line-height:0; padding:3px 0; } .SendingComment { width:300px; } .SendingComment dt{ width:25px; margin:0 0 6px; } .SendingComment dt img{ vertical-align:-1px; } .SendingComment dd{ width:275px; margin:0 0 6px;} .SendingComment dd a{ margin:2px 0 0; } .SendingGood { width:265px; border:1px dotted #000; border-width:0 0 0 1px; padding:0 0 0 9px; } .SendingGood dt{ width:15px; } .SendingGood dd img{ vertical-align:-5px; } .SendingGood dd{ width:250px; margin:0 0 6px; } .SendingGood dd a{ margin:2px 0 0; } #sPublic_Comment { width:604px; overflow:hidden; margin:0 0 20px; clear:both; } #sPublic_Comment dl{ width:604px; background:transparent url(../images/mypage/bar_lightgray.gif) bottom repeat-x; overflow:hidden; padding:0 0 7px; margin:0 0 7px;} #sPublic_Comment dt{ width:65px; float:left; } #sPublic_Comment dd{ width:529px; float:right;} #sPublic_Comment span.Thanks_Sending { font-weight:bold; } #pPublicTitle { width:604px; clear:both; position:relative; clear:both;} .Normalbg { padding:4px 0 8px 7px; width:604px; margin:0 0 5px 0; background:transparent url(../images/common/nav_bg.gif) left bottom repeat-x; border-left:2px solid #361315; clear:both; } .bgComment { padding:4px 0 8px 25px; margin:0 0 5px 0; background:transparent url(../images/mypage/comment_icon2.gif) 0 2px no-repeat; border-bottom:1px solid #361315; font-size:10px; line-height:1em; } .Normalbgt { padding:4px 0 4px 0; width:604px; margin:0 0 5px 0; background:transparent url(../images/common/nav_bg.gif) left bottom repeat-x; solid #361315; margin:0 0 12px; } #pRecipe_ArticleBM { width:630px; overflow:hidden; } #pRecipe_ArticleBM dl{ width:103px; overflow:hidden; float:left; padding:0 0 10px 28px;} #pRecipe_ArticleBM dl dt{ margin:0 0 4px; text-align:center;} #pRecipe_ArticleBM dl dd{ margin:0 0 4px; font-size:13px !important;} #pRecipe_ArticleBM dl dd.recipeName{ margin:0 0 4px; width:103px; padding:0 4px; } #pRecipe_ArticleBM dl.pdReset { padding:0 0 10px 0 } #pRecipe_ArticleBM div { width:630px; background:transparent url(../images/mypage/bar_lightgray.gif) left bottom repeat-x; overflow:hidden; margin:0 0 10px 0; } #Bloger_Ranking { width:633px; } #Bloger_Ranking th{ background:#F0F0F0 url(../images/mypage/spbottom_.gif) left bottom repeat-x; width:120px; padding:10px; vertical-align:top; } #Bloger_Ranking td{ background:transparent url(../images/mypage/spbottom_.gif) left bottom repeat-x; width:510px; padding:10px; } #Bloger_person { width:633px margin:0 0 40px;} #Bloger_person td{ width:200px; background:transparent url(../images/mypage/spbottom_.gif) left bottom repeat-x; padding:15px; } #Bloger_person td span{ font-weight:bold; } #Bloger_record { margin:0 0 40px; overflow:hidden; } #Bloger_record h2{ margin:10px 0; } #Ranking_Score { width:633px; border-left:1px solid #ccc; border-top:1px solid #ccc; margin:0 0 50px; } #Ranking_Score th { background:#FFF0D3; padding:12px 8px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; } #Ranking_Score td { padding:6px; padding:12px 8px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center; } #WhatsRanking { border:1px solid #A7BC0E; } #WhatsRanking h2{ background:#A7BC0E; color:#fff; padding:5px; } #WhatsRanking ul{ margin:10px 0; } #WhatsRanking div{ padding:15px; } #WhatsRanking span{ font-weight:bold; } #Voice_note { width:430px; overflow:hidden; } #Voice_note h2 { padding:4px 0 8px 9px; margin:0 0 10px 0; background:transparent url(../images/common/nav_bg.gif) left bottom repeat-x; border-left:2px solid #361315; font-size:10px; line-height:1em; } #Voice_note div { width:430px; overflow:hidden; background:transparent url(../images/common/bar_dot_gray.gif) left bottom repeat-x; padding:0 0 10px 0; margin:0 0 10px 0; } #Voice_note dl { widh:430px; } #Voice_note dt { float:left; width:65px; margin:0 10px 0 0; } #Voice_note dd { float:right; width:355px; } #Voice_note span{ font-weight:bold; } #Voice_note p { clear:both; } .ContentTitle { width:430px; overflow:hidden; position:relative; padding:4px 0 0; } .ContentTitle a{ width:90px; position:absolute; right:0; top:0; } .ThanksCommented { font-weight:bold; } #More_Profile { background:transparent url(../images/mypage/more_profilebg.gif) left top no-repeat; width:589px; height:115px; padding:7px 8px 3px 6px; overflow:hidden; clear:both; position:relative; margin:0 0 10px;} #More_Profile dl{ clear:both; width:584px; } #More_Profile dt{ width:64px; float:left; padding:11px 0 0 9px; } #More_Profile dd{ float:right; width:500px; padding:12px 0 0; line-height:22px; } #More_Profile dd span{ font-weight:bold; } #More_Profile p{ clear:both; float:right; line-height:16px;} #More_ProfileUnlock { background:transparent url(../images/mypage/more_profilebg2.gif) left top no-repeat; width:589px; height:115px; padding:7px 8px 3px 6px; overflow:hidden; clear:both; position:relative; margin:0 0 10px;} #More_ProfileUnlock dl{ clear:both; width:584px; } #More_ProfileUnlock dt{ width:64px; float:left; padding:11px 0 0 9px; } #More_ProfileUnlock dd{ float:right; width:500px; padding:8px 0 0; line-height:16px; } #More_ProfileUnlock dd span{ font-weight:bold; } #More_ProfileUnlock p{ clear:both; float:right; line-height:16px;} #Bloger_NewWrap { width:604px; margin:0 0 15px; clear:both; overflow:hidden; } #Bloger_NewWrap div{ width:604px; position:relative; padding:0 0 8px 0; background:transparent url(../images/mypage/bar_lightgray.gif) left bottom repeat-x; margin:0 0 8px; } .Bloger_newTitle { width:500px; } .Bloger_MoreBlog { position:absolute; right:3px; top:0; width:96px; text-align: right; } #bRecipe_ArticleBM { width:604px; overflow:hidden; clear:both; } #bRecipe_ArticleBM dl{ width:100px; overflow:hidden; float:left; padding:0 0 10px 24px;} #bRecipe_ArticleBM dl dt{ margin:0 0 4px; text-align:right;} #bRecipe_ArticleBM dl dd{ margin:0 0 4px; } #bRecipe_ArticleBM dl dd.recipeName{ margin:0 0 4px; width:103px; padding:0 4px; } #bRecipe_ArticleBM dl.pdReset { padding:0 0 10px 0 } #bRecipe_ArticleBM div { width:630px; overflow:hidden; margin:0 0 10px 0; } .Recipeimg90 { text-align:right; } #listRecipe_ArticleBM { width:630px; overflow:hidden; margin:0 0 15px; } #listRecipe_ArticleBM dl{ width:103px; overflow:hidden; float:left; padding:0 0 10px 28px;} #listRecipe_ArticleBM dl dt{ margin:0 0 4px; text-align:center;} #listRecipe_ArticleBM dl dd{ margin:0 0 4px; } #listRecipe_ArticleBM dl dd.recipeName{ margin:0 0 4px; width:103px; padding:0 4px; } #listRecipe_ArticleBM dl.pdReset { padding:0 0 10px 0 } #listRecipe_ArticleBM div { width:630px; overflow:hidden; margin:0 0 10px 0; } #Serch_Category { background:#FFF7E3; padding:12px; width:609px; overflow:hidden; } #Serch_Category h3{ margin:0 0 10px;} #Serch_Category ul { margin: 0 0 10px;} #Serch_Category ul li{ display:inline;} #Serch_Category span { vertical-align:bottom; } #Serch_keyword { background:transparent url(../images/common/nav_bg.gif) left bottom repeat-x; padding:0 0 10px; margin:0 0 10px; } .tab_left_twi { width:230px; background:transparent url(../images/mypage/twitter_icon.gif) left top no-repeat; float:left; padding:2px 0 2px 30px; } .tab_right_twi { width:76px; float:right; } #Myblog_deta #deta_recipe_info dl { width:606px; overflow:hidden; } #Myblog_deta #deta_recipe_info dt { width:284px; height:228px; padding:8px 8px 12px; float:left; background:transparent url(../images/mypage/frame_wark.gif) left top no-repeat; position:relative; } #Myblog_deta #deta_recipe_info dt span{ position:absolute; right:0; bottom:0; display:block; } #Myblog_deta #deta_recipe_info dd { float:right; width:298px; background:transparent url(../images/mypage/bar_lightgray.gif) bottom repeat-x; padding:8px 0; } #Myblog_deta #deta_recipe_info dd img{ margin:0 0 4px; } #Myblog_deta #deta_recipe_info ol { margin:0 0 0 24px; } #Myblog_deta #deta_recipe_info ol li { list-style:decimal; } #Myblog_deta #deta_blog_item_02 { background:none; margin:0; text-align:right; } #SendModelMenu { float:left; } #SendModelMenu li{ float:left; padding:4px 8px 8px 20px; margin:0 0 0 4px; } .Send_MailModel { background:transparent url(../images/mypage/icon001.gif) 0 7px no-repeat; } .Send_MobileModel { background:transparent url(../images/mypage/icon002.gif) 2px 0 no-repeat; } .Send_PrintModel { background:transparent url(../images/mypage/icon003.gif) 0 5px no-repeat; } /* profileDetail */ h2#profileDetailTitle { padding:0 0 0 5px; margin:10px 0 10px 0; height:26px; line-height:26px; background:#fff url(../images/mypage/profile_detail_h.gif) left top no-repeat; vertical-align:top; } h2#profileDetailTitle img { line-height:26px; vertical-align:middle; } h2#profileDetailTitle em { float:right; padding:0 5px 0 0; font-style:normal; font-weight:100; } dl#profilecontentsFaq { width:430px; overflow:hidden; margin:0 0 30px 0; } dl#profilecontentsFaq dt { padding:0 5px; margin:0 0 5px 0; font-weight:900; height:2em; line-height:2em; background:#FFF8E0 none left top no-repeat; } dl#profilecontentsFaq dd { margin:0 0 15px 0; padding:0 0.5em; } #favItem_note { width:450px; overflow:hidden;} #favItem_note h2 {background:transparent url(../images/common/nav_bg.gif) left bottom repeat-x ; border-left:2px solid #361315; font-size:10px; line-height:1em; margin:0; padding:4px 0 8px 9px; } #favItem_note dl { width:130px; margin:0 20px 10px 0; display:inline; float:left; } #favItem_note dl dt { height:3em; /* 必要? */ line-height:150%; } #favItem_note dl dd { text-align:center;} #favItem_note dl dd p { text-align:left;} #favItemColumn { width:450px; overflow:hidden; clear:both; padding:10px 0 10px 0; margin:0 0 10px 0; background:#fff url(../images/common/bar_dot_gray.gif) left bottom repeat-x;} #fav_tab_AddRecipe a {background:transparent url(../images/mypage/mypage_sprite2.gif) 0 -174px no-repeat; width:208px; height:31px;} #fav_tab_AddLife a {background:transparent url(../images/mypage/mypage_sprite2.gif) -209px -174px no-repeat; width:208px; height:31px;} #fav_tab_AddItem a {background:transparent url(../images/mypage/mypage_sprite2.gif) -418px -174px no-repeat; width:208px; height:31px;} #fav_tab_AddRecipe a:hover {background:transparent url(../images/mypage/mypage_sprite2.gif) 0 -205px no-repeat;} #fav_tab_AddLife a:hover {background:transparent url(../images/mypage/mypage_sprite2.gif) -209px -205px no-repeat;} #fav_tab_AddItem a:hover {background:transparent url(../images/mypage/mypage_sprite2.gif) -418px -205px no-repeat;} #fav_tab_AddRecipe.active a {background:transparent url(../images/mypage/mypage_sprite2.gif) 0 -205px no-repeat;} #fav_tab_AddLife.active a {background:transparent url(../images/mypage/mypage_sprite2.gif) -209px -205px no-repeat;} #fav_tab_AddItem.active a {background:transparent url(../images/mypage/mypage_sprite2.gif) -418px -205px no-repeat;} #post_tab_theme_recipe a {background:transparent url(../images/mypage/post_tabs.gif) 0px 0 no-repeat; width:156px; height:50px;} #post_tab_theme_blog a {background:transparent url(../images/mypage/post_tabs.gif) -159px 0 no-repeat; width:156px; height:50px; margin: 0 0 0 3px;} #post_tab_theme_movie a {background:transparent url(../images/mypage/post_tabs.gif) -318px 0 no-repeat; width:156px; height:50px; margin: 0 0 0 3px;} #post_tab_cookware a {background:transparent url(../images/mypage/post_tabs.gif) -477px 0 no-repeat; width:156px; height:50px; margin: 0 0 0 2px;} #post_tab_theme_recipe a:hover {background:transparent url(../images/mypage/post_tabs.gif) 0px -50px no-repeat; } #post_tab_theme_blog a:hover {background:transparent url(../images/mypage/post_tabs.gif) -159px -50px no-repeat; } #post_tab_theme_movie a:hover {background:transparent url(../images/mypage/post_tabs.gif) -318px -50px no-repeat; } #post_tab_cookware a:hover {background:transparent url(../images/mypage/post_tabs.gif) -477px -50px no-repeat; } #post_tab_theme_recipe a.active {background:transparent url(../images/mypage/post_tabs.gif) 0px -50px no-repeat; } #post_tab_theme_blog a.active {background:transparent url(../images/mypage/post_tabs.gif) -159px -50px no-repeat; } #post_tab_theme_movie a.active {background:transparent url(../images/mypage/post_tabs.gif) -318px -50px no-repeat; } #post_tab_cookware a.active {background:transparent url(../images/mypage/post_tabs.gif) -477px -50px no-repeat; } /*formEntrySet*/ .textbox120 { width:120px; vertical-align:middle; } .textbox { width:250px; } .textbox_wide { width:400px; } .textbox_large { width:422px; } .textBox_Resign { width:300px; height:100px; } .textBox_wide { width:400px; height:110px; } .textbox400x60 { width:400px; height:60px; vertical-align:top;} /* mizuno add */ #settingTitle { width: 633px; margin: 10px 0 10px 0; padding: 0 0 6px 0; border-left: 2px solid #361315; background: transparent url(../images/common/nav_bg.gif) left bottom repeat-x;} #settingTitle h2 { width: 360px; padding: 4px 0 0 0; margin: 0 0 0 10px; font-weight: bold; font-size: 110%; color: #361315; float: left;} #settingTitle a.settingTitleCheck { display: block; width: 239px; height: 25px; background:transparent url(../images/common/sprite_common.gif) 0 -157px no-repeat; outline: 0; float: right;} #settingTitle a.settingTitleCheck:hover { background:transparent url(../images/common/sprite_common.gif) 0 -132px no-repeat;} #settingTitle a.settingTitleCheck span { display: none;} .error { margin: 0 0 10px 0; padding: 10px; background-color: #ffeeee; color: #ff0000; font-weight: bold;} .error ul { margin: 0; padding: 0;} .error ul li { padding: 4px 0 0 0; list-style-type: none; font-weight: normal; color: #ff0000;} .message { margin: 0 0 10px 0; padding: 10px; background-color: #eeffee; color: #009900; font-weight: bold;} #newMylistOther p { text-align:right;} #omedetouTitle { height:32px; line-height:32px; text-align:right; font-weight:100; padding:0 20px 0 0; margin:0 0 10px 0; background: transparent url(../images/mypage/bach_01.gif) left top no-repeat;} #okiniiriPeople { padding:10px 0 0 0; } #okiniiriPeople h2 { border-left:2px solid #361315; padding:4px 0 5px 8px; margin:0 0 10px 0; background:transparent url(../images/common/nav_bg.gif) left bottom repeat-x; overflow:hidden; } #okiniiriPeople h2 strong { float:right; font-weight:100; display:block; } dl#okiniiriPage { overflow:hidden; } dl#okiniiriPage dt { float:left; } dl#okiniiriPage dd { float:right; } #okiniiriPeople .okiniiriList { padding:0 0 0 10px; overflow:hidden; border-bottom:1px dotted #cccccc; } #okiniiriPeople .okiniiriList .listDetail { width:650px; overflow:hidden; padding:10px 0 10px 0; } #okiniiriPeople .okiniiriList .listDetail dl { width:90px; margin:0 40px 0 0; float:left; display:block; } #okiniiriPeople .okiniiriList .listDetail dl dt { width:90px; height:90px; overflow:hidden; } #okiniiriPeople .okiniiriList .listDetail dl dd { width:90px; } #otherBlogs { margin:-15px 0 0 0; } #otherBlogs .otherBlogsList { padding:0 0 0 10px; overflow:hidden; border-bottom:1px dotted #cccccc; } #otherBlogs .otherBlogsList .blogsTitle { width:623px; overflow:hidden; padding:15px 0 15px 0; } #otherBlogs .otherBlogsList .blogsTitle dl{ width:90px; margin:0 13px 0 0; float:left; display:block; } #otherBlogs .otherBlogsList .blogsTitle dl dt { width:90px; height:90px; overflow:hidden; } #otherBlogs .otherBlogsList .blogsTitle dl dd { width:90px; padding:10px 0 0 0; } #otherBlogs .otherBlogsList .blogsTitle dl dd h3 { font-weight:100; } #rankingBacknumber.recipeRanking { margin:-20px 0 0 0; } #rankingBacknumber { padding:15px 0 40px 0; } #rankingBacknumber .monthPage { text-align:center; font-weight:900; margin:0 0 10px 0; } #rankingBacknumber .monthPage a { font-weight:100; } #rankingBacknumber .rankingList { padding:8px 0 3px 0; border-bottom:1px dotted #cccccc; overflow:hidden; } #rankingBacknumber .rankingList .rankNumber { width:45px; float:left; margin:0 10px 0 0; text-align:center; } #rankingBacknumber .rankingList dl { overflow:hidden; } #rankingBacknumber .rankingList dt { width:90px; height:90px; float:left; } #rankingBacknumber .rankingList dd { float:left; width:470px; margin:0 0 0 10px; overflow:hidden; } #rankingBacknumber .rankingList dd ul { float:right; overflow:hidden; } #rankingBacknumber .rankingList dd ul li { float:left; margin:0 0 0 5px; display:inline; } #rankingBacknumber .rankingList dd h3 { width:400px; float:left; font-weight:100; margin:0 0 5px 0; } #rankingBacknumber .rankingList dd h3 strong { font-size:13px; font-weight:900; color:#ff9900; margin:0 0 0 5px; } #rankingBacknumber .rankingList dd p { clear:both; margin:0 0 5px 0; } #rankingBacknumber .rankingList .iconBtn{ width:630px; padding:3px 0 0 0; overflow:hidden; } #rankingBacknumber .rankingList .iconBtn li { float:right; height:25px; margin:0 0 0 5px; } .contentsFavWrap .error { margin-bottom: -5px; padding-top: 20px; padding-bottom: 20px; } #pNew_blogList_pager { margin: 10px 0 30px 0; } #pNew_blogList_pager ul.pager { float: right; } #pNew_blogList_pager p { margin: 10px 0 10px 0; padding: 10px; background-color: #ffeeff; } #pNew_blogList_pager p strong { font-size: 14px; font-weight: bold; } .noClip { width: 100%; background-color: #ffffee; padding: 100px 0 100px 0; text-align: center; } .noVoice { width: 100%; background-color: #ffffee; padding: 50px 0 50px 0; text-align: center; } .mgtt { margin:0 0 4px; } /* smalldeleteright */ a.btnDeletings { display:block; width:76px; height:23px; background:transparent url(../images/common/sprite_common.gif) -642px -50px no-repeat; float:right;} a.btnDeletings:hover { background:transparent url(../images/common/sprite_common.gif) -642px -75px no-repeat; width:76px; height:23px; float:right;} a.btnDeletings span { display:none; float:right;} /* smallEditright */ a.btnEditSmall { display:block; width:71px; height:23px; background:transparent url(../images/mypage/mypage_sprite2.gif) -749px -151px no-repeat; float:right;} a.btnEditSmall:hover { background:transparent url(../images/mypage/mypage_sprite2.gif) -749px -175px no-repeat; float:right;} a.btnEditSmall span { display:none; float:right;} /*20100712*/ #AlltopicReco { overflow:hidden; margin:0 0 30px; } #AlltopicReco h2 { padding:4px 0 8px 9px; margin:0 0 10px 0; background:transparent url(../images/common/nav_bg.gif) left bottom repeat-x; border-left:2px solid #361315; font-size:10px; line-height:1em; } #AlltopicReco dl { width:430px; clear:both; overflow:hidden; background:transparent url(../images/mypage/bar_lightgray.gif) bottom repeat-x; padding:0 0 10px; margin:0 0 5px; } #AlltopicReco dt { float:left; width:65px; } #AlltopicReco dd { float:right; width:355px; } #recipe_tab_blog a {background:transparent url(../images/mypage/sprite_common2.gif) -1px -329px no-repeat;} #recipe_tab_blog a:hover {background:transparent url(../images/mypage/sprite_common2.gif) -1px -360px no-repeat;} #recipe_tab_blog.active a {background:transparent url(../images/mypage/sprite_common2.gif) -1px -360px no-repeat;} #recipe_tab_recipe a {background:transparent url(../images/mypage/sprite_common2.gif) -1px -391px no-repeat;} #recipe_tab_recipe a:hover {background:transparent url(../images/mypage/sprite_common2.gif) -1px -422px no-repeat;} #recipe_tab_recipe.active a {background:transparent url(../images/mypage/sprite_common2.gif) -1px -422px no-repeat;} #contentsNewResipe { border:1px solid #827773; padding:10px 10px 10px; width:611px; clear:both; overflow:hidden; margin:0 0 10px; position:relative; } #contentsNewResipe dl { background:url(../images/common/bar_dot_gray.gif) repeat-x scroll left bottom transparent; overflow:hidden; padding:8px 0 8px 0; margin:0; width:611px; clear:both;} #contentsNewResipe dt { float:left; margin-right:10px; width:90px;} #contentsNewResipe dd { float:right; width:510px; position:relative; } #contentsNewResipe dd h3{ font-weight:normal; width:420px; padding-right: 4px; } #contentsNewResipe dd h3 a { font-size: 16px; font-weight: bold; color: #333333; text-decoration: none; } #contentsNewResipe dd h3 a:hover { text-decoration: underline; } #contentsNewResipe dd strong { width: 100px; position:absolute; right:0; top:0; text-align: right; } #contentsNewResipe dd p { margin:0 0 3px; } #contentsNewResipe ul { overflow:hidden; } #contentsNewResipe ul li { float:left; margin:0 4px 0 0; } #RecipeSubmitForm { clear:both; overflow:hidden; padding:10px 0; margin:0 0 35px; background:#FFFFCC; } a.RecipeFormBtn { display:block; width:278px; height:37px; background:transparent url(../images/mypage/sprite_common2.gif) -610px -333px no-repeat; outline:0; margin-right:auto; margin-left:auto; outline:0;} a.RecipeFormBtn:hover { background:transparent url(../images/mypage/sprite_common2.gif) -610px -296px no-repeat; } a.RecipeFormBtn span { display:none;} a.themeBtnPost { display:block; width:154px; height:47px; margin:0 auto; background:transparent url(../images/minna_blog/sprite.gif) -300px -166px no-repeat; } a.themeBtnPost:hover { background:transparent url(../images/minna_blog/sprite.gif) -300px -213px no-repeat; } a.themeBtnPost span { display:none; } #New_themeRecipeBlog { overflow:hidden; width:600px; } #New_themeRecipeBlog h3{ font-weight:normal; margin:0 0 4px; } #New_themeRecipeBlog dl{ overflow:hidden; width:600px; padding:0 0 8px; margin:0 0 8px; clear:both; background:transparent url(../images/mypage/bar_lightgray.gif) left bottom repeat-x; } #New_themeRecipeBlog dt{ width:90px; margin:0 0 5px 0; float:left;} #New_themeRecipeBlog dd{ width:500px; float:right;} .pagerClip { /* clear:both; float:right; */ margin:12px 0 0; overflow:hidden; text-align:right; width:100%; } .pagerClip li { display:inline; margin-left:7px; overflow:hidden; text-align:right; } /*StyleSheetAdd20100818*/ .contentTitleWrap { background:url(../images/common/nav_bg.gif) repeat-x scroll left bottom transparent; border-left:2px solid #361315; margin:22px 0 10px 0; overflow:hidden; padding:4px 0 5px 8px; } .contentTitleWrap strong { display:block; float:right; font-weight:100;} #wMain_Content2 { width:633px; overflow:hidden; } #Recipe_Article2 { width:445px; overflow:hidden; } #Recipe_Article2 dl{ width:130px; overflow:hidden; float:left; margin:0 0 0 25px; } #Recipe_Article2 dl dt{ width:130px; height:35px; margin:0 0 4px; } #Recipe_Article2 dl dd.RecipePhotoImg{ width:130px; text-align:center; clear:both; } #Recipe_Article2 dl dd.EditArticle ul{ width:111px; float:right; } #Recipe_Article2 dl dd.EditArticle ul li{ text-align:right; margin:0 0 4px; } #Recipe_Article2 dl.mgReset { margin:0; } #Recipe_Article2 div.ArticleWrap{ width:445px; overflow:hidden; background:transparent url(../images/mypage/bar_lightgray.gif) left bottom repeat-x; padding:0 0 15px; margin:0 0 10px;} .ClipItems { width: 130px; overflow: hidden; float: left; margin: 0 10px 0 0; border: 1px solid #999999; } .ClipItems .ClipItemsPhoto { padding: 10px 10px 0 10px; text-align: center; } .ClipItems .ClipItemsTitle { padding: 3px 10px 0 10px; } .ClipItems .ClipItemsButtons { padding: 3px 10px 10px 10px; text-align: center; } #okaimono_side { width: 180px; padding: 0 0 6px 0; margin: 0 0 13px 0; background: transparent url(../images/mypage/okaimono_side_bg.gif) left bottom no-repeat; } #okaimono_side_title { margin: 0 0 4px 0; } #okaimono_side_head { margin: 0 8px 8px 8px; padding: 0 0 2px; 0; background: transparent url(../images/mypage/okaimono_side_hr.gif) left bottom repeat-x; color: #4E2305; font-weight: bold; } #okaimono_side ul { margin: 0 8px 4px 8px; } #okaimono_side ul li { margin: 0 0 8px 0; padding: 0 0 0 22px; background: transparent url(../images/mypage/okaimono_icon.gif) left 1px no-repeat; } #okaimono_side_button { margin: 0 6px 0 0; } #okaimono_voice_title { margin: 0 0 8px 0; } #okaimono_voice_pagenavi { margin: 0 0 8px 0; text-align: right; } #okaimono_voice_list { margin: 0 0 8px 0; } #okaimono_voice_list ul li { margin: 0 0 10px 0; padding: 0 0 10px 0; background: transparent url(../images/mypage/okaimono_voice_hr.gif) left bottom repeat-x; } #okaimono_voice_list ul li .theme { margin: 0 0 3px 0; padding: 0 0 0 20px; font-weight: bold; background: transparent url(../images/mypage/okaimono_question.gif) 2px 2px no-repeat; } #okaimono_voice_list ul li .answer_title { margin: 0 0 3px 0; padding: 0 0 0 20px; font-weight: bold; background: transparent url(../images/mypage/okaimono_icon.gif) left 2px no-repeat; } #okaimono_voice_list ul li .answer_comment { margin: 0 0 3px 0; } #okaimono_voice_list ul li .buttons { margin: 0 5px 0 0; } #okaimono_voice_list ul li .buttons a.button_edit { float: right; display:block; width:76px; height:23px; background:transparent url(../images/common/sprite_common.gif) -719px -51px no-repeat;} #okaimono_voice_list ul li .buttons a.button_edit:hover { background:transparent url(../images/common/sprite_common.gif) -719px -75px no-repeat; width:76px; height:23px; } #okaimono_voice_list ul li .buttons a.button_edit span { display:none;} #okaimono_voice_list ul li .buttons a.button_delete { float: right; display:block; width:76px; height:23px; background:transparent url(../images/common/sprite_common.gif) -642px -50px no-repeat;} #okaimono_voice_list ul li .buttons a.button_delete:hover { background:transparent url(../images/common/sprite_common.gif) -642px -75px no-repeat; width:76px; height:23px; } #okaimono_voice_list ul li .buttons a.button_delete span { display:none;} #okaimono_voice_pager { margin: 0 10px 0 0; text-align: right; } #okaimono_voice_pager ul li { display: inline; padding-left: 5px; } #social_buttons_1 { text-align: right; margin: 0 0 10px 0; height: 25px; } #social_buttons_1 ul li { display: block; float: right; margin-left: 8px; } #social_buttons_1 ul li.mixi { position: relative; top: -4px; } #social_buttons_2 { margin: 0 0 20px 0; } #social_buttons_2 h2 { background-color: #FFECBA; padding: 5px 10px 5px 10px; margin: 0 0 20px 0; font-weight: bold; } #social_buttons_2 table tr td { padding: 0 40px 10px 10px; } #social_buttons_2 table tr td div { float: left; margin-right: 8px; } #social_buttons_2 table tr td div.mixi_check { position: relative; top: -4px; } #social_buttons_2 table tr td div.mixi_voice { position: relative; top: -4px; } /* ヘッダナビゲーション(新) -------------------------------------------------------------------------------- */ #navi { clear: both; width: 950px; overflow: hidden; margin: 0 0 4px 0; } #navi li { float: left; } #navi li a { display: block; height: 39px; outline: 0; } #navi li a img { visibility: hidden; } #navi li a span { display: none; } #navi li#navi_blogger_top a { width: 190px; background: url(../../images/profile/navi/menu.gif) 0px -39px no-repeat; } #navi li#navi_blogger_blog a { width: 190px; background: url(../../images/profile/navi/menu.gif) -190px -39px no-repeat; } #navi li#navi_blogger_recipe a { width: 190px; background: url(../../images/profile/navi/menu.gif) -380px -39px no-repeat; } #navi li#navi_blogger_ranking a { width: 189px; background: url(../../images/profile/navi/menu.gif) -570px -39px no-repeat; } #navi li#navi_blogger_voice a { width: 190px; background: url(../../images/profile/navi/menu.gif) -760px -39px no-repeat; } #navi li#navi_blogger_top a:hover { width: 190px; background: url(../../images/profile/navi/menu.gif) 0px -156px no-repeat; } #navi li#navi_blogger_blog a:hover { width: 190px; background: url(../../images/profile/navi/menu.gif) -190px -156px no-repeat; } #navi li#navi_blogger_recipe a:hover { width: 190px; background: url(../../images/profile/navi/menu.gif) -380px -156px no-repeat; } #navi li#navi_blogger_ranking a:hover { width: 189px; background: url(../../images/profile/navi/menu.gif) -570px -156px no-repeat; } #navi li#navi_blogger_voice a:hover { width: 190px; background: url(../../images/profile/navi/menu.gif) -760px -156px no-repeat; } #navi li#navi_blogger_top.active a { width: 190px; background: url(../../images/profile/navi/menu.gif) 0px -156px no-repeat; } #navi li#navi_blogger_blog.active a { width: 190px; background: url(../../images/profile/navi/menu.gif) -190px -156px no-repeat; } #navi li#navi_blogger_recipe.active a { width: 190px; background: url(../../images/profile/navi/menu.gif) -380px -156px no-repeat; } #navi li#navi_blogger_ranking.active a { width: 189px; background: url(../../images/profile/navi/menu.gif) -570px -156px no-repeat; } #navi li#navi_blogger_voice.active a { width: 190px; background: url(../../images/profile/navi/menu.gif) -760px -156px no-repeat; } #navi li#navi_ippan_top a { width: 237.5px; background: url(../../images/profile/navi/menu.gif) 0px -78px no-repeat; } #navi li#navi_ippan_recipe a { width: 237px; background: url(../../images/profile/navi/menu.gif) -238px -78px no-repeat; } #navi li#navi_ippan_ranking a { width: 237.5px; background: url(../../images/profile/navi/menu.gif) -475px -78px no-repeat; } #navi li#navi_ippan_voice a { width: 237.5px; background: url(../../images/profile/navi/menu.gif) -712.5px -78px no-repeat; } #navi li#navi_ippan_top a:hover { width: 237.5px; background: url(../../images/profile/navi/menu.gif) 0px -195px no-repeat; } #navi li#navi_ippan_recipe a:hover { width: 237px; background: url(../../images/profile/navi/menu.gif) -238px -195px no-repeat; } #navi li#navi_ippan_ranking a:hover { width: 237.5px; background: url(../../images/profile/navi/menu.gif) -475px -195px no-repeat; } #navi li#navi_ippan_voice a:hover { width: 237.5px; background: url(../../images/profile/navi/menu.gif) -712.5px -195px no-repeat; } #navi li#navi_ippan_top.active a { width: 237.5px; background: url(../../images/profile/navi/menu.gif) 0px -195px no-repeat; } #navi li#navi_ippan_recipe.active a { width: 237px; background: url(../../images/profile/navi/menu.gif) -238px -195px no-repeat; } #navi li#navi_ippan_ranking.active a { width: 237.5px; background: url(../../images/profile/navi/menu.gif) -475px -195px no-repeat; } #navi li#navi_ippan_voice.active a { width: 237.5px; background: url(../../images/profile/navi/menu.gif) -712.5px -195px no-repeat; } /* 各種ボタン -------------------------------------------------------------------------------- */ a.btnPochi { display:block; width:35px; height:31px; background:transparent url(../images/mypage/sprite_common2.gif) -184px -173px no-repeat; } a.btnPochi:hover { background:transparent url(../images/mypage/sprite_common2.gif) -219px -173px no-repeat; } a.btnPochi span { display:none; } /* レシピブック名＋足あとボタン枠 -------------------------------------------------------------------------------- */ dl#profile_title_and_pochi { width: 630px; margin: 0 0 12px 0; padding: 10px 0 6px 0; border-bottom: 1px dotted #976b52; background: transparent url(../images/profile/title/icon.gif) 0px 6px no-repeat; position: relative; } dl#profile_title_and_pochi dt { display: inline; float: left; padding: 0 0 0 25px; } dl#profile_title_and_pochi dd { display: inline; float: right; padding: 0 38px 0 0; } dl#profile_title_and_pochi dd strong { font-weight: bold; color: #ff6666; } dl#profile_title_and_pochi dd a { position: absolute; top: 6px; right: 0; } /* ヘッダプロフィール枠 -------------------------------------------------------------------------------- */ #profile_header { clear: both; width: 950px; margin: 0 0 10px 0; background: transparent url(../images/profile/header/bg_top.jpg) left top no-repeat; } #profile_header_inner { padding: 13px 12px 12px 12px; background: transparent url(../images/profile/header/bg_bottom.jpg) left bottom no-repeat; } #profile_header dl dt { display: block; float: left; width: 150px; } #profile_header dl dt a { display: block; width: 148px; height: 114px; margin: 3px 0 0 0; padding: 5px 0 0 0; text-align: center; background: transparent url(../images/profile/header/photo_bg.gif) left top no-repeat; } #profile_header dl dt a img { width: 136px; height: 103px; } #profile_header dl dd { display: block; float: right; width: 770px; } #profile_header_title { width: 770px; height: 45px; margin: 0; padding: 10px 0 0 0; background: transparent url(../images/profile/header/title_bg.gif) left top no-repeat; position: relative; } #profile_header_title h2 { display: inline; float: left; padding: 0 0 0 10px; font-weight: bold; } #profile_header_title h2 a { font-size: 16px; } #profile_header_title h2 em { display: block; width: 168px; height: 41px; position: absolute; top: -3px; left: 10px; } #profile_header_title h2 em span { display: none; } #profile_header_title h2.grade1 { padding-left: 185px; } #profile_header_title h2.grade2 { padding-left: 185px; } #profile_header_title h2.grade3 { padding-left: 185px; } #profile_header_title h2.grade4 { padding-left: 185px; } #profile_header_title h2.grade5 { padding-left: 168px; } #profile_header_title h2.grade1 em { background: transparent url(../images/profile/header/grade1.gif) left top no-repeat; } #profile_header_title h2.grade2 em { background: transparent url(../images/profile/header/grade2.gif) left top no-repeat; } #profile_header_title h2.grade3 em { background: transparent url(../images/profile/header/grade3.gif) left top no-repeat; } #profile_header_title h2.grade4 em { background: transparent url(../images/profile/header/grade4.gif) left top no-repeat; } #profile_header_title h2.grade5 em { background: transparent url(../images/profile/header/grade5.gif) left top no-repeat; } #profile_header_title #profile_header_pochi { display: inline; float: right; padding: 0 50px 0 0; } #profile_header_title #profile_header_pochi strong { font-weight: bold; color: #ff6666; } #profile_header_title #profile_header_pochi a { position: absolute; top: 6px; right: 10px; } #profile_header_about { clear: both; } #profile_header_about2 { clear: both; float: left; width: 600px; } #profile_header_share { float: right; } #profile_header_share ul li { display: block; } #profile_header_share ul li.mixi { margin-bottom: 4px; } #profile_detail_information { margin: 0 0 20px 0; } #profile_detail_information h2 { margin: 0 0 8px 0; height: 21px; background: url(../images/profile/top/information/title.gif) left top no-repeat; } #profile_detail_information h2 span { display: none; } #profile_detail_information ul li { margin: 0 0 3px 0; } #profile_detail_faq { margin: 0 0 30px 0; width: 430px; background: url(../images/mypage/profile_detail_faq_bg.gif) left top repeat-y; } #profile_detail_faq h3 { margin: 0; padding: 0; height: 60px; background: url(../images/mypage/profile_detail_faq_title.gif) left top no-repeat; } #profile_detail_faq h3 span { display: none; } #profile_detail_faq #profile_detail_faq_about { margin: 0 0 10px 0; } #profile_detail_faq #profile_detail_faq_about p { padding: 3px 20px 0 20px; } #profile_detail_faq #profile_detail_faq_motto { margin: 0 0 10px 0; } #profile_detail_faq #profile_detail_faq_motto h4 { margin: 0; padding: 0; height: 25px; background: url(../images/mypage/profile_detail_faq_motto.gif) left top no-repeat; } #profile_detail_faq #profile_detail_faq_motto h4 span { display: none; } #profile_detail_faq #profile_detail_faq_motto p { padding: 3px 20px 0 20px; } #profile_detail_faq dl#profile_detail_faq_list { margin: 0; padding: 0; } #profile_detail_faq dl#profile_detail_faq_list dt { margin: 0 20px 4px 20px; padding: 5px 8px 4px 8px; background-color: #ffefce; font-weight: bold; } #profile_detail_faq dl#profile_detail_faq_list dd { margin: 0 24px 10px 24px; padding: 0; } .button { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .field .control:first-child:not(:only-child) .button, .field .control:first-child:not(:only-child) .input, .field .control:first-child:not(:only-child) .select select { border-bottom-right-radius: 0; border-top-right-radius: 0; } .field .control:last-child:not(:only-child) .button, .field .control:last-child:not(:only-child) .input, .field .control:last-child:not(:only-child) .select select { border-bottom-left-radius: 0; border-top-left-radius: 0; } .field { display: flex; justify-content: flex-start; } .field .control:not(:last-child) { margin-right: -1px; } .control { box-sizing: border-box; clear: both; font-size: 1rem; position: relative; text-align: inherit; } .control.-search-text { width: 100%; } .button, .input { -moz-appearance: none; -webkit-appearance: none; align-items: center; border: 1px solid transparent; border-radius: 4px; box-shadow: none; display: inline-flex; font-size: 1rem; height: 2.5em; justify-content: flex-start; line-height: 1.5; padding-bottom: calc(.5em - 1px); padding-left: calc(.75em - 1px); padding-right: calc(.75em - 1px); padding-top: calc(.5em - 1px); position: relative; vertical-align: top; } .input { background-color: #fff; border-color: #fe7a80; border-radius: 4px; color: #363636; } .input { box-shadow: inset 0 0.0625em 0.125em rgba(10,10,10,.05); max-width: 100%; width: 100%; margin: 0; box-sizing: border-box; outline: 0; } .input::placeholder { color: #cccccc; } .button { background-color: #fff; border-color: #fe7a80; border-width: 1px; color: #363636; cursor: pointer; justify-content: center; padding-bottom: calc(.5em - 1px); padding-left: 2em; padding-right: 2em; padding-top: calc(.5em - 1px); text-align: center; white-space: nowrap; text-decoration: none; box-sizing: border-box; background-color: #fe7a80; border-color: transparent; color: #fff; } .button:hover { background: #ef686e; color: #fff; }