@charset "Shift_JIS";

@import url("header.css");

@import url("footer.css");

@import url("sub.css");

@import url("second.css");


/* 01. universal reset
----------------------------------------------------------------- */

*{
	font-size:100%;
	margin:0;
	padding:0;

	font-family: Verdana, "ＭＳ Ｐゴシック", Osaka;
}

a:link {
	text-decoration:none;
	color:#339900;
}
a:visited {
	text-decoration:none;
	color:#339900;
}
a:hover {
	text-decoration: underline;
	color:#66CC00;
}
a img {
	border: none;
}


/* 02. html and body
----------------------------------------------------------------- */

html {
	min-width:800px;
	background:#009900;
}

body {
	padding: 0;
	color:#333333;
}


/* 03. layout
----------------------------------------------------------------- */

#wapper {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position:relative;
	}

#wapper div.body {
	background:#FFF;
	padding:0;
}



/* 05. main
----------------------------------------------------------------- */

.content-bg {
	clear:both;
	background:#fff url(../images/bg_main_gray_01.gif) repeat-x;
}

div#content {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding:18px 0 0 0;
}

div#content p#image a {
	display:block;
	width:800px;
	height:334px;
	
	background:url(../../images/ph_selesys_image.jpg) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	border-width:0;
	margin:10px 0 35px 0;
}

div#content div#mainfla{
	display:block;	
	text-decoration:none;
	border-width:0;
	margin:10px 0 25px 0;
}


div#content #main {
	float:left;
	width:600px;
	margin:0 20px 0 0;
	padding:0;
	
	text-align:left;
}

div#content #sub {
	float:left;
	width:180px;
	margin:0;
	padding:0;

	text-align:left;
}


/* 06. primary
----------------------------------------------------------------- */

div#content #main p {
	font-size:75%;
	line-height:160%;
	margin:0 0 10px 0;
	padding:0;
}

div#content #main h2#info {
	display:block;
	width:600px;
	height:45px;

	background:url(../../images/ti_sele_info_01.gif) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	border-width:0;

	padding:0;
	margin:0 0 12x 0;
}

div#content #main h2#about {
	display:block;
	width:295px;
	height:62px;

	background:url(../../images/ti_sele_about_01.gif) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	border-width:0;

	padding:0;
	margin:20px 0 12px 0;
}

div#content #main h2#howto {
	display:block;
	width:295px;
	height:62px;

	background:url(../../images/ti_sele_howto_01.gif) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	border-width:0;

	padding:0;
	margin:20px 0 10px 0;
}

div#content #main h2#study {
	clear:both;

	display:block;
	width:600px;
	height:45px;

	background:url(../../images/ti_sele_study_01.gif) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	border-width:0;

	padding:0;
	margin:20px 0 12px 0;
}

div#content #main .about {
	float:left;
	width:295px;
	margin:0 10px 0 0;
	padding:0;
}

div#content #main .howto {
	float:left;
	width:295px;
	margin:0;
	padding:0;
}

div#content #main .about p,
div#content #main .howto p {
	width:295px;
}



div#content #main .study {
	float:left;
	width:600px;
}

div#content #main .box-study {
	float:left;
	margin:0;

	width:195px;

	border-top:1px solid #E4D8C6;
	border-right:1px solid #E4D8C6;
	border-bottom:4px solid #E4D8C6;
	border-left:1px solid #E4D8C6;
}

div#content #main .study .box-margin {
	margin:0 4px 0 0;
}

div#content #main .study h3#study01 a {
	display:block;
	width:186px;
	height:90px;

	background:url(../../images/ph_sele_study_01.jpg) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	border-width:0;

	padding:0;
	margin:4px 4px 5px 4px;
}

div#content #main .study h3#study02 a {
	display:block;
	width:186px;
	height:90px;

	background:url(../../images/ph_sele_study_02.jpg) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	border-width:0;

	padding:0;
	margin:4px 4px 5px 4px;
}

div#content #main .study h3#study03 a {
	display:block;
	width:186px;
	height:90px;

	background:url(../../images/ph_sele_study_03.jpg) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	border-width:0;
	
	padding:0;
	margin:4px 4px 5px 4px;
}


/* セレシスからのお知らせ
----------------------------------------------------------------- */

#main .info div#area {
	margin:12px 0 10px 5px;
/*	height:90px;
	overflow:auto;*/
	width:595px;
}

.info div#area dt {
	float:left;
	width:96px;
	padding:3px 0;
	color:#46AB4A;
	font-size:10px;
	line-height:120%;
}

.info div#area dd {
	float:left;
	width:470px;
	margin:0 0 5px 5px;
	font-size:75%;
	line-height:150%;
}

.info div#area dd img {
	margin-top:5px;
	margin-bottom:5px;
	margin-left:3px;

	font-size:75%;
	color:#FF9900;
	font-weight:bold;
}

.info div#list {
	margin-top:10px;
	padding-top:5px;
	border-top:#EEE 1px solid;

	font-size:75%;
	line-height:150%;
	text-align:right;
}

.info div#list a {
	font-weight:bold;
	padding-left:15px;
	background:url(../images/img_arrow_01.gif) no-repeat left 1px;
}


/* セレシスって何？
----------------------------------------------------------------- */

#main .about dl {
	padding: 0 0 10px 5px;
	list-style-type:none;
}

#main .about dl dt {
	background:url(../images/img_arrow_01.gif) no-repeat left;
	list-style: none;
	font-size:75%;
	line-height:160%;
}

#main .about dl dt a {
	font-weight:bold;
	padding-left: 15px;
}

#main .about dl dd {
	padding-left: 15px;
	font-size:65%;
	margin-bottom:5px;
}


/* これから家を建てる方必読！
----------------------------------------------------------------- */

#main .howto h3 {
	display:block;
	padding:5px 0 5px 5px;
	margin:5px 0;

	font-size:75%;
	line-height:100%;
	background:#EEE;
}


#main .howto dl {
	padding: 0 0 10px 5px;
	list-style-type:none;
}

#main .howto dl dt {
	background:url(../images/img_arrow_01.gif) no-repeat left;
	list-style: none;
	font-size:75%;
	line-height:160%;
}

#main .howto dl dt a {
	font-weight:bold;
	padding-left: 15px;
}

#main .howto dl dd {
	padding-left: 15px;
	font-size:65%;
	margin-bottom:5px;
}



/* 「セレシスを利用して本当に良かった。」家づくりの実例と体験談が満載！
----------------------------------------------------------------- */

#main .study dl {
	margin:6px;
	height:110px;
}

#main .study dt {
	font-size:75%;
	line-height:135%;
	font-weight:bold;	
}

#main .study dd {
	font-size:65%;
	line-height:135%;
	margin: 5px 0 0 0;
}


/* other
----------------------------------------------------------------- */

.attention {
	background:#EEE;
}

.attention p {
	color:#000;
	font-size:75%;
	line-height:135%;
	font-weight:bold;
	margin:8px;
}

.attention p a {
	padding-left:15px;	
	background:url(../images/img_arrow_01.gif) no-repeat 2px left;
}