@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
---------------------------------------- */
#main_ph{
	margin:10px auto 31px auto;
}
.bg_title{
	background:url(../img/title/sub_title.png) no-repeat left top;
	color:#FFF;
	height:37px;
	font-size:18px;
	font-weight:bold;
	padding:9px 0 0 39px;
	margin:0 0 0 0;
}

.dogbox_area{
	text-align:center;
	font-weight:bold;
	overflow:hidden;
}

.dogbox_pink ,
.dogbox_blue{
	margin-left:-1px;
	width:140px;
	float:left;
	display:inline;
	border-left:1px #999 dotted;
	margin-bottom:20px;
	line-height:1.8;
}

.dogbox_pink img ,
.dogbox_blue img{
	margin-bottom:10px;}

.koinunumber_pink1 ,
.koinusex_pink1{
	margin:0 auto;
	width:109px;
	background:#FFE38E;
}

.dogbox_pink img ,
.dogbox_blue img{
	margin-bottom:10px;}

.koinuname_pink2 ,
.koinubirth_pink2{
	margin:0 auto;
	width:109px;
	background:#FFF0C1;
}

.koinuname_pink3 ,
.koinubirth_pink3{
	margin:0 auto;
	width:109px;
	border:solid 1px 35e8eab;
}

.koinunumber_blue1 ,
.koinusex_blue1{
	margin:0 auto;
	width:109px;
	background:#6DD1FF;
}

.koinuname_blue2 ,
.koinubirth_blue2{
	margin:0 auto;
	width:109px;
	background:#C9E8FF;
}

html,body {
   scrollbar-arrow-color: ;
   scrollbar-face-color: #ff0066;
   scrollbar-highlight-color: ;
   scrollbar-shadow-color: ;
   scrollbar-3dlight-color: ;
   scrollbar-darkshadow-color: ;
   scrollbar-track-color: ;
}

#infobox{
	margin:4px auto 46px auto;
}	
#infobox table{
	width:561px;
	margin-bottom:15px;
}
#infobox table.first{
	margin-bottom:34px;
}
#infobox table img{
	margin-bottom:13px;
}
#infobox tr{
	text-align:center;
}
#infobox tr.name{
	height:23px;
}

#infobox td{
	border-right:1px #999 dotted;
	font-size:13px;
	font-weight:bold;
	padding:0 18px 0 18px;
}

#infobox td.last{
	border-right:none;
}

#infobox td.color ,
#infobox td.number{
	border-right:1px #999 dotted;
}

#infobox td.number_last{
	border-right:none;
}


#infobox td.name{
	
}
#infobox td.name_last{
	border-right:none;
}

#infobox td.color_last{
	border-right:none;
}

#infobox td.day_last{
	border-right:none;
	font-color:#663900 ;
}

#infobox td p.deep_pink{
	background:#FFA7B8;
	width:109px;
	margin:0 auto 0 auto;
	padding:0;
	height:25px;
}

#infobox td p.light_pink{
	background:#FED9EA;
	width:109px;
	margin:0 auto 0 auto;
	padding:0;
	height:25px;
}

#infobox td p.deep_blue{
	background:#6DD1FF;
	width:109px;
	margin:0 auto 0 auto;
	padding:0;
	height:25px;
}

#infobox td p.light_blue{
	background:#C9E8FF;
	width:109px;
	margin:0 auto 0 auto;
	padding:0;
	height:25px;
}

#event_info{
	margin:7px 0 10 0;
	}
#event_left a{
	width:213px;
	height:79px;
	background:url(../img/top/banar_5.png) no-repeat left top;
	display:block;
	overflow:hidden;
	text-indent:-999em;
}

#event_left a:hover{
	background:url(../img/top/banar_5.png) no-repeat left bottom;	;
}

#event_left{
	float:left;
	width:213px;
	height:100px;	
}
#event_info td{
	float:left;
	color:#F90;
	padding:0 5px 0 5px;
	margin:0px 0 2px 0;
}

