@charset "utf-8";

/*
	Site Name: 
	Description: index
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================

	1: TOP BOX
	2: MIDDLE BOX
	3: BOTTOM BOX

==========================================================
*/

/*
===== 1: TOP BOX ==========================================
*/

div#topboxleft{
	width:800px;
	float: left;
/*	background-color:#0000FF;*/
	padding-top: 8px;
/*	margin-top:8px;*/
}

div#topboxright{
	width:182px;
	float: right;
/*	background-color:#66FFFF;*/
	padding-top: 8px;
/*	margin-top:8px;*/
}

/*
===== 2: MIDDLE BOX ==========================================
*/

div#middlebox{
	clear: both;
	padding-top:10px;
}

div#middleboxtop{
	clear: both;
	
	width:800px;
	padding-top:10px;
	padding-left:0px;
	
	padding-bottom:0px;
	
	
}



div#pro1{
height:auto;
width:615px;
padding-top:0px;
padding-left:0px;
float:left;
font-size:8px;


}

div#pro2{

height:auto;
width:auto;
float:left;
font-size:8px;
padding-right:10px;

}


div#pro3{

height:125px;
width:185px;
float:left;
font-size:8px;
padding-left:0px;

}


img#btn_service{
	margin-left:6px;
}

div#petoco{
	width:185px;
	height:290px;
	float: left;
	
/*	background-color:#66FFFF;*/
	
	padding-top:0px;
	
/*	margin-top:8px;*/
}

/*
===== 3: BOTTOM BOX ==========================================
*/

div#bottombox{
	padding-top:10px;

}

div#leftwrap{
	float:left;
	width:599px;
	margin-bottom:15px;
}

div#leftwrapleft{
	float:left;
	width:182px;
}

div#leftwrapleft p{
	margin:0px 7px 10px 10px;
	padding:10px 5px 0px 0px;
}

div.cont_s_foot{
	background-image:url(img/staffblog_f.jpg);
	background-repeat:no-repeat;
	height:8px;
	font-size:1px;
	line-height:1px;

}
div.cont_s{
	margin:0;
	padding:0;
	background-image: url(img/staffblog_bg.jpg);
	background-repeat: repeat-y;
	margin-bottom: 20px;
}

div.cont_s li{
	margin-left:15px;
	width:154px;	
	border-bottom:1px dashed #666666;
}

.red{
	color:#CC3333;
	}

div.cont_b{
	margin:0;
	padding:0;
	/*background-image: url(img/sitemuster_bg.jpg);
	background-repeat: repeat-y;*/
	margin-bottom: 10px;
}

div.cont_topbg{
	background-image:url(img/sitemuster_h.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	height:10px;
	display:block;
	margin:0;
	padding:0;
	}


div.cont_b_top{
	background-image:url(img/sitemuster_h_bg.jpg);
	background-repeat:repeat_y;
	height:65px;
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0;
}

div.cont_b_head{
	background-image:url(img/sitemuster_bg.jpg);
	background-repeat:repeat_y;
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0;
}


div.cont_s_head{
	background-image:url(img/bg_s_contents_head.gif);
	background-repeat:no-repeat;
	height:9px;
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0;
}

.contbg{
	background-image:url(img/sitemuster_bg.jpg);
	background-repeat:y-repeat;
	}

div#leftwrapcont{
	float:right;
	width:397px;
}

div#leftwrapcont h4{
	margin-top:10px;
	margin-left:5px;
	color:#CC3300;
}

div#leftwrapcont p{
	line-height:1.2;
	margin-left:5px;
}

.nail{
	margin-bottom:15px;
	}

img#btn_info{
	margin-left:5px;
}
div#welcomemessage{
	background-image:url(img/img_welcome.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin-top:20px;
}

div#welcomemessage img,
div#welcomemessage p{
	margin-left:93px;
	line-height:1.6;
}

img#btn_card,
img#btn_water,
img#btn_info{
	margin-top:10px;
}


div#rightwrap{
	float:left;
	margin-left:20px;
	width:182px;
}

div#rightwrap img{
	margin-bottom:5px;
}

div#qr{
	text-align:center;
}

div#qr img{
	margin:auto;
}

img#master{
	float:left;
	display:inline;
	margin-left:10px;
}
p#mastername{
	float:right;
	width:90px;
	color:#ffffff;
	font-weight:bold;
	padding-right:5px;
	background-color:#D39A40;
}
div.cont_b_head p{
	background-color:#FFFFFF;
	color:#000;
}

iframe{
	width:160px;
	margin:5px 10px;
	height:255px;

}

/*区切り*/
hr.line {
	height: 1px; 
	display: block;
	border-top: none;
	border-right: none;
	border-bottom: 1px dashed #999999;
	border-left: none;
	clear: both;
	padding-top: 10px;
	margin: 0px auto;
}

div#main {
	margin-top:10px;
	
/*	padding-top: 5px;*/
}

