@charset "utf-8";

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

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

hr{margin-bottom:10px;}

/* ----------------------------------------
  3-1.index
---------------------------------------- */

.bluebox{
	width:713px;
	background:#fff;
}

.bluebox h2{margin:0}

.bluebox_top{
	background:url(../img/common/main_boxtop.gif) no-repeat left bottom;
	height:15px;
	width:714px;
}

.bluebox_mid{
	border-right:solid 4px #017fff;
	border-left:solid 4px #017fff;
	width:706px;
	/width:713px;
	overflow-x:hidden;
}

.bluebox_bottom{
	background:url(../img/common/main_boxbottom.gif) no-repeat left top;
	height:15px;
	width:714px;
}

.event_inner{padding:10px;}

.event_bnr a{
	background:url(../img/top/event_bnr.gif) no-repeat left top;
	width:340px;
	height:90px;
	float:left;
	display:inlinel;
	text-indent:-999em;
	overflow:hidden;
}
.event_info{
	height:85px;
	float:left;
	display:inline;
	padding-left:10px;
	margin-bottom:20px;
}
.event_info dl{
	margin-bottom:12px;
}
.event_info dt{
	float:left;
	display:inline;
}
.event_info dd{
	float:left;
	display:inline;
	margin-left:10px;
	color:#1b7bd2;
}
.event_b_bnr a{
	background:url(../img/top/mainbnr01.jpg) no-repeat left top;
	width:671px;
	height:151px;
	display:block;
	text-indent:-999em;
	overflow:hidden;
}
.event_b_bnr a:hover{background:url(../img/top/mainbnr01.jpg) no-repeat left bottom;}

.item{
	margin:10px auto 5px auto;
	width:705px;
}
.item td{
	width::155px;
	padding-right:10px;
	padding-left: 10px;
	text-align:center;
	border-right:dotted 1px #000;
}

.item td.last{
	border:none;
}
.brand_list img{
	margin-left:10px;
}
/* ----------------------------------------
  3-2.button
---------------------------------------- */

#btn_login,
#btn_join,
#btn_nojoin,
#btn_lostpass,
#btn_close,
#btn_submit,
#btn_basket,
#btn_order,
#btn_fav,
#btn_contact1,
#btn_contact2{
	display:block;
	overflow:hidden;
	text-indent:-999em;
	font-size:11px;
}

#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_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_order{background:url(../img/btn/btn_order.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_contact2{background:url(../img/btn/btn_contact2.png) no-repeat left top;}

#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_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_order:hover{background:url(../img/btn/btn_order.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_contact2:hover{background:url(../img/btn/btn_contact2.png) no-repeat left bottom;}

#btn_login{width:100px;height:100px;}  /* ???O?C???{?^???T?C?Y */
#btn_join{width:100px;height:100px;}  /* ????o?^?{?^???T?C?Y */
#btn_nojoin{width:100px;height:100px;}  /* ?????w???{?^???T?C?Y */
#btn_lostpass{width:100px;height:100px;}  /* ?p?X???[?h?Y??{?^???T?C?Y */
#btn_close{width:100px;height:100px;}  /* ?????{?^???T?C?Y */
#btn_submit{width:100px;height:100px;}  /* ???M?{?^???T?C?Y */
#btn_basket{width:100px;height:100px;}  /* ??????????{?^???T?C?Y */
#btn_order{width:100px;height:100px;}  /* ?????{?^???T?C?Y */
#btn_fav{width:100px;height:100px;}  /* ???C?????{?^???T?C?Y */
#btn_contact1{width:100px;height:100px;}  /* ?????P?{?^???T?C?Y */
#btn_contact2{width:100px;height:100px;}  /* ?????Q?{?^???T?C?Y */




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

#loginarea{
	background:url(../img/contents/bg_loginarea.png) no-repeat left top;
	width:323px;
	height:65px;
	position:relative;
	padding:25px 0 0 240px;
	margin-bottom:40px;
}

#loginarea #loginbtn{
	position:absolute;
	top:20px;
	right:40px;
}

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

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

#loginform_box input{
	width:130px;
	margin-left:10px;
}

#login_nextbtn{margin-bottom:20px;}
#login_nextbtn li{
	margin-right:15px;
	float:left;
	display:inline;
}


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

#lostpassarea{
	background:url(../img/contents/lostpassarea.png) no-repeat left top;
	width:323px;
	height:65px;
	position:relative;
	padding:25px 0 0 240px;
	margin-bottom:40px;
}

#lostpassarea #lostpassbtn{
	position:absolute;
	top:20px;
	right:40px;
}

#lostpassform_box{	
	position:absolute;
	top:22px;
	right:200px;
	text-align:right;
}

#lostpassarea p{
	margin-bottom:5px;
	color:#7338b9;
	font-weight:bold;
}

#lostpassform_box input{
	width:130px;
	margin-left:10px;
}

/* ----------------------------------------
  3-5.item
---------------------------------------- */

#itemarea{
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
	padding-bottom:10px;
}

	#itemarea h3{
	color:#7338b9;
	font-weight:bold;
	font-size:15px;
	padding-bottom:7px;
	border-bottom:1px solid #ddd;
	margin-bottom:20px;
	}

#itemphoto{
	float:left;
	width:270px;
	text-align:center;
}

#itemdata{
	float:right;
	width:253px;
	padding-top:40px;
}
	.item_price{margin-bottom:10px;}
	.item_price span{
		color:#7338b9;
		font-size:150%;
		font-weight:bold;
		color:#7338b9;
		margin-bottom:10px;
	}
	.item_number{margin-bottom:60px;}

