@charset "utf-8";


#header p.logo{
	float: left;
	clear: both;
}
#header p.adress{
	float: left;
	clear: right;
}

/* テーブル
---------------------------------------- */
p.number{
	margin:0 0 5px;
	padding:6px 0 5px 8px;
	background-color:#efe;
	clear:both;
}

table.search-lt{
	clear:both;
}
table.search-lt tr th{
	width:100px;
	padding:12px 5px 8px 27px;
	background-position:4% 50%;
	background-repeat:no-repeat;
	background-color:#eee;
	border:solid 1px #ccc;
	text-align:left;
}
table.search-lt tr th.i-g{
	background-image:url(../img/icon-genre.gif);
}
table.search-lt tr th.i-p{
	background-image:url(../img/icon-price.gif);
}
table.search-lt tr th.i-t{
	background-image:url(../img/icon-target.gif);
}
table.search-lt tr td{
	padding:10px 0 3px 8px;
}
table.search-lt ul{
	list-style-type:none;
}
table.search-lt ul li{
	float:left;
}
* html body table.search-lt ul li{
	white-space:nowrap;
}
*:first-child+html table.search-lt ul li{
	white-space:nowrap;
}

/* 検索テーブル
---------------------------------------- */
div#custom_box {
	margin:0px 0 10px;
	border-collapse: collapse;
	border-spacing: 0;
	width: 573px;
	padding: 10px;
	background: #D4FCC9;
	border-top: 2px solid #90BA2C;
}
div#custom_box th{
	padding: 3px;
	width: 120px;
}
div#custom_box form input#search_free{
	width: 300px;
}



/* ソート
---------------------------------------- */
.sortable {
	margin:20px 0 10px;
	border-collapse: collapse;
	border-spacing: 0;
	border-right: 1px solid #693;
	width: 595px;
}
.sortable thead tr th{
	border: 1px solid #693;
}
.sortable th {
	padding:5px 5px 3px;
	background: url(../img/sort-img/tabe_back.gif) repeat-x left top;
	text-align:center;
	height: 20px;
}
#w-1{
	width:100px;
}
#w-2{
	width:60px;
}
#w-3{
	width:40px;
}
#w-4{
	width:55px;
}
#w-5{
	width:55px;
}
#w-6{
	width:150px;
}
#w-7{
	width:50px;
}
#w-8{
	width:40px;
}
#w-9{
	width:60px;
}

.sortable td {
	padding:5px;
	border-bottom:1px solid #693;
	border-left: 1px solid #693;
}
td span {
	font-size: 16px;
	font-weight: bold;
	color: #FF3300;
}
.sortable .head {
	cursor:pointer;
	background: url(../img/sort-img/sort.gif) no-repeat left top;
}
.sortable .desc {
	background: url(../img/sort-img/desc.gif) no-repeat left top;
	cursor:pointer;
}
.sortable .asc {
	background: url(../img/sort-img/asc.gif) no-repeat left top;
	cursor:pointer;
}

.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#F7FEF1}

#controls { margin:0 auto 20px auto; height:20px;}
#perpage {float:left; width:200px}
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:150px; text-align:center;}
#navigation img {cursor:pointer;}
#text {float:right; width:200px; text-align:right; margin-top:2px;}

.sortable tr td {
	height: 100px;
}

/* 詳細ページ　テーブル
---------------------------------------- */
table.syosai {
	margin:20px 0 10px;
	border-collapse: collapse;
	border-spacing: 0;
	border-right: 1px solid #CCCCCC;
	width: 580px;
	padding: 0px;
	border-top: 1px solid #CCCCCC;
}
table.syosai td {
	padding:5px;
	border-bottom:1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	text-align: center;
}
table.syosai td.tel {
	background: url(../img/tel.gif) no-repeat center bottom;
	height: 70px;
	vertical-align: top;
}
table.syosai td.ttl {
	font-weight: bold;
	background: #F7FEF1;
	width: 100px;
}
table.syosai td p {
	text-align: left;
}


/* 詳細ページ 写真
---------------------------------------- */
div#mainp {
	width: 580px;
	margin-top: 10px;
}
div.section {
	width: 570px;
	background: #000000;
	padding: 5px 3px 5px 7px;
}
div.section p{
	text-align: center;
	margin: 0px;
	padding: 0px;
}
div.section p.siro{
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	clear: both;
}
div.section div.thumbnail img{
	cursor:pointer;
	margin: 0px;
	padding: 0px 5px 5px 0px;
	float: left;
	width: 90px;
}
/* outmost wrapper element */
#scrollable {
	width:570px !important;
}

/* container for the scrollable items */
div.items {
	height:90px;	
	width:570px !important;
}
div.items img{
	cursor:pointer;
	margin: 0px;
	padding: 0px 5px 5px 0px;
	float: left;
	width: 90px;
}

/* navigator */
div.navi {
	width:570px;
	height:15px;
	text-align: center;
}


/* items inside navigator */

div.navi span {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(http://www.flowplayer.org/img/playlist/dots.png) 0 0 no-repeat;     
	cursor:pointer;
}

div.navi span:hover {
	background-position:0 -8px;      
}

div.navi span.active {
	background-position:0 -16px;     
} 


/* トップ一覧
---------------------------------------- */
div#used-box {
	width: 595px;
}
div#used-box div.box{
	text-align: center;
	padding: 1px 1px 10px;
	width: 142px;
	border: 1px solid #CCCCCC;
	height: 160px;
	float: left;
	margin: 1px;
}
div#used-box div.box p{
	width: 142px;
	margin: 0px;
	padding: 0px;
	line-height: 140%;
}
div#used-box div.box p.top img{
	padding-bottom: 12px;
	padding-top: 10px;
}
div#used-box div.box p.top a img{
}
div#used-box div.box p.red-b{
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
}
