@charset "utf-8";
@import "default.css";

/*======================================

	Body

=======================================*/

body {
	background-color:#eeeeee;
	background-image:url(../common/top_bg.jpg);
	background-repeat:  repeat-y;
	background-position:center;
}

a:link {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/*======================================

	All Parts

=======================================*/

.none {
	display:none;
}

.mt_small {
	margin-top:5px;
}

.mt_normal {
	margin-top:10px;
}

.mt_large {
	margin-top:20px;
}

.txt_right {
	text-align:right;
}

.txt_center {
	text-align:center;
}

.img_right {
	float:right;
	margin:0 0 20px 10px;
}

.img_left {
	float:left;
	margin:8px 10px 20px 0;
}

.clr {
	clear:both;
}

.big {
	font-size:107%;
}

.large {
	font-size:114%;
}


.small {
	font-size:92%;
}

.right {
	float:right;
}

.left {
	float:left;
}

.mtb_large {
	margin-top:36px;
	margin-bottom:38px; 
}

.mtb_normal {
	margin-top:8px;
	margin-bottom:12px; 
}

.mtb_normal2 {
	margin-top:14px;
	margin-bottom:10px; 
}

.mb_large {
	margin-bottom:18px; 
}

.mb_normal {
	margin-bottom:10px; 
}

.pmb_10 p {
	margin-bottom:10px;
}

.ml_normal {
	margin-left:12px;
}

.ml_small {
	margin-left:6px;
}

.ml_small2 {
	margin-left:10px;
}

.mt22 {
	clear:both;
	margin-top:22px; 
}

.c284AA1 {
	color:#284AA1;
}

/*======================================

	Txt

=======================================*/

h2 {
	margin-bottom:20px;
}

h3 {
	margin-top:20px;
}

.blue_b {
	color:#284AA1;
	font-weight:bold;
}

.blue {
	color:#284AA1;
}

.blue14 {
	color:#284AA1;
	font-weight:bold;
	font-size:114%;
}

.red {
	color:#FF0000;
}

.txt_under {
	text-decoration:underline;
}

/*======================================

	Container

=======================================*/

#container {
	width:830px;
	text-align:center;
	margin:0 auto;
	background:url(../common/contents_bg.gif) repeat-y;
}

/*clearfix*/

#container:after {
　　content: ".";
　　display:block;
　　visibility:hidden;
　　height:1%;
　　line-height:0;
　　clear:both;
　　margin-bottom:15px;
}

#container {
　　display:inline-block;
　　zoom:100%;
　　margin-bottom:15px;
}

/*======================================

	Header

=======================================*/

div#header {
	display:block;
	width:auto;
	height:auto;
	text-align:center;
	background:url(../common/header_bg.jpg) repeat-x 0 0;
}

div#header:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#header {
    height: 1em;
    overflow: visible;
}
/**/

div#t_header {
	width:830px;
	margin:0 auto;
}

div#header h1 {
	clear:both;
}

p.disp {
	display:block;
	width:677px;
	color:#ffffff;
	font-size:85%;
	padding-top:5px;
	float:left;
	text-align:left;
	text-indent:15px;
}

ul#font {
	display:block;
	background:url(../common/font.jpg) no-repeat 0 0;
	width:138px;
	height:29px;
	padding-left:40px;
	float:left;
}

html > body ul#font {
	width:98px;
	height:29px;
}

ul#font li {
	display:block;
	float:left;
	width:32px;
	height:29px;
}

ul#font li a {
	display:block;
	width:auto;
	height:29px;
	text-indent:-999em;
}

div#logo {
	position:relative;
	background:url(../common/logo_bg.jpg) no-repeat 0 0;
	width:800px;
	height:71px;
	clear:both;
}

div#logo h1 {
	width:279px;
	height:71px;
}

div#logo h1 a {
	display:block;
	width:279px;
	height:71px;
	text-indent:-999em;
}

#tnavi {
	position:absolute;
	display:block;
	width:375px;
	height:24px;
	left: 426px;
	top: 40px;
}

#tnavi li {
	float:left;
}

