@charset "utf-8";

/***********************************
  TOTO
  /css/top.css
***********************************/

@import "shadowbox.css";


/*--scroll_box--*/
div#scroll {
	height:283px;
	background:url(../images/miru/back_scroll.gif);
	padding:0 1px;
	margin-bottom:20px;
}
div#title-newcase {height:68px; overflow:hidden; padding:0 7px;}
div#title-newcase h3 {font-size:0; line-height:0; padding-top:5px; width:190px; float:left;}
div#title-newcase ul {list-style:none; width:718px; float:right; font-size:0; line-height:0;}
div#title-newcase ul li {float:left; margin:18px 7px 0 0;}
div#title-newcase ul li.cliping {float:right; margin:3px 0 0;}


div.scrollable {float:left; position:relative; overflow:hidden; width:892px; height:204px; margin:6px 0 0;}
div.scrollable div.items {width:20000em; position:absolute; clear:both; margin-left:0;}
div.scrollable div.items div {float:left; width:154px; padding:0; margin-left:15px;/*def_25px*/ line-height:1.4;}
div.scrollable div.items div table {border:1px solid #d9d9d9; background:#fff; margin-bottom:3px;}
div.scrollable div.items div table td {text-align:center; vertical-align:middle; width:152px; height:152px;}
div.scrollable div.items div table td img {max-height:150px; max-width:150px;}/*----------------------------*/
div.scrollable div.items div p {font-size:10px; line-height:1.5; padding:0 3px;}
div.scrollable div.items div span {color:#666; font-size:10px;}
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:23px;
	height:207px;
	background:url(../images/miru/arrow01.gif) top no-repeat;
	float:left;
	margin-top:0;
	cursor:pointer;
	font-size:0;
}
a.next, a.nextPage {
	background:url(../images/miru/arrow02.gif) top no-repeat;
	clear:right;
}
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {background-position:bottom;}
a.disabled {background-position:bottom;}

/*----box_layout----*/
div#left-clm {width:650px; float:left;}
div#right-clm {width:270px; float:right;}

/*----left_layout----*/
div.back660-bottom {
	height:7px;
	background:url(../images/miru/back650_bottom.gif) top no-repeat;
	margin-bottom:12px;
}

div#search-box {background:url(../images/miru/back650.gif);}
dl#search-title {padding-bottom:9px;}
dl#search-title dt {font-size:0; line-height:0;}
dl#search-title dd {position:absolute; margin:-24px 0 0 428px; font-size:10px;}
div#search-box-inner {padding:0 10px 4px;}
div#select-search {width:310px; padding-bottom:12px; float:left; background:url(../images/miru/back001.gif) top left repeat;}
div#select-search h3 {font-size:0; line-height:0; padding-bottom:9px;}
div#select-search div {margin-left:23px;}
div#select-search div dl dt {width:56px; float:left; font-size:0; line-height:0;}
div#select-search div dl dd select {width:200px;}
div#select-search div dl dd select.price {width:90px; margin-right:4px;}
div#select-search div dl dd select.price02 {width:90px; margin:0 4px;}
div#select-search div p {padding:11px 0 0 47px;}
div#keyeord-search {width:310px; float:right; background:url(../images/miru/back002.gif) top left repeat;}
div#keyeord-search h3 {font-size:0; line-height:0; padding-bottom:9px;}
div#keyeord-search ul {list-style:none; padding:0 0 13px 13px;}
div#keyeord-search ul li {float:left; margin-right:15px; font-size:10px;}
div#keyeord-search ul li a {background:url(../images/miru/lm002.gif) left no-repeat; padding-left:10px;}
dl#keyword-input {margin-left:16px;}
dl#keyword-input dt {width:54px; float:left;}
dl#keyword-input dd {float:left;}
dl#keyword-input dd input {margin-right:3px;}
dl#keyword-input dd input.text-input {width:200px; margin:0;}
dl#keyword-input dd p {padding-top:7px;}
dl#keyword-input dd img {margin-right:15px;}
div#search-box-bottom {height:7px; background:url(../images/miru/back650_bottom.gif); margin-bottom:20px;}

h3.title-part {font-size:0; line-height:0;}
div#part-box {background:url(../images/miru/back650.gif) repeat-y; padding:10px 7px 1px;}
div#part-box dl#part-room {
	width:315px;
	float:left;
	background:url(../images/miru/back_room.jpg) top repeat-x;
	padding-bottom:7px;
}
div#part-box dl#part-water {width:315px; float:right; background:url(../images/miru/back_water.jpg) top repeat-x;}
div#part-box dl#part-outer {width:315px; float:left; background:url(../images/miru/back_outer.jpg) top repeat-x;}
div#part-box dl#part-all {width:315px; float:right; background:url(../images/miru/back_all.jpg) top repeat-x;}
div#part-box dt {font-size:0; line-height:0; padding:6px 5px 3px;}
div#part-box dd ul {list-style:none; padding:0 0 1px 5px;}
div#part-box dd ul li {font-size:0; line-height:0; width:98px; float:left; margin:0 5px 5px 0;}

