@charset "Shift_JIS";



#header02 .login_area { display:none; }
#loginArea .login_area { display:none; }

/*ƒwƒbƒ_�[“à
=====================================*/
#pop_login {
	width:580px;
	margin: 0 auto;
	padding: 55px 0 0;
	font-size: 14px;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ƒqƒ‰ƒMƒmŠpƒS ProN W3', Meiryo, ƒ�ƒCƒŠƒI, sans-serif;
}

/* ƒwƒbƒ_�[ */
#header02{
	width:950px;
	background:#FFFFFF;
	text-align:left;
}

.h_left_cnt{
	width:450px;
	float:left;
}

#header02 h1{
	width:387px;
	height:53px;
	padding:10px 0 5px 8px;

}

#header02 #leadarea{
	width:393px;
	
}

#header02 #leadarea .ps_txt{
	width: 393px;
	height: 21px;
	background: url(/enjoy/recipe/images/index02/ps_bg.gif) no-repeat left bottom;
	margin-top: 5px;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0;
	margin-left: 10px;
	text-align:center;
}

#header02 .login_area{
	width:402px;
	height:71px;
	float:right;
	background-image:url(/enjoy/recipe/images/index02/bg_login_logoff.jpg);
	margin-top:20px;
	position:relative;
}

#header02 .login_area p{
	font-size:10px;
}

#header02 .login_area .arrow{
	background:none;
	padding-right:3px;
	margin:0 0 10px 0;
	float:left;
}

#header02 .login_area .link{
	margin:0 5px 5px 0 ;
	padding:0;
	float:left;
	
}

#header02 .login_area .link a{
	text-decoration:none;
	padding:0 0 2px;
	background:url(/enjoy/recipe/images/index02/border_recipe.jpg) repeat-x bottom left;
}

#header02 .login_area .txt01{
	position:absolute;
	width:212px;
	top:10px;
	left:10px;
}

#header02 .login_area .txt02{
	position:absolute;
	width:120px;
	top:50px;
	left:10px;
}

#header02 .login_area .txt03{
	position:absolute;
	width:120px;
	top:50px;
	left:120px;
}

#header02 .login_area .txt04{
	position:absolute;
	width:150px;
	top:50px;
	left:243px;
}

#header02 .login_area .txt05{
	position:absolute;
	width:150px;
	top:10px;
	left:248px;
}

#header02 .login_area .txt06{
	position:absolute;
	width:150px;
	top:30px;
	left:248px;
}
#header02 .login_area .txt07{
	position:absolute;
	width:150px;
	top:50px;
	left:248px;
}

#header02 .login_area .btn_01{
	position:absolute;
	width:152px;
	top:7px;
	left:243px;
	margin:0;
	padding:0;
}

#header02 .login_area .loginttl{
	position:absolute;
	top:6px;
	left:12px;
}

#header02 .login_area .name{
	position: absolute;
	width: 250px;
	top: 22px;
	left: 12px;
	font-size: 16px;
	font-weight: bold;
}

#header02 .login_area .name span{
	font-size:14px;
}

#header02 .login_area .count{
	position:absolute;
	width:191px;
	top:42px;
	left:10px;
}

#header02 .login_area .money{
	position:absolute;
	width:75px;
	top:46px;
	left:98px;
	text-align:right;
	font-size:14px;
	font-weight:bold;
}

#header02 .login_area .name span.fz16 { font-size: 16px; }
#header02 .login_area .dbNone { display:none; }
/*SP—p*/
.login_area .dbNone { display:none; }


/*ƒ‚�[ƒ_ƒ‹“à
=====================================*/
#pop_login select, input, textarea, button { 
     vertical-align:middle; 
     position:relative; 
     top:-1px;  
}

#pop_login input { 
     height: 20px; 
     line-height: 20px;
}

#pop_login button, input[type="button"] {
     overflow:visible; 
     height:22px;
     padding:0 3px;
}

#pop_login select { 
     height: 20px; 
     line-height: 20px;
}

#pop_login input[type="checkbox"],
#pop_login input[type="radio"] { 
     border:none; 
     top:-2px;
     top:0\9;
     margin-right:2px; 
}

#pop_login .txt01 {
	margin: 20px 0;
}

#pop_login .contents {
	padding: 10px 0 0;
	background: url(/enjoy/recipe/images/login/bg_pop_contents_top.gif) no-repeat center top;
}

