/* CSS Document */
h1{
	font-size:18px;
	background-color:#FFF;
	color:#000;
	font-weight:900;
}

h2{
	background-color:#399f9f;
	color:#FFF;
	padding:10px 0 10px 10px;
	margin-bottom:10px;
	border-left:#006666 5px solid;
	text-decoration:none;
}
.sign{
	text-align:right;
	margin-bottom:20px;
}
/* テーブル */
body.o_index table,body.o02 table,body.o03 table,body.o04 table,body.o05 table{
	width:680px;
}
body.o02 td,body.o03 td{
	border-bottom:1px solid #ccc;
}
body.o05 table{
    border: 1px #ccc solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin-top:15px;
	padding:0px;
}
body.o05 th {
    padding: 5px;
    border: #ccc solid;
    border-width: 0 0 1px 1px;
    background: #F2F2F2;
	font-size:10px;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
body.o05 td{
	padding: 5px;
    border: 1px #ccc solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
body.landuse table{
	padding:5px;
	border: 1px #ccc solid;
}
body.landuse th{
	padding:5px;
}
body.landuse td{
	background-color:#F2F2F2;
	padding:5px;
}
body.landuse td.mok{
	width:150px;
	background-color:#197f7f;
	text-align:center;
	color:#FFF;
}


.out01,.out02,.out03,.out04,.out05,.out06,.out07,.out08,.out09,.out10,.out11,.out12{
	float:left;
	width:135px;
	height:34px;
	background-position:left top;
	text-indent:-9999px;
	margin:10px 0 0 5px;;
}
.out01{
	background-image:url(../images/menu/outline/01.gif);
}
.out02{
	background-image:url(../images/menu/outline/02.gif);
}
.out03{
	background-image:url(../images/menu/outline/03.gif);
}
.out04{
	background-image:url(../images/menu/outline/04.gif);
}
.out05{
	background-image:url(../images/menu/outline/05.gif);
}
.out06{
	background-image:url(../images/menu/outline/06.gif);
}
.out07{
	background-image:url(../images/menu/outline/07.gif);
}
.out08{
	background-image:url(../images/menu/outline/08.gif);
}
.out09{
	background-image:url(../images/menu/outline/09.gif);
}
.out10{
	background-image:url(../images/menu/outline/10.gif);
}
.out11{
	background-image:url(../images/menu/outline/11.gif);
}
.out12{
	background-image:url(../images/menu/outline/12.gif);
}
a.out01:hover,a.out02:hover,a.out03:hover,a.out04:hover,a.out05:hover,a.out06:hover,a.out07:hover,a.out08:hover,a.out09:hover,a.out10:hover,a.out11:hover,a.out12:hover,
body.o_index a.out01,body.o02 a.out02,body.o03 a.out03,body.o04 a.out04,body.o05 a.out05,body.o06 a.out06,body.o08 a.out08,body.commercial a.out09,body.privacy a.out06,body.sitemap a.out07,body.gooddesign a.out10,body.hoy a.out11,body.pmark a.out12{
	background-position:left bottom;
}

#out_main{
	float:left;
	width:600px;
	padding-right:29px;
	margin-top:10px;
	padding-bottom:40px;
	border-right:#999 1px dotted;
}
body.sitemap #out_main{
	width:680px;
}
.out_main{
	float:left;
	width:600px;
	padding-right:29px;
	margin-top:10px;
	border-right:#999 1px dotted;
}
#philo{
	float:left;
	width:680px;
	height:52px;
	background-image:url(../images/outline/11.gif);
}

#philo2{
	float:left;
	width:380px;
	color:#827A73;
	font-size:12px;
	line-height:20px;
	margin:5px 0 5px 0;
}

#philo2_img{
	float:left;
	height:200px;
	width:300px;
	background:url(../images/outline/18.jpg);
}
#philo3{
	float:left;
	width:358px;
	color:#827A73;
	font-size:10px;
	line-height:18px;
	padding:10px;
	background-color:#F4F4F4;
	border:#999 1px dotted;
	margin-top:5px;
}
#philo4{
	float:left;
	width:680px;
	height:479px;
	background-image:url(../images/outline/17.gif);
}
.subtitle{
	font-size:10px;
	color:#666;
}

