@charset "utf-8";
/* CSS Document */


/* ======================================

	products

====================================== */
/* contents_products */
#contents_products{
/*	background-color:#FF00FF;*/
	background-position:left;
	background-repeat:no-repeat;
	float:right;
	text-align:left;
	margin:0px 0px 30px 10px;
	width:672px;
}

/* sidemenu_products */
#sidemenu_products {
	background-image:url(../images/sidemenu_back.jpg);
	background-repeat:repeat-y;
	float:right;
	height:100%;
	margin:0 0 20px 0;
	padding:0px;
	width:214px;
}
#sidemenu_products .genre {
	margin-bottom:5px;
}
#sidemenu_products .genre ul{
	line-height:0px;
}
#sidemenu_products .genre li{
	list-style-type: none;
	margin:0;
	padding:0;
}
#sidemenu_products .genre a:link,#sidemenu_products .genre a:visited ,#sidemenu_products .genre a:hover,#sidemenu_products .genre a:active {
	color:#666666;
	text-decoration:none;
}
#sidemenu_products .genre a:hover{
	text-decoration:underline;
}
#sidemenu_products .genre .foodtype ul{
	line-height:0px;
}
#sidemenu_products .genre .foodtype li{
	float:left;
	list-style-type: none;
	line-height:0px;
}

h2.login{
	background:url(../images/mp00fm_logon_h2.jpg) 0 0 no-repeat;
	padding:18px 0 12px 55px;
	width:845px;
}


/* ======================================

	mypage entory form

====================================== */
#pass{
    margin:0 0 10px 0;
    padding:0 0 0 0;
}

#pass h2{
    margin:0 0 0 20px;
    padding:0 0 0 0;
}

#pass p{
    margin:0 0 0 40px;
    padding:0 0 0 0;
}

/* input_form */
.input_form {
	background:url(../images/mp00fm_input2_form_back.jpg) repeat-y;
	padding:25px 0 0 0;
	*	padding:15px 0 0 0;
}

.input_form p{
    margin:0 0 10px 26px;
    text-align:center;    
}


.input_form th .attention{
	color:#C0707B;
	font-size:10px;
}
.input_form table {
	padding:0 0 20px 0;
	margin:0 auto 0 auto;
}
.input_form th {
	background:url(../images/mp00fm_input2_form_icon.jpg) repeat-y;
	font-weight:normal;
	line-height:150%;
	padding:5px 0 5px 23px;
	text-align:left;
	border-bottom:10px solid #fff;
}
.input_form td {
	/*
	border-left:#333333 dotted 1px;
	padding-left:20px;
	padding-left:60px;
	*/
	padding:5px 0 5px 0;
	line-height:150%;
	border-bottom:10px solid #fff;
}
.input_form td label{
	margin:0 5px 0 5px;
}
.input_form td.center_cell{
	text-align:right;
	vertical-align:top;
	background:url(../images/vertical_dot_line.gif) repeat-y;
	line-height:150%;
}

.input_form .register_win_bottom {
	margin:0 0 0 0 ;
}


.mail_magazine {
	background:url(../images/mp00fm_input2_questionnaire_back.jpg) no-repeat;
	border-left:0px;
	height:38px;
	padding:20px 0;
	text-align:center;
	margin-bottom:10px;
}

.entry_form_box {
	background:url(../images/mp00fm_input_error2_back.jpg) repeat-y;
	margin:0 0 20px 43px;
	padding:0;
	width:806px;
}

.entry_form_box .top{
	background:url(../images/mp00fm_input_error2_under.jpg) no-repeat 0 top;
	margin:0 0 0 0 ;
	padding:3px 0 0 0;
}

.entry_form_box .top .bottom{
	background:url(../images/mp00fm_input_error2_under.jpg) no-repeat 0 bottom;
	margin:0 0 0 0 ;
	padding:0 0 3px 0;
}

.entry_form_box table {
	padding:0px 0px 0px 28px;
	margin:0 auto;
}
.entry_form_box th {
	background:url(../images/mp00fm_input2_form_icon.jpg) repeat-y;
	font-weight:normal;
	line-height:180%;
	padding:5px 0 5px 23px;
	vertical-align:text-top;
}
.entry_form_box td {
	border-left:#333333 dotted 1px;
	color:#CC5664;
	padding:5px 0 5px 20px;
	line-height:150%;
}
.entry_form_box td.message {
	border:none;
	font-weight:bold;
	height:20px;
	padding:0;
	margin:0;

}
.error_text {
	color:#FE0003;
	font-size:10px;
	
}
.error input {
	border:#FE0003 2px solid;
}

