@charset "utf-8";

body {
	font-size:13px;
    font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background:#FFF6DD;
}

/*
wireframe
==============================================================================
*/

#wrapper {
	position:relative;
	margin:0;
	padding:0;
}

#header {
	position:relative;
	margin:0;
	padding:0;
}

#header #headerInner {
	position:relative;
	width:960px;
	margin:0 auto;
	padding:0;
}

#content {
	position:relative;
	width:960px;
	margin:0 auto;
	padding:0;
}

#content #container {
	zoom:100%;
	padding:30px 30px 40px;
}

#content #container:after {
	content:" "; 
	clear:both; 
	height:0; 
	display:block; 
	visibility:hidden;
}

#content #container #main {
	zoom:100%;
	position:relative;
	margin:0;
}

#content #container #main:after {
	content:" "; 
	clear:both; 
	height:0; 
	display:block; 
	visibility:hidden;
}

/**/

#footer {
	position:relative;
	margin:0;
	padding:0;
}

#footer #footerInner {
	position:relative;
	width:960px;
	margin:0 auto;
	padding:0;
}

/*
header
==============================================================================
*/

#header {
	background:#FFFFFF;
}

#header #headerInner {
	position:relative;
	height:78px;
}

#header #headerInner #logo {
	position:absolute;
	top:14px;
	left:22px;
}

#header #headerInner #description {
	position:absolute;
	top:8px;
	right:0;
	color:#999999;
	font-size:12px;
	text-align:right;
}

#header #headerInner #hn {
	position:absolute;
	top:30px;
	right:0;
	text-align:right;
}

#header #headerInner #hn ul li {
	display:inline;
}

#header #gn {
	position:relative;
	background:#C08855;
}

#header #gn ul {
	zoom:100%;
	width:960px;
	height:40px;
	margin:0 auto;
	background:url(../img/images/header/gn_bg.png) left top repeat-x;
}

#header #gn ul:after {
	content:" "; 
	clear:both; 
	height:0; 
	display:block; 
	visibility:hidden;
}

#header #gn ul li {
	float:left;
	width:192px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:normal;
	line-height:36px;
	text-align:center;
	padding:2px 0;
}

#header #gn ul li a {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	border-right:1px solid #332211;
	border-left:1px solid #665544;
}

#header #gn ul li:first-child a { border-left:none; }
#header #gn ul li:last-child  a { border-right:none; }

/*
content
==============================================================================
*/

#container {
	background:#FFFFFF;
}

#main h1 {
	font-size:21px;
	font-weight:bold;
	margin-bottom:20px;
	padding-bottom:10px;
	background:url(../img/images/common/border.png) left bottom repeat-x;
}

#main h2 {
	color:#663300;
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;
	padding-bottom:5px;
	border-bottom:1px solid #CCCCCC;
}

#main p {
	margin-bottom:1em;
}

#main strong {
	color:#CC0000;
}

/**/

#main .columns {
	zoom:100%;
}

#main .columns:after {
	content:" "; 
	clear:both; 
	height:0; 
	display:block; 
	visibility:hidden;
}

/**/

#main .frameBox {
	margin-bottom:20px;
	padding:6px;
	background:#E0D0C0;
	border-radius:5px;
}

#main .frameBox .content {
	padding:20px 20px;
	background:#FFFFFF;
	border:1px solid #C0B0A0;
}

#main .frameBox fieldset {
	margin-bottom:1em;
}

#main .frameBox legend {
	color:#990000;
	font-weight:bold;
	margin-bottom:0.5em;
}

/**/

#main table.dataTbl {
	width:100%;
	background:#FFFFFF;
	border-collapse:collapse;
}

#main table.dataTbl th,
#main table.dataTbl td {
	padding:10px 10px;
	border:1px solid #C0B0A0;
}

#main table.dataTbl thead th {
	text-align:center;
	background:#F6F4EC;
}

#main table.dataTbl tbody td {
	text-align:right;
}

/**/

#main table.inputTbl1 {
	width:460px;
	margin:0 auto 1em;
	border-collapse:collapse;
}

#main table.inputTbl1 th,
#main table.inputTbl1 td {
	padding:10px 0;
}

#main table.inputTbl1 th {
	width:15em;
}

#main table.inputTbl1 td {
}

/**/

#main table.inputTbl2 {
	width:100%;
	margin:0 auto 1em;
	border-collapse:collapse;
}

#main table.inputTbl2 th,
#main table.inputTbl2 td {
	padding:10px 0;
}

#main table.inputTbl2 th {
	width:14em;
}

#main table.inputTbl2 td {
}

#main table.inputTbl2 ul {
	zoom:100%;
}

#main table.inputTbl2 ul:after {
	content:" "; 
	clear:both; 
	height:0; 
	display:block; 
	visibility:hidden;
}

#main table.inputTbl2 ul li {
	float:left;
	width:33%;
	font-size:12px;
	margin:0.25em 0;
}