.linecont ,.linetitle{
	float:left;
	width:330px;
}
.linetitle{
	border-top:#999 1px solid;
	border-bottom:#999 1px solid;
	background-color:#FBFBFB;
	text-align:center;
}
.b_title{
	width:665px;
	height:25px;
	font-size:14px;
	font-weight:900;
	margin-top:10px;
	padding: 1px 0 1px 10px;
	border-top:#333 1px solid;
	border-left:#399 5px solid;
}
ol.phi li{
	line-height:18px;
	list-style-type:decimal;
	margin:10px 0 0 18px;
	font-size:12px;
}

.pannel{
	float:left;
	width:680px;
	margin-top:20px;
}

.shiten{
	float:left;
	width:150px;
	height:140px;
	margin-right:1px;
	background-color:#4B707E;
	color:#FFFFFF;
	padding-top:10px;
	padding-left:10px;
}

.photo{
	float:left;
	width:195px;
	margin-right:15px;
}

.add{
	float:left;
	width:320px;
	line-height:18px;
	}


.profile li{
	float:left;
	width:170px;
	margin-bottom:5px;
	font-size:12px;
}


dl{	float:left;
	background-color:#FFF;
	}

dt.office {
	clear:left;
	float:left;
	margin-top:20px;
	width:195px;
}
dd.office_t {
	float:left;
	width:445px;
	border:#CCC 1px solid;
	background-color:#F5F5F5;
	font-weight:900;
	margin:20px 0 15px 20px;
	padding-left:15px;
}
dd.office {
	width:450px;
	padding:1px 0 0 215px;
	margin:0 0 0 0;
	line-height:22px;

}
dd.map{
	float:left;
	clear:both;
	width:680px;
	height:300px;
	margin:10px 0 0 0;
	border-bottom:#666 2px solid;
	padding-bottom:20px;
}
.tel_fax{
	font-weight:900;
	color:#060;
}
.center{
	float:left;
	width:150px;
}

body.o02 dt,body.o02 dd.txt1,body.o02 dd.txt2,body.o02 dd.txt3,body.o02 dd.txt4,body.o02 dd.txt5{
float:left;
padding:0 0 6px 0;
font-size:12px;
}
body.o02 dd.txt1,body.o02 dd.txt2,body.o02 dd.txt3,body.o02 dd.txt4,body.o02 dd.txt5,body.o02 dt.title{
border-bottom:#666666 1px dotted;
}
body.o02 dt,body.o02 dt.title{
width:145px;
padding-right:5px;
}

body.o02 dd.txt1{
width:530px;
}
body.o02 dd.txt2{
width:170px;
padding-right:10px;
}

body.o02 dd.txt3{
width:360px;
}
body.o02 dd.txt4{
width:170px;
}
body.o02 dd.txt5{
width:165px;
}
/*ISO9001*/
body.o06 h3,body.o08 h3{
	float:left;
	width:670px;
	color:#066;
	background:#E7F3EE;
	clear:both;
	font-size:1.3em;
	letter-spacing:0.5em;
	margin:25px 0 10px 0;
	padding:6px 0 5px 10px;
	border-bottom:1px solid #C5E4DC;
}
body.o06 dl{
	float:none;
	margin:10px 0;
	background: #FDFAFA;
	padding:20px;
	width:638px;
	border:1px solid #CCC;
}
body.o06 dt{
	float:left;
	width:100px;
}
/*個人情報*/
body.privacy ol li{
	list-style-type:decimal;
	margin-top:15px;
}

body.privacy .wrap1{
	width:670px;
	margin-left:20px;
}

* html body.privacy .wrap1 {
	margin-left:0px;
}
body.privacy h2{
	float:left;
	width:100%;
	margin:30px 0 20px 0;
}
body.privacy p{
	margin-bottom:15px;
}
body.privacy .rightbox{
	clear:both;
	margin:25px 0 0 230px;
	text-align:right;
	width:450px;
}

body.privacy dl dt{
	font-weight:900;
	border-left:5px #099 solid;
	font-size:14px;
	line-height:20px;
	padding:0 0 2px 8px;
	height:15px;
	margin-bottom:5px;
}
body.privacy dl dd{
	margin-bottom:15px;
}
body.privacy dl.flt dt{
	float:left;
}
/*計画中プロジェクト*/
#coming{
	float:left;
	width:850px;
}