#tnavi li a {
	display:block;
	height:24px;
	text-indent:-999em;
}

#tnavi li.bt1 a {
	width:80px;
	margin-right:9px;
}

#tnavi li.bt2 a {
	width:85px;
	margin-right:9px;
}

#tnavi li.bt3 a {
	width:85px;
	margin-right:10px;
}

#tnavi li.bt4 a {
	width:97px;
}

/*======================================

	Contents

=======================================*/

div#contents {	width:800px;
	margin:0 auto;
	text-align:left;
	clear:both;
}

div#body {
	width:600px;
	float:right;
}

div#body_inner {
	width:auto;
	padding:0 0 0 16px;
}

/*======================================

	TOP

=======================================*/

#top_txt {
	width:auto;
	height:162px;
	background:url(../img/top/top_img00.jpg) no-repeat 0 0;
	border:1px solid #f2f2f2;
	padding:45px 0 0 10px;
}

html > body #top_txt {
	height:117px;
}

div#news {
	width:auto;
	height:auto;
	background:url(../img/top/news_bar.jpg) no-repeat 0 0;
	padding:40px 0 0 0;
	margin-top:20px;
}

div#news dl {
	width:auto;
	height:auto;　
	display: inline-block;
　　zoom: 100%;
}

div#news dl:after {
　　content: ".";
　　display: block;
　　visibility: hidden;
　　height: 1%;
　　line-height: 0;
　　clear: both;
}

div#news dt,
div#news dd {
	display:block;
	font-size:85%;
}

div#news dt {
	width:15%;
	color:#FF6600;
	font-weight:bold;
	padding-right:10px;
	float:left;
}

div#news dd {
	width:80%;
	float:left;
	text-align:left;
}

div#news .line,
div#news .line {
	background:url(../common/line.gif) repeat-x top left;
	padding-top:5px;
	padding-bottom:5px;
}

div#news .line_none,
div#news .line_none {
	background:none;
	padding-top:5px;
	padding-bottom:5px;
}

div#news .news_inner {
	width:584px;
	height:264px;
	overflow:auto;
}

div#top_fla {
	width:auto;
	height:auto;
	background:url(../img/top/top_bg.jpg) no-repeat 0 0;
	padding-top:2px;
}

/*======================================

	global navi

=======================================*/

div#global_navi {
	width:200px;
	float:right;
	text-align: center;
}


div#global_navi li {
	height:42px;
}

div#global_navi li a {
	display:block;
	width:auto;
	height:42px;
	text-indent:-999em;
}

ul#navi1,
ul#navi2,
ul#navi3 {
	background:url(../common/navi1.jpg) no-repeat 0 0;
	width:auto;
	padding-top:34px;
}

ul#navi2 {
	background:url(../common/navi2.jpg) no-repeat 0 0;
}

ul#navi3 {
	background:url(../common/navi3.jpg) no-repeat 0 0;
}

div#banner_space {
	width:auto;
	text-align:center;
	margin:10px 0;
}

.address {
	width:180px;
	background:url(../common/address_bg.jpg) no-repeat center top;
	background-color:#C1CAE5;
	border:1px solid #d9d9d9;
	border-bottom:none;
	margin:0 auto;
	text-align:left;
	padding:12px 12px 14px 12px;
	color:#284AA1;
}

html > body .address {
	width:154px;
}

.address p {
}

.address_foot_hr {
	margin:0 auto;
	width:180px;
	height:7px;
	background:url(../common/address_foot.gif) no-repeat 0 0;
	margin-bottom:15px;
}

.address_foot_hr hr {
	display:none;
}

/*======================================

	company

=======================================*/
h2.sec {
	margin-bottom:0px;
}

h3.sec {
	clear:both;
	margin-top:0px;
	padding-top:13px;
}

* html h3.sec {
	padding-top:0px;
	margin-top:13px;
} 

*:first-child+html h3.sec {
	padding-top:0px;
	margin-top:13px;
}

h3.sec2 {
	clear:both;
	margin-top:0px;
	padding-top:22px;
	margin-bottom:8px;
}