/**/

#main table.companyTbl {
	width:100%;
	background:#FFFFFF;
	border-collapse:collapse;
}

#main table.companyTbl th,
#main table.companyTbl td {
	padding:10px 10px;
	border:1px solid #C0B0A0;
}

#main table.companyTbl thead th {
	text-align:center;
	background:#F6F4EC;
}

#main table.companyTbl tbody th {
	background:#F6F4EC;
}

#main table.companyTbl tbody td {
	text-align:left;
}

/**/

#main input[type=text],
#main input[type=number],
#main input[type=address],
#main input[type=tel],
#main input[type=url],
#main input[type=email],
#main input[type=password] {
	font-size:14px;
	padding:4px;
	border:1px solid #CCCCCC;
	border-radius:2px;
}

#main label input[type=text],
#main label input[type=email],
#main label input[type=address],
#main label input[type=tel],
#main label input[type=url],
#main label input[type=number],
#main label input[type=password] {
	margin-left:0.5em;
}

#main label input[type=radio],
#main label input[type=checkbox] {
	margin-right:0.5em;
}

#main select {
	padding:4px;
	border:1px solid #CCCCCC;
	border-radius:2px;
}

/**/

#main .btns {
	text-align:center;
	margin-top:10px;
}

#main button.btn {
	padding:0;
/*	background:none;*/
	border:none;
}

/*
home
==============================================================================
*/

#brand {
	background:#FAEAAA;
}

#brandInner {
	position:relative;
	width:960px;
	height:390px;
	margin:0 auto;
	padding:0;
	background:url(../img/images/home/brand.jpg) center top no-repeat;
	border-bottom:1px solid #DDDDDD;
}

#brand .loginFormStylist {
	position:absolute;
	bottom:0;
	left:270px;
	width:420px;
	background:#FFFFFF;
	border-top:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
}

#brand .loginFormStylist form {
	zoom:100%;
	padding:15px 20px;
}

#brand .loginFormStylist form:after {
	content:" "; 
	clear:both; 
	height:0; 
	display:block; 
	visibility:hidden;
}

#brand .loginFormStylist form .inputs {
	float:left;
}

#brand .loginFormStylist form .btns {
	float:right;
	width:100px;
}

#brand .loginFormStylist label {
	display:block;
	line-height:24px;
	margin-bottom:10px;
}

#brand .loginFormStylist label img {
	vertical-align:middle;
}

#brand .loginFormStylist input[type=text],
#brand .loginFormStylist input[type=email],
#brand .loginFormStylist input[type=password] {
	width:180px;
	font-size:14px;
	padding:4px;
	border:1px solid #CCCCCC;
	border-radius:2px;
}

#brand .loginFormStylist button.btnLoginHome {
	width:100px;
	height:68px;
	margin:0 0 10px;
	padding:0;
	border:none;
	background:url(../img/images/home/btn_login_s.png) left top no-repeat;
}
.btnBid{
    width:140px;
	height:33px;
	margin:0 0 10px;
	padding:0;
	text-indent:-9999px;
	border:none;
	background:url(../img/images/owner/btn_bid.png) left top no-repeat;
}

/**/

#main #homeLeft,
#main #colLeft {
	float:left;
	width:650px;
}

#main #homeRight,
#main #colRight {
	position:relative;
	float:right;
	width:220px;
	margin:0;
	padding:0;
}

/**/

#homeLeft h2 {
	padding-bottom:0;
	border-bottom:none;
}

#homeLeft .fig {
	padding:6px;
	background:#E0D0C0;
	border-radius:5px;
}

#homeLeft .fig .content {
	padding:20px 20px;
	background:#FFFFFF;
	border:1px solid #C0B0A0;
}

#homeLeft .fig .content ul {
	zoom:100%;
}

#homeLeft .fig .content ul:after {
	content:" "; 
	clear:both; 
	height:0; 
	display:block; 
	visibility:hidden;
}

#colRight .block,
#homeRight .block {
	margin-bottom:20px;
	padding-bottom:8px;
	background:url(../img/images/common/block_shadow.png) center bottom no-repeat;
}

#colRight .block .content,
#homeRight .block .content {
	padding:10px;
	border-right:1px solid #C0B0A0;
	border-bottom:1px solid #C0B0A0;
	border-left:1px solid #C0B0A0;
}

#colRight .block .content ul li,
#homeRight .block .content ul li {
	padding-bottom:10px;
	border-bottom:1px solid #C0B0A0;
}

#colRight .block .content ul li:last-child,
#homeRight .block .content ul li:last-child {
	border-bottom:none;
}

#colRight .block .content ul li dl dt.date,
#homeRight .block .content ul li dl dt.date {
	color:#443322;
	font-weight:bold;
}

#colRight .block .content ul li dl dd.text,
#homeRight .block .content ul li dl dd.text {
	color:#666666;
}

