@import url( format.css );
@import url( base.css );
@import url( inner.css );


/* mainContents style
---------------------------------------------------- */
	.hr01 {
		width:585px;
		height:1px;
		margin:5px 0px 20px 0px;
		background: url("../../images/dream/hr01.gif") repeat-x left top;	
	}


/*--------- concept --------------*/

#mainContents .subin{
	border:1px solid #D5CCB9;
	text-align:center;
	background-color: #ffffff;
	padding-top: 30px;
	padding-bottom: 0px;
	margin:0 0 24px;
	padding-right: 30px;
	padding-left: 30px;
}

/*- メインタイトル部分 --------------*/

	h1.pageTitle{
		padding:0px;
		text-align:left;
		height:70px;
		display:block;
		background:url(../../images/concept/tt_concept.gif) no-repeat;
	}
	.pageTitle span{
		position: absolute;
		z-index: -1;
	}

/*- メイン部分 --------------*/
#mainContents .conceptBlock{
	width:830px;
	margin:0px auto 0px auto;
	padding:0px 0px 40px 0px;
}

#mainContents .conceptBlock h2{
	width:830px;
	height:30px;
	margin:0px auto 28px auto;
	text-align:left;
}
	.conceptBlock span{
		position: absolute;
		z-index: -1;
	/*	font-size:12px; */
     }
	.conceptBlock h2#series{
/*		background: url("../../images/concept/stt_series.gif") ;*/
	}
	.conceptBlock h2#categories{
/*		background: url("../../images/concept/stt_categories.gif") ;*/
		background: url("../../images/concept/town/stt_categories.gif") ;
	}

#mainContents .conceptBlock p{
/*	padding:auto 0px 20px auto;*/
	text-align:left;
}

#mainContents .conceptBlock p.geoSeries{
	margin:0 auto;
	width:794px;
	color:#6B513A;
	line-height:160%;
}

#mainContents .partsImages{
	width:794px;
	margin:0 auto 22px auto;
}

#mainContents .partsImages img.f_left{
   float:left;
}
#mainContents .partsImages img.f_right{
   float:right;
}


#conceptFooter{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:right;
}

/*--------- 2010.1追加 --------------*/

/*- TOP --------------*/
#mainContents .conceptBlock #topMenu {
	margin-top: 10px;
}

#mainContents .conceptBlock #topMenu ul li {
	display: inline;
	margin-right: 10px;
}

#mainContents .conceptBlock #topMenu ul li.last {
	margin-right: 0;
}

#mainContents .conceptBlock #geocm {
	margin: 35px 25px 0;
	width: 732px;
	padding: 20px 26px 20px 20px;
	border: 1px solid #d5ccb9;
}

#mainContents .conceptBlock #geocm .boxL {
	width:387px;
	float: left;
}

#mainContents .conceptBlock #geocm .boxL p {
	margin-top: 16px;
	line-height: 160%;
}

#mainContents .conceptBlock #geocm .boxR {
	width:315px;
	float: right;
}

#mainContents .conceptBlock #geocm .boxR .cm {
	width:150px;
	float: left;
}

#mainContents .conceptBlock #geocm .boxR .mv {
	width:150px;
	float: right;
}

#mainContents .conceptBlock #geocm .boxR .thumb {
	margin-top: 6px;
}

#mainContents .conceptBlock #geocm .boxR .btn {
	margin-top: 7px;
}

#mainContents .conceptBlock #geocm .boxR .btn img {
	margin-bottom: 2px;
}

/*- 2nd --------------*/
.m10_b{
	margin-bottom: 15px;
}

.m20_b{
	margin-bottom: 20px;
}

ul.listMenu {
	margin-top: 20px;
}

ul.listMenu li {
	background: url(../../images/concept/icon_arrow.gif) left top no-repeat;
	padding-left: 18px;
	list-style-type: none;
	text-align: left;
}

#mainContents .conceptBlock #secondMenu {
	margin-top: 10px;
}

#mainContents .conceptBlock #secondMenu ul li {
	display: inline;
	margin-right: 1px;
}

#mainContents .conceptBlock #secondMenu ul li.last {
	margin-right: 0;
}

#mainContents .conceptBlock #visualImg {
	margin-top: 15px;
}

#mainContents .conceptBlock .secondBox1,
#mainContents .conceptBlock .secondBox2,
#mainContents .conceptBlock .secondBox3,
#mainContents .conceptBlock .secondBox4,
#mainContents .conceptBlock .secondBox5,
#mainContents .conceptBlock .secondBox6,
#mainContents .conceptBlock .secondBox7 {
	width: 830px;
	text-align: left;
}

#mainContents .conceptBlock .boxR strong {
/*	font-size: 13px;*/
}

#mainContents .conceptBlock .secondBox1 .boxR img,
#mainContents .conceptBlock .secondBox2 .boxR img,
#mainContents .conceptBlock .secondBox3 .boxR img,
#mainContents .conceptBlock .secondBox4 .boxR img,
#mainContents .conceptBlock .secondBox5 .boxR img,
#mainContents .conceptBlock .secondBox6 .boxR img,
#mainContents .conceptBlock .secondBox7 .boxR img {
	margin-bottom: 5px;
}

