@charset "utf-8";
/* CSS Document */

.fbox {
    zoom: 100%;
}
.fbox:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

*{padding:0px; margin:0px; font-size:12px; border:none;}

h1,h2,h3,h4,p,ul,li{padding:0px; margin:0px;}

ul,li{list-style:none;}

.center{text-align:center;}


/*--Template Area--*/
	/*--Header Area--*/

#maincolumn{
	width:948px;
	margin:0px auto;
}

#header{
	background:url(image/template/bg_top.png) repeat-x;
	height:92px;
}
#headmenu{
	width:948px;
	margin:0px auto;
}

#logo{
	float:left;
	padding-top:12px;
}
	#logo p{
		color:#999;
		font-size:10px;
	}
#submenu{
	float:right;
	width:339px;
}
	#subnavi{
	}
		#subnavi li{
			float:left;
			height:30px;
			text-indent:-9999px;
		}
			#subnavi li a{
				display:block;
				height:30px;
			}
		#subnavi #sub_home{
			background:url(image/template/sub_top.png) no-repeat;
		}
			#sub_home a{
				width:96px;
			}
		#subnavi #sub_tokutei{
			background:url(image/template/sub_tokutei.png) no-repeat;
		}
			#sub_tokutei a{
				width:162px;
			}
		#subnavi #sub_company{
			background:url(image/template/sub_company.png) no-repeat;
		}
			#sub_company a{
				width:81px;
			}
		
		#bt_subcontact{
			background:url(image/template/telfax.png) no-repeat top;
			padding-top:31px;
			width:279px;
			padding-left:60px;
			clear:both;
		}

#navigation{
	clear:both;
	background:url(image/template/bg_navi.png) repeat-x;
	height:45px;
}
	#navigation ul{
		width:948px;
		margin:0px auto;
	}
	#navigation li{
		float:left;
		text-indent:-9999px;
	}
	#navigation li a{
		display:block;
		height:45px;
		width:158px;
	}
		#navi1 a{
			background:url(image/template/navigation.png) 0px 0px;
		}
			#navi1 a:hover{
				background-position:0px -45px;
			}
		#navi2 a{
			background:url(image/template/navigation.png) -158px 0px;
		}
			#navi2 a:hover{
				background-position:-158px -45px;
			}
		#navi3 a{
			background:url(image/template/navigation.png) -316px 0px;
		}
			#navi3 a:hover{
				background-position:-316px -45px;
			}
		#navi4 a{
			background:url(image/template/navigation.png) -474px 0px;
		}
			#navi4 a:hover{
				background-position:-474px -45px;
			}
		#navi5 a{
			background:url(image/template/navigation.png) -632px 0px;
		}
			#navi5 a:hover{
				background-position:-632px -45px;
			}
		#navi6 a{
			background:url(image/template/navigation.png) -790px 0px;
		}
			#navi6 a:hover{
				background-position:-790px -45px;
			}
			
/*--Top Page--*/
	/*--Top Catch--*/
	
#topsky{
	background:url(image/template/sky.jpg) repeat-x center top;
	clear:both;
	height:290px;
	padding-top:25px;
}
	#topcatch{
		width:402px;
		height:88px;
		padding:186px 0px 0px 542px;
		margin:0px auto;
		background:url(image/template/maincatch.png) no-repeat;
	}
	#bt_catchvoice{
		text-indent:-9999px;
	}
		#bt_catchvoice a{
			background:url(image/template/bt_catch.png) no-repeat;
			height:42px;
			width:176px;
			display:block;
		}
		#bt_catchvoice a:hover{
			background-position:0px -42px;
		}

	/*--Main Column--*/

#topleft{
	float:left;
	width:728px;
}
#topright{
	float:right;
	width:200px;
}
	#topright dl{
		border-bottom:1px solid #ddd;
		border-right:1px solid #ddd;
		border-left:1px solid #ddd;
		padding:5px;
		height:332px;
		overflow:auto;
	}
	#topright dt{
		background:url(image/template/dl_q.png) no-repeat;
		padding-left:18px;
		padding-top:1px;
		padding-bottom:6px;
		border-bottom:1px dotted #eee;
		margin-bottom:4px;
	}
	#topright dd{
		color:#666;
		font-size:11px;
		padding:5px;
		line-height:130%;
		border-bottom:1px dotted #ddd;
		margin-bottom:6px;
	}

.toptext{
	width:708px;
	margin:0px auto;
	padding:0px 0px 15px 0px;
}