.pnavi {
	display:block;
	width:auto;
	font-size:85%;
	color:#999999;
}

.pnavi a {
	color:#999999;
	text-decoration:none;
}

.pnavi a:hover {
	text-decoration: underline;
}

.com_table {

}

.com_table table {

}


.com_table th {
	background:url(../img/company/table_line.jpg) bottom no-repeat;
	width:125px;
	height:auto;
	background-color:#EBEFFA;
	color:#284AA1;
	padding:8px 0 9px 17px;
}

html > body .com_table th {
	width:108px;
}

* html .com_table th {
	font-size:77%;
}

.com_table td {
	background:url(../img/company/table_line.jpg) bottom no-repeat;
	width:auto;
	height:auto;
	color:#333333;
	padding:8px 0 7px 11px;
}

* html .com_table td {
	background:url(../img/company/table_line.jpg) bottom no-repeat;
	width:auto;
	height:auto;
	color:#333333;
	padding:8px 0 7px 11px;
	font-size:77%;
}

.float_l {
	float:left;
	width:45%;
	height:auto;
	margin-top:12px;
}

* html .float_l {
	padding:0 0 0 16px;
} 

*:first-child+html .float_l {
	padding:0 0 0 16px;
}

.float_r {
	float:right;
	width:55%;
	height:auto;
	margin-top:12px;
}

.float_r ul {
	list-style:disc;
	padding-left:18px;
	padding-bottom:20px;
}

.float_r li {
	list-style:disc;
}

/*======================================

	interior

=======================================*/
.interior_h4_title {
	display:block;
	background-color:#006594;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px 0 5px 10px;
	margin:20px 0 5px 0;
	clear:both;
}

.interior_h5_title {
	display:block;
	text-align:center;
	font-weight:normal;
	clear:both;
	margin-bottom:5px;
	background:url(../img/interior/h5_bg.gif) center top no-repeat;
}

.interior_txt_box {
	text-align:left;
	clear:both;
}

.interior_txt_box_title {
	color:#00659C;
	font-weight:bold;
}

/*======================================

	constrction

=======================================*/
h3.sec3 {
	clear:both;
	margin-top:0px;
	margin-bottom:10px;
	padding-top:13px;
}

* html h3.sec3 {
	padding-top:0px;
	margin-top:13px;
} 

*:first-child+html h3.sec3 {
	padding-top:0px;
	margin-top:13px;
}

h3.sec4 {
	clear:both;
	margin-top:0px;
	margin-bottom:10px;
	padding-top:30px;
}

.float_l45 {
	clear:both;
	float:left;
	width:44%;
	height:auto;
	margin-top:20px;
}

.float_r55 {
	float:right;
	width:56%;
	height:auto;
	margin-top:20px;
}

* html .float_r55 {
	width:50%;
}

.float_l50 {
	clear:both;
	float:left;
	width:50%;
	height:auto;
	margin-top:20px;
}

.float_r50 {
	float:right;
	width:50%;
	height:auto;
	margin-top:20px;
}

* html .float_r50 {
	width:47%;
}

.float_r50a {
	float:right;
	width:50%;
	height:auto;
	margin-top:41px;
}

* html .float_r50a {
	width:47%;
}

.interior1 {
	background:url(../img/construction/interior1.jpg) no-repeat 0 0;
	width:220px;
	height:21px;
	padding:0 0 0 22px;
	color:#284AA1;
	font-weight:bold;
}

html > body .interior1 {
	width:198px;
}

:root .interior1 {
	padding:1px 0 0 22px;
	height:20px;
}

* html .interior1 {
	padding:1px 0 0 22px;
}

.interior2 {
	background:url(../img/construction/interior2.jpg) no-repeat 0 0;
	width:220px;
	height:21px;
	padding:0 0 0 22px;
	color:#284AA1;
	font-weight:bold;
}

html > body .interior2 {
	width:198px;
}

.interior3 {
	background:url(../img/construction/interior3.jpg) no-repeat 0 0;
	width:250px;
	height:21px;
	padding:0 0 0 22px;
	color:#284AA1;
	font-weight:bold;
}

html > body .interior3 {
	width:228px;
}