div#new-entry-list-box {padding-top:10px;}
h3.title-entry-list {font-size:0; line-height:0;}
div#new-entry-list-box ol {list-style:none; padding:0 0 10px;}
div#new-entry-list-box ol li {border-bottom:1px solid #b4dcb4; padding:6px 10px;}
div#new-entry-list-box ol li dt {width:10em; float:left; line-height:1.5;}
div#new-entry-list-box ol li dd {padding-left:10em; line-height:1.5;}
div#new-entry-list-box ol li dd a {font-weight:bold;}
div#new-entry-list-box ol li dd p {font-size:10px; padding-top:5px; line-height:1.4;}


/*----right_layout----*/
div#right-clm p.text-list {font-size:10px; padding:1px 10px 10px 0; text-align:right;}
div#right-clm p.text-list a {background:url(../images/miru/lm02.gif) left no-repeat; padding-left:10px;}
div#right-clm div.back270-bottom {height:7px; background:url(../images/miru/back270_bottom.gif) top no-repeat; margin-bottom:10px;}
div#right-clm div.back270-line {height:11px; background:url(../images/miru/back270_line.gif) top no-repeat;}

dl#pickup-box {background:url(../images/miru/back270.gif) repeat-y;}
dl#pickup-box dt {background:url(../images/miru/back270_top.gif) top no-repeat; font-size:0; line-height:0; padding-top:12px;}
dl#pickup-box dd p.description {position:absolute; margin:-15px 0 0 150px; padding-left:27px; font-size:10px; background:url(../images/miru/icon_up.gif) left no-repeat;}
dl#pickup-box dd ul {list-style:none; padding:15px 0 1px 10px;}
dl#pickup-box dd ul li {width:74px; float:left; margin:0 10px 5px 0; font-size:10px; line-height:1.4;}
dl#pickup-box dd ul li table {border:1px solid #d9d9d9; background:#fff; margin-bottom:3px;}
dl#pickup-box dd ul li table td {text-align:center; vertical-align:middle; width:70px; height:70px;}
dl#pickup-box dd ul li table td img {max-height:70px; max-width:70px;}/*----------------------------*/
div#ranking-box {background:url(../images/miru/back270.gif) repeat-y;}
div#ranking-box dl dt {font-size:0; line-height:0; padding:7px 0;}
div#ranking-box dl dd ol {list-style:none; padding:0 5px 1px 12px;}
div#ranking-box dl dd ol li {padding:0 5px 6px 28px;}
div#ranking-box dl dd ol li#no1 {background:url(../images/miru/no1.gif) top left no-repeat;}
div#ranking-box dl dd ol li#no2 {background:url(../images/miru/no2.gif) top left no-repeat;}
div#ranking-box dl dd ol li#no3 {background:url(../images/miru/no3.gif) top left no-repeat;}
div#ranking-box dl dd ol li#no4 {background:url(../images/miru/no4.gif) top left no-repeat;}
div#ranking-box dl dd ol li#no5 {background:url(../images/miru/no5.gif) top left no-repeat;}
div#ranking-box dl dd ol li table {border:1px solid #d9d9d9; background:#fff; float:left;}
div#ranking-box dl dd ol li table td {text-align:center; vertical-align:middle; width:70px; height:70px;}
div#ranking-box dl dd ol li table td img {max-height:70px; max-width:70px;}/*----------------------------*/
div#ranking-box dl dd ol li p {width:137px; float:right; font-size:10px; line-height:1.4;}
div#ranking-box dl dd ol li p a {font-size:12px;}