@CHARSET "UTF-8";

/**
 * Grid container
 */
#tiles {
list-style-type: none;
position: relative; /** Needed to ensure items are laid out relative to this container **/
margin: 0;
}

/**
 * Grid items
 */
#tiles > li {
width: 200px;
background-color: #ffffff;
border: 1px solid #dedede;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: none; /** Hide items initially to avoid a flicker effect **/
padding: 4px;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

#tiles > li:hover {
border : 1px solid #85AB4D!important;
background-color: #C2CD53!important;
}

#tiles > li.inactive {
opacity: 0;
display: none !important;
}

#tiles > li img {
display: block;
border-radius: 6px;
}

.filters {
list-style-type: none;
text-align: center;
}

.filters li {
font-size: 12px;
float: left;
padding: 4px 4px 4px 4px;
cursor: pointer;
  -webkit-transition: all 0.15s ease-out;
     -moz-transition: all 0.15s ease-out;
       -o-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 0 1% 0 1%;
}

.filters li:hover {
background: #dedede;
}

.filters li.active {
background: #888888;
color: #ffffff;
}

.filters li img {
	vertical-align : top ;
}

/**
 * Grid item text
 */
#tiles li p {
color: #666;
font-size: 12px;
margin: 7px 0 0 7px;
}

/**
 * Some extra styles to randomize heights of grid items.
 */
#tiles ali:nth-child(3n) {
height: 175px;
}

#tiles ali:nth-child(4n-3) {
padding-bottom: 30px;
}

#tiles ali:nth-child(5n) {
height: 250px;
}

/** General page styling **/

html {
}

header h1 {
	font-size: 24px;
}

header p {
	text-align: center;
	font-size: 13px;
	color: #777;
	margin: 0;
}

#loader {
    background: url("../img/assets/loader.gif") no-repeat scroll 7px center white;
    border-radius: 3px 3px 3px 3px;
    bottom: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    color: #777777;
    display: none;
    font-size: 11px;
    font-style: italic;
    height: 30px;
    left: 10px;
    line-height: 30px;
    min-width: 20px;
    padding-right: 10px;
    position: fixed;
    text-indent: 30px;
}

#loading {
    left: 45%;
    position: fixed;
    top: 50%;
    width: 200px;
    z-index: 9999;
}
/* ------------------------------
	orijinal
------------------------------ */

a:hover img {
opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */ -ms-filter: "alpha(opacity=75)"; /* IE 8 */ filter: alpha(opacity=75); /* IE lt 8 */ -khtml-opacity: .75; /* Safari 1.x */ -moz-opacity: .75; /* FF lt 1.5, Netscape */
}

body {
	background-color : #F8F6F3 ;
}

/*トップメニュー部分*/

div.topmenu01 {
	display: none;
	background : #4D4D4D ;
}

table.table_topmenu {
	color : #FFF ;
}

/* ------------------------------
	物件ページ 検索条件部分
------------------------------ */
.searchtab {
	background: #FFF;
	text-align: center;
	width : 140px ;
}
.searchtab a{
	color: #fff;
	background : #E54224 ;
	padding: 10px;
	margin: auto;
	display: block;
	width: 140px;
	border-radius : 0px 0 6px 6px ;
	-webkit-border-radius: 0px 0px 6px 6px;/* Safari,Google Chrome用 */
    -moz-border-radius: 0px 0px 6px 6px;/* Firefox用 */
    box-shadow : 1px 1px 5px #666666 ;
    -moz-box-shadow: 1px 1px 5px #666666;/* Firefox用 */
	-webkit-box-shadow: 1px 1px 5px #666666;/* Safari,Google Chrome用 */
	opacity: .90; /* Standard: FF gt 1.5, Opera, Safari */ -ms-filter: "alpha(opacity=90)"; /* IE 8 */ filter: alpha(opacity=90); /* IE lt 8 */ -khtml-opacity: .90; /* Safari 1.x */ -moz-opacity: .90; /* FF lt 1.5, Netscape */
}
.searchtab a:hover {
	background : #E36250 ;
}

table.table_topmenu td {
	padding : 5px ;
	border-bottom : 1px dotted #DEDEDE ;
	vertical-align : middle ;
}

table.table_topmenu td.end {
	border-bottom : none ;
}

table.table_topmenu td.td01 {
	width : 90px ;
	vertical-align : middle ;
	padding-left : 20px ;
	font-weight: bold;
	font-size: 14px;
}

table.table_topmenu td.td01 img {
	padding-right : 5px ;
}