:root .interior3 {
	padding:1px 0 0 22px;
	height:20px;
}

* html .interior3 {
	padding:1px 0 0 22px;
}

.interior4 {
	background:url(../img/construction/interior4.jpg) no-repeat 0 0;
	width:250px;
	height:21px;
	padding:0 0 0 22px;
	color:#284AA1;
	font-weight:bold;
}

html > body .interior4 {
	width:228px;
}

:root .interior4 {
	padding:1px 0 0 22px;
	height:20px;
}

* html .interior4 {
	padding:1px 0 0 22px;
}

.interior5 {
	background:url(../img/construction/interior5.jpg) no-repeat 0 0;
	width:250px;
	height:21px;
	padding:0 0 0 22px;
	color:#284AA1;
	font-weight:bold;
}

html > body .interior5 {
	width:228px;
}

:root .interior5 {
	padding:1px 0 0 22px;
	height:20px;
}

* html .interior5 {
	padding:1px 0 0 22px;
}

.interior6 {
	background:url(../img/construction/interior6.jpg) no-repeat 0 0;
	width:250px;
	height:21px;
	padding:0 0 0 22px;
	color:#284AA1;
	font-weight:bold;
}

html > body .interior6 {
	width:228px;
}

:root .interior6 {
	padding:1px 0 0 22px;
	height:20px;
}

* html .interior6 {
	padding:1px 0 0 22px;
}

.interior_box {
	clear:both;
	width:584px;
	height:auto;
}

.interior_box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .interior_box {
    height: 1em;
    overflow: visible;
}
/**/

.tel {
	clear:both;
	background:url(../common/tel.jpg) no-repeat 0 0;
	width:584px;
	height:136px;
	text-indent:-999em;
	margin:35px 0 35px 0;
}

.tel a {
	display:block;
	width:325px;
	height:73px;
	margin:43px 0 0 259px;
}

*:first-child+html .tel a {
	margin:39px 0 0 259px;
}

/*======================================

	Q&A

=======================================*/
.qa {
	background:url(../img/qa/qa_bg.jpg) bottom no-repeat;
	width:584px;
	height:auto;
	padding:15px 0 12px 8px;
	font-size:114%;
}

html > body .qa {
	width:576px;
}

.qa a {
	color:#284AA1;
	text-decoration:none;
}

.qa a:hover {
	color:#284AA1;
	text-decoration: underline;
}

.qa1 {
	background:url(../img/qa/qa1.jpg) no-repeat 0 0;
	width:584px;
	height:69px;
	padding:43px 0 0 42px;
	margin-top:35px;
}

html > body .qa1 {
	width:542px;
	height:26px;
}

.qa2 {
	background:url(../img/qa/qa2.jpg) no-repeat 0 0;
	width:584px;
	height:69px;
	padding:43px 0 0 42px;
	margin-top:35px;
}

html > body .qa2 {
	width:542px;
	height:26px;
}

.qa3 {
	background:url(../img/qa/qa3.jpg) no-repeat 0 0;
	width:584px;
	height:69px;
	padding:43px 0 0 42px;
	margin-top:35px;
}

html > body .qa3 {
	width:542px;
	height:26px;
}

.qa4 {
	background:url(../img/qa/qa4.jpg) no-repeat 0 0;
	width:584px;
	height:auto;
	padding:43px 0 0 42px;
	margin-top:35px;
}

html > body .qa4 {
	width:542px;
}

.qa5 {
	background:url(../img/qa/qa5.jpg) no-repeat 0 0;
	width:584px;
	height:69px;
	padding:43px 0 0 42px;
	margin-top:35px;
}

html > body .qa5 {
	width:542px;
	height:26px;
}

.qa6 {
	background:url(../img/qa/qa6.jpg) no-repeat 0 0;
	width:584px;
	height:auto;
	padding:43px 0 0 42px;
	margin-top:35px;
}

html > body .qa6 {
	width:542px;
}

.qa7 {
	background:url(../img/qa/qa7.jpg) no-repeat 0 0;
	width:584px;
	height:68px;
	padding:43px 0 0 42px;
	margin-top:35px;
}

