@charset "utf-8";

/* ----------------------------------------
  Makeshop Main Style Seet

	3-1.index
	3-2.
	3-3.
	3-4.
	3-5.
	3-6.
	3-7.
	3-8.
---------------------------------------- */


/* ----------------------------------------
  3-1.index
---------------------------------------- */
.mainbox01{
	margin-bottom:20px;
}

.mainboxleft{
	float:left;
	display:inherit;
}

.mainboxright{
	float:left;
	display:inline;
	margin-left:15px;
	width:357px;
	line-height:1.6;
}


.mainbox01 .cafe a{background:url(../img/common/bg_text.gif) no-repeat left top;}
.mainbox01 .leaf a{background:url(../img/common/bg_leaf.png) no-repeat left top;}
.mainbox01 .teiki a{background:url(../img/common/bg_text.gif) no-repeat left top;}
.mainbox01 .allitem a{background:url(../img/common/bg_mattew.png) no-repeat left top;}

.mainbox01 .cafe a:hover{background:url(../img/common/bg_text.gif) no-repeat left bottom}
.mainbox01 .leaf a:hover{background:url(../img/common/bg_text.gif) no-repeat left bottom}
.mainbox01 .teiki a:hover{background:url(../img/common/bg_text.gif) no-repeat left bottom}
.mainbox01 .allitem a:hover{background:url(../img/common/bg_text.gif) no-repeat left bottom}

.cafe a ,
.leaf a ,
.teiki a ,
.allitem a{
	margin-bottom:5px;
	width:367px;
	display:block;
	height:29px;;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding-left:30px;
	line-height:2;
}

.cafe a:visited ,
.teiki a:visited{
	color:#fff;
}

.leaf a{
	color:#e19944;
}
.leaf a:visited{
	color:#e19944;
}

.allitem a{
	color:#b83a21;
}
.allitem a:visited{
	color:#b83a21;
}

.cafe a:hover ,
.teiki a:hover ,
.allitem a:hover,
.leaf a:hover{
	color:#fff;
}

.yougashimix{
	width:345px;
	height:132px;
	background:url(../img/item/yougasitext.png) no-repeat right top;
	float:left;
	display:inline;
	margin-right:10px;
}

.yougashimix p ,
.cheesecake p{
	margin-top:50px;
	margin-left:10px;
	font-size:12px !important;
	color:#fff;
	width:125px;
	float:left;
	display:inline;
}


.cheesecake{
	width:345px;
	height:132px;
	background:url(../img/item/cheesetext.png) no-repeat right top;
	float:left;
	display:inline;
}


.pickup{
	margin-bottom:20px;
}

.pickup img{
	position:absolute;
}

.pikup01 a  ,
.pikup02 a  ,
.pikup03 a  ,
.pikup04 a  ,
.pikup05 a  ,
.pikup06 a{
/*	position:absolute;
	left:5;
	top:110;
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#000;
	border:solid 1px;*/
}

.pikup01  ,
.pikup02  ,
.pikup03  ,
.pikup04  ,
.pikup05  ,
.pikup06{
	position:relative;
	display:block;
	width:346px;
	height:133px;
	float:left;
	display:inlinne;
	margin-bottom:10px;
}

.pikup02 ,
.pikup04 ,
.pikup06{
	margin-left:10px;
}

.pickup_text a{
	background:url(../img/top/pickup_text.gif) no-repeat left bottom;
	position:absolute;
	width:346px;
	color:#000;
	font-size:16px;
	font-weight:bold;
	display:block;
	padding:107px 0 3px 10px;
}

.pickup_text a:visited{
	color:#000;
}

/* ----------------------------------------
  3-2.button
---------------------------------------- */

#btn_intro ,
#btn_tenpo ,
#btn_blog ,
#btn_teiki ,
#btn_o_order{
	position:relative;
}

#btn_intro a,
#btn_tenpo a,
#btn_blog a,
#btn_teiki a,
#btn_o_order a{
	line-height:1.3;
	display:block;
	font-size:15px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding:9px 0 8px 27px;
}



