@charset "UTF-8";
/* CSS Document */

div#order_title {
	width:940px;
	height:38px;
	border-bottom:2px solid #f2c978;
	margin:20px 0 26px 0;
}

div#order_title p.order_title01 {
	width:155px;
	height:38px;
	text-indent:-9999px;
	background:url(../order/images/title01.png) no-repeat top left;
	float:left;
}

div#order_title p.order_title02 {
	width:459px;
	height:38px;
	text-indent:-9999px;
	background:url(../order/images/title02.gif) no-repeat top left;
	float:right;
}


div#order_cont {
	width:940px;
}

div#order_left {
	width:296px;
	margin:0 0 0 23px;
	_margin:0 0 0 10px;
	float:left;
}

div#order_left p.concept {
	width:296px;
	height:251px;
	text-indent:-9999px;
	background:url(../order/images/concept.gif) no-repeat top left;
}

div#order_left p.crara {
	margin-bottom:6px;
}

div#order_left p.precedent {
	margin-bottom:6px;
}

div#order_left p.voice {
	margin:0 0 49px 0;
}

div#order_left p.flow_explanation {
	margin:15px 0 57px 0;
}

div#order_left ul#side_banner li {
	margin:0 0 9px 0;
}

div#order_right {
	width:580px;
	margin:0 0 0 41px;
	_margin:0 0 0 28px;
	float:left;
}

div#order_right div#content {
	width:580px;
}

div#order_right h2 {
	margin:0 0 49px 0;
}

div#order_right div.sub {
	width:580px;
	height:27px;
}

div#order_right div.sub img {
	float:left;
	margin:0;
	padding:0;
}

div#order_right div.sub h5 {
	margin:0;
	padding:0;
}

div#box1, div#box2, div#box3, div#box4, div#box5, div#box6, div#box7, div#box8, div#box9, div#box10, div#box11, div#box12 {
	width:570px;
	padding:8px 0 6px 8px;
	border:1px solid #aaaaaa;
	background-color:#ffffff;
}

div#box1 h4, div#box2 h4, div#box3 h4, div#box4 h4, div#box5 h4, div#box6 h4, div#box7 h4, div#box8 h4, div#box9 h4, div#box10 h4, div#box11 h4, div#box12 h4 {
	width:108px;
	float:left;
}

div#box12 h5 {
	width:563px;
	float:left;
}

div#box1 p, div#box2 p, div#box3 p, div#box4 p, div#box5 p, div#box6 p, div#box7 p, div#box8 p, div#box9 p, div#box10 p, div#box11 p, div#box12 p {
	width:450px;
	float:left;
	margin:0 0 0 6px;
	color:#646464;
}


p#pagetop {
	color:#323232;
	width:100px;
	padding:12px 0 0 0;
	float:right;
}


div#footer_banner {
	width:940px;
	height:89px;
	margin:20px 0 0 0;
}

li.blog,li.gallery,li.architect,li.footer_form {
	float:left;
	margin:0 10px 0 0;
}

li.tel_guide {
	float:right;
}


/*クリックによるボックスダウン*/

div.CollapsibleBox {
   /* ■ボックス全体■ */
	width:580px;               /* 横幅:390px */
}
div.CollapsibleBox div.CollapsibleBoxTitle {
   /* ■タイトル枠■ */
	width:580px;
}
div.CollapsibleBox div.CollapsibleBoxBody {
   /* ■本文枠■ */
	width:570px;
	height:107px;
	padding:8px 0 6px 8px;
	border:1px solid #aaaaaa;
	background-color:#ffffff;
	display: none;  /* 標準で非表示状態に */
}
div.CollapsibleBox div.CollapsibleBoxBody h4 {
   /* ■本文■ */
	width:108px;
	height:107px;
	float:left;
}
div.CollapsibleBox div.CollapsibleBoxBody p {
   /* ■本文■ */
	width:450px;
	height:107px;
	float:left;
	margin:0 0 0 6px;
	color:#646464;
}
div.CollapsibleBox div.CollapsibleBoxBody02 {
   /* ■本文枠■ */
	width:570px;
	height:328px;
	padding:8px 0 6px 8px;
	border:1px solid #aaaaaa;
	background-color:#ffffff;
	display: none;  /* 標準で非表示状態に */
}
div.CollapsibleBox div.CollapsibleBoxBody02 h4 {
   /* ■本文■ */
	width:108px;
	height:107px;
	float:left;
}
div.CollapsibleBox div.CollapsibleBoxBody02 p {
   /* ■本文■ */
	width:450px;
	height:107px;
	float:left;
	margin:0 0 0 6px;
	color:#646464;
}
div.CollapsibleBox div.CollapsibleBoxBody02 h5 {
   /* ■本文■ */
	width:563px;
	height:217px;
	float:left;
}