html > body .qa7 {
	width:542px;
	height:25px;
}

.qa8 {
	background:url(../img/qa/qa8.jpg) no-repeat 0 0;
	width:584px;
	height:68px;
	padding:43px 0 0 42px;
	margin-top:35px;
}

html > body .qa8 {
	width:542px;
	height:25px;
}

.qa9 {
	background:url(../img/qa/qa9.jpg) no-repeat 0 0;
	width:584px;
	height:67px;
	padding:43px 0 0 42px;
	margin-top:35px;
}

html > body .qa9 {
	width:542px;
	height:24px;
}

.pagetop {
	text-align:right;
}

.pagetop a {
	text-decoration:none;
	color:#284AA1;
}

.pagetop a:hover {
	text-decoration: underline;
	color:#284AA1;
}


/*======================================

	delivery

=======================================*/
.office {
	clear:both;
	width:auto;
	height:auto;
}

.office:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .office {
    height: 1em;
    overflow: visible;
}
/**/

.office_l {
	float:left;
	width:41%;
	height:auto;
}

.office_r {
	float:right;
	width:59%;
	height:auto;
}

* html .office_r {
	width:56%;
}

.office2 {
	clear:both;
	background:url(../img/delivery/line.jpg) bottom no-repeat;
	width:584px;
	height:auto;
	margin-top:19px;
	padding-bottom:21px;
	margin-bottom:21px;
}

.office2:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .office2 {
    height: 1em;
    overflow: visible;
}
/**/

.office_33l {
	float:left;
	width:33%;
	height:auto;
}

.office_25l {
	float:left;
	width:25%;
	height:auto;
	font-size:10px;
	text-align: center;
}

.office_autol {
	float:left;
	width:50%;
	height:auto;
}

.office_autor {
	float:right;
	width:50%;
	height:auto;
	text-align:right;
}

h3.sec5 {
	clear:both;
	margin-top:0px;
	margin-bottom:10px;
	margin-top:25px;
}

.office3 {
	clear:both;
	width:auto;
	height:auto;
	margin-top:24px;
}

.office3:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .office3 {
    height: 1em;
    overflow: visible;
}
/**/

.office4 {
	clear:both;
	width:auto;
	height:auto;
	margin-top:19px;
}

.office4:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .office4 {
    height: 1em;
    overflow: visible;
}
/**/

/*======================================

	link

=======================================*/
.link {
	background:url(../img/link/bg.jpg) no-repeat 0 0;
	width:584px;
	height:auto;
}

.link ul {
}

.link li {
	background:url(../img/link/line.jpg) bottom no-repeat;
	width:583px;
	height:auto;
	padding:8px 0 8px 8px;
	font-size:114%;
}

html > body .link li {
	width:567px;
}

.link li a {
	color:#284AA1;
	text-decoration:none;
}

.link li a:hover {
	color:#284AA1;
	text-decoration: underline;
}

.link li.bt5 {
	background:url(../img/link/line.jpg) bottom no-repeat;
	width:583px;
	height:auto;
	padding:0 0 8px 8px;
	font-size:114%;
}

.link li.bt5 a {
	color:#284AA1;
	text-decoration:none;
}

.link li.bt5 a:hover {
	color:#284AA1;
	text-decoration: underline;
}

h3.sec6 {
	clear:both;
	margin-top:0px;
	margin-bottom:0;
	margin-top:25px;
}


/*======================================

	oa

=======================================*/
.works {
	clear:both;
	background:url(../img/delivery/line.jpg) bottom no-repeat;
	width:584px;
	height:auto;
	padding-bottom:21px;
}

.works:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .works {
    height: 1em;
    overflow: visible;
}
/**/

.works2 {
	clear:both;
	background:url(../img/delivery/line.jpg) bottom no-repeat;
	width:584px;
	height:auto;
	padding-bottom:21px;
	margin-top:7px;
}

.works_l {
	float:left;
	width:56%;
	height:auto;
}

.works_r {
	float:right;
	width:41%;
	height:auto;
	margin-right:4px;
}