.entry_form_box td {
	border-left:#333333 dotted 1px;
	color:#CC5664;
	padding:5px 0 5px 20px;
	line-height:150%;
}
.entry_form_box td.recognition1 {
	border:none;
	font-size:14px;
	font-weight:bold;
	padding:0;
	margin:0;

}
.entry_form_box td.recognition2 {
	border:none;
	color:#5D5D5D;
	font-size:14px;
	font-weight:bold;
	padding:0;
	margin:0;

}
.entry_form_box td.recognition3 {
	border:none;
	color:#666666;
	font-size:12px;
	padding:0;
	margin:0;
}
.entry_form_box a:link,.entry_form_box a:visited ,.entry_form_box a:hover,.entry_form_box a:active {
	font-size:12px;
	text-decoration:underline;
	padding: 0;
	margin: 0px;
}
.welcome_box {
	margin:0 0 30px 67px;
	padding:0;
	clear:both;
}
.welcome_box .perk_box {
	background:url(../images/mp00welcome_back.jpg) no-repeat;
	width:247px;
	height:178px;
	float:left;
	margin-right:8px;
	margin-bottom:25px;
}
.welcome_box .perk_box .welcome_text {
	float:left;
	line-height:150%;
	margin-top:10px;
}

.member_login_box {
	margin:0 0 30px 88px;
	padding:0;
	clear:both;
}
.member_login_box .member_login_form {
	background:url(../images/login_back_01.jpg) no-repeat;
	float:left;
	margin-right:8px;
	width:228px;
	height:226px;
}
.member_login_box .member_login_form .login_form {
	margin-left:15px;
	line-height:180%;
	font-size:10px;
	*margin:-9px 0 0 15px;
}
.member_login_box .member_login_form .button_box {
	text-align:center;
	font-size:10px;
	color:#676767;
	line-height:180%;
}
.member_login_box .member_login_form02 {
	background:url(../images/login_back_02.jpg) no-repeat;
	float:left;
	margin-right:8px;
	width:473px;
	height:226px;
}
.login_infomation {
	margin:10px 0 15px 15px;
	text-align:left;
	line-height:150%;
}
























/* ======================================

	mypage

====================================== */
/* mypage_title */
.mypage_title {
	background:url(../images/mp01_title_back.jpg) no-repeat;
	height:42px;
	margin-bottom:15px;
}
.title_text {
	color:#6B5A50;
	float:left;
	padding:15px 0 0 24px;
	width:300px;
}
#left_menu {
	float:left;
	margin-right:15px;
	width:215px;
}
#left_menu .menu_back {
	background:url(../images/mp01_sidemenu_back.jpg) repeat-y;
}
.mypage_photo {
	margin:5px auto;
	width:189px;
}
.mypage_pey_text{
	float:left;
	line-height:150%;
	padding:5px 0 0 10px;
}

.title_logout {
	float:right;
	font-size:10px;
	height:27px;
	width:90px;
	padding-top:15px;
}

















#contents_mypage {
	float:left;
	width:453px;
	margin-bottom:50px;
}
.dialogue {
	background:url(../images/dialogue_back.jpg) no-repeat;
	height:29px;
	margin-bottom:10px;
	width:453px;
	padding-top:22px;
	color:#FE0103;
	font-size:10px;
	text-align:center;
}

.mypage_box {
	background:url(../images/mp01_contents_back.jpg) repeat-y;
}
.mypage_box ul{
	margin:20px;
	line-height:180%;

}
.mypage_box li{
	color:#B59145;
}
.mypage_box li{
	color:#B59145;
	list-style:none;
}
.mypage_box li.birthday {
	color:#666666;
	list-style-image:url(../images/mypage_icon_birthday.jpg);
	list-style-position:inside;
}