ul.filters {
	margin : 0 ;
	padding: 0 0 0 10px;
}

ul.filters02 {
	width: 99%;
	margin : 0 ;
}

td.td_carriers {
	text-align : center ;
	width : 800px ;
}

ul.filters02 li {
	border : 1px solid #DDD ;
	background : #FFF ;
	padding : 3px ;
	box-shadow : 0 1px 3px rgba(34, 25, 25, 0.4) ;
	border-radius : 6px 6px 6px 6px ;
}

ul.filters02 li img {
	padding : 5px ;
	background : #FFF ;
	border-radius : 6px 6px 6px 6px ;
}

ul.filters02 li:hover img {
	padding : 5px ;
	background : #dedede ;
}

ul.filters02 li.active img {
	padding : 5px ;
	background : #dedede ;
}

ul#tiles > li {
	padding : 15px ;
	overflow:hidden ;
	line-height : 1.5 ;
	box-shadow : 0 1px 3px rgba(34, 25, 25, 0.4) ;
}
ul#tiles > li:last-child {
	margin-bottom: 50px;
}

ul#tiles > li a.iframe img {
}

ul#tiles > li.stay a {
}

ul#tiles > li.stay a:hover {
	text-decoration : underline ;
}
ul#tiles > li.member {
	background-color: #FFFFE1;
}

header#header03 {
	xdisplay: none ;

	position : absolute ;
	z-index: 999;
	top: -30px;
	opacity: .90; /* Standard: FF gt 1.5, Opera, Safari */ -ms-filter: "alpha(opacity=90)"; /* IE 8 */ filter: alpha(opacity=90); /* IE lt 8 */ -khtml-opacity: .90; /* Safari 1.x */ -moz-opacity: .90; /* FF lt 1.5, Netscape */
}

/*左上機種枠内*/

a img.backbtn01 {
	margin-left : 11px ;
}

/*商品枠内*/

div.content_text a {
	text-decoration : none ;
}

a.cboxElement {
	text-decoration : none ;
}

.CategoryContainer {
    height: 130px;
    left: -11px;
    overflow: hidden;
    position: absolute;
    top: -8px;
    width: 130px;
    z-index: 5;
}

.category {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    background-color: #a9a9a9;
    color: #fff;
    font-size: 16px;
    height: 22px;
    left: -28px;
    overflow: hidden;
    padding: 8px 0 5px 0;
    position: absolute;
    text-align: center;
    top: 25px;
    width: 155px;
    z-index: 5;
    box-shadow : 0 1px #FFFFFF inset, 0 1px 3px rgba(34, 25, 25, 0.4) ;
    opacity: 0.85;

	/* IE7, IE8
	top: -39px\9;
	font-size: 14px\9;
	padding: 4px 0 2px 0\9;
    filter:progid:DXImageTransform.Microsoft.Matrix(M11=1,M12=0.785,M21=-0.785,M22=1,SizingMethod='auto expand')\9;
 */
}

.Bt {
    background-color: #6b8e23;
}
.Bm {
    background-color: #2f4f4f;
}
.Bk {
    background-color: #5f9ea0;
}
.pricedown {
    background-color: #B0BF1E;
}
.new_arrivals {
    background-color: #CC6666;
}
.seiyaku {
    background-color: #5f9ea0;
}
.search {
    background-color: #808080;
}

p.name {
	font-weight: bold;
	margin : 15px 0 ;
	padding-bottom : 5px ;
	border-bottom : 1px solid #e8e8e8 ;
}

span.new {
	color: #ff0000;
}
span.price {
	font-weight: bold;
	margin : 15px 0 ;
	padding : 5px ;
	border-bottom : 1px solid #e8e8e8 ;
	text-align : right ;
	background : #e8e8e8 ;
	border-radius : 3px ;
	-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
    -moz-border-radius: 3px;/* Firefox用 */
}

p.details {
	text-align : right ;
}

p.details a {
	background-position : right top ;
	height : 16px ;
	padding-right : 20px ;
	display : block ;
	color : #4D4D4D ;
	text-decoration : none ;
}

p.details a:hover {
	color : #B4A791 ;
}

/*ページトップへ戻るボタン*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
	z-index : 10 ;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 15px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */ -ms-filter: "alpha(opacity=75)"; /* IE 8 */ filter: alpha(opacity=75); /* IE lt 8 */ -khtml-opacity: .75; /* Safari 1.x */ -moz-opacity: .75; /* FF lt 1.5, Netscape */
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}

/*colorbox内*/