#dl_area{
	width:400px;
	float:left;
}
	#dl_area a{
		font-size:10px;
		color:#746A47;
		text-decoration:none;
	}
		#dl_area a:hover{
			color:#FC6;
		}
	#dl_point1{
		background:url(image/template/special01.png) no-repeat bottom;
		float:left;
	}
	#dl_point2{
		background:url(image/template/special02.png) no-repeat bottom;
		float:right;
	}
	#dl_point3{
		background:url(image/template/special03.png) no-repeat bottom;
		float:left;
	}
	#dl_point4{
		background:url(image/template/special04.png) no-repeat bottom;
		float:right;
	}
	#dl_point1,#dl_point2,#dl_point3,#dl_point4{
		height:140px;
		width:190px;
		padding-top:15px;
	}
		#dl_point1 dt,#dl_point2 dt,#dl_point3 dt,#dl_point4 dt{
			text-indent:-9999px;
		}
		#dl_point1 dd,#dl_point2 dd,#dl_point3 dd,#dl_point4 dd{
			font-size:10px;
			padding:47px 19px 0px 19px;
			line-height:170%;
			color:#746A47;
		}
#rakutenvoice{
	width:286px;
	float:right;
	padding-top:15px;
}
	#dl_rakuten{
		border:1px solid #CCC;
		padding:8px;
		overflow:auto;
		height:276px;
	}
		#dl_rakuten h3{
			font-size:12px;
			margin-bottom:6px;
			background-color:#F8F5E4;
			padding:4px;
		}
		#dl_rakuten img{
		}
		#dl_rakuten dd{
			font-size:12px;
			padding:12px 6px 6px 6px;
			line-height:130%;
			color:#666;
			border-bottom:1px dotted #ccc;
			margin-bottom:8px;
		}

#yasui{
	background:url(image/template/yasui.png) no-repeat bottom;
	clear:both;
	height:170px;
	width:214px;
	padding:72px 544px 28px 190px;
	color:#666;
	line-height:160%;
}
	#bt_item a{
		background:url(image/template/bt_item.png) no-repeat;
		display:block;
		text-indent:-9999px;
		width:185px;
		height:45px;
		margin:10px auto 0px auto;
	}
		#bt_item a:hover{
			background-position:0px -45px;
		}

/*--- Sub Page ---*/

#subsky{
	background:url(image/template/sky.jpg) repeat-x center top;
	clear:both;
	height:120px;
	padding-top:25px;
}
	#subsky h2{
		width:888px;
		padding-top:9px;
		margin:0px auto;
	}

#subleft{
	float:left;
	width:710px;
	padding-top:8px;
}
#subright{
	float:right;
	width:218px;
	padding-top:4px;
	height:100%;
}