* html .works_r {
	margin-right:0px;
}

.works_l ol {
	padding-left:25px;
	padding-bottom:2px;
}

.works_l li {
	list-style:decimal;
}

:root .works_l ol {
	padding-left:18px;
}

.works2_l {
	float:left;
	width:45%;
	height:auto;
}

.works2_r {
	float:right;
	width:55%;
	height:auto;
}

.works_box {
	clear:both;
	width:584px;
	height:auto;
	margin-top:12px;
}

.works_box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .works_box {
    height: 1em;
    overflow: visible;
}
/**/


/*  10/11/26 追加  */

.works_small_section {
	margin:15px -6px 0 0;
}

.works_small_box {
	float:left;
	width:289px;
	margin:0 6px 10px 0;
}

.works_small_box img {
	margin-bottom:10px;
}

.works_small_box .title {
	color:#33659A;
	font-weight:bold;
}

/*======================================

	pattern

=======================================*/
.pattern {
	clear:both;
	width:auto;
	height:auto;
	margin-top:14px;
	padding-bottom:10px;
}

*:first-child+html .pattern {
	margin-bottom:30px;
}

.pattern:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .pattern {
    height: 1em;
    overflow: visible;
}
/**/

.pattern_l {
	float:left;
	width:42%;
	height:auto;
}

.pattern_r {
	float:right;
	width:55%;
	height:auto;
}

.pattern_r table {
	border-left:1px solid #D7D7D7;
	border-top:1px solid #D7D7D7;
}

.pattern_r table th {
	width:70%;
	border-right:1px solid #D7D7D7;
	border-bottom:1px solid #D7D7D7;
	padding:7px 0 9px 13px;
}

.pattern_r table td {
	width:30%;
	border-right:1px solid #D7D7D7;
	border-bottom:1px solid #D7D7D7;
	text-align:center;
	padding:7px 0 9px 0;
}

.pattern_r table th.bt6 {
	border-right:1px solid #D7D7D7;
	border-bottom:1px solid #D7D7D7;
	padding:7px 0 9px 0;
	color:#284AA1;
	background-color:#EBEFFA;
	text-align:center;
}

/*======================================

	inquiry

=======================================*/
.inquiry {
	clear:both;
	background:url(../img/delivery/line.jpg) bottom no-repeat;
	width:584px;
	height:auto;
	margin-top:19px;
	padding-bottom:11px;
	margin-bottom:10px;
}

.inquiry_table {
	margin-top:8px;
	margin-bottom:29px;
}

.inquiry_table {
}


* html .inquiry_table th,
* html .inquiry_table td {
	font-size:77%;
}

.inquiry_table th {
	width:30%;
	height:auto;
	background-color:#F2F2F2;
	padding:8px 5px 10px 0;
	text-align:right;
	color:#284AA1;
	font-weight:bold;
	border-bottom:1px solid #FFFFFF;
}

.inquiry_table td {
	width:70%;
	padding:8px 0 10px 19px;
	color:#284AA1;
}

.inquiry_table td.bt7 {
	text-align:center;
	color:#666666;
}

.inquiry_table .botan1 {
	margin-right:3px;
}

.inquiry_table .botan2 {
	margin-right:3px;
	margin-left:5px;
}

*:first-child+html .inquiry_table .botan1,
*:first-child+html	.inquiry_table .botan2 {
	margin-right:0px;
}

.inquiry_table .text1 {
	width:266px;
}

.inquiry_table .botan3 {
	margin-right:7px;
	margin-top:15px;
}

textarea.privacy {
	width:584px;
	text-align:left;
	margin:0 auto;
}

/*======================================

	Footer

=======================================*/

div#footer {
	width:auto;
	clear:both;
	color:#ffffff;
	background:url(../common/footer_bg.jpg) repeat-x 0 0;
	padding-top:10px;
}

div#footer a {
	color:#ffffff;
	text-decoration:none;
}

div#footer a:hover {
	text-decoration:underline;
}


div#footer ul {
}

div#footer li {
	display:inline;
}

.hotlink {
	font-size:10px;
	margin-top:2px;
}