@import url("base.css");
@import url("second.css");

/* ĥʥ
----------------------------------------------------------------------------- */
#navi_concept li{
list-style-type: none;
}

#navi_concept li a{
text-indent: -9999px;
list-style-type: none;
height: 50px;
width: 138px;
background-image: url('../img/navi_concept.gif');
display: block;
}

#navi_concept .concept01 a{
background-position: 0px 0px;
}

#navi_concept .concept02 a{
background-position: 0px -50px;
}

#navi_concept .concept03 a{
background-position: 0px -100px;
}

#navi_concept .concept04 a{
background-position: 0px -150px;
}

#navi_concept .concept01 a:hover,#navi_concept .concept01_on a{
background-position: 142px -0px;
}

#navi_concept .concept02 a:hover,#navi_concept .concept02_on a{
background-position: 142px -50px;
}

#navi_concept .concept03 a:hover,#navi_concept .concept03_on a{
background-position: 142px -100px;
}

#navi_concept .concept04 a:hover,#navi_concept .concept04_on a{
background-position: 142px -150px;
}

h2{
margin-bottom: 20px;
}



/* ߤʤΡ֤ˤ
----------------------------------------------------------------------------- */

.title_garden {
	background-image: url(../concept/img/garden/main_bk.gif);
	background-repeat: no-repeat;
	height: 611px;
	width: 720px;
	text-indent: -9999px;
}
.niwa_text {
	font-weight: bold;
	color: #996633;
	height: 100px;
	width: 360px;
	margin-top: -600px;
	margin-bottom: 430px;
	margin-left: auto;
	margin-right: 10px;
	line-height: 1.7em;
	font-size: 89%;
	letter-spacing: 0.1em;
}
.sbtitle_garden {
	background-image: url(../concept/img/garden/title_sb.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 210px;
	text-indent: -9999px;
}
.sisetsu {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	line-height: 1.2em;
	margin-bottom: 40px;
}
.sisetsu_tx {
	vertical-align: top;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 20px;
	font-size: 90%;
}
.jichi {
	background-image: url(../concept/img/garden/jichi.gif);
	height: 186px;
	width: 651px;
	text-indent: -9999px;
	background-position: center;
	margin-left: auto;
	margin-right: auto;
}
#jichi_txt {
	width: 400px;
	margin-top: -140px;
	margin-left: 230px;
	margin-bottom: 85px;
}
#jichi_txt p {
	font-size: 95%;
	font-weight: bold;
	margin-bottom: 15px;
}
#jichi_txt li {
	font-size: 88%;
}




/* 餷Ƥ
----------------------------------------------------------------------------- */
h2.title_kurashi{
text-indent: -9999px;
float: left;
height: 288px;
width: 406px;
background-image: url('../concept/img/landscape/title.gif');
}

p.title_kurashi{
font-size: 100%;
color: #996633;
font-weight: bold;
line-height: 1.7em;
letter-spacing: 0.1em;
margin-top: 50px;
float: left;
}

/* ޴Ť */
#gokan h3{
text-indent: -9999px;
height: 32px;
width: 221px;
background-image: url('../concept/img/landscape/gokan_title.gif');
}

#gokan p{
margin-top: 10px;
margin-left: 35px;
}

#gokan .text{
float: left;
}

#gokan object{
margin-bottom: 20px;
float: right;
}

#go_kyotei,#kyotei{/* ١BOX */
margin: 20px auto 40px;
padding: 10px;
border: 1px dotted #BB9F8F;
width: 630px;
background-color: #F7F5E6;
}

#go_kyotei{
color: #996633;
}

#go_kyotei a,#go_kyotei a:hover{
color: #996633;
margin-right: 10px;
}

#go_kyotei p{
margin-left: 0px;
padding: 0px;
}

#go_kyotei strong{
font-size: 120%;
color: #C69C51;
}

/* ¿⤱ޤ */
#anshin{
margin-bottom: 40px;
}

#anshin h3{
text-indent: -9999px;
height: 32px;
width: 221px;
background-image: url('../concept/img/landscape/anshin_title.gif');
}

#anshin dt,#kufu dt{/* ¿⤱ޤĶιפ˻ */
font-size: 100%;
color: #996633;
padding-left: 20px;
background-image: url('../concept/img/landscape/icon.gif');
background-repeat: no-repeat;
background-position: left center;
}

#anshin dd,#kufu dd{/* ¿⤱ޤĶιפ˻ */
margin-bottom: 20px;
margin-left: 20px;
}

#anshin div{/* ¿⤱ޤκ */
margin-left: 35px;
float: left;
width: 320px;
}

*html #anshin div{
margin-left: 0px;
padding-left: 35px;
}

