@charset "utf-8";
@import "system.css";

* { margin:0; padding:0; }

form#search { height:40px; }

#mypage_btn { display:block; margin:0; width:580px; float:right; }
#mypage_btn ul { float:right; margin-right:18px; _margin-right:9px; width:194px; }
#mypage_btn ul.new_member { width:442px; }
*:first-child+html #mypage_btn ul { margin-right:9px; }
#mypage_btn ul li { float:left; }
#mypage_btn ul li.txt {  font-weight:bold; padding:5px 5px 0 0; }
#mypage_btn ul li.txt span { font-size: small; padding:0 3px;color:#f6572f; }
#mypage_btn ul li.my_btn { margin-right:5px; }
#mypage_btn ul li.fb_btn { margin-right:5px; }

#mypage_btn p.txt { float:left;text-align:right;width:360px; font-weight:bold; padding:5px 5px 0 0; }
#mypage_btn p.txt span { font-size: small; padding:0 3px;color:#f6572f; }

#size p { margin-left:22px; }

.side .side_inner { background:url(/member/_img/login_btm.gif) no-repeat bottom left; width:238px; padding:5px 0 10px 0;_padding:10px 0 10px 0; margin-bottom:10px; }

.side p { border-bottom: 1px dotted #9a784a; padding-bottom: 5px; line-height:130%; }

.mypage_login h2 {
background:url("/member/_img/header2.jpg") no-repeat 0 0;
height:113px;
text-indent:-9999px;
width:851px;
}

.mypage h2 {
background:url("/member/_img/header.jpg") no-repeat 0 0;
height:113px;
text-indent:-9999px;
width:851px;
}

.mypage_login h2.new_member {
background:url("/member/_img/header3.jpg") no-repeat 0 0;
}

.top_mid {
background:url("../_img/mid.gif") repeat-y scroll left top;
margin-bottom:0px;
width:851px;
}
.top_upper {
background:url("../_img/top.gif") no-repeat scroll left top;
padding-top:0px;
width:851px;
}
.top_btm {
background:url("../_img/btm.gif") no-repeat scroll left bottom;
padding-bottom:20px; margin-bottom: 15px; 
width:851px;
}
h3 {
background:url("/information/privacy/_img/headline.gif") no-repeat 7px 8px;
color:#FFFFFF;
height:24px;
padding:12px 0 0 0;
text-indent:20px; margin: 0 0 0 0px;
width:851px; font-size:120%; text-align:left;
}

#mypage_menu { width:268px; float:left; padding-bottom:10px; _text-align:left; }

*:first-child+html #mypage_menu { text-align:left; }

#mypage_menu .side { width:238px; text-align:left; margin:8px 0; position:relative; left: 10px; }

#mypage_menu .inform { margin: 10px; font-weight:bold; color: #ff0000; }

#mypage_menu form.login { margin:10px 0 10px 8px; width:213px; margin:10px auto 10px auto;  }
#mypage_menu form.login2 { margin:10px 0 25px 8px; width:213px; margin:10px auto 0px auto; padding-bottom:0px; }

fieldset { border: none; padding-bottom:0px; _padding-bottom:10px; }

label { display: block;font-weight:bold; }
label span { color: #fd4140;  }
input.txt { border: 1px solid #ebe1df; background: #fafafa; padding:2px; width:215px; }
input.txt_2 { border: 1px solid #ebe1df; background: #fafafa; padding:2px; width:208px; }
input.check { position:relative;top:3px; }
.login_btn { margin: 5px 0 ; border:none !important; }
#mypage_menu dl { background:url(/member/_img/campaign_back.gif) no-repeat bottom left;padding:0 0; }

#mypage_menu dl dt { background:url(/member/_img/campaign_title.gif) no-repeat bottom left; padding:0 0; display:block; width:238px; height:38px; text-indent:-9999px; }

#mypage_menu dl dt a { background:url(/member/_img/campaign_btn.gif) no-repeat top left; padding:0 0; display:block; width:82px; height:21px; text-indent:-9999px; float:right; position:relative; top:8px; left:-8px; overflow:hidden; }

#mypage_menu dl ul { margin:0px auto; padding:10px 0; text-align:center; }
#mypage_menu dl li { vertical-align: top; zoom:1; line-height:0; font-size:1%; margin-bottom: 5px; }

.smile_club:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.smile_club { min-height: 1px; width:835px;margin:0 auto; background: url(/member/_img/side_back.gif) repeat-y 260px 0; }
* html .smile_club { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

.smile_club .intro { width:560px; float:right; background:url(/member/_img/main.jpg) no-repeat center 10px; padding-top:210px; }
.smile_club .intro dl dt { margin-bottom: 10px; }
.smile_club .intro dl dd { margin-bottom: 10px; }

.smile_club .intro dl dd.title01 strong { background:url(/member/_img/title01_1.gif) no-repeat top left; display:block; text-align: left; padding:35px 20px 10px 75px; }
.smile_club .intro dl dd.title02 strong { background:url(/member/_img/title01_2.gif) no-repeat top left; display:block; text-align: left; padding:35px 20px 10px 75px; }

.smile_club .intro dl dd:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.smile_club .intro dl dd { min-height: 1px; }
* html .smile_club .intro dl dd { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

.smile_club .intro dl dd ul.detail { display: block; padding:10px 20px 25px 75px; text-align: left;  }
.smile_club .intro dl dd.title01 ul.detail { background: url(/member/_img/title01_1.gif) no-repeat 10px 0; } 
.smile_club .intro dl dd.title02 ul.detail { background: url(/member/_img/title01_2.gif) no-repeat 10px 0; } 
.smile_club .intro dl dd.title03 ul.detail { background: url(/member/_img/title01_3.gif) no-repeat 10px 0; } 
.smile_club .intro dl dd.title04 ul.detail { background: url(/member/_img/title01_4.gif) no-repeat 10px 0; } 
.smile_club .intro dl dd ul.detail li { font-weight:bold; }
.smile_club .intro dl dd ul.detail li.btn { text-align:right; padding-right:20px; }





.smile_club .intro dl dd.title01 strong { background:url(/member/_img/title01_1.gif) no-repeat top left; display:block; text-align: left; padding:35px 20px 10px 75px; }
.smile_club .intro dl dd.title02 strong { background:url(/member/_img/title01_2.gif) no-repeat top left; display:block; text-align: left; padding:35px 20px 10px 75px; }

.smile_club .intro dl dd.title03 strong { background:url(/member/_img/title01_3.gif) no-repeat top left; display:block; text-align: left; padding:35px 20px 10px 75px; clear:both; }

.smile_club .intro dl dd.title03:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.smile_club .intro dl dd.title03 { min-height: 1px; }
* html .smile_club .intro dl dd.title03 { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

.smile_club .intro dl dd.title04 strong { background:url(/member/_img/title01_4.gif) no-repeat top left; display:block; text-align: left; padding:35px 20px 10px 75px; }

.smile_club .intro dl p.left { min-height:120px; height:auto !important; height:120px; padding:0 40px 10px 280px; text-align:left; }
.smile_club .intro dl p.right { min-height:150px; height:auto !important;height:150px;padding:0 310px 0 35px;text-align:left; }
.smile_club .intro dl p.tokuten01 { background:url(/member/_img/img01.jpg) no-repeat top left; }
.smile_club .intro dl p.tokuten02 { background:url(/member/_img/img02.jpg) no-repeat top left; }
.smile_club .intro dl p.tokuten03 { background:url(/member/_img/img03.jpg) no-repeat top left; min-height:130px !important; height:auto !important; height:130px; }
.smile_club .intro dl p.tokuten04 { background:url(/member/_img/img04.jpg) no-repeat top right; }

.smile_club a.sample { background:url(/member/_img/arrow.gif) no-repeat top left; padding:2px 0 0 18px; color:#fd4140; }






/* mypage ------------------- */

.name_box { width:238px;background:url(/member/_img/name_box01.gif) repeat-y top left; padding-top:10px; }
.name_box p { padding:0px 10px 0px 10px; display:block; color:#764500; border:none; }

.name_box p em { font-weight:bold; font-style:normal; font-size: small; color:#F6572F; }
.name_box img { display:block; }

fieldset { border: none; /*margin-bottom:10px;*/ margin:0 auto 0px auto; width:213px; padding-bottom:10px; _padding-bottom:10px;}


label { display: block;font-weight:bold; }
.login_btn { margin: 5px 0; }

#mypage_menu .my_links { width:238px;background:url(/member/_img/name_box03.gif) no-repeat bottom left; }

#mypage_menu .no_back { background: url(/member/_img/dash.gif) repeat-x left bottom; padding-bottom: 8px; margin-bottom:10px; }


#mypage_menu .my_links ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#mypage_menu .my_links ul { min-height: 1px; padding: 5px 15px 10px 15px; }
* html #mypage_menu .my_links ul { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }


#mypage_menu .my_links li { vertical-align: top; zoom:1; margin-bottom: 5px; float:left; width:80px; 
background:url(/member/_img/arrow.gif) no-repeat 0 0.2em; display:block; padding:0 0 0 20px; line-height:150%; }
#mypage_menu .my_links li a { font-size: 10px;  }

.button { margin-bottom: 20px; }

#mypage_menu .button ul { margin-left:5px; }

#mypage_menu .button li { vertical-align: top; zoom:1; margin-bottom: 5px; float:none; width:195px; 
background:none; display:block; padding-left: 0px; }

#mypage_menu .button a { display: block; height: 38px; overflow: hidden; text-indent: -9999px; width: 195px; }
#mypage_menu .button a.mypage_btn01:hover,#mypage_menu .button a.mypage_btn02:hover,#mypage_menu .button a.mypage_btn03:hover { background-position: 0 -38px; }
#mypage_menu .button a.mypage_btn01 { background: url(/member/_img/mypage_btn01.gif) no-repeat left top;  }
#mypage_menu .button a.mypage_btn02 { background: url(/member/_img/mypage_btn02.gif) no-repeat left top;  }
#mypage_menu .button a.mypage_btn03 { background: url(/member/_img/mypage_btn03.gif) no-repeat left top;  }

form.logout { margin:10px 0 10px 0px; }
form.logout fieldset { margin: 0 0 0 5px !important; }

.mypage_news { background:url(/member/_img/dash.gif) repeat-x top left; padding-top:20px; }

.mypage_news h4 { background: url(/member/_img/news_title.gif) no-repeat top left; width:238px; height:32px; text-align:right; }

.mypage_products:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.mypage_products { min-height: 1px; background:url(/member/_img/dot.gif) repeat-x bottom left; padding-bottom:10px; margin:20px 0 10px 0; }
* html .mypage_products { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

.mypage_products p { width:155px; float:left; padding-top:3px; font-weight:bold; letter-spacing:-1px; _letter-spacing:0px; border:none; }
.mypage_products a { display:block; width:82px; height:23px; float:right; }

#mypage_menu ul.popular { padding:0 0 5px 8px; _padding:0 0 5px 0px; margin:0 auto; }
#mypage_menu ul.popular li { vertical-align: top; zoom:1; padding-bottom: 10px; float:left; width:110px; margin:0 2px; }
#mypage_menu ul.popular li p { border: none; }
#mypage_menu ul.popular li p a { background:url(/member/_img/arrow.gif) no-repeat 0 0.1em; display:block; padding-left: 20px; margin-top:3px; }

.smile_left { width:560px;float:right; }

.campaign_box { background:url(/member/_img/mypage_back.gif) repeat-y top left; width:535px; margin:10px auto 0px auto; }

.name_title { width:535px; background:url(/member/_img/title02_top.gif) no-repeat top left;  }

ul.campaign_title01 { background:url(/member/_img/title01.gif) no-repeat top left; height:36px; }
ul.campaign_title02 { /*background:url(/member/_img/title02.gif) no-repeat top left; height:36px; padding-bottom:5px;*/
height:auto; width:535px; background:url(/member/_img/title02_btm.gif) no-repeat bottom left; /*min-height: 40px; height: auto !important; height: 40px;*/ padding-bottom:10px;
 }

ul.campaign_title01:after,ul.campaign_title02:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
ul.campaign_title01,ul.campaign_title02 { min-height: 1px; width:535px;  }
* html ul.campaign_title01,* html ul.campaign_title02 { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

ul.campaign_title01 li.text { text-indent:-9999px; }

ul.campaign_title01 li,ul.campaign_title02 li { margin-left: 4px; display: block; vertical-align: top;zoom: 1; }
li.text { float: left; width:380px; padding:10px 0 0 45px; text-align:left; font-weight: bold; color:#764500; }
li.out { float: right;width:82px; padding-top:7px; }

li.out a { width:82px; height:21px; background:url(/member/_img/list_btn.gif) no-repeat top left; text-indent:-9999px; overflow:hidden; position:relative; left:-8px; display:block; }

.box_campaign .box_campaign_top { width: 512px; background-image: url(/member/_img/box01_2.gif); background-position: 0 0; background-repeat: no-repeat; }

.box_campaign .limited { background-image: url(/member/_img/box01_top.gif); }

.box_campaign { margin: 10px auto 10px auto; width: 512px;  background-image: url(/member/_img/box02_mid.gif); background-position: 0 0; background-repeat: repeat-y; }

.box_campaign .box_campaign_inside { background-image: url(/member/_img/box02_btm.gif); background-position: left bottom; background-repeat: no-repeat; padding: 20px 0 20px 0; }

.box_campaign dl:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.box_campaign dl { min-height: 1px; text-align:left; margin:0px auto; width:470px; }
* html .box_campaign dl { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

.box_campaign dl dt { float:left; width:190px; }
.box_campaign dl dt a { margin-top:0; overflow:hidden; }
.box_campaign dl dd { float:left; width:260px; }
.box_campaign dd a { background:url(../_img/arrow.gif) no-repeat 0 3px; padding:0 0 0 23px; font-weight:bold; display: block; }
.box_campaign dd a:visited { color:#EE0019; }
.box_campaign dd p { padding:10px 0 0 23px; }

.box_campaign dd a.apply { width:98px; height:28px; background:url(/member/_img/apply_btn.gif) no-repeat 0 0; display: block; overflow:hidden; text-indent:-9999px; float:right; padding:0; margin:10px 0 0 0; }

.box_campaign dd a.apply:hover { background-position: 0 -28px; }

.myrecipe_box { width:535px;margin:10px auto 0px auto;text-align:left; }
.regist1 { background:url(/member/_img/mypage_back5.gif) repeat-y top left; }
.recommend1 { background:url(/member/_img/mypage_back6.gif) repeat-y -3px 35px; }

.myrecipe_box p.lead { margin:10px 20px; }

.myrecipe_box ul.myrecipe:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.myrecipe_box ul.myrecipe { min-height: 1px; margin:10px 0px 0px 15px;padding-bottom:15px; }
* html .myrecipe_box ul.myrecipe { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

.myrecipe_box ul.myrecipe li { background:#fff; width:159px;display: block; vertical-align: top;zoom: 1; float:left; margin:0 10px 10px 0; border:1px solid #f1ebdb; padding-bottom:5px; }
.myrecipe_box ul.myrecipe li p { padding:7px 7px 0; }
.myrecipe_box ul.myrecipe li p.recipe_link { padding:3px 7px 0; }

.myrecipe_box2 { width:535px; margin:0 auto;min-height:90px; height:auto !important; height:90px;text-align:left; }
.regist2 { background:url(/member/_img/mypage_back7.gif) no-repeat 0px bottom; padding-bottom:50px; }
.regist2_1 { background:url(/member/_img/mypage_back7_2.gif) no-repeat 0px bottom; padding-bottom:30px; padding-top:10px; }
.recommend2 { background:url(/member/_img/mypage_back8.gif) no-repeat -3px bottom; padding-bottom:50px; }

.regist2_1 p { width:385px; height:133px; background:url(/member/_img/mypage_pop.gif) no-repeat top left; position:relative; left:22px; top:3px; }
.regist2_1 p a  { width:126px; height:24px; background:url(/member/_img/recipe_btn.gif) no-repeat 0 0; display: block; overflow:hidden; text-indent:-9999px; padding:0; margin:0; position:relative; left:121px; top:97px; }

.myrecipe_box2 ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.myrecipe_box2 ul { min-height: 1px; width:385px; margin:0 20px; }
* html .myrecipe_box2 ul { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

.myrecipe_box2 ul li { width:175px; display: block; vertical-align: top; zoom: 1; float:left; margin-right:10px; }
.myrecipe_box2 ul li a { background:url(/member/_img/arrow.gif) no-repeat top left; display: block; padding:0px 0 2px 18px; color:#fd4140;}

.recommend2 ul { position:relative; left:120px; }

.page_btn { float:left; width:auto; padding:0 15px; }

.osusume .page_btn { float:right; width:auto; padding:0 15px; }

.page_btn:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.page_btn { min-height: 1px; float:left; width:auto; }
* html .page_btn { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

.mypage .page_btn ul a { display:block; float:left; padding:0 2px; }
.mypage .page_btn ul li { display:block; float:left; }

.mypage a.prev,.mypage a.next,.mypage a.prev2,.mypage a.next2 { height: 19px; margin: 0 5px; overflow: hidden; text-indent: -9999px; width: 46px; display:block; float:left; }

.mypage a.prev { background: url(/recipe/_img/prev.gif) no-repeat top left;  }
.mypage a.next { background: url(/recipe/_img/next.gif) no-repeat top left;  }
.mypage a.prev2 { background: url(/recipe/_img/prev2.gif) no-repeat top left; }
.mypage a.next2 { background: url(/recipe/_img/next2.gif) no-repeat top left; }

.mypage a.here { color: #C02717; font-size: 130%; font-weight: bold; line-height: 110%; }

body.myrecipe ul.myrecipe span.new,
body.mypage ul.myrecipe span.new { background: url(/recipe/_img/new2.gif) no-repeat left top; display: block; float: left; height: 20px; text-indent: -99999px; width: 40px; }
body.myrecipe ul.myrecipe span.movie,
body.mypage ul.myrecipe span.movie { background: url(/recipe/_img/movie.gif) no-repeat left top; display: block; float: left; height: 18px; text-indent: -99999px; width: 18px; }

/* myrecipe ----------------------*/

body.myrecipe .smile_left { background:url(/member/_img/my_recipe.jpg) no-repeat center 10px; padding-top:170px; }

body.myrecipe .regist1 { background:url(/member/_img/mypage_back5.gif) repeat-y top left; padding-top:5px; width:535px; margin:0 auto; }
body.myrecipe .regist2 { background:url(/member/_img/mypage_back7.gif) no-repeat 0px bottom; padding-bottom:50px; }

body.myrecipe .regist2 p.howto_btn { text-align:left; margin:0 0 0 10px;clear:both;padding:10px;position:relative;top:10px; } 

body.myrecipe ul.myrecipe:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
body.myrecipe ul.myrecipe { min-height: 1px; margin:10px 0px 0px 15px;padding-bottom:10px; }
* html body.myrecipe ul.myrecipe { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

body.myrecipe ul.myrecipe li { background:#fff; width:159px;display: block; vertical-align: top;zoom: 1; float:left; margin:0 10px 10px 0; border:1px solid #f1ebdb; padding-bottom:5px; }
body.myrecipe ul.myrecipe li p { padding:7px 7px 0; text-align: left; }
body.myrecipe ul.myrecipe li p.recipe_link { padding:3px 7px 0; }

body.myrecipe ul.myrecipe span.new { background: url(/recipe/_img/new2.gif) no-repeat left top; display: block; float: left; height: 20px; text-indent: -99999px; width: 40px; }
body.myrecipe ul.myrecipe span.movie { background: url(/recipe/_img/movie.gif) no-repeat left top; display: block; float: left; height: 18px; text-indent: -99999px; width: 18px; }

ul.myrecipe a.cancel { background: url(/member/_img/cancel_btn.gif) no-repeat left top; display: block; float: right; height: 23px; text-indent: -99999px; width: 64px; overflow:hidden; }

ul.myrecipe li p.icon:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
ul.myrecipe li p.icon { min-height: 1px;  }
* html ul.myrecipe li p.icon { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

body.myrecipe .recommend1 { background:url(/member/_img/mypage_back6.gif) repeat-y -3px 35px; padding-top:0px; width:535px; margin:20px auto 0 auto; }
body.myrecipe .recommend2 { background:url(/member/_img/mypage_back9.gif) no-repeat -3px bottom; padding-bottom:10px; }

body.myrecipe .recommend2 ul { position:relative; left:0px; }

/* osusume ------------------- */

body.osusume .smile_left { background:url(/member/_img/osusume_recipe.jpg) no-repeat center 10px; padding-top:170px; }
body.osusume .regist2 { background:url(/member/_img/mypage_back10.gif) no-repeat 0px bottom; padding-bottom:60px; }

ul.news_list {  border-bottom:none; padding:10px 0px 20px 0px; background:url(/member/_img/dash.gif) repeat-x bottom left; }
ul.news_list li { padding:5px 0; width: 230px; margin:0; border:none; }
ul.news_list li em { display: block; font-style:normal; font-weight:bold; }

ul.news_list li a { color:#EE0019; text-decoration:underline; }
ul.news_list li a:visited { text-decoration:underline; }
ul.news_list li a:hover { text-decoration:none; }

ul.news_list:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
ul.news_list { min-height: 1px; }
* html ul.news_list { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

body.osusume .regist2 p.howto_btn { text-align:right;margin:0 10px 0 0;clear:both;padding:10px;position:relative;top:20px; } 

/* choice ------------------- */

body.mypage_choice { font-family: '?l?r ?o?S?V?b?N' ,'?q?‰?M?m?p?S Pro W3', Osaka/*, arial, helvetica, sans-serif*/;
 font-size: 12px; }
body.mypage_choice img { border: 0; }
body.mypage_choice #wrapper { margin:8px 0; width:583px; position:relative; left:10px; }
body.mypage_choice #header:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
body.mypage_choice #header { min-height: 1px; }
* html body.mypage_choice #header { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

body.mypage_choice #header p { width: 81px; float:right; margin:10px 5px 0px 5px; }
body.mypage_choice #header p a { background-image: url(/member/_img/close_btn.gif); display: block; height: 25px; margin: 0; overflow: hidden;
    text-indent: -99999px; width: 81px; }
body.mypage_choice #header p a:hover { background-position: 0 -25px;}

body.mypage_choice h1.logo { background-image: url(/member/_img/logo_mini.gif); display: block; float: left; height: 40px; margin: 0; overflow: hidden; text-indent: -99999px; width: 226px; }
body.mypage_choice h3 { background: url(/member/_img/headline.gif) no-repeat 0px 8px; color: #FFFFFF; font-size: 120%; height: 24px; margin: 0; padding: 14px 0 0 0; text-align: left; text-indent: 10px; width: 583px; }

body.mypage_choice .search_content { padding:0 10px 0px 10px; margin: 0; }

body.mypage_choice p.txt { margin: 10px 10px 0 10px; font-size:120%; color:#ff0000; font-weight:bold; }

body.mypage_choice .select_left { width:265px; float:left; }
body.mypage_choice .select_right { width:265px; float:right; }

body.mypage_choice label { color: #cc0000; font-weight:normal; padding:5px 0; }
body.mypage_choice fieldset { margin:0 0 5px 0; }
body.mypage_choice select { width: 255px; }

body.mypage_choice ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
body.mypage_choice ul { min-height: 1px; list-style: none outside; padding:20px 0 20px 0; width:580px; margin:0 auto; text-align:center; }
* html body.mypage_choice ul { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

body.mypage_choice li { float:left; display: table; vertical-align: top; zoom: 1; width:170px; margin:0 5px 20px 5px; }
body.mypage_choice li input { position:relative; top:2px; margin-right:3px; }
body.mypage_choice li label { color: #333; text-align:left; padding:0 3px; }

body.mypage_choice li p { padding-top:15px; }

body.mypage_choice a.delete_btn { background-image: url(/member/_img/delete_btn.gif); display: block; height: 21px; overflow: hidden; text-indent: -99999px; width: 82px; }
body.mypage_choice a.delete_btn:hover { background-position: 0 -21px;}

body.mypage_choice a.submit_btn { background-image: url(/member/_img/submit_mini_btn.gif); display: block; height: 33px; overflow: hidden; text-indent: -99999px; width: 97px; }
body.mypage_choice a.submit_btn:hover { background-position: 0 -33px;}

body.mypage_choice fieldset.set { text-align:center; padding-bottom: 10px; margin:0 auto; width:97px; }

body.mypage_choice .copy { font-size: 10px; text-align:center; }

.clr:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clr { min-height: 1px; }
* html .clr { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

/* regist_form --------------------*/

.regist { float:right; width:530px; margin:10px;background: none; }
.regist p {  margin:0 0 10px 0; text-align:left; }

p.regist_dot { background: url(../_img/dot.gif) repeat-x bottom left; padding:10px 0; }

table.regist_form th,table.regist_form td { background: url(../_img/dot.gif) repeat-x bottom left; text-align:left; padding:15px 0px 10px 5px; }
table.regist_form th.none,table.regist_form td.none { background: none; }
table.regist_form span { color:#ff0000; font-weight:bold; white-space: nowrap; }
table.regist_form label { font-weight:normal; margin-bottom:8px; }
table.regist_form input { border:1px solid #ebe1df; background:#fafafa; color:#000; }
table.regist_form select { /**/ border:1px solid #ebe1df; background:#fafafa; color:#000; margin-bottom:8px; }

table.regist_form ul li { display: table; vertical-align: top; zoom: 1; margin-bottom:8px; }
table.regist_form ul li label,table.regist_form ul li select { margin-bottom:0; }
input.txt01 { width: 215px; }
input.txt02 { width: 100px; }
input.txt03 { width: 60px; }
table.regist_form ul.side li,table.regist_form ul.post li { float:left; display: table; vertical-align: top; zoom: 1; margin:0 10px 8px 0; }

p.example { padding-left: 150px; }

p.check_agree { text-align:center; padding: 10px 0; }
p.check_agree input { position: relative; top: 2px; }

table.regist_form ul.side li select,table.regist_form ul.post li input { _margin-bottom:8px; }
*:first-child+html table.regist_form ul.side li select, *:first-child+html table.regist_form ul.post li input { margin-bottom:8px; }

ul.side li.block { display: block!important; float:none!important; /*margin: 0 10px 0px 0!important;*/ }
ul.side span.xs2 { font-size:10px; font-weight:normal; color:#666; }

table.regist_form ul.choice li, table.regist_form ul.choice2 li { float:left; display: table; vertical-align: top; zoom: 1; margin-bottom:8px; width:95px; }
table.regist_form ul.choice li.long, table.regist_form ul.choice2 li.long,table.regist_form ul.choice2 li { width:150px; }
table.regist_form ul.choice li.long2, table.regist_form ul.choice2 li.long2 { width:300px;clear:both; }
table.regist_form ul.choice input, table.regist_form ul.choice2 input,table.regist_form ul.choice3 input {
	background:none; border:none;
	display: block;
	float: left;
	margin:2px 3px 0 0;
}

p.choice_products { color: #ff0000; } 
body.confirm p.choice_products { color: #666; } 
p.choice_products a { background-image: url(/member/_img/form/regist_choic_btn.gif); display: block; height: 25px; overflow: hidden; text-indent: -99999px; width: 101px; }
p.choice_products a:hover { background-position: 0 -25px; }

table.regist_form ul.side input { position:relative; top:2px; background:none; border:none; }
table.regist_form li.xs { font-size: 10px; _padding-top:3px; }
*:first-child+html table.regist_form li.xs { padding-top:3px; }

ul.form_btn:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
ul.form_btn { min-height: 1px; margin:0 auto; text-align:center; }
* html ul.form_btn { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

ul.form_btn li.confirm,ul.form_btn li.submit,ul.form_btn li.back { margin:0 auto; }
ul.form_btn li.submit,ul.form_btn li.back { display:inline; }

.option_form { width:530px; /*background:url(/member/_img/form/regist_title.gif) no-repeat top left;*/ margin:0 0 10px 0; padding:30px 0 10px 0; }
.regist_box01 { width:526px; background:url(/member/_img/form/regist_box01.gif) no-repeat top left; margin:0 auto; padding-top:9px; }
.regist_box02 { width:526px; background:url(/member/_img/form/regist_box02.gif) repeat-y top left; }
.regist_box03 { width:526px; background:url(/member/_img/form/regist_box03.gif) no-repeat bottom left; padding-bottom:15px; }

.option_form table { margin: 0 auto; }

.option_form table ul.choice, .option_form table ul.choice2, .option_form table ul.side { _padding-bottom:15px; }
*:first-child+html .option_form table ul.choice, *:first-child+html .option_form table ul.choice2, *:first-child+html .option_form table ul.side { padding-bottom:15px; }

table.regist_thanks { margin: 10px 0; }
table.regist_thanks td { padding:25px 0px; }
table.regist_thanks p { text-align:center; }

a.regist_mypage_btn { background-image: url(/member/_img/form/regist_mypage_btn.gif); display: block; height: 28px; overflow: hidden; text-indent: -99999px; width: 137px; }
a.regist_mypage_btn:hover { background-position: 0 -28px; }

table.regist_form ul span.tag { color:#666; font-weight:normal; display:block; width:28px; float:left; }

table.regist_form li.zip a { background-image: url(/member/_img/form/zip_btn.gif); display: block; height: 25px; overflow: hidden; text-indent: -99999px; width: 156px; float:left; }
table.regist_form li.zip a:hover { background-position: 0 -25px; }

/* resign form ---------------- */

p.resign_txt { font-size: 10px; }
p.resign_txt2 { font-size: 10px; font-weight:normal; line-height:120%; }
.resign_txt3 { background:#ffebd1; padding:0 0 5px 0; }
.resign_txt3 em { text-indent: 5px; }
p.resign_txt em,.resign_txt3 em { font-size: 12px; font-style:normal; display:block; margin-bottom:5px; }
p.resign_txt em.red,.resign_txt3 em.red { font-weight: bold; color:#ff0000; }


.resign_txt4 { background:#ffebd1; padding:5px; }
.resign_txt4 em { font-weight: bold; color:#ff0000; font-style:normal; }

p.resign_complete { margin:0 auto; text-align:center; width: 257px; padding:10px 0; }
p.resign_complete a { background-image: url(/member/_img/form/ajinomoto_btn.gif); display: block; height: 78px; overflow: hidden; text-indent: -99999px; width: 257px; }
p.resign_complete a:hover { background-position: 0 -78px; }

textarea { width: 340px; height:100px; margin:5px 0 10px 0; border:1px solid #ebe1df; background:#fafafa; color:#999; }

/* agree ---------------- */

dl.agreement { width:527px; margin:10px auto; }
dl.agreement dd { padding:10px 0 15px 70px; text-align:left; }
dl.agreement dd.mark01 { background:url(/member/_img/info/agree_mark01.gif) no-repeat 0px 5px; }
dl.agreement dd.mark02 { background:url(/member/_img/info/agree_mark02.gif) no-repeat 0px 5px; }
dl.agreement dd.mark03 { background:url(/member/_img/info/agree_mark03.gif) no-repeat 0px 5px; }
dl.agreement dd.mark04 { background:url(/member/_img/info/agree_mark04.gif) no-repeat 0px 5px; }
dl.agreement dd.mark05 { background:url(/member/_img/info/agree_mark05.gif) no-repeat 0px 5px; }

.agree_box01 { width:450px; background:url(/member/_img/info/agree_box01.gif) no-repeat top left; padding-top:10px; margin-top:10px; }
.agree_box02 { width:450px; background:url(/member/_img/info/agree_box02.gif) no-repeat bottom left; }
.agree_box02 dl,.agree_box02 ul.banner li { background:url(../_img/dot.gif) repeat-x bottom left; padding:5px 0 10px 0; margin-bottom:10px; width:420px; margin:0 auto; }
.agree_box02 dl.none,.agree_box02 ul li.none { background: none; }
.agree_box02 dl dd { padding:0 0 0 5px; }
.agree_box02 dl ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.agree_box02 dl ul { min-height: 1px; margin:10px auto; text-align:center; }
* html .agree_box02 dl ul { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }
.agree_box02 dl li { display:block; float:left; vertical-align:top; zoom: 1;text-align:left; margin:0; width:170px; padding:8px 0 8px 33px; }
.agree_box02 dl li.ie { background: url(/member/_img/info/ie.gif) no-repeat 0 0; }
.agree_box02 dl li.firefox { background: url(/member/_img/info/firefox.gif) no-repeat 0 0; }
.agree_box02 dl li.chrome { background: url(/member/_img/info/chrome.gif) no-repeat 0 0; }
.agree_box02 dl li.safari { background: url(/member/_img/info/safari.gif) no-repeat 0 0; }

.agree_box02 ul.banner { padding: 5px 0; }
.agree_box02 ul.banner li:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.agree_box02 ul.banner li { min-height: 1px; margin:0 auto 5px auto; padding:10px 0; }
* html .agree_box02 ul.banner li { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

.agree_box02 ul.banner img { float:left; }
.agree_box02 ul.banner p { float:left; width:250px; padding-left: 10px; }

dl.agreement dd em { font-style:normal; font-weight:bold; display:block; margin:20px 0 5px 0; }

/* faq ---------------- */

.mypage .q_a_index { width:530px; margin:10px auto; text-align:left; }
.mypage .q_a_index div { padding-bottom: 10px; }
.mypage .q_a_index td,.mypage .q_a_index th { padding: 3px; } 
.mypage .q_a_index li.title { background:url(/member/_img/info/faq_back.gif) no-repeat top left; height:27px; border:none; color:#4e2100; font-weight:bold; padding:5px 10px; margin-bottom:0px; }

.mypage .q_a_index ul { margin: 10px 0; list-style: none outside; }
.mypage .q_a_index ul li { display: block; margin: 0px; border:none; background:url(/member/_img/disc.gif) no-repeat 0 0.3em; padding-left:10px; }

.mypage .q_a_index div#entry_08 { background:url(/member/_img/info/qr.gif) no-repeat 5px 5px #ededed !important;padding:8px 90px 8px 30px !important; }

/* howto ---------------- */

.smile_club .how_to { background:none; padding-top:10px; }

.smile_club .how_to dl p.left { min-height:120px; height:auto !important; height:120px; padding:0 40px 10px 280px; text-align:left; }
.smile_club .how_to dl p.right { min-height:150px; height:auto !important;height:150px;padding:0 260px 0 35px;text-align:left; }

.smile_club .how_to dl p.tokuten01 { background:url(../../member/_img/info/img01.jpg) no-repeat top left; }
.smile_club .how_to dl p.tokuten02 { background:url(../../member/_img/info/img02.jpg) no-repeat top left; }
.smile_club .how_to dl p.tokuten03 { background:url(../../member/_img/info/img03.jpg) no-repeat top left; min-height:130px !important; height:auto !important; height:130px; }
.smile_club .how_to dl p.tokuten04 { background:url(../../member/_img/info/img04.jpg) no-repeat top right; }

.smile_club .how_to dd.special { width:510px;margin:0 auto;text-align:left; } 
.smile_club .how_to dd.special p { padding:0 10px 10px 10px; }

.smile_club .how_to dd.special ol  { width:500px; margin:10px auto; }

.how_to ul.howto_btn { background: url(../../member/_img/dash.gif) repeat-x left top transparent; padding-top: 20px; width:530px; margin:0 auto; }
.how_to ul.howto_btn li { float:left; display: table; vertical-align: top; zoom: 1; line-height: 0; font-size: 1%; margin:0 0 8px 6px; width:255px; }

.how_to .melmaga_box { width:496px; margin:10px auto; background:url(../../member/_img/info/melmaga_box01.gif) no-repeat 0 0; padding-top:45px; }
.how_to .myrecipe_box { width:496px; margin:10px auto; background:url(../../member/_img/info/myrecipe_box01.gif) no-repeat 0 0; padding-top:45px; }
.how_to .melmaga_box ul { background:url(../../member/_img/info/melmaga_box02.gif) no-repeat bottom left; padding:5px 15px 15px 15px; }
.how_to .melmaga_box ul li { text-align:left; }
.how_to .melmaga_box ul li em { color:#9cc451; font-weight:bold; font-style: normal; display:block; }

.how_to .myrecipe_box p { background:url(../../member/_img/info/melmaga_box02.gif) no-repeat bottom left; padding:5px 15px 15px 10px; }
.how_to dd.special .myrecipe_box ol { background:url(../../member/_img/info/melmaga_box02.gif) no-repeat bottom left; padding:5px 15px 15px 15px;margin: 0px auto; width: auto; }
.how_to .myrecipe_box ol li { text-align:left; background: url(../../member/_img/info/arrow.gif) no-repeat bottom center; }
.how_to .myrecipe_box ol li.none { background: none; }
.how_to dd.special .myrecipe_box ol p { background:none; padding:0 0 0 250px;  }

.how_to dd.special .myrecipe_box ol p.myrecipe01 { background:url(../../member/_img/info/myrecipe_img01.jpg) no-repeat top left; min-height: 146px; height: auto !important; height:146px; padding-top:10px; padding-bottom:20px; }
.how_to dd.special .myrecipe_box ol p.myrecipe02 { background:url(../../member/_img/info/myrecipe_img02.jpg) no-repeat top left; min-height: 146px; height: auto !important; height:146px; padding-top:10px; padding-bottom:20px; }
.how_to dd.special .myrecipe_box ol p.myrecipe03 { background:url(../../member/_img/info/myrecipe_img03.jpg) no-repeat top left; min-height: 163px; height: auto !important; height:163px; padding-top:10px; padding-bottom:0px; }

/* termofuse ---------------- */

dl.term { width:527px; margin:10px auto; }
dl.term dd { padding: 10px; text-align:left; }
dl.term dd div { padding:10px; text-align:left; }

dl.term ol { list-style: none outside; }
dl.term ol li { margin-bottom:15px; }

dl.term dt { background:url(../../member/_img/info/term_title01.gif) no-repeat top left; width:527px; height:28px; color: #4E2100; text-align:left; font-weight: bold; margin-bottom: 0; padding: 5px 10px;}

dl.term2 { margin:10px auto; overflow: auto; width:530px;height:300px;border:1px solid #ccc; }
dl.term2 dt.agreement_title { background:url(../../member/_img/info/site_agreement.gif) no-repeat top left;height:28px;text-indent:-9999px; }

dl.term2 dt { color: #4E2100; text-align:left; font-weight: bold; margin-bottom: 0; padding: 5px 10px; }
dl.term2 dd { padding:10px; text-align:left; }

dl.term2 ul.mark img { float: left; padding-left:10px; }
dl.term2 ul.mark p { float: right; width:400px; padding-top:12px; }

dl.term2 ul.mark li:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
dl.term2 ul.mark li { min-height: 1px; margin-bottom:15px; }
* html dl.term2 ul.mark li { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

dl.term2 ol { list-style: none outside; }
dl.term2 ol li { margin-bottom:15px; }
dl.term2 ol a { color: #FD4140; }





#mypage_btn ul li.txt {  font-weight:bold; padding:5px 5px 0 0; }
#mypage_btn ul li.txt span { font-size: small; padding:0 3px;}

.mypage_products p span { font-size: small; padding:0 3px 0 0; color:#f6572f; }

li.text span { font-size: small; padding:0 3px 0 0; color:#f6572f; }

.side a.red { border-bottom:1px solid #ff0000; }
.side a.red:link { text-decoration:none; color:#ff0000; }
.side a.red:hover { text-decoration:none; color:#ff0000; }
.side a.red:visited { text-decoration:none; color:#ff0000; }

.side .inform_frame { border-bottom: 1px dotted #9A784A;line-height: 130%; padding:0 0 5px 0; margin:10px; }
.side .inform_frame p { border:none; margin:0; font-weight:bold; color: #ff0000; }

.side .inform_frame p.faq_btn:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.side .inform_frame p.faq_btn { min-height: 1px; }
* html .side .inform_frame p.faq_btn { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

.side .inform_frame a { background:url(../../member/_img/faq_btn.gif) no-repeat 0 0;width:100px;height:21px;display:block;text-indent:-9999px;float:right;clear:both; border:none; overflow:hidden; }
.side .inform_frame p.faq_btn a:hover { background-position:0 -21px; }