@charset "utf-8";
/* CSS Document */
/* ************************************************ 
	base  基本設定
 * ************************************************ */

* {
	font-family:"ＭＳ Ｐゴシック", Osaka, メイリオ "ヒラギノ角ゴ Pro W3";
	margin:0px;
	padding:0px;
	list-style:none;
}
.right {
	text-align:right;
}
.clear {
	clear:both;
}
.center {
	text-align:center;
}
.img_area {
	padding:0px 0px 0px 7px;
}
a {
/*color: #017acd*/
}
body {
background:url(../img/stript.gif);
	font-size:62.5%;/*color:#555;*/
}
body#company {
	zoom: 1; /* 印刷バグ解決 */
}
a:link {
	/*color: #009ACD;*/
	color:#996600;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color:#999900;
}
a:hover {
	text-decoration: none;
	color:#99CC00;
}
a:active {
	text-decoration: underline;
}
h1, h2, h3, h4 {
	font-size:1.1em;
	line-height:1.2em;
}
img {
	border:0;
}
/* コンテナ */
div#container {
	width: 763px;
	font-size:1.1em;
	background:#fff;
	margin:0px auto;
	padding:0px;
}
/* ヘッダーロゴ */
div#logo {
	width: 763px;
	height:76px;
	background:url(../img/base/header_bg_02.gif) repeat-x;
	padding:0px 0px 0px 0px;
	position:relative;
}
div#logo h1 {
	position:absolute;
	top:6px;
	left:37px;
	float:left;
	overflow:hidden;
	color:ffffff;
}
div#logo .tel {
	position:absolute;
	top:35px;
	left:288px;
}
div#logo .tel_01 {
	position:absolute;
	top:8px;
	right:0px;
}
/* ヘッダー 画像エリア*/
div#header {
	/*background:url(../img/header/se_title.jpg) no-repeat;*/
	padding: 0px 0px 90px 0px;
}
div#header h2 {
	font-weight:normal;
	padding:0px 0px 0px 10px;
	color:#ffffff;
}
/* メニュー */
ul#menu {
	font-size: 1.1em;
	margin:0px 0px 15px;
	height: 30px;
	background-color:#000;
	background-image: url(../img/rollover.png);
}
ul#menu li {
	list-style-type: none;
	float: left
}
ul#menu li a {
	display: block;
	width: 127px;
	line-height: 30px;
	text-decoration: none;
	text-align:center;
	color:#f8f8ff;
	background-color: #005087;
	background-image: url(../img/rollover.png);/*border-right: solid 1px #000;*/
}
ul#menu li a:hover {
	background-color: #017acd;
	background-position: left bottom;
}
/* パンくず */
#bread {
	padding:5px;
}
/* サービスヘッダー */
body#service #header {
	background:url(../img/service/se_title.jpg) no-repeat;
}
/* コンセプトヘッダー */
body#consept #header {
	background:url(../img/consept/co_title.jpg) no-repeat;
}
/* 会社情報ヘッダー */
body#company #header {
	background:url(../img/co_info/co_title.jpg) no-repeat;
}
/* プライバシーポリシーヘッダー */
body#privacy #header {
	background:url(../img/privacy/pr_title.jpg) no-repeat;
}
/* お問い合わせヘッダー */
body#inquiry #header {
	background:url(../img/inquiry/in_title.jpg) no-repeat;
}
/* Q&Aヘッダー */
body#qa #header {
	background:url(../img/qa/qa.jpg) no-repeat;
}
/* サイトマップヘッダー */
body#sitemap #header {
	background:url(../img/sitemap/si_title.jpg) no-repeat;
}
/* 建築事例ヘッダー */
body#construction #header {
	background:url(../img/construction/co_title.jpg) no-repeat;
}
div#header p {
	color:#f8f8ff;
	font-size:1.1em;
	margin: 0
}
/* コンテンツ */
div#content {
	width:740px;
	margin:0px auto;
	font-size:1.1em;
}
div#content h2 {
	background-image: url(../img/s_title.gif);
	background-repeat: no-repeat;
/*	font-size: 1.1em;
	color:#f8f8ff;
	line-height:1.8em;
	padding-left: 14px;*/
	font-size: 1.0em;
	color: #ffffff;
	line-height: 2.2em;
	padding-left: 20px;
	margin-bottom: 0
}

div#content h3 {
	background: url(../img/base/icon_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	line-height:1.1em;
	font-size:1.1em;
	/*color:#1F90C6;*/
	color:#996600;
	padding-left:20px;
	margin:10px 0px 10px 0px;

}
div#content p {
	font-size:1.0em;
	line-height:1.6em;
	margin-top: 10px;
	margin-left: 12px;
	margin-right: 12px
}
/* maincontents */
.main_contents {
	width:650px;
	font-size:1.0em;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 14px;
}
.main_contents_w {
	width:700px;
	font-size:1.0em;
	margin:0;
	padding:0
}
/* ************************************/
.main_contents h2 {
	width:600px;
	height:23px;
	margin:0px 0px 10px 0px;
}
.main_contents h3 {
	/*color:#1000B5;*/
	color:#996600;
	margin:10px 0px 0px 0px;
}
.main_contents h4 {
	margin:10px 0px 0px 0px;
}