#anshin .kukaku{/* ¿⤱ޤdiv */
padding-bottom: 160px;
background-image: url('../concept/img/landscape/anshin.gif');
background-repeat: no-repeat;
background-position: center bottom;
}

/* Ķι */
#kufu{
margin-bottom: 20px;
background-image: url('../concept/img/landscape/bar.gif');
background-repeat: no-repeat;
background-position: center center;
}

#kufu h3{
text-indent: -9999px;
height: 32px;
width: 162px;
background-image: url('../concept/img/landscape/kufu_title.gif');
background-repeat: no-repeat;
}

.hikari{/*  */
margin-left: 35px;
padding-bottom: 160px;
width: 320px;
background-image: url('../concept/img/landscape/hikari.gif');
background-repeat: no-repeat;
background-position: center bottom;
}

*html .hikari{
margin-left: 0px;
padding-left: 35px;
}

.hikari h5{
margin-left: 20px;
}

.hikari ul{
margin-left: 40px;
}

.hikari li{
font-size: 88%;
list-style-type: disc;
}

.yutori{
margin-left: 20px;
padding-bottom: 80px;
width: 340px;
background-image: url('../concept/img/landscape/yutori.gif');
background-repeat: no-repeat;
background-position: right bottom;
}

*html .yutori{
margin-left: 0px;
padding-left: 20px;
}

.yutori h5{
margin-left: 20px;
}

.yutori ul{
width: 135px;
}

.yutori li{
font-size: 88%;
margin-left: 40px;
list-style-type: disc;
}

#kufu div{/* Ķιפκ */
float: left;
}

#kufu h5{
font-size: 100%;
}

/* ڥ¼ʤŤ궨 */
#kyotei h3{
text-indent: -9999px;
margin-bottom: 10px;
height: 24px;
width: 354px;
background-image: url(../concept/img/landscape/kyotei_title.gif);
}

#kyotei .t{
background-color:#FFFFFF;
}

#kyotei .pdf{
color:#996633;
}




/* ڱΤ餷
----------------------------------------------------------------------------- */
.title_field {
	background-image: url(../concept/img/field/title_field.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 35px;
	width: 205px;
}
.p_field {
	color: #993300;
	width: 350px;
	float: left;
	line-height: 1.5em;
}
.title02_field {
	background-image: url(../concept/img/field/title02_field.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 32px;
	width: 340px;
	margin-top: 50px;
}
.sup {
	font-size: 85%;
	text-align: right;
	margin-top: 30px;
	margin-right: 20px;
}
#question {
	background-image: url(../concept/img/field/question.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 271px;
	width: 592px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

#question2 {
	background-image: url(../concept/img/field/question2.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 330px;
	width: 592px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

#question li,#question li a{
	text-indent: -9999px;
	margin-top: 11px;
	margin-left: 20px;
	list-style-type: none;
	height: 47px;
	width: 250px;
	display: block;
}


#question2 li, #question2 li a {
	text-indent: -9999px;
	margin-top: 15px;
	margin-left: 20px;
	list-style-type: none;
	height: 48px;
	width: 250px;
	display: block;
}

*html #question li,#question li a, #question2 li,#question2 li a {
	margin-top: 8px;
}

#question .q01, #question2 .q01{
background-image: url('../concept/img/field/question_q01.gif');
display: block;
}

#question .q02, #question2 .q02{
background-image: url('../concept/img/field/question_q02.gif');
display: block;
}

#question .q03, #question2 .q03{
background-image: url('../concept/img/field/question_q03.gif');
display: block;
}

#question .q04, #question2 .q04{
background-image: url('../concept/img/field/question_q04.gif');
display: block;
}

#question ul, #question2 ul {
	float: left;
	width: 280px;
	height:271px;
}

#question img, #question2 img {
	margin-top: 10px;
}
.seeds_hp {
	font-weight: bold;
	color: #993300;
	margin-bottom: 20px;
	text-align: right;
	margin-right: 20px;
	font-size: 88%;
}
.seeds_hp a {
	font-weight: bold;
	color: #993300;
}
.seeds {
	background-image: url(../concept/img/field/100seeds.gif);
	height: 206px;
	width: 602px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
}
.seeds_txt {
	width: 260px;
	margin-left: 140px;
	margin-top: -120px;
	margin-bottom: 15px;
	line-height: 1.2em;
	font-size: 89%;
}

#seeds {
	height: 206px;
	width: 602px;
	margin-right: auto;
	margin-left: auto;
}

#field object{
margin-bottom: 40px;
}

.attention {
	font-size: 85%;
	text-align: right;
	margin-bottom: 40px;
}