#event_info dd{
	margin-bottom:2px;
}

#event_bnr{
	clear:both;
	height:97px;
	width:565px;
	margin-bottom:30px;}
	
#event_text{ text-align: left; width:340px; float:left; display:inline; margin-left:10px; overflow: auto; height: 80px; }

#event_bnr a{
	height:97px;
	display:block;
	background:url(../img/top/banar_06.png) no-repeat left top;
	overflow:hidden;
	text-indent:-999em;;
}

#event_bnr a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	opacity:0.8;
}
	
.item{
	margin:0 auto;
	width:444px;
}
.item td{
	width::111px;
	padding-right:10px;
	padding-left: 10px;
	text-align:center;
	border-right:dotted 1px #000;
}

.item td.last{
	border:none;
}


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

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

#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_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_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_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_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_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_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_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_sugu{width:104px;height:26px;} 
#btn_login{width:78px;height:40px;} 
#btn_join{width:153px;height:41px;}  
#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:104px;height:26px;} 
#btn_order{width:196px;height:30px;}  
#btn_fav{width:104px;height:26px;} 
#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;}




/* ----------------------------------------
  3-3.loginpage
---------------------------------------- */
#loginpage{
	margin-left:30px;
}

#loginpage h3{
	color:#f92b58;
	font-weight:bold;
	font-size:14px;
}


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

.member_id{
	position:absolute;
	left:270px;
	top:21px;
}
.member_password{
	position:absolute;
	left:270px;
	top:49px;
}

.member_id input,
.member_password input{width:300px;}

#loginarea #btn_login{
	position:absolute;
	top:23px;
	right:30px;
}

#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:30px;}
#login_nextbtn li{
	margin-right:15px;
	float:left;
	display:inline;
}


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

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

#lostpassarea #btn_mail{
	position:absolute;
	top:22px;
	left:330px;
}


#lostpassid{
	position:absolute;
	left:150px;
	top:21px;
}
#lostpassmail{
	position:absolute;
	left:150px;
	top:47px;
}

#lostpassid input,
#lostpassmail input{width:150px;}

.attention{	color:#f92b58;}

/* ----------------------------------------
  3-5.member
---------------------------------------- */
#member{
	margin:0 auto;
}


.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
---------------------------------------- */

.brandname{
	font-size:20px;
	line-height:1.8;
	font-weight:bold;
	text-align:center;
	color:#666;
	border-bottom:solid 1px #999;
	border-top:solid 1px #999;
}

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

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

#itemdata{
	float:right;
	width:350px;
	padding-top:0px;
}


	#itemdata h3{
		color:#962030;
		font-weight:bold;
		font-size:20px;
		padding-bottom:7px;
		border-bottom:1px solid #999;
		margin-bottom:40px;
		margin-right:20px;
	}

	.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.8;
	float:left;
	display:inline;
	margin-right:10px;
	
	
}

.item_contactarea a{
	text-decoration:none;
	padding-top:5px;
}

#btn_mailfriend{
	background:url(../img/common/mail.gif) no-repeat left 50%;
	padding-left:22px;
}
#btn_itemcontact{
	background:url(../img/common/friend.gif) no-repeat left 50%;
	padding-left:22px;
}


#itembtn ul .btn3{
	width:350px;
	padding-top:10px;
	margin-bottom:10px;
	border:solid 1px;
}

#itembtn .action{
	background:none !important;
	float:left;
	display:inline;
	padding:0 !important;
	margin-right:5px;
}

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

.cartlist{
	margin-left:10px;}

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

.cartlist01{
	padding-left:10px;
}
.cartlist02{
	padding-left:10px;
}
.cartlist03{
	padding-left:10px;
}

.order{
	margin-left:175px;
}

/* ----------------------------------------
  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.delivary
---------------------------------------- */

.delivary_box01{
	background:url(../img/common/delivery_box.jpg) no-repeat left top;
	width:561px;
	height:276px;
	margin-bottom:40px;
}