#btn_cart ,
#btn_sugu,
#btn_login,
#btn_join,
#btn_login2,
#btn_join2,
#btn_nojoin,
#btn_lostpass,
#btn_close,
#btn_submit,
#btn_basket,
#btn_back,
#btn_order,
#btn_order2,
#btn_fav,
#btn_contact1,
#btn_register ,
#btn_contact2 ,
#btn_delcart ,
#btn_mail{
	display:block;
	overflow:hidden;
	text-indent:-999em;
	font-size:11px;
}


#btn_cart{background:url(../img/btn/btn_cart.png) no-repeat left top;}
#btn_tenpo{background:url(../img/btn/btn_shop.png) no-repeat left top;}
#btn_blog {background:url(../img/btn/btn_blog.png) no-repeat left top;}
#btn_teiki{background:url(../img/btn/btn_teiki.png) no-repeat left top;}
#btn_o_order{background:url(../img/btn/btn_o_order.png) no-repeat left top;}
#btn_sugu{background:url(../img/btn/btn_sugu.png) no-repeat left top;}
#btn_login{background:url(../img/btn/btn_login.png) no-repeat left top;}
#btn_join{background:url(../img/btn/btn_join.png) no-repeat left top;}
#btn_login2{background:url(../img/btn/btn_login2.png) no-repeat left top;}
#btn_join2{background:url(../img/btn/btn_join2.png) no-repeat left top;}
#btn_nojoin{background:url(../img/btn/btn_nojoin.png) no-repeat left top;}
#btn_lostpass{background:url(../img/btn/btn_lostpass.png) no-repeat left top;}
#btn_close{background:url(../img/btn/btn_close.png) no-repeat left top;}
#btn_submit{background:url(../img/btn/btn_submit.png) no-repeat left top;}
#btn_basket{background:url(../img/btn/btn_basket.png) no-repeat left top;}
#btn_back{background:url(../img/btn/btn_back.png) no-repeat left top;}
#btn_order{background:url(../img/btn/btn_order.png) no-repeat left top;}
#btn_order2{background:url(../img/btn/btn_order2.png) no-repeat left top;}
#btn_fav{background:url(../img/btn/btn_fav.png) no-repeat left top;}
#btn_contact1{background:url(../img/btn/btn_contact1.png) no-repeat left top;}
#btn_register{background:url(../img/btn/btn_register.png) no-repeat left top;}
#btn_contact2{background:url(../img/btn/btn_contact2.png) no-repeat left top;}
#btn_mail{background:url(../img/btn/btn_mail.png) no-repeat left top;}
#btn_delcart{background:url(../img/btn/btn_delcart.png) no-repeat left top;}


#btn_cart:hover{background:url(../img/btn/btn_cart.png) no-repeat left bottom;}
#btn_tenpo a:hover{background:url(../img/btn/btn_shop.png) no-repeat left bottom;}
#btn_blog a:hover{background:url(../img/btn/btn_blog.png) no-repeat left bottom;}
#btn_teiki a:hover{background:url(../img/btn/btn_teiki.png) no-repeat left bottom;}
#btn_o_order a:hover{background:url(../img/btn/btn_o_order.png) no-repeat left bottom;}
#btn_sugu:hover{background:url(../img/btn/btn_sugu.png) no-repeat left bottom;}
#btn_login:hover{background:url(../img/btn/btn_login.png) no-repeat left bottom;}
#btn_join:hover{background:url(../img/btn/btn_join.png) no-repeat left bottom;}
#btn_login2:hover{background:url(../img/btn/btn_login2.png) no-repeat left bottom;}
#btn_join2:hover{background:url(../img/btn/btn_join2.png) no-repeat left bottom;}
#btn_nojoin:hover{background:url(../img/btn/btn_nojoin.png) no-repeat left bottom;}
#btn_lostpass:hover{background:url(../img/btn/btn_lostpass.png) no-repeat left bottom;}
#btn_close:hover{background:url(../img/btn/btn_close.png) no-repeat left bottom;}
#btn_submit:hover{background:url(../img/btn/btn_submit.png) no-repeat left bottom;}
#btn_basket:hover{background:url(../img/btn/btn_basket.png) no-repeat left bottom;}
#btn_back:hover{background:url(../img/btn/btn_back.png) no-repeat left bottom;}
#btn_order:hover{background:url(../img/btn/btn_order.png) no-repeat left bottom;}
#btn_order2:hover{background:url(../img/btn/btn_order2.png) no-repeat left bottom;}
#btn_fav:hover{background:url(../img/btn/btn_fav.png) no-repeat left bottom;}
#btn_contact1:hover{background:url(../img/btn/btn_contact1.png) no-repeat left bottom;}
#btn_register:hover{background:url(../img/btn/btn_register.png) no-repeat left bottom;}
#btn_contact2:hover{background:url(../img/btn/btn_contact2.png) no-repeat left bottom;}
#btn_mail:hover{background:url(../img/btn/btn_mail.png) no-repeat left bottom;}
#btn_delcart:hover{background:url(../img/btn/btn_delcart.png) no-repeat left bottom;}