/*
introduction
==============================================================================
*/

#main .introduction .columns {
	margin-bottom:20px;
}

#main .introduction .columns .left,
#main .introduction .columns .right {
	width:320px;
	background:#F0F0D0;
}

#main .introduction .columns h2 {
	color:#663300;
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
	padding:15px 20px 0;
	border-bottom:none;
}

#main .introduction .columns ul {
	padding:0 20px 20px;
}

#main .introduction .columns ul li {
	padding:10px;
	margin-bottom:10px;
	background:#FFFFFF;
	border-radius:5px;
}

#main .introduction .columns ul li:last-child {
	margin-bottom:0;
}

/*
search
==============================================================================
*/

/* search box */

#main .search {
	margin-bottom:20px;
}

#main .searchBox {
	padding:6px;
	background:#E0D0C0;
	border-radius:5px;
}

#main .searchBox .content {
	padding:20px 200px 20px 20px;
	background:#FFFFFF url(../img/images/owner/search_box_bg.jpg) right bottom no-repeat;
	border:1px solid #C0B0A0;
}

#main .searchBox ul {
	zoom:100%;
}

#main .searchBox ul:after {
	content:" "; 
	clear:both; 
	height:0; 
	display:block; 
	visibility:hidden;
}

#main .searchBox ul li {
	float:left;
	width:33%;
	font-size:12px;
	margin:0.25em 0;
}

#main .searchBox button.btnSearch {
	width:200px;
	height:40px;
	padding:0;
	text-indent:-9999px;
	border:none;
	background:url(../img/images/common/btn_search.png) left top no-repeat;
}

/* search result */

#main ul.resultList {
	
}

#main ul.resultList li.item {
	zoom:100%;
	padding:0 0 20px;
	background:url(../img/images/common/border.png) left bottom repeat-x;
}

#main ul.resultList li.item:after {
	content:" "; 
	clear:both; 
	height:0; 
	display:block; 
	visibility:hidden;
}

#main ul.resultList li.item .left {
	float:left;
	width:480px;
}

#main ul.resultList li.item .right {
	float:right;
	width:400px;
}

#main ul.dataList {
	zoom:100%;
	margin-bottom:15px;
}

#main ul.dataList:after {
	content:" "; 
	clear:both; 
	height:0; 
	display:block; 
	visibility:hidden;
}

#main ul.dataList li {
	float:left;
	width:50%;
}

#main dl.dataListPair {
	font-size:12px;
	line-height:2;
	margin:0 5px;
}

#main dl.dataListPair dt {
	width:10em;
	font-weight:bold;
}

#main dl.dataListPair dd {
	min-height:2em;
	margin-top:-2em;
	margin-bottom:0.5em;
	padding-left:10em;
	border-bottom:1px dotted #666666;
}

#main ul.resultList .intro {
	color:#444444;
	font-size:12px;
	line-height:1.6;
}

#main ul.resultList dl.nowPrice {
	float:left;
	width:330px;
	line-height:33px;
	background:#FFEEEE;
	border-radius:5px;
}

#main ul.resultList dl.nowPrice dt {
	width:14em;
	text-align:center;
}

#main ul.resultList dl.nowPrice dd {
	margin-top:-33px;
	padding-left:14em;
}

#main ul.resultList dl.nowPrice dd strong {
	color:#CC0000;
	font-size:18px;
	font-weight:bold;
	vertical-align:middle;
}

#main ul.resultList .detail {
	float:right;
}

#main ul.resultList ul.imgList li {
	display:inline;
}

/*
bid
==============================================================================
*/

/**/

#main .bidStylistData,
#main .bid,
#main .bidResult {
	margin-bottom:20px;
}

/**/

#main .bidStylistData .left {
	width:600px;
}

#main .bidStylistData .right {
	width:300px;
}

/**/

#main .bid {
	float:left;
	width:440px;
}

#main .bid .content {
	text-align:center;
	padding:20px;
	background:#FFEEEE;
	border-radius:5px;
}

#main .bid fieldset {
	margin-bottom:10px;
}

/**/

#main .bidResult {
	float:right;
	width:440px;
}

/*
pagetop
==============================================================================
*/

#pagetop {
	clear:both;
	text-align:right;
	background:#FAEAAA;
}

/*
footer
==============================================================================
*/

#footer {
	background:#443322;
}

#footer #footerInner {
	padding:40px 0;
	background:#221111;
}

#footer #fn ul {
	font-size:12px;
	text-align:center;
	margin-bottom:20px;
}

#footer #fn ul li {
	display:inline;
	margin-right:0.5em;
	padding-right:0.5em;
	border-right:1px solid #443333;
}

#footer #fn ul li:last-child {
	margin-right:0;
	padding-right:0;
	border-right:none;
}

#footer #fn ul li a {
	color:#FFFFFF;
}

#footer .copyright {
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
}