@charset "utf-8";

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

@import url(../../common/css/common.css);
@import url(../../common/css/model_header_nav.css);
@import url(../../common/css/free-layout-1.5.css);
@import url(common.css);

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

/* flash area */
#swf821n {
	position: relative;
	width: 720px;
	height: 320px;
	background: url(../images/design_main_pict.jpg) 0 0 no-repeat;
}
#swf821n p.text { display: none; }
#swf821n p.bnr {
	position: absolute;
	top: 257px;
	left: 27px;
}

/* title line */
div#content-wrapper h2 {
	background: transparent url(../images/bg_title_line.gif) 0 100% repeat-x;
	padding: 0 0 11px 0;
}


/* Design
=================================================*/
div#des-block01 {
	position: relative;
	background: transparent url(../images/design_block01_bg.gif) 0 74px no-repeat;
	height: 303px;
}
div#des-block01 p.lead {
	position: absolute; 
	top: 140px;
	left: 39px;
}
div#des-block01 p.pict {
	position: absolute; 
	top: 33px;
	left: 356px;
}
div#des-block02 ul {
	margin: 0 0 0 20px;
}
div#des-block02 ul li {
	float: left;
	width: 245px;
	margin-bottom: 20px;
}
div#des-block02 ul li.none {
	float: left;
	width: 185px;
}
div#des-block03 {
	clear: both;
	padding: 0 0 25px 0; 
}
div#des-block03 div.clearfix {
	width: 100%;
}
div#des-block03 div.left {
	float: left;
	width: 342px;
}
div#des-block03 div.right {
	float: right;
	text-align: left;
	width: 342px;
}

div#des-block03 div.box {
	width: 342px;
	padding: 0 0 25px 0; 
}

div#des-block03 div.box dl {
	float: left;
	width: 175px;
	margin: 0;
}
div#des-block03 div.box dl dt {
	font-weight: bold;
	color: #e63660;
	margin: 0 0 10px 0; 
	padding: 0;
}
div#des-block03 div.box dl dd {
	margin: 0 0 10px 0; 
}
div#des-block03 div.box dl dd.btn {
	text-align: right;
	margin: 0;
}
div#des-block03 div.box p {
	float: right;
	width: 150px;
	margin: 0;
}