.mypage_box a:link,.mypage_box a:visited ,.mypage_box a:hover,.mypage_box a:active {
	list-style:none;
	list-style-image:none;
/*
	list-style-image:url(../images/mypage_icon_birthday.jpg);
	font-size:12px;
	color:#B59145;
	text-decoration:underline;
	vertical-align:middle;
	padding: 0;
	margin: 0px;*/
}


#right_menu {
	float:right;
	width:200px;
}

.recommend_products {
	margin-bottom:10px;
	background-image: url(../images/mp01_recommend_products_back.jpg);
	background-repeat: repeat-y;
}
.recommend_products_photo {
	margin:3px 5px;
}


/* ======================================

	mypage｡｡photo_edit

====================================== */
/* photo_edit */
.photo_edit {
	background:url(../images/mp00fm_input2_form_back.jpg) repeat-y;
}
.photo_edit .attention{
	color:#C0707B;
	font-size:10px;
}
.photo_edit .photo_line {
	width:205px;
	margin-right:40px;
	float:left;
}
.photo_edit .photo_view {
	background-image:url(../images/ph_back_on.jpg);
	background-repeat:no-repeat;
	height:200px;
	width:205px;
	text-align: center;
	padding:5px 0 5px 0;
}

.photo_edit .photo_view span{
	display:block;
	margin:0 0 0 5px;
	width:195px;
	height:195px;
	background-color:#000;
}

.photo_edit .photo_view img{
}



.photo_edit .photo_box {
	width:726px;
	margin:0px 0px 20px 103px;
}
.photo_edit .infomation {
	line-height:180%;
	padding:18px 0 15px 0;
	text-align:left;
	font-weight:bold;

}

.photo_edit .phoro_upload {
	line-height:180%;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding:18px 0 16px 0;
}

.photo_edit .phoro_select {
	line-height:180%;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.photo_edit a:link,.photo_edit a:visited ,.photo_edit a:hover,.photo_edit a:active {
	font-size:12px;
	text-decoration:none;
	vertical-align:middle;
	padding: 0;
	margin: 0px;
}

/*  友達紹介追加
-------------------------------------*/

#petlife .friend{
	background:url("../images/top_friend_win_top.jpg") no-repeat scroll 0 top transparent;
	width:656px;
	padding:9px 0 10px 0;
/*
	margin:8px 0 0 0;
*/
	margin:0;
}

.friend{
	background:url("../images/top_friend_win_top.jpg") no-repeat scroll 0 top transparent;
	width:656px;
	padding:9px 0 10px 0;
	margin:30px auto 40px auto;
}

.friend .bottom{
	background:url("../images/top_friend_win_bottom.jpg") no-repeat scroll 0 bottom transparent;
	padding:0 0 8px 0;
}

.friend .body{
	background:url("../images/top_friend_win_body.jpg") repeat-y scroll 0 0 transparent;
}

.friend .fri_word{
	float:left;
	width:495px;
	padding:0 0 0 20px;
}

.friend .fri_word .word{
	margin:5px 0 0 0;
}

.friend .fri_pict{
	float:right;
	padding:0 5px 0 0;
}


#friend_link.friend,
#ctl00_ContentPlaceHolder1_friend_link.friend{
	background:none;
	width:901px;
	position:relative;
}

#friend_link.friend .friend_link_detail,
#ctl00_ContentPlaceHolder1_friend_link.friend .friend_link_detail{
	position:absolute;
	top:90px;
	left:725px;
}

/*  記事紹介追加
-------------------------------------*/

.input_form .instant_sub_box{
	margin:20px auto 20px auto;
	}

.input_form .instant_sub_box tr td{
	border:none;
	}

.input_form .instant_sub_box tr .recognition1{
	font-size:14px;
	font-weight:bold;
	color:#CC5664;
	line-height:150%;
	}
	
.send_friend table{

	}
	
.send_friend table th{
		width:185px;
	}
	
.send_friend table td{
		width:575px;
		padding:20px 0 0 20px;
		vertical-align:middle;
	}
	
.send_friend table td.textbox{
		width:675px;
		padding:0 0 0 20px;
	}
	
.foot_instant{
		background:url("../images/footer_border_back.jpg") repeat-x 0 top transparent;
		width:100%;
		}
	
.foot_instant #footer,
.foot_instant #footer2{
		margin: 0 auto;
		}