.mainarea{
	background:url(image/h3/bg_sub.png) repeat-y;
	width:668px;
	padding:10px 20px;
}
.mainbottom{
	background:url(image/h3/bg_bottom.png) no-repeat bottom;
	padding-bottom:6px;
	margin-bottom:35px;
}
	.mainarea p{
		line-height:160%;
		color:#444;
		padding:0px 5px 15px 5px;
	}
	.mainarea strong{
		font-size:14px;
		color:#F60;
		font-weight:bold;
		border-bottom:dotted 1px #F60;
	}

	/*---  con1  ---*/
	
	#withdog{
		background:url(image/con1/withdog.jpg) no-repeat bottom right;
		min-height:186px;
	}
	
	/*---  con3  ---*/
	
	.question{
		background:url(image/con3/question.png) no-repeat 0px 0px;
		padding:0px 0px 7px 90px;
		font-weight:bold;
		margin-bottom:7px;
		color:#71350D;
		border-bottom:1px dotted #71350D;
	}
	.answer{
		background:url(image/con3/answer.png) no-repeat;
		padding:0px 10px 7px 10px;
		text-indent:80px;
		color:#666;
		margin-bottom:15px;
		line-height:180%;
	}
	
	/*---   con4   ---*/
	.voicearea{
		background:url(image/h3/bg_sub.png) repeat-y;
		width:700px;
		padding:10px 4px 10px 4px;
		height:400px;
		overflow:auto;
		color:#444;
	}
	.voicebottom{
		background:url(image/h3/bg_bottom.png) no-repeat bottom;
		padding-bottom:6px;
		margin-bottom:35px;
	}
		.voicearea p{
			line-height:160%;
			color:#444;
			padding:0px 5px 15px 5px;
		}
		.voicearea strong{
			font-size:14px;
			color:#F60;
			font-weight:bold;
			border-bottom:dotted 1px #F60;
		}
	
	.tb_review{
		margin:0px 15px 10px 15px;
		border-bottom:1px dotted #D1CBC0;
		padding-bottom:8px;
		width:650px;
	}
	.tb_name{
		padding:5px;
	}
	.tb_star img{
		padding:5px;
		border:4px solid #E9E3DA;
		background-color:#FFF;
	}
	.tb_reviewtitle{
		font-size:14px;
		padding:9px;
		width:520px;
		font-weight:bold;
	}
	.tb_reviewtext{
		padding:2px 10px 8px 15px;
		line-height:155%;
	}
	
	.ul_meta{
	}
		.ul_meta li{
			float:right;
			padding-right:8px;
			font-size:10px;
			color:#999;
		}
	
	/*--- con5   ---   introduction   ---*/

	.tb_item{
		margin:0px auto 20px auto;
		font-size:14px;
		width:640px;
		background-color:#FFF;
	}
	.digest{
		border-bottom:1px dotted #CCC;
	}
	.digest th{
		vertical-align:middle;
		padding:10px 0px 10px 0px;
		text-align:center;
	}
	.digest td{
		vertical-align:top;
		padding:15px 0px 10px 0px;
		font-weight:bold;
	}
		.digest h5{
			font-size:14px;
			margin:0px 10px 10px 10px;
		}
		.tb_itemimg{
			width:200px;
		}
		.tb_itemdiscription{
		}
			.itemprice{
				color:#333;
				margin-left:20px;
				margin-top:20px;
			}
			.itemprice span{
				font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
				color:#C00;
			}
			.itemdiscription{
				font-size:14px;
				color:#666;
				margin:0px 15px 0px 15px;
				font-weight:normal;
			}

	.itemdetail{
		display:none;
		border:1px dotted #CCC;
		border-right:1px dotted #CCC;
		border-left:1px dotted #CCC;
		text-align:left;
		font-weight:normal;
	}
	.itemdetail td,.itemdetail th{
		padding:8px;
		font-weight:lighter;
	}
		.itemdetail h6{
			font-size:14px;
			padding:6px;
			background-color:#DEEBF3;
			color:#000;
			margin-bottom:5px;
			clear:both;
		}
		.itemdetail p{
			margin:12px;
			padding:0px;
		}
		.itemdetail ul{
			padding:12px 12px 2px 12px;
		}
		.itemdetail li{
			background:url(image/con5/hand.png) no-repeat;
			padding:0px 0px 10px 20px;
			line-height:140%;
			color:#333;
		}
	
	.bt_buy{
		width:185px;
		margin:0px auto 10px auto;
		text-indent:-9999px;
	}
		.bt_buy a{
			display:block;
			height:45px;
			width:185px;
			background:url(image/con5/bt_buy.png) no-repeat;
		}
		.bt_buy a:hover{
			background:url(image/con5/bt_buy.png) 0px -45px;
		}
	
	/*---   tokutei   ---*/
	#con_center{
		width:710px;
		margin:0px auto;
		padding-top:8px;
	}
	#con_center h4{
		background:url(image/h4.png) no-repeat;
		padding:12px 0px 20px 40px;
		margin-top:15px;
	}
	
	/*--- order---*/
	
	.ordertable{
		width:668px;
		margin:0px auto;
	}
		.ordertable td{
		}
	.ordertable h4{
		background:url(image/h4.png) no-repeat;
		padding:12px 0px 20px 40px;
		margin-top:15px;
	}
		.order_left{
			padding:8px;
			width:160px;
			border-bottom:1px dotted #DDE7BA;
			border-right:1px dotted #DDE7BA;
		}
		.order_right{
			padding:8px;
			border-bottom:1px dotted #DDE7BA;
			width:540px;
		}
	.bt_plus{
		background:url(image/order/bt_plus.png) no-repeat;
		height:30px;
		width:160px;
		text-indent:-9999px;
		margin-top:10px;
	}
	.bt_done{
		background:url(image/order/bt_done.png) no-repeat;
		height:30px;
		width:160px;
		text-indent:-9999px;
		margin-top:10px;
	}
	.bt_complete{
		background:url(image/order/bt_complete.png) no-repeat;
		height:30px;
		width:110px;
		text-indent:-9999px;
		margin-top:10px;
	}
	.bt_pre{
		background:url(image/order/bt_pre.png) no-repeat;
		height:30px;
		width:110px;
		text-indent:-9999px;
		margin-top:10px;
	}


