@charset "utf-8";

/* ----------------------------------------------

	ザックザック / MARKET STYLE
	author   : (C)KAYAC http://www.kayac.com/

---------------------------------------------- */

@import url("./common/base.css");
@import url("./common/layout.css");
@import url("./common/module.css");


/*
ページごとに固有のスタイルを書く。
また、共通ファイルをimportする。
共通のものは/css/common以下の各ファイルに書くこと
*/


/* modules
---------------------------------------------- */
div#formArea {
    margin-top:20px;
	padding:0 20px;
}

div#form {
background:#FFFFFF none repeat scroll 0 0;
border:10px solid #000000;
font-size:123.1%;
margin:0 auto;
position:relative;
text-align:left;
width:910px;
}

div#formArea dl {
    padding:20px 0;
	border-bottom:1px dotted #666666;
	clear:both;
}

div.section p {
    margin:0;
}

div#formArea dl dd.formParts01 select {
    color:#000000;
    font-size:108%;
    width:100px;
}

div#formArea dl dd.formParts01 p {
    font-size:100%;
}

ul.formStep li {
}

#content div#main p.lead {
font-size:108%;
line-height:1.4;
}

#content div#main dl dt.formLabel01 {
    float:left;
	width:190px;
	clear:both;
}

div.finish{
	min-height: 290px;
	_height: 290px;
	background:#FDE800 url(/img/market/bg_finish.gif) no-repeat top right;
}

div#main div.btnSet01 {
	padding-top: 50px;
	padding-bottom: 10px;
	text-align:center;
}

div#formArea dl dd {
    float:left;
}

div.input dl.name input {
    width:200px;
}	

div.input dl.tell input {
    width:120px;
}

div.input dl.mail input,
dl.address input.address {
    width:450px;
}

dl.address p.addoress_top {
    margin-bottom:10px;
}

div.input dl.tell input {
    width:120px;
}	

	
div#main div.input p {
    font-size:108%;
}

div#formArea p.btn_toTop {
    padding-top:60px;
}

div#main ul.errText li {
    color:#ff0000;
	font-size:108%;
	background:url(/img/market/icn_error.gif) no-repeat left 7px;
	padding-left:20px;
}

h4.ttl_customer {
    margin-top:60px;
}
	
/* styles
---------------------------------------------- */

.title01 {
	position: relative;
}

.title01 .entry {
	position: absolute;
	top: 114px;
	right: 20px;
}

/* section
---------------------------------------------- */

.section {
	padding: 20px 0 0;
}

.section h3 {
	padding: 10px;
	font-size: 182%;
	line-height: 1.2;
	background-color: #4DC400;
}

div#main .section p.name {
	float: left;
	width: 590px;
	margin-top: 20px;
	font-size: 108%;
	line-height: 1.1;
}

.section .date {
	float: right;
	width: 100px;
	margin-top: 20px;
	color: #999999;
	text-align: right;
	font-size: 93%;
	line-height: 1.1;
}

.section .detail {
	clear: both;
}

.section p.photo,
.comment .section p.photo {
	float:left;
	width: 410px;
	margin-right: 20px;
}

.section p.photo a {
	display: block;
	width: 400px;
	height: 300px;
	overflow: hidden;
	padding: 5px 5px 30px;
	background: url(/img/common/bg_photo01.gif) no-repeat;
}

.section p.photo a:link,
.section p.photo a:visited {
	background-position: left bottom;
}
.section p.photo a:hover,
.section p.photo a:active {
	background-position:right bottom;
}

div#main .section p.mainText {
	font-size: 108%;
}


/* ----------------------------------------------

		hacks

---------------------------------------------- */
/* ----------------------------------------
	ClearFix Hack
   ---------------------------------------- */

/*  For IE 5.5-7
   ------------------------------- */

.clearfix {
	zoom: 1;
	}

/*  For Modern browsers
   ------------------------------- */

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