#btn_cart{width:149px;height:37px;}
#btn_tenpo{width:99px;height:37px;}
#btn_blog{width:120px;height:37px;}
#btn_teiki{width:148px;height:37px;}
#btn_o_order{width:148px;height:37px;}
#btn_sugu{width:104px;height:26px;} 
#btn_login{width:144px;height:29px;} 
#btn_login2{width:148px;height:37px;} 
#btn_join{width:144px;height:29px;} 
#btn_join2{width:149px;height:45px;} 
#btn_nojoin{width:153px;height:41px;}  
#btn_lostpass{width:152px;height:41px;}  
#btn_close{width:100px;height:100px;} 
#btn_submit{width:100px;height:100px;}  
#btn_basket{width:133px;height:30px;} 
#btn_order{width:144px;height:50px;}  
#btn_order2{width:201px;height:50px;}  
#btn_fav{width:116px;height:30px;} 
#btn_contact1{width:129px;height:25px;} 
#btn_contact2{width:168px;height:22px;}
#btn_mail{width:152px;height:42px;}
#btn_back{width:173px;height:22px;}
#btn_delcart{width:133px;height:22px;}
#btn_register{width:147px;height:45px;}
#btn_mail{width:164px;height:37px;}
#btn_back{width:102px;height:52px;}




/* ----------------------------------------
  3-3.loginpage
---------------------------------------- */

#loginarea{
	background:url(../img/common/bg_loginarea.png) no-repeat left top;
	width:518px;
	height:191px;
	position:relative;
	margin-bottom:40px;
	margin-left:100px;
}

#member_id{
	position:absolute;
	left:105px;
	top:51px;
}
#member_password{
	position:absolute;
	left:270px;
	top:51px;
}

#member_id input{width:200px;}
#member_password input{width:200px;}


#loginarea #btn_login{
	position:absolute;
	top:90px;
	left:145px;
}

#loginarea #btn_login2{
	position:absolute;
	top:90px;
	left:170px;
}

#loginform_box{	
	position:absolute;
	top:22px;
	right:150px;
	text-align:right;
}

#loginarea p{
	margin-bottom:5px;
	color:#000;
	font-weight:bold;
}

#login_nextbtn{
	margin-bottom:15px;
	margin-left:245px;
}

#btn_join2{
	margin-left:27px;	
}

.loginpass{
	position:absolute;
	left:150px;
	top:140px;
}

.attention{
	text-align:center;
	font-weight:bold;
}


/* ----------------------------------------
  3-4.lostpass
---------------------------------------- */

#lostpassarea{
	background:url(../img/common/bg_lostpassarea.png) no-repeat left top;
	width:520px;
	height:192px;
	position:relative;
	margin-left:100px;
	margin-bottom:10px;
}

#lostpassarea #btn_mail{
	position:absolute;
	top:135px;
	left:180px;
}


#lostpassid{
	position:absolute;
	left:107px;
	top:45px;
}
#lostpassmail{
	position:absolute;
	left:107px;
	top:100px;
}

#lostpassid input{width:200px;}
#lostpassmail input{width:300px;}


/* ----------------------------------------
  3-5.member
---------------------------------------- */

.newmember a{
	margin-left:270px;
	margin-bottom:20px;
	background:url(../img/btn/new_user.gif) no-repeat left top;
	width:180px;
	height:53px;
	display:block;
	text-indent:-999em;
	overflow:hidden;
}


