@charset "shift_jis";
/*CC PUBLICITY WOOF WOOF STYLE*/

/*Setting**************************/

*{
	margin:0px;
	padding:0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.clr{
	clear:both;
	height:0px;
}

.clr br,.clr hr{
	display:none;
}

img{
	border:none;
	vertical-align:middle;
}

p{
	line-height:1.5;
	color:#555;
	font-size:75%;
	/*\*/
	letter-spacing:0.1em;
	/**/
}


a{ text-decoration:none; color:#587844; }
a:hover{ color:#88dc55; }


/*margin*/
.mgl15{ margin-left:15px !important; }
.mgl30{ margin-left:30px !important; }
.mgb15{ margin-bottom:15px !important; }
.mgt15{ margin-top:15px !important; }


/*Cts*************************************/

body{
	background: url("./img/bg.gif") left top;
	text-align:center;
	padding:0px 0px 20px;
}

body#detail{
	padding:15px 0px 20px !important;
}

#wrap1,#wrap2{
	margin:0px auto;
	width:750px;
	text-align:left;
	background:#FFF;
}

#wrap2{
	background:#FFF url("./img/bg_ft.gif") right bottom no-repeat;
}
#catch{
	background:#4e7934;
}

#catch p{
	margin:0px auto;
	width:750px;
	text-align:left;
	padding:2px 0px;
	color:#FFF;
}

#inner{
	width:720px;
	margin:0 15px;
}

#ftr{
	width:750px;
	margin:10px auto;
}

address{
	float:left;
	color:#587844;
	font-style:normal;
	font-size:67.5%;
	text-align:left;
}

#ftr a{
	float:right;
	text-align:right;
	font-size:67.5%;
}

h1, h2{
	font-size:1px;
}

h1{
	padding:15px 0 0 0;
}

/*Index*****************************/

#indexcmt{
	padding:30px;
}

.fright{
	float:right;
}

/* --> 070807  */
div#index_contents {
	background-image:url(img/_dog2.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
div#index_coating {
	float:left;
	width:300px;
	padding:20px 0 20px 10px;
}
div#index_coating h2 {
	width:246px;
}
div#index_coating dt {
	margin:14px 0 0 0;
	padding:0 0 0 20px;
	font-size:82%;
	font-weight:bold;
	background-image:url(img/list_style_01.png);
	background-position:left top;
	background-repeat:no-repeat;
}
div#index_coating dd {
	width: 260px;
	font-size:82%;
	color:#555;
	padding:6px 0 0 6px;
}
div#index_keisou {
	padding:20px 0 20px 0;
	width:280px;
	float:right;
}
div#index_keisou h2 {
	width:241px;
	margin-bottom: 18px;
}
p#keisou {
/*	background-image:url(img/p_keisou.jpg);
	background-position:right top;
	background-repeat:no-repeat;*/
	padding:0 98px 0 10px;
	margin: 0;
	line-height:124%;
}
div#index_other {
	text-align:center;
	clear:left;
	padding:10px 0 0 0;
}
div#index_other li {
	width:240px;
	margin:10px 0 0 0;
	padding:6px 20px;
	background-image:url(img/list_back_other.png);
	background-position:center top;
	background-repeat:no-repeat;
	font-size:82%;
	font-weight:bold;
	float:left;
	color:#333;
}
/* 070807 <-- */

#index_left{
	float:left;
}

#index_left h2{
	margin-bottom:15px;
}

#index_left div{
	width:238px;
	float:left;
	margin-right:13px;
}
ul{
	list-style:none;
}

#index_left ul{
	margin-bottom:15px;
}

#index_left ul li{
	margin-bottom:8px;
}

#index_left div ul li a,#index_left div ul li a:link{
	background: url("./img/list_mrk.gif") 0% 50% no-repeat;
	padding-left:15px;
}

#index_left div ul li a:hover,#index_left div ul li a:active{
	background: url("./img/list_mrk_on.gif") 1% 50% no-repeat !important;
}

#next{
	clear:both;
	position:relative;
	border-top:2px solid #4e7934;
	margin-top:30px;
	height:28px;
}

#next a{
	display:block;
	position:absolute;
	left:500px;
	top:-15px;
	text-indent:-9999px;
	width:190px;
	height:28px;
	background: url("./img/next.gif") left top no-repeat;
}

#next a:hover{
	background-position:bottom;
}





/*Details*****************************/

#detail_hd{
	position:relative;
	height:293px;
	margin-bottom:30px;
}

#detailcmt{
	margin:0px 15px 30px;
}

#detail_hd a{
	position:absolute;
	left:545px;
	top:170px;
	width:146px;
	height:24px;
	background: url("./img/back.gif") left top no-repeat;
	text-indent:-9999px;
}

#detail_hd a:hover{
	background-position:bottom;
}

#detail_list{
	margin-bottom:30px;
}

#detail_list li{
	margin-bottom:30px;
}

#detail_list li h2{
	padding:20px 0px 30px 5px;
	border-top:5px solid #4e7934;
	width:345px;
}

#detail_list li p{
	width:345px;
}

.right{
	float:right;
}

.left{
	float:left;
}

.clear{
	clear:both;
}

#detail_list2 li{
	float:left;
	width:220px;
	margin-bottom:30px;
}

#detail_list2 li h2{
	padding:20px 0px 30px 5px;
	border-top:5px solid #4e7934;
	width:220px;
}

.cmt{
	text-align:center;
	font-size:67.5%;
	background: #EEE;
	border:1px solid #CCC;
	padding:3px;
}

#btmspace{
	height:15px;
}

#btmspace hr{
	display:none;
}


/* ¥ 2007.8.9C³•ª’Ç‰Á ¥---------------------------------*/

.fl{float: left;}
.fr{float: right;}

.mb15{margin-bottom: 15px !important;}
.mb30{margin-bottom: 30px !important;}

.cmt2{
	margin: 0px 5px;
	font-size: 75%;
	color: #666;
}