body.comingsoon .l_box400{
	float:right;
	width:300px;
	margin-bottom:20px;
}
body.comingsoon dl{
	clear:both;
	float:left;
	font-size:14px;
}
body.comingsoon .wrap1 dt{
	float:left;
	width:850px;
	font-size:16px;
	font-weight:900;
	background-color: #399f9f;
	color:#FFFFFF;
	padding:5px 0 5px 0;
	text-align:center;
	border-radius: 5px;
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
	}
body.comingsoon .wrap1 dd{
	width:850px;
}
body.comingsoon .wrap1 ol{
	width:850px;
}
body.comingsoon .wrap1 li{
	float:left;
	list-style:square inside;
	margin-top:1px;
	border-bottom:#999999 1px dotted;
	width:400px;
	margin:5px 12px 0 12px;
	line-height:35px;
	}
body.comingsoon{
	background-image:url(../images/common/head02.gif) ;
	background-repeat:repeat-x;
	}
.com_title {
	font-size: 140%;
	padding-bottom:5px;
	font-weight: bold;
	margin:15px 0 5px 0;
	color:#fff;
}
#com-title{
	background:url(../images/outline/comingbg.jpg) no-repeat;
	width:850px;
	height:130px;
	float:left;
	padding:20px 0 0 0;
	font-size:16px;
	line-height:28px;
	color:#066;
}
/*サイトマップ*/
body.sitemap{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

body.sitemap .head1{
	float:left;
	width:665px;
	height:25px;
	background-color:#DEF2EC;
	margin-bottom:10px;
	border-left:#099 5px solid;
	padding-left:5px;
}
body.sitemap .box1,body.sitemap .box2,body.sitemap .box3{
	float:left;
	width:221px;
	margin:0 5px 10px 0;
	font-size:11px;

}
body.sitemap .box2{
	height:25px;
	width:203px;
	padding-left:18px;
	background:url(../images/common/midashi01.gif) no-repeat;
}
body.sitemap .box3{
	border-bottom:#099 1px dotted;
	height:25px;
	margin-right:0px;
}
body a:link,body a:visited{
	text-decoration:none;
}
/*採用情報*/
body.job dt{
	float:left;
	background-color:#F4F4F4;
	color:#333;
	width:80px;
	text-align:center;
	margin:0 4px 5px 0;
	border-bottom:#666 1px dotted;
}

body.job dd{
	float:left;
	width:590px;
	margin:0 0 5px 0;
	border-bottom:#666 1px dotted;
}
/*社会貢献*/
body.o08 dt{
	float:left;
	font-size:16px;
	font-family:Shin Go Medium;	
	border-bottom:#666 1px dotted;
	width:680px;
	margin-top:30px;
	color:#333;
}
body.o08 dd{
	float:left;
	width:680px;
}
body.o08 dl.left{
	float:left;
	width:320px;
	font-size:10px;
	line-height:15px;
}
body.o08 dl.right{
	float:right;
	width:320px;
	font-size:10px;
	line-height:15px;
	clear:none;
}
body.o08 dl.left dt,
body.o08 dl.right dt{
	font-size:12px;
	line-height:18px;
	width:315px;
	margin:0 0 5px 0;
	border:none;
	background:#699;
	color:#FFF;
	padding:3px 0 3px 5px;
}
body.o08 dl.left dd,
body.o08 dl.right dd{
	width:320px;
}
/*プレゼント*/
body.present td{
	font-size:10px;
	border-bottom:1px #999 solid;
}
body.present .total{
	font-size:16px;
	text-align:center;
}
body.present .total_bar{
	font-size:16px;
	background:#FDEEF3;
	color:#000;
}
/*コマーシャル*/
body.commercial .movie{
	float:left;
	padding:10px;
	width:658px;
	margin:10px 0;
	background:#F4F3E8;
	border:1px solid #d1d0c5;
}
body.commercial .movie .left{
	float:left;
	width:420px;
	margin-right:15px;
}
body.commercial .movie dl#data{
	float:left;
	width:223px;
	background-color:transparent;
	font-size:12px;
}
body.commercial .movie dl#data dt{
	float:left;
	width:70px;
	text-align:center;
	background: #79A596;
	color:#FFF;
	margin:0 5px 10px 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
