/* @group common */
* {margin:0;padding:0;}
img{border:0;}
a{color:#960;outline:none;}
a:visited{color:#960;}
a:hover{color:#960;}
table{border-spacing:0px;border-collapse:collapse;}
td{color:#4d4d4d;}
body{color:#4d4d4d;background:#fff;text-align:center;}
div#container{text-align:center;margin:0 auto;}
div#contents{position:relative;z-index:1;}
/* @end */
/* @group header common */
div#header{width:950px;height:115px;position:relative;text-align:left;background:url(/201009/img/bg_header.jpg) no-repeat;margin:0 auto;}
div#header h1, div#header p, ul#menuSub, ul#menuSub li, div#header div.fontsize, div#header div.fontsize a, div#mojisize, div#header div.search, div#header div.search input, div#header div.search label{position:absolute;top:0;left:0;}
div#header h1{top:42px;}
div#header p.logo{top:4px;}
/* @end */
/* @group menuSub */
ul#menuSub{width:357px;height:27px;top:5px;left:607px;background:url(/201009/img/bg_menu_sub.png) no-repeat;}
ul#menuSub li{list-style-type:none;top:11px;font-size:1px;}
ul#menuSub li.item1{left:12px;}
ul#menuSub li.item2{left:108px;}
ul#menuSub li.item3{left:211px;}
/* @end */
/* @group fontsize */
div#header div.fontsize{width:72px;height:27px;top:5px;left:878px;background:url(/201009/img/bg_fontsize.png) no-repeat;}
body#home div#header div.fontsize{background:none;}
div#header div.fontsize a{top:11px;left:4px;display:block;}
div#mojisize{top:4px;left:30px;}
select#fontsizeselect{width:42px;}
/* @end */
/* @group search */
div#header div.search{width:264px;height:58px;top:46px;left:687px;background:url(/201009/img/bg_search.png) no-repeat;}
div#header div.search input.words{width:168px;height:15px;top:7px;left:35px;font-size:12px;line-height:17px;color:#ccc;border:1px solid #e4dacb;padding:4px 6px;}
div#header div.search input.button{top:8px;left:221px;}
div#header div.search p label{display:block;}
div#header p.radio input, div#header p.radio label{top:38px;}
div#header p.freeword input{left:34px;}
div#header p.freeword label{left:52px;}
div#header p.number input{left:124px;}
div#header p.number label{left:142px;}
div#header p.detail{top:37px;left:200px;}
/* @end */
/* @group menuGlobal */
ul#menuGlobal{width:950px;height:53px;position:relative;z-index:100;text-align:left;background:url(/201009/img/bg_menu_global.gif) repeat-x;margin:0 auto;}
ul#menuGlobal li{list-style-type:none;display:inline;font-size:1px;text-indent:-99999px;}
ul#menuGlobal li a{width:79px;height:51px;position:absolute;top:0;display:block;background:url(/201009/img/menu_global.png) no-repeat;}
ul#menuGlobal li.item1 a{width:80px;left:0;background-position:0 0;}
ul#menuGlobal li.item2 a{left:80px;background-position:-80px 0;}
ul#menuGlobal li.item3 a{left:159px;background-position:-159px 0;}
ul#menuGlobal li.item4 a{left:238px;background-position:-238px 0;}
ul#menuGlobal li.item5 a{left:317px;background-position:-317px 0;}
ul#menuGlobal li.item6 a{left:396px;background-position:-396px 0;}
ul#menuGlobal li.item7 a{left:475px;background-position:-475px 0;}
ul#menuGlobal li.item8 a{left:554px;background-position:-554px 0;}
ul#menuGlobal li.item9 a{left:633px;background-position:-633px 0;}
ul#menuGlobal li.item10 a{left:712px;background-position:-712px 0;}
ul#menuGlobal li.item11 a{left:791px;background-position:-791px 0;}
ul#menuGlobal li.item12 a{width:80px;left:870px;background-position:-870px 0;}
ul#menuGlobal li.logon a{background-position:-950px 0;}
ul#menuGlobal li.item1 a:hover{background-position:0 -51px;}
ul#menuGlobal li.item2 a:hover{background-position:-80px -51px;}
ul#menuGlobal li.item3 a:hover{background-position:-159px -51px;}
ul#menuGlobal li.item4 a:hover{background-position:-238px -51px;}
ul#menuGlobal li.item5 a:hover{background-position:-317px -51px;}
ul#menuGlobal li.item6 a:hover{background-position:-396px -51px;}
ul#menuGlobal li.item7 a:hover{background-position:-475px -51px;}
ul#menuGlobal li.item8 a:hover{background-position:-554px -51px;}
ul#menuGlobal li.item9 a:hover{background-position:-633px -51px;}
ul#menuGlobal li.item10 a:hover{background-position:-712px -51px;}
ul#menuGlobal li.item11 a:hover{background-position:-791px -51px;}
ul#menuGlobal li.item12 a:hover{background-position:-870px -51px;}
ul#menuGlobal li.logon a:hover{background-position:-950px -51px;}
ul#menuGlobal li ul{display:none;}
ul#menuGlobal li.item6 ul li a{width:143px;left:396px;background:url(/201009/img/menu_global_walking.png) no-repeat;}
ul#menuGlobal li.item6 ul li.item1 a{height:30px;top:51px;background-position:0 0;}
ul#menuGlobal li.item6 ul li.item2 a{height:31px;top:81px;background-position:0 -30px;}
ul#menuGlobal li.item6 ul li.item1 a:hover{background-position:-143px 0;}
ul#menuGlobal li.item6 ul li.item2 a:hover{background-position:-143px -30px;}
ul#menuGlobal li.item12 ul li a{height:30px;background:url(/201009/img/menu_global_members.png) no-repeat;}
ul#menuGlobal li.item12 ul li.item1 a{top:51px;background-position:0 0;}
ul#menuGlobal li.item12 ul li.item2 a{top:81px;background-position:0 -30px;}
ul#menuGlobal li.item12 ul li.item3 a{height:31px;top:110px;background-position:0 -60px;}
ul#menuGlobal li.logon ul li.item1 a{background-position:0 -91px;}
ul#menuGlobal li.logon ul li.item2 a{background-position:0 -121px;}
ul#menuGlobal li.item12 ul li.item1 a:hover{background-position:-80px 0;}
ul#menuGlobal li.item12 ul li.item2 a:hover{background-position:-80px -30px;}
ul#menuGlobal li.item12 ul li.item3 a:hover{background-position:-80px -60px;}
ul#menuGlobal li.logon ul li.item1 a:hover{background-position:-80px -91px;}
ul#menuGlobal li.logon ul li.item2 a:hover{background-position:-80px -121px;}
/* @end */
/* @group footer home etc */
#bannermenu{width:100%;height:63px;text-align:center;}
#bannermenu td{position:relative;vertical-align:top;}
#bannermenu img{margin:0;}
div#footer, div#footers{width:950px;float:none;clear:both;text-align:center;margin:0 auto;background:url(/200810/img/common/ftop.gif) no-repeat #f4f1ea;padding:12px 0 0 0;}
div#footer ul{margin:0 0 12px 0;}
div#footer ul li, div#footer ul li a{font-size:.9em;line-height:1;}
div#footer ul li{display:inline;list-style-type:none;border-right:1px solid #8f7d63;margin:0;padding:0 12px;}
* html div#footer ul li{height:1%;}
div#footer ul li.last{border:none;}
div#footer ul li a, div#footer p{color:#8f7d63;}
div#footer ul li a:link{text-decoration:none;}
div#footer ul li a:visited{text-decoration:none;}
div#footer ul li a:hover{text-decoration:underline;}
div#footer p.message, div#footers p.message{border-top:1px solid #fff;padding:10px 10px 6px 10px;}
div#footer p.message.simple, div#footers p.message.simple{border:none;padding:0 10px 4px 10px;}
div#footer p.message span, div#footers p.message span{display:block;text-align:center;background:#fff;padding:8px;}
div#footer p.copyright, div#footers p.copyright{text-align:right;background:url(/200810/img/common/fbottom.gif) no-repeat #fff;padding:12px 6px 6px 6px;}
div#footerHome{background-color:#f3f1e9;position:relative;width:988px;height:200px;color:#8f7d63;text-align:left;margin:0 auto;}
* html div#footerHome{font-size:75%;}
div#footerHome div.section{position:absolute;width:950px;height:25px;text-align:center;top:20px;left:20px;background:url(/200810/img/common/200810_bg_footer.gif) no-repeat;}
div#footerHome ul{padding:5px 0 0 0;}
div#footerHome ul li{border-right:1px solid #8f7d63;padding:0 12px;display:inline;font-size:.9em;}
* html div#footerHome ul li{height:1%;}
div#footerHome ul li a{color:#8f7d63;font-weight:normal;text-decoration:none;}
div#footerHome ul li a:hover{text-decoration:underline;}
div#footerHome ul li.item1{padding-left:0;}
div#footerHome ul li.item7{border-right:none;}
div#footerHome p.logo{position:absolute;top:65px;left:20px;}
div#footerHome dl{position:absolute;left:265px;top:65px;}
div#footerHome dl dt{margin:2px 0 5px 0;}
div#footerHome dl dd{font-size:.9em;line-height:1.6;}
div#footerHome dl dd.item1, div#footerHome dl dd.item2{width:600px;left:100px;position:absolute;}
div#footerHome dl dd.item1{top:0;}
div#footerHome dl dd.item2{top:40px;}
div#footerHome div.copyright{text-align:right;border-top:1px solid white;position:absolute;top:160px;left:20px;width:950px;font-size:.9em;}
div#footerHome div.copyright p{padding-top:5px;}
div#leftside div.pickup{height:165px;margin:0 0 0 5px;padding:30px 6px 0 6px;background:url(/recipe-webapp/img/pickup/bg_side.gif) no-repeat 0 .3em;}
div#leftside div.pickup p.pics img, div#leftside div.pickup a{background:none;}
/* @end */
/* @group default */
div#function *, div#header2011 *{margin:0;padding:0;}
div#function, div#header2011{width:100%;min-width:970px;}
div#function div.inner, div#header2011 div.inner, div#header2011nomenu div.inner{width:970px;position:relative;text-align:left;margin:0 auto;}
/* @end */
/* @group clear hack */
div#control, div.inner{min-height:1%;}
div#control:after, div.inner:after{content:".";display:block;font-size:0px;height:0px;clear:both;visibility:hidden;}
* html div#control, * html div.inner{height:1%;}
/* @end */
/* @group noscript */
p.noscript{font-weight:bold;color:#fff;text-align:center;background:#f30;padding:6px 12px;}
/* @end */
/* @group function */
div#function{position:relative;z-index:1000;background:#f90;}
div#function div.inner{height:400px;display:none;}
div#function ul li{display:inline-block;}
*:first-child+html div#function ul li{display:inline;}
* html div#function ul li{display:inline;}
div#function p.close{position:absolute;top:190px;right:0;display:none;cursor:pointer;}
div#function div.login div.inner{background:url(/2011/common/img/bg_function_login.png) no-repeat;}
div#function div.login p, div#function div.login dl dt, div#function div.login input, div#function div.login label{position:absolute;}
div#function div.login dl dt, div#function div.login input#autologin{top:0;left:-99999px;}
div#function div.login input.userID, div#function div.login input.password{width:170px;height:20px;left:360px;font-size:12px;line-height:20px;border:none;background:#fff;padding:0 5px;}
div#function div.login input.userID{top:150px;}
div#function div.login input.password{top:190px;}
div#function div.login p.login{top:270px;left:360px;}
div#function div.login p.regist{top:200px;left:790px;}
div#function div.login label.autologin{width:120px;height:20px;top:230px;left:360px;display:block;font-size:1px;text-indent:-99999px;cursor:pointer;}
div#function div.login label.checked{background:url(/2011/common/img/bg_function_checked.gif) no-repeat 2px 4px;}
div#function div.recipe div.inner{background:url(/2011/common/img/bg_function_recipe.png) no-repeat;}
div#function div.recipe ul{position:absolute;top:174px;left:34px;}
div#function div.recipe ul li{padding:0 33px 0 0;}
div#control{position:relative;font-size:1px;line-height:1px;}
div#control ul.menu{width:85%;height:20px;float:right;text-align:right;overflow:hidden;}
div#control ul.menu li{color:#fff;vertical-align:top;}
div#control ul.menu li img{border-left:1px solid #fff;}
div#control ul.menu li.nickname{font-size:12px;line-height:20px;padding:0 9px;}
div#control ul.menu li.recipe img{border-right:1px solid #fff;}
div#control ul.menu li.fontsize ul{width:69px;height:20px;position:relative;background:url(/2011/common/img/bg_fontsize.gif) no-repeat 16px 6px;}
div#control ul.menu li.fontsize ul li{display:inline;text-indent:-99999px;}
div#control ul.menu li.fontsize ul li a{width:11px;height:11px;position:absolute;top:4px;display:block;text-align:left;background:url(/2011/common/img/bg_fontsize_menu.png) no-repeat;}
div#control ul.menu li.fontsize ul li.minus a{left:27px;}
div#control ul.menu li.fontsize ul li.plus a{left:42px;background-position:-11px 0;}
div#control ul.menu li.fontsize ul li.minus a:hover{background-position:0 -11px;}
div#control ul.menu li.fontsize ul li.plus a:hover{background-position:-11px -11px;}
div#control ul.menu li.fontsize ul li a.disabled{cursor:default;}
div#control ul.menu li.fontsize ul li.minus a.disabled{background-position:0 -22px;}
div#control ul.menu li.fontsize ul li.plus a.disabled{background-position:-11px -22px;}
div#control ul.menu li#nosize{display:none;}
div#control ul.menu li form{display:inline;}
div#control ul.menu li input{vertical-align:top;border:none;}
div#control ul.menu li input.words{width:200px;height:20px;font-size:12px;line-height:20px;background:#fff;padding:0 5px;}
/* @end */
/* @group header2011 */
div#header2011, div#header2011nomenu{position:relative;z-index:100;margin:0 0 30px 0;}
div#header2011nomenu{border-top:20px solid #f90;}
div#header2011 div.inner{height:150px;}
div#header2011nomenu div.inner{height:115px;}
div#header2011 p, div#header2011 ul.menu, div#header2011nomenu p{position:absolute;}
div#header2011 p.logo, div#header2011nomenu p.logo{top:30px;}
div#header2011 p.daiichisankyo, div#header2011nomenu p.daiichisankyo{top:45px;left:785px;}
div#header2011 ul.menu{top:115px;}
div#header2011 ul.menu *{font-size:1px;line-height:1;}
div#header2011 ul.menu li{width:190px;position:relative;float:left;vertical-align:top;padding:0 5px 0 0;}
div#header2011 ul.menu li.i5{padding:0;}
div#header2011 ul.menu li a{width:190px;height:34px;display:block;text-indent:-99999px;border-bottom:1px solid #ccc;background:url(/2011/common/img/bg_header_menu.png) no-repeat;}
div#header2011 ul.menu li.i2 a{background-position:-190px 0;}
div#header2011 ul.menu li.i3 a{background-position:-380px 0;}
div#header2011 ul.menu li.i4 a{background-position:-570px 0;}
div#header2011 ul.menu li.i5 a{background-position:-760px 0;}
div#header2011 ul.menu li a:hover, div#header2011 ul.menu li a.hover{border-bottom:1px solid #f90;}
div#header2011 ul.menu li.i1 a:hover, div#header2011 ul.menu li.i1 a.hover{background-position:0 -30px;}
div#header2011 ul.menu li.i2 a:hover, div#header2011 ul.menu li.i2 a.hover{background-position:-190px -30px;}
div#header2011 ul.menu li.i3 a:hover, div#header2011 ul.menu li.i3 a.hover{background-position:-380px -30px;}
div#header2011 ul.menu li.i4 a:hover, div#header2011 ul.menu li.i4 a.hover{background-position:-570px -30px;}
div#header2011 ul.menu li.i5 a:hover, div#header2011 ul.menu li.i5 a.hover{background-position:-760px -30px;}
div#header2011 ul.menu li ul{display:none;padding:3px 0 0 0;}
div#header2011 ul.menu li ul li{float:none;display:block;padding:0;}
div#header2011 ul.menu li ul li, div#header2011 ul.menu li ul li a{background:#f90;}
div#header2011 ul.menu li ul li a{height:35px;border-bottom:none;border-top:1px solid #fff;margin:0;}
div#header2011 ul.menu li ul li a:hover, div#header2011 ul.menu li ul li a.hover, div#header2011 ul.menu li ul li a:focus, div#header2011 ul.menu li ul li a:active{border-bottom:none;background:url(/2011/common/img/bg_header_menu_hover.png) no-repeat!important;}
div#header2011 ul.menu li ul li a img{position:absolute;top:10px;left:8px;}
div#header2011 ul.menu li ul li a img.new{top:18px;left:160px;}
/* @end */