.delivary_box01 li{
	margin:0px 0 4px 80px;
	padding-top:50px;
}

.listcolor{
	color:#ff0077;
	font-weight:bold;
}

.delivary_box02{
	border:solid 6px #ffd7dc;
	margin-bottom:20px;
}

.delivary_box02 ul{
	padding:5px 0 5px 0;
}

.delivary_box02 li{
	padding:4px 0 5px 5px;
}

/* ----------------------------------------
  3-10.plan
---------------------------------------- */
.planlist{
	margin-bottom:30px;
}

.planlist li{
	background:url(../img/common/listmark02.gif) no-repeat left 2px;
	padding-left:15px;
	line-height:1.6;
}

/* ----------------------------------------
  3-11.room
---------------------------------------- */
.room_box{
	width:564px;
	margin-bottom:30px;
	margin-left:10px;
}

.room_box1{
	width:564px;
	margin-bottom:30px;
	margin-left:10px;
	position:relative;
	height:550px;
}

.room01 p,
.room02 p,
.room03 p{
	text-align:left;
	margin-left:10px;
}
	

.room01{
	width:274px;
	float:left;
	display:inline;
}
.room02{
	width:274px;
	float:right;
	display:inline;
	margin-top:100px;
}
.room03{
	width:274px;
	float:left;
	display:inline;
	position:absolute;
	left:-10px;
	top:280px;
}


.room{
	width:274px;
	float:left;
	display:inline;
	position:relative;
}
.room p{
	width:260px;
	margin-left:5px;
}

.room th{
	width:274px;
	padding-bottom:5px;
}

.room td{
	margin:10px;
}


/* ----------------------------------------
  3-12.insurance
---------------------------------------- */
#insurance{
	margin-left:30px;
}

#insurance .insurance_pet{
	margin-bottom:22px;
	margin-top:30px;
}

#insurance p{
	margin:0;
	font-size:12px;
}

#insurance .pet_insurance{
	margin-bottom:30px;
}

#insurance .no1{
	margin-bottom:25px;
}

#insurance .insurance_plan{
	margin-bottom:30px;
	margin-top:45px;
}

/* ----------------------------------------
  3-13.step
---------------------------------------- */
#step{
	color:#333;
	width:564px;
	margin-left:10px;
}

#step h3{
	margin:20px 0 32px 0;
}

#step .step_01{
	border-bottom:1px dotted #999;
	border-top:1px dotted #999;
	margin:43px 0 0 0;
	padding:9px 0 16px 0;
}

#step .step_02{
	border-bottom:1px dotted #999;
	padding:9px 0 26px 0;
}

#step .step_03{
	border-bottom:1px dotted #999;
	padding:9px 0 26px 0;
}

#step .bank{
	margin-top:20px;
}

#step .bank img{
	margin-right:10px;
}

#step .bank p{
	font-weight:600;
}

#step .step_03 .green{
	color:#54BA2B;
	font-weight:600;
}

#step .step_04{
	border-bottom:1px dotted #999;
	padding:9px 0 26px 0;
}

#step .step_05{
	border-bottom:1px dotted #999;
	padding:9px 0 27px 0;
}

#step .step_05 p{
	margin:10px 0 18px 0;
}

#step li{
	margin:10px 0 0px 10px;
	background:url(../img/common/li_mark1.jpg) no-repeat left 5px;
	font-size:13px;
	padding-left:15px;
}

#step .contact{
	margin-top:26px;
}


#step .contact img{
	margin-right:25px;
}

#step .contact li{
	margin:5px 0 0px 5px;
	font-weight:600;
}

/* ----------------------------------------
  3-14.hiclosoft
---------------------------------------- */
#hiclosoft{
	color:#333;
	width:564px;
	margin-left:40px;
}

#hiclosoft h3{
	margin-top:40px;
	margin-bottom:13px;
}

#hiclosoft p{
	margin-top:3px;
	margin-bottom:4px;
}