body.commercial .movie dl#data dd{
	margin:0 0 10px 0;
}
body.commercial .movie dl#tv{
	float:left;
	margin:10px 0 0 0;
	width:660px;
	background-color:transparent;
	line-height:20px;
	font-size:12px;
}
body.commercial .movie dl#tv dt{
	font-size:14px;
	border-bottom:1px dotted #333;
	margin-bottom:5px;
}

body.commercial .prof{
	float:left;
	width:650px;
	padding:10px;
	border:solid 5px #B1DCD7;
	margin:10px 0 0 0;
	font-size:12px;
	overflow:hidden;
}
body.commercial .prof .left{
	float:left;
	width:325px;
	line-height:22px;
}

body.commercial .prof .left img{
	float:left;
	margin:0 10px 0 0;
}
body.commercial .prof .right{
	float:right;
	width:310px;
}
body.commercial .prof .title{
	float:left;
	width:305px;
	background: #D9F2F2;
	color:#069;
	text-align:center;
	padding:3px;
	margin-bottom:10px;
}
body.commercial .prof dl{
	width:310px;
	margin:0;
	padding:0;
	background-color:none;
	line-height:20px;
}
body.commercial .prof dl dt{
	float:left;
	width:55px;
	padding-bottom:5px;
}
body.commercial .prof dl dd{
	width:250px;
	padding-left:55px;
	padding-bottom:5px;
}
body.commercial .message{
	width:950px;
	line-height:20px;
	margin:10px auto;
	font-size:12px;
	color: #393032;
}
body.commercial .prof .messagebutton{
	float:left;
	width:90%;
	text-align:center;
	margin:20px 15px;
}
body.commercial .suzuki{
	float:left;
	margin:0 10px 10px 0;
	border:2px solid #FFF;
}
body.commercial .message p{
	margin-bottom:10px;
}
body.commercial .sign{
	float:right;
	font-size:16px;
}
/*GoodDesign*/
.clear{
	clear:both;
}
body.gooddesign h3{
	background:#333;
	color:#FFF;
	padding:5px 0;
	text-align:center;
	font-size:16px;
	font-weight:100;
	letter-spacing:1.0em;
}
body.gooddesign blockquote,body.hoy blockquote{
	padding:10px;
	width:440px;
	font-size:120%;
	margin:10px 0 20px 100px;
	border:5px solid #CCC;
	background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
body.gooddesign dl.award{
	float:left;
	margin-bottom:25px;
	clear:both;
}

body.gooddesign dl.award dt{
	font-size:18px;
	font-weight:900;
	margin:20px 0 5px 0;
	color:#000;
	border-bottom:1px dotted #333;
}
body.gooddesign dl.award ol{
	margin:10px 0;
	color:#930;
}
body.gooddesign dl#award a:hover{
		opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	zoom:1;
}
body.gooddesign .box2015{
	overflow:hidden;
	clear:both;
	padding:10px;
	margin:20px 0;
	border:5px solid #CCC;
	background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
body.gooddesign .box2015 dl{
	width:auto;
	background:none;
}
body.gooddesign .box2015 dl dt{
	float:left;
}

body.gooddesign .box2015 dl dd{
	padding-left:70px;
}
/*house of the year*/
body.hoy blockquote{
	width:650px;
	overflow:hidden;
	margin:30px 0;
	font-size:14px;
	line-height:30px;
}

body.hoy blockquote dl{
	width:580px;
	background:none;
}

body.hoy blockquote dt{
	float:left;
	width:110px;
	font-weight:bold;
}
body.hoy blockquote.lh01{
	line-height:20px;
	padding-top:0;
}

body.hoy blockquote.lh01 h4{
	color:#066;
	margin:13px 0 3px 0;
}
h4{
	font-size:14px;
	font-family:Shin Go Medium;
}
h4.title{
	font-size:17px;
	padding:10px 0 5px 0;
	color:#399f9f;
}
table.soler{
	margin-top:20px;
	width:680px;
	border-collapse:collapse;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;

}
table.soler th{
	background:#E7F3EE;
	padding:5px 0;
	border-top:1px solid #CCC;
	letter-spacing:0.3em;
}
table.soler td{
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:1px 5px;
	font-size:0.9em;
}