/* サービス*******右に画像左テキスト */

div.left_box {
	width:350px;
	float:left;
	overflow:hidden;
	margin:0px 0px 10px 10px;
}
.main_contents{
width:650px;
padding:0px 0px 0px 10px;

}
.main_contents .listbox {
	width:250px;
	text-align:left;/* padding:5px 10px 20px;
	margin:0px  10px 20px;*/
}
.main_contents .listbox li {
	background:url(../img/base/icon_01.gif) no-repeat left center;
	line-height:1.6em;
	padding:0px 0px 0px 20px;
}
.main_contents p {
	margin:10px 0px 0px 0px;
}
.main_contents dl {
	width:200px;
	float:right;
	margin:10px 25px 10px 0px;
}
.main_contents dt img {
 border solid 1px #999999;
}
.main_contents .listbox dd {
	background:url(../img/base/icon_01.gif) no-repeat left center;
	line-height:1.6em;
	padding:0px 0px 0px 20px;
}
/* ***********プライバシーポリシー**********/
body#privacy p {
	width:550px;
	padding:10px;
}
/* メニュー */
ul#menu {
	font-size:1.1em;
	margin-top: 0;
	margin-bottom: 30px;
	margin-left: 0;
	padding-left: 0;
	height: 30px;
	background-color:#921304;
	background-image: url(../img/rollover.png);
}
ul#menu li {
	list-style-type: none;
	float: left
}
ul#menu li a {
	display: block;
	width: 126px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	color:#f8f8ff;
	background-color: #005087;
	background-image: url(../img/rollover.png);
	/*border-right: solid 1px #000;*/
}
ul#menu li a:hover {
	background-color: #017acd;
	background-position: left bottom;
}
/* newsコンテンツ */

.news {
	width:620px;
	padding:0px 0px 0px 35px;
}
p.button a {
	background-image: url(../img/shiryo.png);
	display: block;
	width: 200px;
	/*line-height: 30px;*/
	margin-left: auto;
	margin-right: auto;
}
p.button a:hover {
	background-position: left bottom;
}
p.button img {
	border: none;
}
/* フッター */
div#footer {
	height:300px;
	font-size:1.0em;
	color:#f8f8ff;
	background:url(../img/base/footer_bg.png) repeat-x;
	background-color:#000000;
	margin:20px 0px 0px 0px;
	padding-top: 8px;
	padding-bottom:8px;
	text-align:right;
}
ul.footer {
	color: #666;
	font-size:0.975em;
	text-align:right;
	padding:5px;
	margin-bottom:-20px;
}
li {
	display:inline;
}
address {
	font-size:1.0em;
	font-style: normal;
	text-align: center
}
div#footer .sitemap {
	font-size:1.0em;
	font-weight:bold;
	margin:0;
	padding:0px 0px 0px 10px;
	text-align:left;
}
dl.sitemapbox {
	font-size:0.9em;
	width:110px;
	float:left;
	margin:10px 0px 0px 0px;
	padding:5px;
}
.sitemapbox dd {
	line-height:1.6em;
}
div#footer .sitemap dt, div#footer .sitemap dd {
	margin:0px;
	padding:0px;
	text-align:left;
}
dl.sitemapbox .left {
	background:url(../img/base/arrow_01.gif) no-repeat left 5px;
	padding:0px 15px;
}
/* その他設定 */
.img_border {
	border:#999 1px solid;
}
/*三つ並んだボックス設定*/
/*widthは並べたい枚数にあわせて調整*/
.gallery {
	width:700px;
	background-color:#ffffff;
	color:#333333;
	font-size:1.0em;
	padding-top:10px;
}
/*widthは写真の大きさにあわせて調整
font-sizeは固定した方が良い*/
.gallery dl.green {
	margin:0px;
	margin-right:10px;
	margin-bottom:1em;
	padding:0px;
	float:left;
	width:100px;
	font-size:12px;
	background:#DCDCDC;
	border-width:1px 1px 0px;
	border-style:solid;
	border-color:#cccccc;
	border-bottom:1px solid;
}
.gallery dt.green {
	margin:0px;
	padding:0px;
}
.gallery dd.green {
	margin:0px;
	padding:4px 0.5em;
}
/*heightは行数＋αにしておく。
コメントの文字数はあらかじめ決めておきましょう。*/
dd.name {
	height:2.2em;
}
dd.comment {
width:99px;
	height:3.4em;
	text-align:center;
	padding:4px 0.5em;
}
dd.date {
	height:1.2em;
}