@charset "utf-8"; /* reset ------------------------------------------------------------ */ html {overflow-y:scroll; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { margin:0;padding:0; font-size: 100%; line-height:150%; color:#333; list-style-type:none; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',/*'メイリオ',Meiryo,*/'ＭＳ Ｐゴシック','MS PGothic',sans-serif;} fieldset,img { border:0; vertical-align:bottom; } caption,th { text-align:left; } input {line-height:normal; } body, th, td { font-size:14px; } /* option */ img { -ms-interpolation-mode: bicubic; } /* 縮小画像をきれいに見せる */ html {overflow-y:scroll;} /* firefox スクロールバー */ textarea {font-size: 100%;} /* base layout ------------------------------------------------------ */ body { text-align:center; } a { color:#284399; text-decoration:underline; } a:hover { color:#439928; } #container { width:950px; margin:0 auto;} /* item */ .pageTop { clear:both; text-align:right; margin:0; } /* header */ #header { width:950px; overflow:hidden; /* background:transparent url(../images/common/header_top.gif) left top no-repeat; */ padding:4px 0 0 0; } #headerLogo { width:200px; padding:32px 0 28px 0; float:left; } /*#header p { width:728px; padding:10px 0; float:right; }*/ #nav { clear:both; width:950px; height:29px; margin:0 0 0 0; overflow:hidden; background:transparent url(../images/common/nav_bg.gif) left bottom repeat-x; } #nav ul { padding: 0 0 3px 0; width:753px; float:left; font-size:10px; line-height:10px; /*background-color: #ff0000;*/ } #nav ul li { display:inline; float:left;} #nav ul li img { visibility:hidden;} #nav ul li a { height:24px; display:block; } #nav ol { width:197px; float:right; overflow:hidden;} #nav ol li { margin:4px 0 0 0; display:inline; float:left;} #nav ol li img { visibility:hidden;} #nav ol li a { height:25px; display:block; overflow:hidden; } #nav li a span {display:none; } #nav ul li#nav_home a { width:68px; background:transparent url(../images/common/sprite_navi2.gif) 0px 0px no-repeat; } #nav ul li#nav_contents a { width:94px; background:transparent url(../images/common/sprite_navi2.gif) -68px 0px no-repeat; } #nav ul li#nav_rensai a { width:94px; background:transparent url(../images/common/sprite_navi2.gif) -68px 0px no-repeat; } #nav ul li#nav_ranking a { width:116px; background:transparent url(../images/common/sprite_navi2.gif) -162px 0px no-repeat; } #nav ul li#nav_minna_blog a { width:117px; background:transparent url(../images/common/sprite_navi2.gif) -278px 0px no-repeat; } #nav ul li#nav_blog a { width:117px; background:transparent url(../images/common/sprite_navi2.gif) -278px 0px no-repeat; } #nav ul li#nav_minna_recipe a { width:117px; background:transparent url(../images/common/sprite_navi2.gif) -395px 0px no-repeat; } #nav ul li#nav_recipe a { width:117px; background:transparent url(../images/common/sprite_navi2.gif) -395px 0px no-repeat; } #nav ul li#nav_movie a { width:55px; background:transparent url(../images/common/sprite_navi2.gif) -512px 0px no-repeat; } #nav ul li#nav_album a { width:116px; background:transparent url(../images/common/sprite_navi2.gif) -512px 0px no-repeat; } #nav ul li#nav_monitor a { width:125px; background:transparent url(../images/common/sprite_navi2.gif) -567px 0px no-repeat; } #nav ul li#nav_sp a { width:125px; background:transparent url(../images/common/sprite_navi2.gif) -627px 0px no-repeat; } #nav ol li#nav_myrecipe a { width:110px; margin-right: 2px; background:transparent url(../images/common/sprite_common.gif) -683px 0px no-repeat; } #nav ol li#nav_logout a { width:84px; background:transparent url(../images/common/sprite_common.gif) -794px 0px no-repeat; } #nav ol li#nav_login a { width:84px; background:transparent url(../images/common/sprite_common.gif) -492px -162px no-repeat; } #nav ul li#nav_home a:hover { width:68px; background:transparent url(../images/common/sprite_navi2.gif) 0px -24px no-repeat; } #nav ul li#nav_contents a:hover { width:94px; background:transparent url(../images/common/sprite_navi2.gif) -68px -24px no-repeat; } #nav ul li#nav_rensai a:hover { width:94px; background:transparent url(../images/common/sprite_navi2.gif) -68px -24px no-repeat; } #nav ul li#nav_ranking a:hover { width:116px; background:transparent url(../images/common/sprite_navi2.gif) -162px -24px no-repeat; } #nav ul li#nav_minna_blog a:hover { width:117px; background:transparent url(../images/common/sprite_navi2.gif) -278px -24px no-repeat; } #nav ul li#nav_blog a:hover { width:117px; background:transparent url(../images/common/sprite_navi2.gif) -278px -24px no-repeat; } #nav ul li#nav_minna_recipe a:hover { width:117px; background:transparent url(../images/common/sprite_navi2.gif) -395px -24px no-repeat; } #nav ul li#nav_recipe a:hover { width:117px; background:transparent url(../images/common/sprite_navi2.gif) -395px -24px no-repeat; } #nav ul li#nav_movie a:hover { width:55px; background:transparent url(../images/common/sprite_navi2.gif) -512px -24px no-repeat; } #nav ul li#nav_album a:hover { width:116px; background:transparent url(../images/common/sprite_navi2.gif) -512px -24px no-repeat; } #nav ul li#nav_monitor a:hover { width:125px; background:transparent url(../images/common/sprite_navi2.gif) -567px -24px no-repeat; } #nav ul li#nav_sp a:hover { width:125px; background:transparent url(../images/common/sprite_navi2.gif) -627px -24px no-repeat; } #nav ol li#nav_myrecipe a:hover { width:110px; background:transparent url(../images/common/sprite_common.gif) -683px -25px no-repeat; } #nav ol li#nav_logout a:hover { width:84px; background:transparent url(../images/common/sprite_common.gif) -794px -25px no-repeat; } #nav ol li#nav_login a:hover { width:84px; height:25px; background:transparent url(../images/common/sprite_common.gif) -492px -137px no-repeat; outline:0;} #nav ul li#nav_home.active a { width:68px; background:transparent url(../images/common/sprite_navi2.gif) 0px -24px no-repeat; } #nav ul li#nav_contents.active a { width:94px; background:transparent url(../images/common/sprite_navi2.gif) -68px -24px no-repeat; } #nav ul li#nav_rensai.active a { width:94px; background:transparent url(../images/common/sprite_navi2.gif) -68px -24px no-repeat; } #nav ul li#nav_ranking.active a { width:116px; background:transparent url(../images/common/sprite_navi2.gif) -162px -24px no-repeat; } #nav ul li#nav_minna_blog.active a { width:117px; background:transparent url(../images/common/sprite_navi2.gif) -278px -24px no-repeat; } #nav ul li#nav_blog.active a { width:117px; background:transparent url(../images/common/sprite_navi2.gif) -278px -24px no-repeat; } #nav ul li#nav_minna_recipe.active a { width:117px; background:transparent url(../images/common/sprite_navi2.gif) -395px -24px no-repeat; } #nav ul li#nav_recipe.active a { width:117px; background:transparent url(../images/common/sprite_navi2.gif) -395px -24px no-repeat; } #nav ul li#nav_movie.active a { width:55px; background:transparent url(../images/common/sprite_navi2.gif) -512px -24px no-repeat; } #nav ul li#nav_album.active a { width:116px; background:transparent url(../images/common/sprite_navi2.gif) -512px -24px no-repeat; } #nav ul li#nav_monitor.active a { width:125px; background:transparent url(../images/common/sprite_navi2.gif) -567px -24px no-repeat; } #nav ul li#nav_sp.active a { width:125px; background:transparent url(../images/common/sprite_navi2.gif) -627px -24px no-repeat; } #nav ol li#nav_myrecipe.active a { width:110px; background:transparent url(../images/common/sprite_common.gif) -683px -25px no-repeat; } #nav ol li#nav_logout.active a { width:84px; background:transparent url(../images/common/sprite_common.gif) -794px -25px no-repeat; } #nav ol li#nav_login a:active { width:84px; height:25px; background:transparent url(../images/common/sprite_common.gif) -492px -137px no-repeat; outline:0;} #headerSearchKeywordWrap { background-color: #fff; margin: 0 0 10px 0;} #headerSearch { width: 490px; overflow: hidden; margin: 4px 0 0 0; display: inline;float: left;} #headerSearch table { margin-bottom: 4px; } #headerSearch table tr td { text-align: left; vertical-align: middle; } #headerSearch table tr td.c1 {padding: 0;} #headerSearch table tr td.c2 input { width: 240px; height: 25px; border: 1px solid #ccc; padding: 2px 0; font-size: 18px;} #headerSearch table tr td.c3 { padding: 0 4px 0 4px; vertical-align: top; } #headerSearch table tr td.c4 { text-align: left; vertical-align:top; /* background:transparent url(../images/common/header_btn_search2_over.gif) left top no-repeat; */} #headerSearch table tr td.c4 input { position: relative; top: 0px; } /* #headerSearch table tr td.c4 input:hover { filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); opacity: 0.0; margin:0; padding:0;} */ #headerSearch table tr td.c5 { padding: 0 0 0 4px; vertical-align: top;} #headerKeyword { width:460px; margin: 4px 0 0 0; display: inline; float: right; } #headerKeyword dt { width:auto; float: left; line-height: 14px; font-size: 14px; overflow: hidden; padding: 4px 5px 0 0;} #headerKeyword dd { float:left; padding:1px 0 0 5px; line-height:20px; height:20px; } #headerSearch table tr td.c4 input[type="submit"] { display: block; text-indent: -9999px; cursor: pointer; border: 0px; border-width: 0px; width:48px; height:25px;background: transparent url(../images/common/header_btn_search2.gif) left top no-repeat;} /* #headerSearchKeywordWrap { background-color: #fff6d9; margin: 0 0 10px 0; } #headerSearch { width:430px; overflow:hidden; margin:4px 0 0 0; display:inline; float:left; } #headerSearch table { margin-bottom: 4px; } #headerSearch table tr td { text-align: left; vertical-align: middle; } #headerSearch table tr td.c1 { padding: 0 3px 0 3px; } #headerSearch table tr td.c2 { padding: 0 0 0 4px; } #headerSearch table tr td.c2 input { width:180px; border:1px solid #ccc; padding:2px 0; } #headerSearch table tr td.c3 { padding: 0 4px 0 4px; } #headerSearch table tr td.c4 { text-align: left; vertical-align: top; background:transparent url(../images/common/header_btn_search_over.gif) left 3px no-repeat; } #headerSearch table tr td.c3 { padding: 0 4px 0 4px; } #headerSearch table tr td.c4 input { position: relative; top: 3px; } #headerSearch table tr td.c4 input:hover { filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); opacity: 0.0; margin:0; padding:0;} #headerSearch table tr td.c5 { padding: 0 0 0 4px; } #headerKeyword { width:400px; margin:7px 10px 0 0; display:inline; float:right; } #headerKeyword dt { width:95px; float:right; line-height:14px; font-size:1px; overflow:hidden; } #headerKeyword dt img { padding:3px 0 0 0;} #headerKeyword dd { float:right; padding:1px 0 0 5px; line-height:20px; height:20px; } */ #topickPath { clear:both; width:750px; float:left; overflow:hidden; margin: 0 0 4px; } #topickPath li { display:inline; float:left; font-size: 12px; } #topickPath li a { padding:0 16px 0 0; background:transparent url(../images/common/icon_topicpath.gif) right center no-repeat; color:#4c4c4c;} /* 綴りmiss(気づいたところから直していく) */ #topicPath { clear:both; width:750px; float:left; overflow:hidden; margin: 0 0 4px; } #topicPath li { display:inline; float:left; font-size: 12px; } #topicPath li a { padding:0 16px 0 0; background:transparent url(../images/common/icon_topicpath.gif) right center no-repeat; color:#4c4c4c;} #topicPath .breadcrumb { padding:0 16px 0 0; background:transparent url(../images/common/icon_topicpath.gif) right center no-repeat; color:#4c4c4c;} #pageSubmenu { width:200px; float:right; text-align:right; padding:5px 0 1px 0; } #pageSubmenu li { display:inline; text-align:right; padding:0 0 0 15px; background:transparent url(../images/common/header_icon_edit.gif) left 0 no-repeat;} /* contents */ #contents { clear:both; width:950px; overflow:hidden; text-align:left; } /* footer */ #footer { clear:both; width:950px; padding:0 0 5px 0; overflow:hidden; } #footer ul { text-align:center; padding:0 0 10px 0; margin:0 0 10px 0; background:transparent url(../images/common/bar_gray.gif) left bottom repeat-x; } #footer ul li { display:inline; font-size: 12px;} #footer ol.bannerApp { text-align:center; margin:30px 0;} #footer ol.bannerApp li { display:inline; margin:0 10px; } #footer ol { text-align:center; margin:0 0 5px 0;} #footer ol li { display:inline; font-size: 12px;} #footer ol li a { color:#666;} #footer ol li a:hover { color:#999;} #footer p { text-align:center; margin:0 0 5px 0; } #footer p#copyright a { color:#666; font-size: 12px; } #footer p#copyright a:hover { color:#999; } #footer p a { color:#f66;} #footer p a:hover { color:#f99;} #footer .service { display:table;width:100%;margin:10px auto; background:none;} #footer .service li { display:table-cell;vertical-align:middle;text-align:center;width:15%;font-size:10px;} #footer .corporate, #footer .business { background:none; padding:0;} #footer .corporate li { padding:0 0 0 5px;} #footer .corporate li:first-child { padding:0 20px 0 0;} #footer .corporate p { display:inline;} /* 新ヘッダー */ .wakuGuide{ display:block; position:absolute; background:#fefaf3; width:130px; _width:100px; /* IE6 */ margin:0 auto; text-align:center; padding:3px 0; border:2px solid #674d31; border-radius:10px; } .wakuGuide:before{ content: ""; position:absolute; border:11px solid transparent; border-bottom:11px solid #674d31; right:70px; top: -22px; } .wakuGuide:after{ content: ""; position:absolute; border:solid transparent; border-bottom-color:#fefaf3; border-width:10px; right:71px; top:-18px;} #globalHeader { display:block; width:100%; height:100px; margin:0 auto; padding:10px 0 0 0; background:#ffffff; /* overflow:hidden; position:fixed !important; *position:static !important; _position:static !important; */ top:0; left:0; z-index:999998; } #globalHeader #upperArea { display:block; width:950px; margin:0 auto; padding:0; height:54px; } #globalHeader #upperArea #headerLogo { display:inline-block; float:left; padding:0; width:210px; } /* #globalHeader #upperArea #headerLogo img { width:244px; height:51px; } */ #globalHeader #upperArea #headerSearchKeywordWrap { display:inline-block; float:left; margin:0 0 0 12px; padding:3px 0 0; width:470px;} #globalHeader #upperArea #headerSearchKeywordWrap #headerSearch { display:block; width:100%; float:none; margin:0 0 5px 0; } #globalHeader #header_form { display:block; position:relative; white-space:nowrap; overflow:hidden; } #globalHeader #header_form #headerSearchTypeArea { display:inline-block; position:relative; float:left; width:100px; height:30px; left:0; background-color:#ffffff; background:linear-gradient(#ffffff, #ececec); border:1px solid #cccccc; *border:none; /* IE7 */ _border:none; /* IE6 */ *border-right:1px solid #cccccc; /* IE7 */ _border-right:1px solid #cccccc; /* IE6 */ text-align:left; border-radius:6px 0 0 6px; } #globalHeader #header_form #headerSearchTypeArea #type_label { *display:none; /* IE7 */ _display:none; /* IE6 */ height: 30px; padding:0 10px; line-height:30px; font-size:85%;} #globalHeader #header_form #headerSearchTypeArea #arrow { *display: none; /* IE7 */ _display: none; /* IE6 */ position:absolute; top:5px; right:10px; font-size:10px; } #globalHeader #header_form #headerSearchTypeArea select { position:absolute; width:100px; height:30px; padding:5px 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing: border-box; border:none; opacity:0; left:0; cursor:pointer; line-height:30px; font-size: 14px !important; } #globalHeader #header_form #headerSearchKeywordArea { display:inline-block; float:left; width:298px; height:30px; } #globalHeader #header_form #headerSearchKeywordArea input { width:98%; padding:0 5px; height:30px; *height:27px; /* IE7 */ _height:25px; /* IE6 */ border:1px solid #cccccc; border-left:none; font-size:120%; } #globalHeader #header_form #headerSearchButtonArea { display:inline-block; float:right; width:65px; height:30px; } #globalHeader #header_form #headerSearchButtonArea input { display:block; width:95%; height:32px; border-radius:0 6px 6px 0; border:1px solid #a45603; border-left:none; _border-left:1px solid #a45603; /* IE6 */ color:#ffffff; font-weight:900; font-size:130%;background-color:#d66c00; background: linear-gradient(#d66c00, #984c00); } #globalHeader #upperArea #headerSearchKeywordWrap #headerAttentionKeywords { display:block; width:100%; margin:0; overflow:hidden; height: 24px;} #globalHeader #upperArea #headerSearchKeywordWrap #headerAttentionKeywords #headerKeyword { display:block; float:none; margin:0; width:100%; } #globalHeader #upperArea #headerSearchKeywordWrap #headerAttentionKeywords #headerKeyword dt { display:inline-block; float:left; padding:0; font-size:12px; line-height:13px;} #globalHeader #upperArea #headerSearchKeywordWrap #headerAttentionKeywords #headerKeyword dd { display:inline-block; float:left; padding:0 0 0 10px; font-size:12px; line-height:13px; height:auto;} #globalHeader #upperArea #headerMenu { display:inline-block; float:right; width:250px; } #globalHeader #upperArea #headerMenu li { border:1px solid #a59494; border-top:none; border-bottom:none;} #globalHeader #upperArea #headerMenu a { font-weight:900; text-decoration:none; color:#503233; } #globalHeader #upperArea #headerMenu a:hover { color:#439928; text-decoration:underline;} #globalHeader #upperArea #headerMenu #headerGuestMenu { display:inline-block; float:left; width:115px; _width:105px; /* IE6 */ margin:0 auto; padding:9px 0 0; text-align:center; } #globalHeader #upperArea #headerMenu #headerGuestMenu .login { display:block; text-align:center; margin:0 auto; width:80px;} #globalHeader #upperArea #headerMenu #headerGuestMenu .login img {display:block; float:left; width:20px; } #globalHeader #upperArea #headerMenu #headerGuestMenu:hover .guestGuide { display:block; visibility:visible; } #globalHeader #upperArea #headerMenu #headerGuestMenu .guestGuide { display:none; width:140px; position:absolute; margin:0 auto; *margin:0 0 0 -150px; /* IE7 */ padding:12px 0 0 0; *padding:20px 0 0 0; /* IE7 */ z-index:999997;} #globalHeader #upperArea #headerMenu #headerGuestMenu .guestGuide ul { padding:0 10px;} #globalHeader #upperArea #headerMenu #headerGuestMenu .guestGuide li { padding:3px 0 3px 12px; background:transparent url(../images/common/icon_arrow.gif) left center no-repeat; text-align:left; border:none; line-height:120%; font-size:90%;} #globalHeader #upperArea #headerMenu #headerGuestMenu .guestGuide li a { color:#284399; font-weight:normal;} #globalHeader #upperArea #headerMenu #headerGuestMenu .guestGuide li a:hover { color:#439928; text-decoration:underline;} /* IE6 特殊対応 */ *html #globalHeader #upperArea #headerMenu #headerGuestMenu .guestGuide { display:none;} #globalHeader #upperArea #headerMenu #headerUserMenu { display:inline-block; float:left; width:115px; _width:110px; /* IE6 */ margin:0 auto; padding:9px 0 0; text-align:center; } #globalHeader #upperArea #headerMenu #headerUserMenu:hover .userGuide { display:block; visibility:visible; } #globalHeader #upperArea #headerMenu #headerUserMenu .userGuide { display:none; _display:block; /* IE6 */ width:140px; position:absolute; margin:0 auto; *margin:0 0 0 -150px; /* IE7 */ _margin:0 0 0 -80px; /* IE6 */ padding:12px 0 0 0; *padding:20px 0 0 0; /* IE7 */ _padding:0; /* IE6 */ z-index:999996;} #globalHeader #upperArea #headerMenu #headerUserMenu .userGuide ul { padding:0 10px;} #globalHeader #upperArea #headerMenu #headerUserMenu .userGuide li { display:none; padding:3px 0 3px 12px; background:transparent url(../images/common/icon_arrow.gif) left center no-repeat; text-align:left; border:none; line-height:120%; font-size:90%;} #globalHeader #upperArea #headerMenu #headerUserMenu .userGuide li a { color:#284399; font-weight:normal;} #globalHeader #upperArea #headerMenu #headerUserMenu .userGuide li a:hover { color:#439928; text-decoration:underline;} /* IE6 特殊対応 */ #globalHeader #upperArea #headerMenu #headerUserMenu .userGuide li[class^="wakuGuideMy"] { display:block;} #globalHeader #upperArea #headerMenu #headerUserMenu .userGuide li.wakuGuideLogout { display:block;} #globalHeader #upperArea #headerMenu #headerCreateRecipe { display:inline-block; float:right; width:135px; border-left:none; padding:9px 0 0; margin:0 auto; text-align:center;} #globalHeader #upperArea #headerMenu #headerCreateRecipe li { border-left:none; } #globalHeader #globalNavi { width:950px; margin:10px auto 0; padding:0; border-bottom:1px dashed #361315;} #globalHeader #globalNavi ul { margin:0 0 3px; padding:0 10px;} #globalHeader #globalNavi ul li { display:inline-block; float:left; width:125px; text-align:left; } /* #globalHeader #globalNavi ul li.navi_rensai a { padding:0 0 0 10px; } */ #globalHeader #globalNavi ul li.tl { text-align: left; } #globalHeader #globalNavi ul li.tr { text-align: right; } #globalHeader #globalNavi ul li.w120 { width:120px; } #globalHeader #globalNavi ul li.w100 { width:100px; } /* #globalHeader #globalNavi ul li#navi_rensai { width:85px;} #globalHeader #globalNavi ul li#navi_antenna { width:160px;} #globalHeader #globalNavi ul li#navi_ranking { margin:0 0 0 10px;} #globalHeader #globalNavi ul li#navi_movie { width:120px; margin: 0 0 0 10px; } */ #globalHeader #globalNavi ul li#navi_search { width:135px;} #globalHeader #globalNavi ul li#navi_rensai { width:105px;} #globalHeader #globalNavi ul li#navi_antenna { width:130px;} #globalHeader #globalNavi ul li#navi_movie { width:120px;} #globalHeader #globalNavi ul li#navi_sp {width:140px;} #globalHeader #globalNavi ul li#navi_bloger_list {float:right; width:150px; } #globalHeader #globalNavi ul li a { text-decoration:none; } #globalHeader #globalNavi ul li a span { font-size:115%; font-weight:900; color:#503233; padding:0 0 0 10px; } #globalHeader #globalNavi ul li .red span { background:transparent url(../images/common/icon_arrow_red.gif) left center no-repeat; } #globalHeader #globalNavi ul li .orange span{ background:transparent url(../images/common/icon_arrow_orange.gif) left center no-repeat; } #globalHeader #globalNavi ul li .blue span{ background:transparent url(../images/common/icon_arrow_blue.gif) left center no-repeat; } #globalHeader #globalNavi ul li .green span{ background:transparent url(../images/common/icon_arrow_green.gif) left center no-repeat; } #globalHeader #globalNavi ul li .brown span{ background:transparent url(../images/common/icon_arrow_brown.gif) left center no-repeat; } #globalHeader #globalNavi ul li a.red:hover { background:transparent url(../images/common/bg_red_on.gif) left center repeat-x; padding:5px 0 2px;} #globalHeader #globalNavi ul li a.orange:hover { background:transparent url(../images/common/bg_orange_on.gif) left center repeat-x; padding:5px 0 2px;} #globalHeader #globalNavi ul li a.blue:hover { background:transparent url(../images/common/bg_blue_on.gif) left center repeat-x; padding:5px 0 2px;} #globalHeader #globalNavi ul li a.green:hover { background:transparent url(../images/common/bg_green_on.gif) left center repeat-x; padding:5px 0 2px;} #globalHeader #globalNavi ul li a.brown:hover { background:transparent url(../images/common/bg_brown_on.gif) left center repeat-x; padding:5px 0 2px;} #globalHeader #globalNavi ul li#navi_ranking a.active { background:transparent url(../images/common/bg_red_on.gif) left center repeat-x; padding:5px 0 2px;} #globalHeader #globalNavi ul li#navi_search a.active { background:transparent url(../images/common/bg_orange_on.gif) left center repeat-x; padding:5px 0 2px;} #globalHeader #globalNavi ul li#navi_rensai a.active { background:transparent url(../images/common/bg_blue_on.gif) left center repeat-x; padding:5px 0 2px;} #globalHeader #globalNavi ul li#navi_antenna a.active { background:transparent url(../images/common/bg_green_on.gif) left center repeat-x; padding:5px 0 2px;} #globalHeader #globalNavi ul li#navi_movie a.active { background:transparent url(../images/common/bg_brown_on.gif) left center repeat-x; padding:5px 0 2px;} #globalHeader #globalNavi ul li#navi_sp a.active { background:transparent url(../images/common/bg_red_on.gif) left center repeat-x; padding:5px 0 2px;} /* ヘッダー誘導枠 */ #wakuHheader { width:100%; margin:10px 0 0; } #wakuHheader #wakuHheaderDetail { width:900px; margin:0 auto; text-align: center; } #wakuHheader #wakuHheaderDetail dl { display:inline-block; float:left; width:300px; } #wakuHheader #wakuHheaderDetail dl dt { display:block; width:250px; height:90px; margin:0 auto; text-align:center; } #wakuHheader #wakuHheaderDetail dl dd { display:block; width:250px; margin:3px auto 0; text-align:left; word-wrap:break-word;} .clearfix:after { content:"."; display:block; height:0; clear: both; visibility:hidden;} .clearfix {display:inline-block;} * html .clearfix {height:1%;} /* Hides from IE-mac \*/ .clearfix {display:block;} /* End hide from IE-mac */ /* 完全に入れ替わるまでは、コメントにしておく h1[id$="_read"] { display:none; } #contents { margin:15px 0 0 0 !important; } */ /* btn ------------------------------------------------------ */ /* もっと見る */ .btnMore { display:block; width:76px; height:23px; overflow:hidden; background:transparent url(../images/common/sprite_common.gif) 0px -34px no-repeat; float:right; } .btnMore span { display:none;} .btnMore:hover { background:transparent url(../images/common/sprite_common.gif) 0px -57px no-repeat; } .btnMore img { visibility:hidden;} /* もっと見る_nofloat */ .btnMoreNf { display:block; width:76px; height:23px; overflow:hidden; background:transparent url(../images/common/sprite_common.gif) 0px -34px no-repeat; } .btnMoreNf span { display:none;} .btnMoreNf:hover { background:transparent url(../images/common/sprite_common.gif) 0px -57px no-repeat; } .btnMoreNf img { visibility:hidden;} /* ？ボタン　*/ .whatThis { display:block; width:20px; height:20px; background:transparent url(../images/common/sprite_common.gif) -208px -34px no-repeat; float:right; } .whatThis span { display:none;} /* 編集・もっと見る */ .btnEditMore { display:block; width:132px; height:23px; background:transparent url(../images/common/sprite_common.gif) -76px -34px no-repeat; float:right; } .btnEditMore span { display:none;} .btnEditMore:hover { background:transparent url(../images/common/sprite_common.gif) -76px -57px no-repeat; } .btnEditMore img { visibility:hidden;} /* 変更する */ .btnChange { display:block; width:105px; height:33px; background:transparent url(../images/common/sprite_common.gif) -641px -101px no-repeat; outline:0;} .btnChange:hover { background:transparent url(../images/common/sprite_common.gif) -641px -134px no-repeat; } .btnChange span { display:none;} /* 写真を登録する */ .btnChangeimage { display:block; width:136px; height:33px; background:transparent url(../images/common/sprite_common.gif) -795px -52px no-repeat; outline:0;} .btnChangeimage:hover { background:transparent url(../images/common/sprite_common.gif) -795px -87px no-repeat; } .btnChangeimage span { display:none;} /* ログイン */ .btnLoginCheck { display:block; width:143px; height:33px; background:transparent url(../images/common/sprite_common2.gif) -1px 0px no-repeat; outline:0;} .btnLoginCheck:hover { background:transparent url(../images/common/sprite_common2.gif) -1px -35px no-repeat; } .btnLoginCheck span { display:none;} /* 無料会員登録する */ .btnrecipeJoin { display:block; width:431px; height:64px; background:transparent url(../images/common/sprite_common2.gif) -183px 0px no-repeat; outline:0;} .btnrecipeJoin:hover { background:transparent url(../images/common/sprite_common2.gif) -183px -67px no-repeat; } .btnrecipeJoin span { display:none;} /* パスワードを再発行する */ .btnreissue { display:block; width:178px; height:33px; background:transparent url(../images/common/sprite_common2.gif) 0 -70px no-repeat; outline:0;} .btnreissue:hover { background:transparent url(../images/common/sprite_common2.gif) 0 -105px no-repeat; } .btnreissue span { display:none;} /* ブログ登録する */ .btnblogJoin { display:block; width:252px; height:65px; background:transparent url(../images/common/sprite_common2.gif) -615px 0px no-repeat; outline:0;} .btnblogJoin:hover { background:transparent url(../images/common/sprite_common2.gif) -615px -67px no-repeat; } .btnblogJoin span { display:none;} /* ブログ記事で投稿する */ .btnSubmitBlog { display:block; width:245px; height:31px; background:transparent url(../images/mypage/mypage_sprite2.gif) 0 0 no-repeat; outline:0;} .btnSubmitBlog:hover { background:transparent url(../images/mypage/mypage_sprite2.gif) 0 -32px no-repeat; } .btnSubmitBlog span { display:none;} /* レシピフォームから投稿する */ .btnSubmitrecipe { display:block; width:245px; height:31px; background:transparent url(../images/mypage/mypage_sprite2.gif) -245px 0 no-repeat; outline:0;} .btnSubmitrecipe:hover { background:transparent url(../images/mypage/mypage_sprite2.gif) -245px -32px no-repeat; } .btnSubmitrecipe span { display:none;} /* 戻る */ .btnBack { display:block; width:103px; height:34px; background:transparent url(../images/mypage/mypage_sprite2.gif) -490px 0 no-repeat; outline:0;} .btnBack:hover { background:transparent url(../images/mypage/mypage_sprite2.gif) -490px -34px no-repeat; } .btnBack span { display:none;} /* 一時保存する */ .btnBash { display:block; width:113px; height:34px; background:transparent url(../images/mypage/mypage_sprite2.gif) -596px 0 no-repeat; outline:0;} .btnBash:hover { background:transparent url(../images/mypage/mypage_sprite2.gif) -596px -34px no-repeat; } .btnBash span { display:none;} /* 確認する */ .btnConfirm { display:block; width:103px; height:34px; background:transparent url(../images/mypage/mypage_sprite2.gif) -711px 0 no-repeat; outline:0;} .btnConfirm:hover { background:transparent url(../images/mypage/mypage_sprite2.gif) -711px -34px no-repeat; } .btnConfirm span { display:none; } /* 内容を確認する */ .btnSubmitCheck { display:block; width:142px; height:33px; background:transparent url(../images/common/sprite_common.gif) -347px -101px no-repeat; outline:0;} .btnSubmitCheck:hover { background:transparent url(../images/common/sprite_common.gif) -347px -135px no-repeat; } .btnSubmitCheck span { display:none;} /* 次へ */ .btnSubmitNext { display:block; width:69px; height:33px; background:transparent url(../images/common/sprite_common2.gif) -2px -139px no-repeat; outline:0;} .btnSubmitNext:hover { background:transparent url(../images/common/sprite_common2.gif) -71px -139px no-repeat; } .btnSubmitNext span { display:none;} /* 修正する */ .btnSubmitRemove { display:block; width:96px; height:33px; background:transparent url(../images/common/sprite_common2.gif) -141px -139px no-repeat; outline:0;} .btnSubmitRemove:hover { background:transparent url(../images/common/sprite_common2.gif) -238px -139px no-repeat; } .btnSubmitRemove span { display:none;} /* この内容で登録する！ */ .btnSubmitSign { display:block; width:170px; height:33px; background:transparent url(../images/common/sprite_common2.gif) -337px -138px no-repeat; outline:0;} .btnSubmitSign:hover { background:transparent url(../images/common/sprite_common2.gif) -509px -138px no-repeat; } .btnSubmitSign span { display:none;} /* 小登録 */ .btnSubmit_s { display:block; width:60px; height:24px; background:transparent url(../images/common/sprite_common2.gif) -680px -138px no-repeat; outline:0;} .btnSubmit_s:hover { background:transparent url(../images/common/sprite_common2.gif) -740px -138px no-repeat; } .btnSubmit_s span { display:none;} /* 小変更 */ .btnChange_s { display:block; width:60px; height:24px; background:transparent url(../images/common/sprite_common2.gif) -2px -175px no-repeat; outline:0;} .btnChange_s:hover { background:transparent url(../images/common/sprite_common2.gif) -63px -175px no-repeat; } .btnChange_s span { display:none;} /* 小解除 */ .btnUnlock_s { display:block; width:60px; height:24px; background:transparent url(../images/common/sprite_common2.gif) -123px -175px no-repeat; outline:0;} .btnUnlock_s:hover { background:transparent url(../images/common/sprite_common2.gif) -183px -175px no-repeat; } .btnUnlock_s span { display:none;} /* 下書き保存 */ a.btnBashEdit { display:block; width:107px; height:33px; background:transparent url(../images/mypage/mypage_sprite2.gif) -712px -71px no-repeat; outline:0;} a.btnBashEdit:hover { background:transparent url(../images/mypage/mypage_sprite2.gif) -713px -106px no-repeat; } a.btnBashEdit span { display:none;} /* ごみ箱 */ a.btnDustBox { display:block; width:68px; height:23px; background:transparent url(../images/mypage/mypage_sprite2.gif) -628px -73px no-repeat; outline:0;} a.btnDustBox:hover { background:transparent url(../images/mypage/mypage_sprite2.gif) -628px -97px no-repeat; } a.btnDustBox span { display:none;} /* ごみ箱を空にする */ a.btnDustBoxClear { display:block; width:128px; height:23px; background:transparent url(../images/mypage/mypage_sprite2.gif) -1px -128px no-repeat; outline:0; clear:both;} a.btnDustBoxClear:hover { background:transparent url(../images/mypage/mypage_sprite2.gif) -1px -152px no-repeat; } a.btnDustBoxClear span { display:none;} /* 退会する */ .btnResign { display:block; width:142px; height:33px; background:transparent url(../images/mypage/mypage_sprite2.gif) -128px -128px no-repeat; outline:0; clear:both;} .btnResign:hover { background:transparent url(../images/mypage/mypage_sprite2.gif) -270px -128px no-repeat; } .btnResign span { display:none;} /* 解除して引き続き */ a.btnUnlockin { display:block; width:285px; height:105px; background:transparent url(../images/mypage/mypage_sprite3.gif) 0px 0px no-repeat; outline:0; clear:both;} a.btnUnlockin:hover { background:transparent url(../images/mypage/mypage_sprite3.gif) -0px -105px no-repeat; } a.btnUnlockin span { display:none;} /* 解除して退会 */ a.btnUnlockout { display:block; width:285px; height:105px; background:transparent url(../images/mypage/mypage_sprite3.gif) -290px 0px no-repeat; outline:0; clear:both;} a.btnUnlockout:hover { background:transparent url(../images/mypage/mypage_sprite3.gif) -290px -105px no-repeat; } a.btnUnlockout span { display:none;} /* キーワード登録編集する */ a.btnkeyWordEdit { display:block; width:162px; height:27px; background:transparent url(../images/mypage/mypage_sprite3.gif) -165px -269px no-repeat; outline:0; clear:both;} a.btnkeyWordEdit:hover { background:transparent url(../images/mypage/mypage_sprite3.gif) -165px -297px no-repeat; } a.btnkeyWordEdit span { display:none;} /* お題に投稿する */ a.btnSubmitTema { display:block; width:164px; height:27px; background:transparent url(../images/mypage/mypage_sprite3.gif) 0px -268px no-repeat; outline:0; clear:both;} a.btnSubmitTema:hover { background:transparent url(../images/mypage/mypage_sprite3.gif) 0px -296px no-repeat; } a.btnSubmitTema span { display:none;} /* thanksコメントを書く */ a.btnThanks_comment { display:block; width:140px; height:24px; background:transparent url(../images/common/sprite_common.gif) 0px -83px no-repeat;} a.btnThanks_comment:hover { background:transparent url(../images/common/sprite_common.gif) 0px -107px no-repeat; } a.btnThanks_comment span { display:none;} /* コメントに返信する */ a.btnComment_reply { display:block; width:140px; height:24px; background:transparent url(../images/common/sprite_common5.gif) 0px 0px no-repeat;} a.btnComment_reply:hover { background:transparent url(../images/common/sprite_common5.gif) 0px -24px no-repeat; } a.btnComment_reply span { display:none;} /* 削除する */ .btnDelete_put { display:block; width:103px; height:33px; background:transparent url(../images/common/sprite_common2.gif) -244px -174px no-repeat;} .btnDelete_put:hover { background:transparent url(../images/common/sprite_common2.gif) -347px -174px no-repeat; } .btnDelete_put span { display:none;} /* お気に入りに追加 */ a.btnFavorite_put { display:block; width:111px; height:23px; background:transparent url(../images/mypage/mypage_sprite3.gif) -577px -46px no-repeat;} a.btnFavorite_put:hover { background:transparent url(../images/mypage/mypage_sprite3.gif) -577px -69px no-repeat; } a.btnFavorite_put span { display:none;} /* 小お気に入りに追加 */ a.btnFavorite_sput { display:block; width:103px; height:23px; background:transparent url(../images/mypage/mypage_sprite3.gif) -688px -46px no-repeat;} a.btnFavorite_sput:hover { background:transparent url(../images/mypage/mypage_sprite3.gif) -688px -69px no-repeat; } a.btnFavorite_sput span { display:none;} /* 作った感想を書く */ /* a.btnCookdcomment_put { display:block; width:111px; height:23px; background:transparent url(../images/mypage/mypage_sprite3.gif) -688px 0px no-repeat;} a.btnCookdcomment_put:hover { background:transparent url(../images/mypage/mypage_sprite3.gif) -688px -23px no-repeat; } */ a.btnCookdcomment_put { display:block; width:117px; height:25px; background:transparent url(../images/mypage/mypage_sprite4.gif) -547px -299px no-repeat;} a.btnCookdcomment_put:hover { background:transparent url(../images/mypage/mypage_sprite4.gif) -547px -326px no-repeat; } a.btnCookdcomment_put span { display:none;} /* 小削除 */ a.btnBlog_delete { display:block; width:39px; height:23px; background:transparent url(../images/mypage/mypage_sprite3.gif) -798px 0px no-repeat;} a.btnBlog_delete:hover { background:transparent url(../images/mypage/mypage_sprite3.gif) -837px 0px no-repeat; } a.btnBlog_delete span { display:none;} /* カテゴリ編集 */ a.btnBlog_CateEdit { display:block; width:111px; height:23px; background:transparent url(../images/mypage/mypage_sprite3.gif) -577px 0px no-repeat;} a.btnBlog_CateEdit:hover { background:transparent url(../images/mypage/mypage_sprite3.gif) -577px -23px no-repeat; } a.btnBlog_CateEdit span { display:none;} /* バックナンバー */ a.btnBacknumber { float:right; display:block; width:134px; height:25px; background:url(../images/monitor/sprite_monitor.gif) 0 -25px no-repeat; } a.btnBacknumber:hover { background:url(../images/monitor/sprite_monitor.gif) 0 0 no-repeat; } a.btnBacknumber span { display:none;} /* 大お気に入り追加 */ a.btnBlog_bkmark { display:block; width:233px; height:30px; background:transparent url(../images/mypage/sprite_common4.gif) -336px -139px no-repeat;} a.btnBlog_bkmark:hover { background:transparent url(../images/mypage/sprite_common4.gif) -569px -139px no-repeat; } a.btnBlog_bkmark span { display:none;} /* あしあと */ a.btnBlog_potitto { display:block; width:35px; height:31px; background:transparent url(../images/mypage/sprite_common2.gif) -184px -173px no-repeat;} a.btnBlog_potitto:hover { background:transparent url(../images/mypage/sprite_common2.gif) -219px -173px no-repeat; } a.btnBlog_potitto span { display:none;} /* ブログを見る */ a.btnBlog_more { display:block; width:90px; height:23px; background:transparent url(../images/mypage/sprite_common2.gif) -2px -172px no-repeat;} a.btnBlog_more:hover { background:transparent url(../images/mypage/sprite_common2.gif) -92px -172px no-repeat; } a.btnBlog_more span { display:none;} /* ごちそうさまノートを書く */ /* a.btnGoodNote { display:block; width:148px; height:25px; background:transparent url(../images/mypage/mypage_sprite3.gif) -1px -326px no-repeat;} a.btnGoodNote:hover { background:transparent url(../images/mypage/mypage_sprite3.gif) -152px -326px no-repeat; } */ a.btnGoodNote { display:block; width:117px; height:25px; background:transparent url(../images/mypage/mypage_sprite4.gif) -545px -299px no-repeat;} a.btnGoodNote:hover { background:transparent url(../images/mypage/mypage_sprite4.gif) -545px -326px no-repeat; } a.btnGoodNote span { display:none;} /* お気に入りに追加白反転 */ a.btnBookmarkadd { display:block; width:113px; height:25px; background:transparent url(../images/mypage/mypage_sprite3.gif) -301px -326px no-repeat;} a.btnBookmarkadd:hover { background:transparent url(../images/mypage/mypage_sprite3.gif) -414px -326px no-repeat; } a.btnBookmarkadd span { display:none;} /* このレシピのごちそうさまノートを書く */ a.btnGoodNoteRecipe { display:block; width:241px; height:29px; background:transparent url(../images/mypage/sprite_common2.gif) 0px -206px no-repeat;} a.btnGoodNoteRecipe:hover { background:transparent url(../images/mypage/sprite_common2.gif) 0px -235px no-repeat; } a.btnGoodNoteRecipe span { display:none;} /* この記事へコメントする */ a.btnwriteComment { display:block; width:155px; height:28px; background:transparent url(../images/mypage/sprite_common2.gif) -242px -235px no-repeat;} a.btnwriteComment:hover { background:transparent url(../images/mypage/sprite_common2.gif) -397px -235px no-repeat; } a.btnwriteComment span { display:none;} /* この記事をお気に入りに追加する */ a.btnFavoriteClip { display:block; width:245px; height:31px; background:transparent url(../images/mypage/sprite_common2.gif) 0px -267px no-repeat;} a.btnFavoriteClip:hover { background:transparent url(../images/mypage/sprite_common2.gif) 0px -298px no-repeat; } a.btnFavoriteClip span { display:none;} /* この記事へコメントする */ a.btnFavoriteComment { display:block; width:160px; height:27px; background:transparent url(../images/mypage/sprite_common2.gif) -245px -269px no-repeat;} a.btnFavoriteComment:hover { background:transparent url(../images/mypage/sprite_common2.gif) -245px -296px no-repeat; } a.btnFavoriteComment span { display:none;} /* おいしそう！ */ a.btnCong { display:block; width:92px; height:28px; background:transparent url(../images/mypage/sprite_common2.gif) -404px -269px no-repeat;} a.btnCong:hover { background:transparent url(../images/mypage/sprite_common2.gif) -404px -297px no-repeat; } a.btnCong span { display:none;} /* このブログをお気に入りに追加する影付 */ a.btnBlog_bkmark_s { display:block; width:234px; height:30px; background:transparent url(../images/mypage/sprite_common2.gif) -552px -235px no-repeat;} a.btnBlog_bkmark_s:hover { background:transparent url(../images/mypage/sprite_common2.gif) -552px -265px no-repeat; } a.btnBlog_bkmark_s span { display:none;} /* 連載一覧へ */ a.Rensai_list { display:block; width:109px; height:32px; background:transparent url(../images/common/sprite_common4.gif) -244px -56px no-repeat;} a.Rensai_list:hover { background:transparent url(../images/common/sprite_common4.gif) -244px -88px no-repeat; } a.Rensai_list span { display:none;} /* ごちそうさまノートを書く */ a.GoodNoteWrite { display:block; width:160px; height:28px; background:transparent url(../images/common/sprite_common4.gif) -244px 0 no-repeat;} a.GoodNoteWrite:hover { background:transparent url(../images/common/sprite_common4.gif) -244px -28px no-repeat; } a.GoodNoteWrite span { display:none;} /* この連載をお気に入りに追加する */ a.Rensai_Bm { display:block; width:244px; height:30px; background:transparent url(../images/common/sprite_common4.gif) 0 -60px no-repeat;} a.Rensai_Bm:hover { background:transparent url(../images/common/sprite_common4.gif) 0 -90px no-repeat; } a.Rensai_Bm span { display:none;} /* このレシピをお気に入りに追加する */ a.Recipe_BookMarker { display:block; width:244px; height:30px; background:transparent url(../images/common/sprite_common4.gif) 0 0 no-repeat;} a.Recipe_BookMarker:hover { background:transparent url(../images/common/sprite_common4.gif) 0 -30px no-repeat; } a.Recipe_BookMarker span { display:none;} /* 小削除する */ a.btnDeleting { display:block; width:76px; height:23px; background:transparent url(../images/common/sprite_common.gif) -642px -50px no-repeat;} a.btnDeleting:hover { background:transparent url(../images/common/sprite_common.gif) -642px -75px no-repeat; width:76px; height:23px; } a.btnDeleting span { display:none;} /* 未公開保存 */ a.PublicMemory { display:block; width:112px; height:21px; background:transparent url(../images/mypage/sprite_common2.gif) -498px -295px no-repeat; outline:0;} a.PublicMemory:hover { background:transparent url(../images/mypage/sprite_common2.gif) -498px -318px no-repeat; } a.PublicMemory span { display:none;} /* レシピを登録する */ a.Recipe_AddBtn { display:block; width:154px; height:33px; background:transparent url(../images/common/sprite_common.gif) -748px -121px no-repeat; outline:0;} a.Recipe_AddBtn:hover { background:transparent url(../images/common/sprite_common.gif) -748px -154px no-repeat; } a.Recipe_AddBtn span { display:none;} /* ログイン */ a.Login_UnJoin { display:block; width:84px; height:25px; background:transparent url(../images/common/sprite_common.gif) -492px -137px no-repeat; outline:0;} a.Login_UnJoin:hover { background:transparent url(../images/common/sprite_common.gif) -492px -162px no-repeat; } a.Login_UnJoin span { display:none;} /* ナイスフォト */ a.btnNicePhoto { display: block; height: 28px; width: 105px; background: url(../images/mypage/sprite_common3.gif) no-repeat scroll -315px -378px transparent; } a.btnNicePhoto:hover { background:transparent url(../images/mypage/sprite_common3.gif) no-repeat scroll -315px -406px;} a.btnNicePhoto span { display: none;} #rightColumn dl#menuLogin { border:0px solid #D8D8D8; padding:0 0 2px 0; margin:0 0 14px 0; background:transparent url(../images/common/menu_login_bottom.gif) left bottom no-repeat;} #rightColumn dl#menuLogin dt { height:28px; line-height:30px; overflow:hidden; padding:0; margin:0; background:transparent url(../images/common/menu_h_login_bg.gif) left top no-repeat; } #rightColumn dl#menuLogin dt img { vertical-align:middle; padding:0 0 0 5px; } #rightColumn dl#menuLogin dt em { padding:1px 10px 0 0; } #rightColumn dl#menuLogin dt em a { color:#fff; } #rightColumn dl#menuLogin dt em a:hover { text-decoration:none; } #rightColumn dl#menuLogin dd { width:300px; padding:0; overflow:hidden; background:transparent url(../images/common/menu_login_bg.gif) left top repeat-y; } #rightColumn dl#menuLogin dd p { padding:5px 10px;} #rightColumn dl#menuLogin dd ul { margin:0 10px; text-align:center; } #rightColumn dl#menuLogin dd ul li { padding:0; background:transparent none left center no-repeat; font-size:80%; } #rightColumn dl#menuLogin dd ul li label input { vertical-align:middle; position:relative; top:-2px; } #rightColumn dl#menuLogin dd table { width:220px; margin:0 0 2px 10px;} #rightColumn dl#menuLogin dd table tr th { text-align:right; padding:0 5px 0 0; font-weight:100; white-space:nowrap; } #rightColumn dl#menuLogin dd table tr td input { width:160px; border:1px solid #ccc; padding:0; } /*#rightColumn dl#menuLogin dd ul li.btnLogin { cursor:pointer; margin:0 auto 4px auto; display:block; overflow:hidden; width:76px; height:25px; background:transparent url(../images/common/sprite_common.gif) -490px -34px no-repeat; behavior: url(/csshover3.htc); } */ #rightColumn dl#menuLogin dd ul li.btnLogin { cursor:pointer; margin:0 auto 4px auto; display:block; overflow:hidden; width:76px; height:25px; background:transparent url(../images/common/sprite_common.gif) -490px -34px no-repeat; } #rightColumn dl#menuLogin dd ul li.btnLogin input { cursor:pointer; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); opacity: 0.0; width:76px; height:25px; margin:0; padding:0; } #rightColumn dl#menuLogin dd ul li.btnLogin:hover { background:transparent url(../images/common/sprite_common.gif) -490px -59px no-repeat; } .pagetop {text-align:right; clear:both; width:630px; } #rightColumn .menuRegister1 img { margin: 0 0 10px 0; background: url(../images/top/touroku_banner3.gif) 0px 0px no-repeat; } #rightColumn .menuRegister1_bloger img { margin: 0 0 10px 0; background: url(../images/top/touroku_banner3.gif) -300px 0px no-repeat; } #rightColumn .menuRegister1_profile img { margin: 0 0 10px 0; background: url(../images/top/touroku_banner3.gif) -600px 0px no-repeat; } #rightColumn .menuRegister2 img { margin: 0 0 10px 0; background: url(../images/top/touroku_banner3.gif) 0px -103px no-repeat; } #rightColumn .menuRegister2_bloger img { margin: 0 0 10px 0; background: url(../images/top/touroku_banner3.gif) -300px -103px no-repeat; } #rightColumn .menuRegister2_profile img { margin: 0 0 10px 0; background: url(../images/top/touroku_banner3.gif) -600px -103px no-repeat; } #rightColumn #RightPickupMovile dd { text-align: center; } #rightColumn #RightPickupMovile dd a { display: block; text-align: right; } #rightColumn ul.menuBanner {margin: 0 0 25px 0;} #rightColumn .menuRegister3 { display: inline-block; margin: 0 0 10px 0; padding:3px !important; background:#fedddd; width:300px; } #rightColumn .menuRegister3 dl { border: none !important; padding: 5px !important; } #rightColumn .menuRegister3 dl dt { float: left; width: 40px; margin: 0 auto; padding:0 !important; } #rightColumn .menuRegister3 dl dd { float: left; width: 240px; padding:0 5px 0 5px !important;; font-weight:900;} #rightColumn .userAtivity { width: 300px; display:inline-block; margin:0 0 10px 0 !important; padding:3px !important; background:#fff6d9; } #rightColumn .userAtivity dl { border: none !important; padding: 5px !important; } #rightColumn .userAtivity dl dt { float: left; width: 40px; margin: 0 auto; padding:0 !important; } #rightColumn .userAtivity dl dd { float: left; width: 240px; padding:0 5px 0 5px !important; line-height: 130%;} #rightColumn .userAtivity dl dd span { font-weight:900;} #rightColumn dl dd#menuTopBloger dl { background:none; margin:0; padding:0; } #rightColumn dl dd#menuTopBloger > dl:first-child , #rightColumn dl dd#menuTopBloger > dl:first-child + dl { padding:0 0 3px 0; margin:0 0 10px 0; background: transparent url(../images/common/bar_dot_gray.gif) left bottom repeat-x; } #rightColumn dl dd#menuTopBloger dl dd strong { font-size:12px; font-weight:900; color:#FF9900; } /* #rightColumn #menuMonitor { margin:0;} */ #rightColumn dl dd#menuMonitor dl { width: 278px; padding: 0 0 8px 0; margin: 0 0 8px 0; } #rightColumn dl dd#menuMonitor dl dt { width:70px; float: left; line-height: auto; padding: 0; margin: 0; } #rightColumn dl dd#menuMonitor dl dd { width: 200px; line-height: 140%; } /*spacerSet*/ .mt_config { margin:15px 0 0; } .mtb_box { margin:0 0 4px; } .mt_5 { margin:5px 0 0; } .mtb_config_small { margin:12px 0;} .mtb_config_12 { margin:12px 0 12px;} .mt_large_config { margin:30px 0 0; } .mt_clear_config { margin:15px 0 0 30px; clear:both; } .mt_config_r { margin:0 10px 0 20px; } .mb_2 { margin:0 0 2px; } .mb_config_10 { margin:0 0 10px; } .mb_config { margin:0 0 20px;} .mtb_config { margin:40px 0 15px; } .mtb_small_config { margin:0 0 60px; clear:both; } .mtb_middle_config { margin:40px 0 30px; } .mtbc_config { margin:0 auto 100px auto; } .mtbc_small_config { margin:6px auto 20px auto; } .mtbc_middle_config { margin:35px auto 250px auto; } .mtbc_href_config { margin:35px 0 150px 0; } .mtbc_foot_config { margin:25px auto 100px auto; } .mtbc_light_config { margin:10px 0 35px 0; } .mtrl_config { margin:30px auto 0 auto; clear:both; } .mtrl_small_config { margin:15px auto 0 auto; clear:both;} .mtrl_Clearconfig { margin:30px auto 0 auto; clear:both; } .mtrl_large_config { margin:30px auto 200px auto; clear:both; } .mtbc_box_config { margin:30px auto 10px auto; } .mtrl_c { margin:5px auto 5px auto; } .mtrl_center_config { margin:0 auto 0 auto; } .mt_config_input { margin:0 0 20px; } .mBtn_config { margin:0 0 0 5px; } .mBtn_config_small { margin:0 0 0 3px; } .mBtn_config_middle { margin:0 0 0 4px; } .ml_3 { margin:0 0 3px 0; } .ml_2 { margin:0 0 0 2px; } .ml_4 { margin:0 0 0 4px; } /*OtherSet*/ .mgclear { margin:0; } .imgConfig { vertical-align:baseline; position:relative; top:4px; margin:3px 0 0; } .alertread { color:red; } .Serch_set { clear:both; margin:0 auto 0 auto; width:270px; padding:15px 0 0; overflow:hidden; } .Serch_set_w { clear:both; margin:0 auto 0 auto; width:310px; padding:0 0 0; overflow:hidden; } .SerchBox { width:260px; background:transparent url(../images/common/header_icon_search.gif) 0 5px no-repeat; padding:0 0 0 20px; } .SerchBox .recipeSerchEngine { width:180px; } .SerchBox input { vertical-align:bottom; } .SerchBox_w { width:300px; background:transparent url(../images/common/header_icon_search.gif) 0 5px no-repeat; padding:0 0 0 20px; vertical-align:bottom; } .SerchBox_w .recipeSerchEngine { width:170px; } .SerchBox_w input { vertical-align:bottom; } .SerchBox_l { width:220px; float:left; } .SerchBox_l .recipeSerchEngine { width:150px; } .SerchBox_l input { vertical-align:top; } .btnSearchS { display:block; width:42px; height:23px; overflow:hidden; background:transparent url(../images/common/sprite_common.gif) no-repeat -187px -85px; } .btnSearchS:hover { overflow:hidden; background:transparent url(../images/common/sprite_common.gif) no-repeat -187px -108px; } .btnBookmarkadd_r { display:block; width:113px; height:25px; background:transparent url(../images/mypage/mypage_sprite3.gif) -301px -326px no-repeat; float:right;} .btnBookmarkadd_r:hover { background:transparent url(../images/mypage/mypage_sprite3.gif) -414px -326px no-repeat; } .btnBookmarkadd_r span { display:none;} /* for js */ input.input_keyword { color: #999999; }; /* icons */ .icon_edit { padding: 1px 0 1px 17px; background: left 2px no-repeat url(../images/icons/pencil.png); } .icon_go { padding: 1px 0 1px 17px; background: left 2px no-repeat url(../images/icons/bullet_go.png); display:inline-block;} .icon_hidden { padding: 1px 0 1px 17px; background: left top no-repeat url(../images/icons/delete.png); } .icon_visible { padding: 1px 0 1px 17px; background: left top no-repeat url(../images/icons/accept.png); } .icon_tick { padding: 1px 0 1px 17px; background: left 2px no-repeat url(../images/icons/tick.png); } /* pager */ ul.pager { display: inline; } ul.pager li { display: inline; } /* font */ .font_small { font-size: 12px; } .font_date { font-size: 12px; font-weight: bold; color: #FF9900; } .block_small { font-size: 12px; line-height: 16px; display: block; } /* otoriyose */ #otoriyose { width: 630px; margin: 20px 0 0 0; } #otoriyose_header {} #otoriyose_content { padding: 10px 15px 15px 15px; background: url(../images/common/otoriyose_bg.gif) top left repeat-y; } #otoriyose_content table { position: relative; left: 15px; margin-bottom: 15px; } #otoriyose_content table tr td { width: 200px; } #otoriyose_content table tr td a { padding-left: 10px; background: url(../images/common/icon_arrow.gif) center left no-repeat; } #otoriyose_content p { width: 50px; float: left; margin-left:10px; } #otoriyose_footer { padding: 10px 15px 15px 15px;/*0 0 5px 0*/ background: url(../images/common/otoriyose_footer.gif) bottom left no-repeat; clear :both; text-align: left;/*center*/ display:inline-block; } #otoriyose_footer .ot_l, #otoriyose_footer .ot_r{ width: 290px; }/* w(600px-20px)/2 */ #otoriyose_footer .ot_l{ margin: 0 0 0 5px; float: left; } #otoriyose_footer .ot_r{ margin: 0 0 0 15px; float: right; } #otoriyose_footer .ot_l dl, #otoriyose_footer .ot_r dl{ overflow: hidden; margin: 0 0 8px 0; padding: 0; } #otoriyose_footer .ot_l dl dt, #otoriyose_footer .ot_r dl dt{padding: 0; margin: 0 5px 0 0; background: transparent none left bottom repeat-x; width: 75px; float: left;} /* #otoriyose_content p { width: 50px; float: left; } #otoriyose_footer { padding: 0 5px 20px 5px; background: url(../images/common/otoriyose_footer.gif) bottom left no-repeat; clear :both; text-align: center; } */ /* clearfix */ .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } /* highlight */ .highlight { background-color: #ffcccc; } /* collection include files */ /* pc_top */ .collection_inc.pc_top { padding:0px; margin:0 0 14px 0; } .collection_inc.pc_top .title { height:22px; margin:0 0 10px 0; background:url(../images/common/bar_gray.gif) left bottom repeat-x; position:relative } .collection_inc.pc_top strong { display:block; width:141px; height:16px; background:url(../images/collection/include_files/pc_top.title.gif) 0 0 no-repeat; text-indent:-9999px; } .collection_inc.pc_top .title a { display:block; text-align:right; font-size:12px; position:absolute; top:-3px; right:0; } .collection_inc.pc_top ul { margin:0 0 0 5px !important; } .collection_inc.pc_top ul li { display:block; width:65px; float:left; margin:0 8px 5px 0; padding:0 !important; list-style-type:none !important; background:none !important; font-size:12px; line-height:1.3; } .collection_inc.pc_top ul li .photo { display:block; width:65px; height:65px; margin:0 0 2px 0; } .collection_inc.pc_top ul li .phtoo img { width:65px; height:65px; } /* pc_side */ .collection_inc.pc_side { border:1px solid #D8D8D8; padding:10px 0 5px 10px; margin:0 0 14px 0; } .collection_inc.pc_side .title { height:20px; margin:0 0 10px 0; padding:0 10px 0 0; background:url(../images/collection/include_files/pc_side.title.png) 0 0 no-repeat; } .collection_inc.pc_side .title strong { display:none; } .collection_inc.pc_side .title a { display:block; text-align:right; font-size:12px; position:relative; top:-4px; } .collection_inc.pc_side ul { margin:0 0 0 5px !important; } .collection_inc.pc_side ul li { display:block; width:60px; float:left; margin:0 10px 5px 0; padding:0 !important; list-style-type:none !important; background:none !important; font-size:12px; line-height:1.3; } .collection_inc.pc_side ul li .photo { display:block; width:60px; height:60px; margin:0 0 2px 0; } .collection_inc.pc_side ul li .phtoo img { width:60px; height:60px; } /* pc_sp */ .collection_inc.pc_sp { margin:0 0 30px 0; } .collection_inc.pc_sp .title { height:24px; margin:0 0 10px 0; background:url(../images/common/bar_gray.gif) left bottom repeat-x; } .collection_inc.pc_sp .title strong { display:block; height:18px; background:url(../images/collection/include_files/pc_sp.title.gif) 0 0 no-repeat; text-indent:-9999px; } .collection_inc.pc_sp ul { margin:0 0 15px 20px; } .collection_inc.pc_sp ul li { display:block; width:96px; float:left; margin:0 10px 0 10px; padding:0; line-height:1.3; } .collection_inc.pc_sp ul li .photo { display:block; width:96px; height:96px; margin:0 0 2px 0; } .collection_inc.pc_sp ul li .phtoo img { width:96px; height:96px; } .collection_inc.pc_sp .btns { clear:both; } /* ErrorDocument 404, 403, 500 */ .edoc_contents { text-align: center !important; padding: 130px 10px; } .edoc_contents .edoc_logo { display:block; width:235px; height:42px; background:url(../images/common/error_document_logo.gif) 0 0 no-repeat; margin: 0 auto; } .edoc_contents h1 { font-weight: bold; font-size:150%; margin: 30px 0 20px 0; } .edoc_contents p { margin: 0 0 20px 0; }