#item_detail{}

	#item_detail h3{
	color:#7338b9;
	font-weight:bold;
	font-size:15px;
	margin-bottom:20px;
	}

/* ----------------------------------------
  3-6.guide
---------------------------------------- */
.guide{
	padding-top:10px;
	padding-bottom:5px;
	border-bottom:solid 1px #CCC;
	margin-bottom:5px;
}


/* ----------------------------------------
  3-7.regist
---------------------------------------- */
.regist{
	margin-left:15px;
	margin-right:15px;
}

.regist_a{
	color:#ad16b1;
	margin:10px 0 0 0;
	
}

.regist_b{
	color:#F00;
	font-weight:bold;
	padding-top:10px;
}

.login_box{
	background:url(../img/common/bg_regist.gif) no-repeat left top;
	width:267px;
	height:149px;
	margin:10px 0 40px 220px;
	position:relative;
}

.login_box input{width:160px !important;
	border:1px solid #aaa;}

.newregist{margin-bottom:20px;}

.newregist a{
	background:url(../img/btn/btn_regist.gif) no-repeat left top;
	width:212px;
	height:61px;
	display:block;
	text-indent:-999em;
	overflow:hidden;
	margin:10px 0 10px 254px;
}

.idform{
	position:absolute;
	left:30px;
	top:30px;
}

.idform img{margin-right:31px;}

.passform{
	position:absolute;
	left:30px;
	top:55px;
}

.passform img{margin-right:10px;}


.btn_login a{
	position:absolute;
	left:95px;
	top:95px;
	background:url(../img/btn/btn_join.gif) no-repeat left top;
	width:80px;
	height:22px;
	display:block;
	text-indent:-999em;
	overflow:hidden;
}
.textform1{
	position:absolute;
	left:45px;
	top:-3px;
}


.lospass{
	position:absolute;
	left:50px;
	top:125px;
}

.lospass a{
	color:#F00;
}

.under_text{
	margin-left:120px;
	padding-bottom:40px;
}

/* ----------------------------------------
  3-8.aniversary
---------------------------------------- */
.bluebox_aniv{
	width:713px;
	background:#fff;
	margin-left:5px;
}

#aniversary{
	padding-bottom:50px;
}

#aniversary .present{
	background:url(../img/common/present.gif) no-repeat;
	height:385px;
	position:relative;
	margin:20px 0 20px 50px;
	font-size:14px;
}

#aniversary .present p{
	color:#FF1156;
	position:absolute;
	left:280px;
	top:200px;
}

.present_goods{
	margin-left:50px;
}

.present_border{
	border-bottom:2px  solid #CDCEC0;
	padding-bottom:2px;
	width:600px;
	margin-bottom:10px;
}

.present_goods01{
	margin-top:20px;
	margin-bottom:20px;
}

.present_goods01 td{
	width:135px;
	padding-right:45px;
	padding-left: 5px;
	text-align:center;
	color:#FF1156;
	font-weight:500;
}

.present_goods02{
	margin-top:20px;
	margin-bottom:20px;
}

.present_goods02 td{
	width:112px;
	padding-right:55px;
	padding-left: 20px;
	text-align:center;
	color:#FF1156;
	font-weight:500;
}

.present_goods03{
	margin-top:20px;
}

.present_goods03 td{
	width:112px;
	padding-right:55px;
	padding-left: 20px;
	text-align:center;
	color:#FF1156;
	font-weight:500;
}
/* ----------------------------------------
  3-9.lostpass
---------------------------------------- */
.lostpass{
	margin:0 15px 0 15px;
	padding-bottom:20px;
}


.lostpassbox{
	background:url(../img/common/lostpass_box.gif) no-repeat left top;
	wisth:427px;
	height:139px;
	position:relative;
	margin:10px 0 0 135px;

}

.lostpassbox input{
	width:260px !important;
	border:1px solid #aaa;
}

.textform2{
	position:absolute;
	left:45px;
	top:-3px;
}

.lostpassform{
	position:absolute;
	left:50px;
	top:30px;
}

.mailform{
	position:absolute;
	left:50px;
	top:55px;
}

.lostpassform img{margin-right:36px;}
.mailform img{margin-right:10px;}

.btn_mail{
	position:absolute;
	left:130px;
	top:85px;
	background:url(../img/btn/getmail.gif) no-repeat left top;
	width:160px;
	height:36px;
	text-indent:-999em;
	overflow:hidden;
}


/* ----------------------------------------
  3-10.productlist
---------------------------------------- */
.product_list_title{
	color:#fe1066;
	font-size:16px;
}

/* ----------------------------------------
  3-11.cart
---------------------------------------- */

.cart_icon{margin-left:40px;}

.cart_icon li{
	float:left;
	margin-left:20px;
	display:inline;
}

.cart_icon .cart_icon01,
.cart_icon .cart_icon02,
.cart_icon .cart_icon03{
	padding:3px 0px 5px 25px;
}

.cart_icon .cart_icon01{background:url(../img/common/cart_clear.gif) no-repeat left top;}
.cart_icon .cart_icon02{background:url(../img/common/shopping_continue.gif) no-repeat left top;},
.cart_icon .cart_icon03{background:url(../img/common/contact.gif) no-repeat left top;}
 
/* ----------------------------------------
  3-12.search
---------------------------------------- */

.searchbox{
	-webkit-border-radius:3px 3px;
	background-color:#e8e8e8;
	margin:0 30px 10px 30px;
	padding:10px;
	width:610px;
}