#memberbot_top{
	background:url(../img/common/register_box_top.gif) no-repeat left bottom;
	width:577px;
	height:15px;
	margin: 0 0 0 60px;
}
#memberbot_mid{
	background-color:#f7f7f7;
	width:577;
	margin: 0 0 0 60px;
}

#memberbot_bottom{
	background:url(../img/common/register_box_bottom.gif) no-repeat left top;
	width:577px;
	height:15px;
	margin: 0 0 20px 60px;
}



/* ----------------------------------------
  3-6.item
---------------------------------------- */

#itemarea{
	margin-bottom:20px;
	padding-bottom:10px;
	border:none;
	width:710px;
}

#itemphoto{
	padding-top:20px;
	float:left;
	width:352px;
	text-align:center;
}

#btn_order{
	text-align:center;
	margin:0 auto;
}

#itemdata{
	float:right;
	width:348px;
	padding-top:0px;
	text-align:left;
}


	#itemdata h3{
		color:#b81d24;
		font-weight:bold;
		font-size:20px;
		padding-bottom:7px;
		margin-bottom:10px;
	}

	.item_price{margin-bottom:10px;}

	.item_price span{
		color:#e1ab87;
		font-size:150%;
		font-weight:bold;
		margin-bottom:10px;
	}


#itemdetail{}

.detailtable{
	float:left;
	width:300px;
	margin-left:20px;
	display:inline;
}

.detailtable th{
	width:80px;
	text-align:left;
	font-weight:bold;
}

.detailtable th,
.detailtable td{
	padding:5px 0 !important;
	border-bottom:1px dashed #ccc !important;
	font-size:13px !important;
}

.itemdetailtext{
	background-color:#ededed;
	padding:10px;
	width:350px;
	float:right;
	display:inline;
	margin-right:10px;
}

.itemdetailtext{
	margin-bottom:15px;
	line-height:1.5;
}


.item_price{}
.item_biko{margin-bottom:10px;}
.item_number{}
.item_option{
	margin-bottom:10px;
}

.item_contactarea p{
	margin-bottom:3px;
	line-height:1.5;
}

.item_contactarea a{
	text-decoration:underline;}

#btn_mailfriend{
	background:url(../img/common/mail_icon.jpg) no-repeat left 50%;
	padding-left:20px;
	float:left;
	display:inline;
}
#btn_itemcontact{
	background:url(../img/common/contact_icon.png) no-repeat left 50%;
	padding-left:20px;
	float:left;
	display:inline;
	margin-left:10px;
}


/* ----------------------------------------
  3-7.shopingcart
---------------------------------------- */

.cartlist{
	margin-left:30px;}

.cartlist li{
	float:left;
	display:inline;
	margin-left:30px;
}

.cartlist01{
	background:url(../img/common/trash.gif) no-repeat left top;
	padding-left:20px;
}
.cartlist02{
	background:url(../img/common/cart.gif) no-repeat left top;
	padding-left:20px;
}
.cartlist03{
	background:url(../img/common/balloon.gif) no-repeat left top;
	padding-left:20px;
}

#btn_cart{
	margin:0 auto;
	text-align:center;
}

/* ----------------------------------------
  3-8.search
---------------------------------------- */

.all_search{
	background-color:#f5f5f5;
	margin:0 0 20px 0;
	padding:15px;
}

.all_search p{
	color:#891e30;
	font-weight:bold;
	font-size:18px;
	margin-bottom:10px;
}

.longform input{width:410px;}




/* ----------------------------------------
  3-9.touroku_second
---------------------------------------- */
#touroku_second{
	background:url(../img/common/bg_resgister.png) no-repeat left top;
	width:599px;
	margin-bottom:20px;
	margin-left:50px;
	padding:20px 0 20px 0;
}

#btn_register{
	margin-left:270px;
}


/* ----------------------------------------
  3-10.koubou
---------------------------------------- */
.koubox{
	margin-bottom:30px;
}
.koubox_right{
	float:left;
	display:inline;
	width:460px;
	margin-left:10px;
	margin-bottom:5px;
}

.koubox_box{
	border:solid 1px #9a8a7b;
}