#hiclosoft .detail{
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	padding:13px 0 9px 0;
	margin:15px 0 20px 0;
}
#hiclosoft li{
	margin-bottom:5px;
	background:url(../img/common/li_mark1.jpg) no-repeat left 5px;
	padding-left:15px;
}

#hiclosoft .safe{
	margin-top:19px;
}

#hiclosoft .sentence{
	width:360px;
}

#hiclosoft .strong{
	margin-top:3px;
	margin-bottom:15px;
}

#how_to{
	background:url(../img/common/hiclosoft_box.gif) no-repeat;
	width:560px;
	height:316px;
	position:relative;
	margin:15px 0 30px 0;
}

#how_to02{
	background:url(../img/common/ando_box.jpg) no-repeat;
	width:561px;
	height:315px;
	position:relative;
	margin:15px 0 30px 0;
}

#hiclosoft .how_to{
	position:absolute;
	left:200px;
	top:96px;
}

#hiclosoft .period{
	position:absolute;
	left:30px;
	top:277px;
}

#hiclosoft .period02{
	position:absolute;
	left:200px;
	top:230px;
}

#hiclosoft .where{
	position:absolute;
	left:250px;
	top:277px;
}

#hiclosoft .cart{
	margin-left:160px;
	margin-bottom:50px;
}

#hiclosoft .cart a{
	display:block;
	height:31px;
	overflow:hidden;
	text-indent:-999em;
	background:url(../img/btn/btn_basket.png) no-repeat left top;
	width:196px;
}
#hiclosoft .cart a:hover{background:url(../img/btn/btn_basket.png) no-repeat left bottom}



/* ----------------------------------------
  3-15.kengaku
---------------------------------------- */

.kengaku_box01{
	background:url(../img/common/kengaku_box.gif) no-repeat left top;
	width:564px;
	height:133px;
	margin-bottom:40px;
}
.kengaku_box01 p{
	padding:20px;
}

/* ----------------------------------------
  3-15.seitai
---------------------------------------- */

.puppy {
	width: 150px;
	background-image: url(../img/common/seitai.png);
	margin-top: 5px;
	border: solid 1px #FFAAC6;
	background-repeat: repeat;
	padding-bottom: 3px;
	text-align: center;
	font-weight: bold;
	color: #666666;
}
.puppy_img {
	border: solid 1px #FFAAC6;
	width: 140px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.itiran {
	width: 160px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}
.syousai {
	width: 150px;
}

.box {
	width: 580px;
	padding-left: 30px;
}

.seitai td{
	padding:5px;
}

.pink01{
	color:#e93e9a;
}

.koinubox{
	width:266x;
	border:solid 8px #f0ece9;
	margin-bottom:20px;
	line-height:1.6;
}

.koinubox p{
	background:url(../img/dog/note.png) repeat-y left -5px;
	line-height:2.25;
}


.brownbox{
	position:relative;
	float:right;
	display:inline;
	width:278px;
	background:#f1ece9;
	margin-bottom:15px;
	padding-bottom:50px;
}

.pearent_ph{
	position:absolute;
	left:10px;
	top:30px;
	border:solid 1px #fff;
	float:left;
	display:inline;
	margin-right:10px;
}

.brownbox table{margin-left:100px;}

.brownbox table td{padding:5px;}

#inq_box{
	margin:10px 0px 5px 10px;
}

#inq_box a{
	background:url(../img/common/inquire_btn_1.png) no-repeat left top;
	width:256px;
	height:42px;
	display:block;
	overflow:hidden;
	text-indent:-999em;
}
#inq_box a:hover{
	background:url(../img/common/inquire_btn_1.png) no-repeat left bottom;
}

#inq_box2{
	margin:5px 0px 10px 10px;
}

#inq_box2 a{
	background:url(../img/common/inquire_btn_2.png) no-repeat left top;
	width:256px;
	height:42px;
	display:block;
	overflow:hidden;
	text-indent:-999em;
}
#inq_box2 a:hover{
	background:url(../img/common/inquire_btn_2.png) no-repeat left bottom;
}