@charset "utf-8";

/*
===== CONTENTS =====

	Title:theme.css
	Last-updated: 2008/12/16
	Auther:colletomo.com
	Outline:サイト独自デザイン
====================
*/




/* :お客様の声
---------------------------------------------------- */
div.customerBox-wrap{
	background:url(../imgs/customer/cutomer_box_b.gif) no-repeat bottom left;
	padding-bottom:10px;
	margin-bottom:35px;
}

div.customerBox-t{
	background:url(../imgs/customer/cutomer_box_t.gif) no-repeat top left;
	padding-top:10px;
}

div.customerBox{
	background:url(../imgs/customer/cutomer_box_w.gif) repeat-y top left;
	padding:0 10px;
}


div.customerBox div.left{
	float:left;
	width:260px;
	text-align:center;
	background:url(../imgs/customer/bg_photo_b.gif) no-repeat bottom left;
	padding-bottom:5px;
}

div.customerBox div.left .photoArea{
	background:url(../imgs/customer/bg_photo_t.gif) no-repeat top left;
	padding-top:5px;
}

div.customerBox div.left .photoWrap{
	background:url(../imgs/customer/bg_photo_w.gif) repeat-y top left;
	padding:0 5px 0;
}

div.customerBox div.left .charge{
	background:#fff url(../imgs/customer/bg_comment.gif) no-repeat top right;
	padding:5px;
	margin:10px 0 0 0;
	text-align:left;
}

div.customerBox .charge .thumb{
	float:left;
	width:100px;
}

div.customerBox .charge .ch-com{
	float:right;
	width:125px;
	margin:0;
}

div.customerBox .charge .ch-com h4{
	background:none;
	margin:0 0 6px 0;
	padding:0;
}

div.customerBox .charge .ch-com h4 strong{
	color:#F60;
}



/*テキスト系*/
div.customerBox div.right{
	float:right;
	width:420px;
	_width:430px;
	margin:0 5px 0 5px;
}

div.customerBox h3{
	background:url(../imgs/customer/h3_ttl.gif) no-repeat top left;
	min-height:36px;
 	height: auto !important;
  height: 36px;
	color:#000;
	padding:8px 0 0 20px;
	font-weight:bold;
	font-size:1.1em;
	margin:0 0 10px -10px;
}

/*罫線*/
html div.customerBox hr{
	display :list-item;
	width:0;
  list-style :url(../imgs/customer/dotline.gif) inside;
}

div.customerBox hr{
	border:0;
	height:1px;
	background:url(../imgs/customer/dotline.gif) repeat-x top left;
	margin:15px 0;
}


div.customerBox div.banner{
	padding:3px;
	border:1px solid #ccc;
	margin-bottom:5px;
}

div.customerBox div.banner img{
	border:1px solid #ccc;
}

div.pagination  {
	text-align:center;
	border-top:1px dotted #ccc;
	padding: 10px 7px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #ccc;	
	text-decoration: none; /* no underline */
	color: #000;
}

div.pagination a:hover, div.pagination a:active {
	border: 1px solid #f0f0f0;
	color: #000;
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #d9d300;		
	font-weight: bold;
	background-color: #d9d300;
	color: #fff;
}
	
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;	
	color: #DDD;
}