.koubox_box p{
	margin:5px 0 5px 10px;
}


.koubouaddres{
	color:#9a8a7b;
	font-size:14px;
}

.koubox_left{
	text-align:center;
	float:left;
	display:inline;
	width:240px;
}

.koubox_left img{
}

.oyatu01{
	font-weight:bold;
	color:#b93a21;
}


.oyatu01 a{
	color:#b93a21;
	font-weight:bold;
	text-align:right;
}
.oyatu001{
	font-weight:bold;
	color:#b93a21;
	text-align:right;
}


.oyatu0001 a{
	color:#b93a21;
	font-weight:bold;
	text-align:right;
}
/* ----------------------------------------
  3-11.intro
---------------------------------------- */
.introbox01{
	margin-bottom:20px;
}


.introbox01r{
	float:left;
	display:inline;
	width:200px;
}

.introbox01l{
	float:left;
	display:inline;
	width:500px;
}


.introbox02{
	margin-bottom:20px;
}


.introbox02r{
	float:left;
	display:inline;
	width:240px;
	margin-left:10px;
	margin-top:-40px;
}

.introbox02l{
	float:left;
	display:inline;
	width:460px;
}

.introbox03{
	margin-bottom:20px;
}


.introbox03r{
	float:left;
	display:inline;
	width:520px;
	margin-left:10px;
	font-size:14px;
}

.introbox03l{
	float:left;
	display:inline;
	width:170px;
}


.introbox04{
	margin-bottom:40px;
}


.introbox04r{
	float:left;
	display:inline;
	width:490px;
	margin-left:10px;
	font-size:14px;
}

.introbox04l{
	float:left;
	display:inline;
	width:200px;
}


.present{
	border:solid 1px #9a8a7b;
	background:url(../img/item/mathew_02.jpg) no-repeat 550px 10px;
	padding-bottom:70px;
	margin-bottom:30px;
}

.present2{
	border:solid 1px #e19944;
	background:url(../img/item/mathew_02.jpg) no-repeat 550px 10px;
	padding-bottom:70px;
	margin-bottom:30px;
}

.btnarea {
	margin:0 auto 20px 30px;
}

.btnarea li{
	float:left;
	display:inline;
	margin-right:10px;
}

.introbox_gray{
	width:710px;
	background-color:#dfdfdf;
	padding:15px 0 15px 0;
	margin-right:15px;
}

.introbox_gray img{
	margin-left:13px;}



/* ----------------------------------------
  3-12.syousai
---------------------------------------- */

#btn_order2{
	margin-bottom:30px;
	margin-left:250px;
}

.oyatu a{
	color:#b93a21;
	font-weight:bold;
}


.oyatu02 a{
	display:block;
	color:#b93a21;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}

.oyatu03 a{
	display:block;
	color:#b93a21;
	font-weight:bold;
	text-align:left;
	margin-bottom:20px;
}

.border_o{
	border:solid 1px #E19944;
	margin-bottom:5px;
	padding:5px;
}

.cakebox{
	margin-bottom:20px;}

.cakeph{
	width:400px;
	float:left;
	display:inline;
}

.cakeph img{
	display:block;
	text-align:center;
	margin:0 auto;
}

.caketext{
	width:280px;
	float:left;
	display:inline
	
}

.orzo{
	margin-bottom:30px;
	background:url(../img/common/orzo_maru.png) no-repeat right 220px;
}

.orzoback{
	background:url(../img/common/orzo_ph.jpg) no-repeat right top;
}

.orzoback1{
	background:url(../img/common/orzo_bio.png) no-repeat 500px 120px;
}

.orzotext{
	width:200px;
	float:left;
	display:inline;
	margin-left:20px;
}

/* ----------------------------------------
  3-12.guide
---------------------------------------- */
.tokutei{
	position:relative;
	top:-12px;
}
.guide{
	margin-top:-26px;
}

.fav{
	text-align:left;
	display:block;
}

/* ----------------------------------------
  3-12.oniman
---------------------------------------- */
.oniman{
	width:260px;
	float:left;
	display:inline;
	margin-left:10px;
}


/* ----------------------------------------
  3-12.point
---------------------------------------- */
.point{color:#e29b41;}