@charset "shift_jis";

/* ========== 初期化 ========== */
*{margin:0; padding:0; outline:none;}
img{border:none;}
caption,th{text-align:left;}
table{border-collapse:collapse; border-spacing:0;}
ul{list-style:none;}
/* ========== 共通定義 =========== */
/* クリア */
.clrFix:after{content:"."; clear:both; height:0; display:block; visibility:hidden;}
* html .clrFix{display:inline-block;}/* for IE6 */
*:first-child+html body .clrFix{zoom:1;}/* for IE7 */
.clr{clear:both;}
/* 非表示 */
.hide{display:none;}
hr{display:none;}
/* 要素の配置 */
.lt{float:left; margin:0 15px 15px 0 !important;}
.ct{display:block;.t-align:center; margin:0 auto 15px auto !important;}
.rt{float:right; margin:0 0 15px 15px !important;}
/* テキストの配置 */
.a-lt{text-align:left !important;}
.a-ct{text-align:center !important;}
.a-rt{text-align:right !important;}
.v-top{vertical-align:top !important;}
/* フォント設定 ==> 変更の可能性アリ */
/* firefox */
body{font-size:78%; font-family:"MS P Gothic","ＭＳ Ｐゴシック",Arial,Helvetica,sans-serif; color:#666666;}
/* IE6 */
* html body{font-size:78%;}
/* IE7 */
*:first-child+html body{font-size:78%;}
/* アンカーテキスト */
a:link{color:#362e2b;}
a:visited{color:#362e2b;}
a:hover{color:#996600 !important;}
a:active{color:#99cc00;}
/* 改行キャンセル */
.nowrap{white-space:nowrap !important;}
/* マージン */
.last {margin-bottom:30px !important;}

html{border:none; overflow:hidden; overflow-y:auto; width:614px;}

h3 {font-size:1em; margin-bottom:6px;}
p {line-height:1.5; padding-left:150px;}
p.img {float:left; margin-right:10px; padding-left:0; margin-bottom:5px;}
p.price {font-weight:bold; color:#FF3300;}
#clioList{padding:0 0 0 0; width:100%; overflow:hidden;}

#clioList {position:relative; padding-bottom:40px;}
*:first-child+html body #clioList {padding-bottom:20px;}

#clioList div.clrFix {background:url(../images/dotLine.gif) bottom repeat-x; padding-bottom:35px;}
#clioList div.clrFix.end {background:none; padding-bottom:10px;}

#clioList h3 {font-size:1em; margin-bottom:6px; background:none; height:auto;}
#clioList p {line-height:1.5; padding-left:150px;}
#clioList p.img {float:left; margin-right:10px; padding-left:0; margin-bottom:5px; text-align:center;}
#clioList p.price {font-weight:bold; color:#FF3300;}
#clioList div.subCol {float:left; width:112px; padding: 0 10px 0px 0; margin:0 0 0 0; overflow:hidden;}
#clioList div.subCol h3{line-height:1.5; font-size:100%; padding:0;}
#clioList div.subCol h3 a{color:#555555;}
#clioList div.subCol p{padding-left:0; clear:both; float:none;}

#clioList .pagenavi a{position:absolute; bottom:10px; background:fff; display:block; width:300px; padding:5px;}
#clioList .pagenavi .back a{left:0px; padding:5px 5px 5px 0;}
#clioList .pagenavi .next a{right:0px; text-align:right;}