/*---  h  ---*/

#logo h1{
	font-size:10px;
	text-decoration:none;
	font-weight:lighter;
	color:#999;
}

#h2_faq{
	background:url(image/template/faq.png) no-repeat;
	height:78px;
	width:200px;
	text-indent:-9999px;
}

#subleft h4{
	background:url(image/h4.png) no-repeat;
	padding:12px 0px 20px 40px;
	margin-top:15px;
}
#subleft h5{
	padding:5px;
	border-bottom:1px dotted #CEC7AA;
	margin-bottom:8px;
	clear:both;
}

/*---  Table  ---*/
.tb_test1{
	width:668px;
	border-top:1px solid #666;
	border-left:1px solid #666;
}

.tb_title{
	background-color:#FBFCC2;
	padding:5px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	text-align:center;
	font-size:14px;
}

.tb_text{
	border-bottom:2px solid #666;
	border-right:1px solid #666;
	padding:5px;
	background-color:#FFF;
}
.tb_detail{
	background-color:#FFF;
	border-right:1px solid #666;
	border-bottom:1px dotted #999;
	padding:5px;
}
	.tb_detail strong{
		color:#F60;
		font-weight:bold;
		font-size:12px;
		border-bottom:none;
	}
.tb_detailend{
	background-color:#FFF;
	border-right:1px solid #666;
	border-bottom:2px #666 solid;
	padding:5px;
}

.tb_hikaku{
	width:668px;
	margin-bottom:15px;
}
	.tb_hikaku td{
		padding:12px;
		text-align:center;
		line-height:160%;
	}
		.tb_hikaku strong{
			font-size:14px;
			color:#000;
			border:none;
		}

	.tb_hikaku_name{
		background-color:#FFF;
		border-bottom:1px dotted #CCC;
	}
	.tb_hikaku_aqua{
		background-color:#FAE78B;
		border-bottom:1px dotted #fff;
		width:180px;
	}
	.tb_hikaku_other{
		background-color:#F9E9BF;
		border-bottom:1px dotted #fff;
		border-left:1px dotted #fff;
		width:140px;
	}

.tb_sousa{
	width:668px;
	margin-bottom:15px;
	border-right:1px solid #666;
	border-left:1px solid #666;
	border-top:1px solid #666;
}
	.tb_sousa td{
		padding:12px;
		line-height:130%;
		background-color:#FFF;
	}
	
	.tb_small{
		width:16px;
		text-align:center;
		border-bottom:1px solid #666;
		border-left:1px dotted #999;
	}
	.tb_leftdouble{
		width:16px;
		text-align:center;
		border-left:double 3px #666;
		border-bottom:1px solid #666;
	}
	.tb_watername{
		border-bottom: 1px solid #666;
	}
	.tb_bgaqua{
		color:#F90;
		font-weight:bold;
	}
	.tb_sousatitle1{
		border-left:1px dotted #999;
		border-bottom:1px dotted #666;
		text-align:center;
	}
	.tb_sousatitle2{
		border-left:3px double #666;
		border-bottom:1px dotted #666;
		text-align:center;
	}
	
	#tb_tokutei{
		width:560px;
		margin:0px auto;
		background-color:#FFF;
		border-top:1px solid #888;
		border-left:1px solid #888;
	}
		#tb_tokutei td{
			padding:8px;
			font-size:14px;
			border-right:1px solid #888;
			border-bottom:1px solid #888;
			line-height:160%;
		}

/*---  Sub Navigation  ---*/
#subright ul{
}
	#subright ul li{
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		border-top:#F9F9F9 1px solid;
		border-bottom:1px solid #ddd;
	}
	#subright ul li a{
		padding:10px 5px 10px 15px;
		display:block;
		color:#222;
		text-decoration:none;
		background-color:#F2F2F2;
	}
	#subright ul li a:hover{
		background-color:#FC6;
	}


/*---  Images  ---*/

.img_left{
	float:left;
	padding:0px 15px 15px 10px;
}

/*---  Footer Area  ---*/

#footer{
	background:url(image/template/bg_footer.png) repeat-x;
	margin-top:60px;
}
	#footcontents{
		width:948px;
		margin:0px auto 0px auto;
		background:url(image/template/footer.png) no-repeat top;
		height:120px;
	}