#mainContents .conceptBlock .sttl img {
	margin-bottom: 16px;
}

#mainContents .conceptBlock .line {
	margin: 15px 0;
}

#mainContents .conceptBlock .secondBox1 p {
	line-height: 150%;
}

#mainContents .conceptBlock .secondBox1 .boxR sup {
	font-size: 9px;
}

/* Box1 */
#mainContents .conceptBlock .secondBox1 {
	margin-top: 40px;
}

#mainContents .conceptBlock .secondBox1 .boxL {
	width: 428px;
	float: left;
}

#mainContents .conceptBlock .secondBox1 .boxR {
	width: 380px;
	float: right;
}

#mainContents .conceptBlock .secondBox1 .boxR .inBoxL {
	width: 190px;
	float: left;
}

#mainContents .conceptBlock .secondBox1 .boxR .inBoxR {
	width: 166px;
	float: right;
}

#mainContents .conceptBlock .secondBox1 p.ikeda {
	margin-top: 5px;
}

/* Box2 */
#mainContents .conceptBlock .secondBox2 {
	margin-top: 30px;
	margin-bottom: 30px;
}
#mainContents .conceptBlock .secondBox2 .boxL {
	width: 354px;
	float: left;
}

#mainContents .conceptBlock .secondBox2 .boxR {
	width: 410px;
	float: right;
}

#mainContents .conceptBlock .secondBox2 .boxR .inBoxL {
	width: 140px;
	float: left;
}

#mainContents .conceptBlock .secondBox2 .boxR .inBoxR {
	width: 250px;
	float: right;
}

/* Box3 */
#mainContents .conceptBlock .secondBox3 {
	margin-top: 30px;
}

#mainContents .conceptBlock .secondBox3 .boxL {
	width: 332px;
	float: left;
}

#mainContents .conceptBlock .secondBox3 .boxR {
	width: 480px;
	float: right;
}

#mainContents .conceptBlock .secondBox3 .boxR .inBoxL {
	width: 155px;
	float: left;
	margin-right: 8px;
}

#mainContents .conceptBlock .secondBox3 .boxR .inBoxC {
	width: 155px;
	float: left;
	margin-right: 7px;
}

#mainContents .conceptBlock .secondBox3 .boxR .inBoxR {
	width: 155px;
	float: right;
}

/* Box4 */
#mainContents .conceptBlock .secondBox4 {
	margin-top: 30px;
}

#mainContents .conceptBlock .secondBox4 .boxL {
	width: 500px;
	float: left;
}

#mainContents .conceptBlock .secondBox4 .boxR {
	width: 280px;
	float: right;
}

/* Box5 */
#mainContents .conceptBlock .secondBox5 {
	margin-top: 30px;
}

#mainContents .conceptBlock .secondBox5 .boxL {
	width: 372px;
	float: left;
}

#mainContents .conceptBlock .secondBox5 .boxR {
	width: 413px;
	float: right;
}

#mainContents .conceptBlock .secondBox5 .boxR .inBoxL {
	width: 194px;
	float: left;
}

#mainContents .conceptBlock .secondBox5 .boxR .inBoxR {
	width: 194px;
	float: right;
}

/* Box6 */
#mainContents .conceptBlock .secondBox6 {
	margin-top: 40px;
}

#mainContents .conceptBlock .secondBox6 .boxL {
	width: 546px;
	float: left;
}

#mainContents .conceptBlock .secondBox6 .boxR {
	width: 236px;
	float: left;
}

/* Box7 */
#mainContents .conceptBlock .secondBox7 {
	margin-top: 40px;
}

#mainContents .conceptBlock .secondBox7 .boxL {
	width: 430px;
	float: left;
}

#mainContents .conceptBlock .secondBox7 .boxR {
	width: 355px;
	float: right;
}

#mainContents .conceptBlock .secondBox7 .boxR .inBox1,
#mainContents .conceptBlock .secondBox7 .boxR .inBox2 {
	width: 355px;
}

#mainContents .conceptBlock .secondBox7 .boxR .inBox1 .inBox1L {
	margin-top: 16px;
	width: 228px;
	float: left;
}

#mainContents .conceptBlock .secondBox7 .boxR .inBox1 .inBox1R {
	margin-top: 16px;
	width: 91px;
	float: right;
}

#mainContents .conceptBlock .secondBox7 .boxR .inBox2 {
	margin-top: 40px;
}

#mainContents .conceptBlock .secondBox7 .boxR .inBox2 .inBox2L {
	width: 172px;
	float: left;
}

#mainContents .conceptBlock .secondBox7 .boxR .inBox2 .inBox2R {
	width: 172px;
	float: right;
}

#mainContents .conceptBlock .secondBox7 .eventNote {
	font-size: 10px;
}

#mainContents .conceptBlock .secondBox7 .eventNote img {
	vertical-align: middle;
}

/* DWデザインビュー用
----------------------------------------------------*/
/*
.clearfix {
	position: relative;
} */