#pop_login .contents .inner {
	padding: 0 0 15px;
	background:#f1e4db url(/enjoy/recipe/images/login/bg_pop_contents_bottom.gif) no-repeat center bottom;
}

#pop_login .notice {
	margin: 0 0 0 15px;
	font-weight: bold;
	color: #cc0000;
}

#pop_login .err {
	color: #cc0000;
}

#pop_login .formArea {
	width: 560px;
	margin: 0 auto;
}

#pop_login .formArea .txt {
	width: 180px;
	text-align: right;
	float: left;
}

#pop_login .formArea .inputBox {
	float: left;
	margin: 0 0 0 10px;
}

#pop_login .formArea .inputBox input { width: 320px; }

#pop_login .formArea .firstBox {
	margin: 0 0 20px;
	padding: 10px 0 0;
}

#pop_login .formArea .checkBox {
	text-align: center;
	margin: 10px 0 0;
}

#pop_login .linkArea {
	margin: 10px 0 0;
	padding: 0 0 0 95px;
}

#pop_login .linkArea li {
	float: left;
}

#pop_login .linkArea li.first { margin: 0 35px 0 0;}

#pop_login .linkArea li a {
	padding: 0 0 0 17px;
	color: #381a08;
	background:url(/enjoy/recipe/images/login/icon_next.gif) no-repeat center left;
}

#pop_login .linkArea li a:hover {
	text-decoration: none;
}

#pop_login .transitionsArea {
	width: 304px;
	margin: 20px auto 25px;
}

#pop_login .btn_next {
	height: auto;
}

#pop_login .txtAnnounce {
	margin: 0 0 10px;
	color: #9a6847;
	font-weight: bold;
}

#pop_login .pointArea li {
	float: left;
	font-size:13px;
}

#pop_login .pointArea li.first { margin: 0 10px 0 0;}

#pop_login .pointArea li span {
	margin: 0 0 0 10px;
	padding: 3px 0 3px 15px;
	background:url(/enjoy/recipe/images/login/icon_gold.png) no-repeat center left;
}



@media screen and (max-width:640px){

#pop_login .spNone { display: none; }

#pop_login {
	width: 100%;
	padding: 12% 0 0;
	font-size: 12px;
}

#pop_login .notice {
	margin: 0;
	padding: 5px 0 0;
	text-align: center;
}

#pop_login .contents {
	padding: 10px 2% 0;
	background-image: none;
}

#pop_login .contents .inner {
	background-image: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
}

#pop_login .formArea { width: 100%; }
#pop_login .formArea .inputBox { margin: 0; }

#pop_login .formArea .inputBox input { width: 85%; }

#pop_login .txt01 {
	margin: 2% 0;
	padding: 0 2%;
}

#pop_login .formArea dl { text-align: center; }

#pop_login .formArea .txt {
	float: none;
	width: auto;
	margin: 0 0 5px;
	text-align: center;
}

#pop_login .formArea .inputBox {
	float: none;
}

#pop_login .formArea .firstBox {
	margin: 0 0 10px;
}

#pop_login .linkArea {
	margin: 10px 0 0;
	padding: 0 2%;
}

#pop_login .linkArea li {
	float: none;
}

#pop_login .linkArea li a {
	padding: 2px 0 2px 20px;
	color: #381a08;
}

#pop_login .linkArea li.first { margin: 0 0 5px; }

#pop_login .transitionsArea {
	width:90%;
	margin: 5px auto 0;
}

#pop_login .btn_next {
	height: auto;
	margin: 15px 0 20px;
}

#pop_login .txtAnnounce {
	padding: 0 2%;
}

#pop_login .pointArea { padding: 0 2%; }

#pop_login .pointArea li {
	float: none;
}
#cboxContent,
#colorbox, #cboxOverlay, #cboxWrapper{
	overflow: visible;
}
#cboxClose {
	top:-10px;
	right:-10px;
	width:30px;
	height:30px;
	background-size:30px 30px;
	background:url(../img/common_sp/sns_close.png) no-repeat;
}
}


/*----------------------------
clearfix
----------------------------*/


/* new clearfix */
.clearFix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearFix             { zoom: 1; } /* IE6 */
*:first-child+html .clearFix { zoom: 1; } /* IE7 */