﻿@charset "UTF-8";

@import "reset.css";
@import "basic.css";
@import ie6win.css;　/*for winIE6*/



/*
------- layout -------------------------------------------------------*/
body {
	text-align:center;
	/*background-color:#f7f7f7;*/
	}
.container {
	margin:0 auto;
	width:950px;
	text-align:left;
	}

/*
------- h1～h6 -------------------------------------------------------*/
h1 {
	position:absolute;
	top:28px;
	left:0;
	width:325px;
	height:39px;
	font-size:1em;
	line-height:0;
	}
h2 {
	margin-bottom:10px;
	border-top:3px #f86d00 solid;
	width:719px;
	height:136px;
	}


/*
------- header -------------------------------------------------------*/
#header {
	height:125px;
	background:url(../img/bg_header.gif) top center repeat-x #ffffff;
	}
#header .container {
	position:relative;
	height:125px;
	background:url(../img/bg_header.gif) top center repeat-x #ffffff;/*--背景を2度重ねる--*/
	}
#header p#copy {
	position:absolute;
	top:45px;
	left:346px;
	width:293px;
	height:9px;
	font-size:9px;
	line-height:0;
	}

/*------- サブナビ --------*/
ul#subNavi {
	position:absolute;
	top:12px;
	right:0;
	}
ul#subNavi li {	
	float:left;
	}
ul#subNavi li a {
	margin-left:4px;
	display:block;
	height:22px;
	text-indent:-9999px;
	overflow:hidden;
	}
ul#subNavi li.menu01 a { width:85px; background:url(../img/subnavi01.gif) top left no-repeat;}
ul#subNavi li.menu02 a { width:100px; background:url(../img/subnavi02.gif) top left no-repeat;}
ul#subNavi li.menu03 a { width:87px; background:url(../img/subnavi03.gif) top left no-repeat;}
ul#subNavi li.menu01 a:hover { background:url(../img/subnavi01.gif) bottom left no-repeat;}
ul#subNavi li.menu02 a:hover { background:url(../img/subnavi02.gif) bottom left no-repeat;}
ul#subNavi li.menu03 a:hover { background:url(../img/subnavi03.gif) bottom left no-repeat;}

/*------- 検索 --------*/
#search {
	padding:4px;
	_padding:2px 4px 4px 4px;
	border:1px #dedede solid;
	position:absolute;
	top:42px;
	right:0;
	background-color:#f5f5f5;
	}
#search img,
#search input {
	vertical-align:middle;
	}
#search img {
	margin-left:2px;
	_margin-right:-4px;
	}
#search input#searchText {
	border:1px #dedede solid;
	width:202px;
	_width:200px;
	height:17px;
	}
*:first-child+html #search {
	padding:2px 4px 4px 4px;
	}
*:first-child+html #search img {
	margin-right:-4px;
	}
*:first-child+html #search input#searchText {
	width:200px;
	}

/*------- グローバルナビ --------*/
ul#glNavi {
	position:absolute;
	top:84px;
	left:-2px;
	}
ul#glNavi li {	
	float:left;
	}
ul#glNavi li a {
	display:block;
	width:190px;
	height:41px;
	text-indent:-9999px;
	overflow:hidden;
	}
ul#glNavi li.menu01 a { background:url(../img/glnavi01.gif) top left no-repeat;}
ul#glNavi li.menu02 a { background:url(../img/glnavi02.gif) top left no-repeat;}
ul#glNavi li.menu03 a { background:url(../img/glnavi03.gif) top left no-repeat;}
ul#glNavi li.menu04 a { background:url(../img/glnavi04.gif) top left no-repeat;}
ul#glNavi li.menu05 a { background:url(../img/glnavi05.gif) top left no-repeat;}
ul#glNavi li.menu01 a:hover { background:url(../img/glnavi01.gif) bottom left no-repeat;}
ul#glNavi li.menu02 a:hover { background:url(../img/glnavi02.gif) bottom left no-repeat;}
ul#glNavi li.menu03 a:hover { background:url(../img/glnavi03.gif) bottom left no-repeat;}
ul#glNavi li.menu04 a:hover { background:url(../img/glnavi04.gif) bottom left no-repeat;}
ul#glNavi li.menu05 a:hover { background:url(../img/glnavi05.gif) bottom left no-repeat;}



/*
------- contents -------------------------------------------------------*/
#contents {
	background-color:#ffffff;
	}
#contents .container {
	padding-bottom:50px;
	background-color:#ffffff;
	}
a.link01 {
	margin-right:2px;
	padding-left:10px;
	background:url(../img/icon01.gif) left center no-repeat;
	}
a.link03 {
	margin-right:2px;
	padding-left:16px;
	background:url(../img/icon03.gif) left center no-repeat;
	}
a.link04 {
	margin-right:2px;
	padding-left:16px;
	background:url(../img/icon04.gif) left center no-repeat;
	}


/*
------- pankuzu -------------------------------------------------------*/
#pankuzu {
	padding:12px 0;
	}
#pankuzu ul {
	float:right;
	}
#pankuzu ul li {
	margin-left:8px;
	float:left;
	background:url(../img/icon01.gif) left center no-repeat;
	line-height:1.5em;
	font-size:0.9em;
	}
#pankuzu ul li a {
	margin-left:10px;
	white-space:nowrap;
	}
#pankuzu ul li.here {
	padding-left:10px;
	color:#f86d00;
	}
	

/*
------- rightArea -------------------------------------------------------*/
#rightArea {
	float:right;
	width:719px;
	}

/*------- タブ --------*/
ul#pageTab {
	width:719px;
	height:51px;
	background:url(../img/bg_tab.gif) top right repeat-x;
	}
ul#pageTab li {
	float:left;
	height:51px;
	}
ul#pageTab.none {
	background:url(../img/bg_tab_none.gif) top right repeat-x;
	}

/*------- 枠 --------*/
.Wrap {
	padding-left:20px;
	}

/*------- グレーライン枠 --------*/
.lineWrap {
	padding-bottom:20px;
	border:1px #dedede solid;
	}
.lineWrapTab {
	padding-bottom:20px;
	border-right:1px #dedede solid;
	border-bottom:1px #dedede solid;
	border-left:1px #dedede solid;
	_height:1%;
	}

/*------- 基本テキスト --------*/
.baseText {
	padding-right:25px;
	padding-left:25px;
	line-height:1.67;
	}
.lh167 {
	line-height:1.67;
	}
.lh150 {
	line-height:1.5;
	}

/*------- 基本画像 --------*/
.imageStyle01{
	margin: 0px;
	padding: 3px;
}




/*------- リスト --------*/
ul.featureList {
	}
ul.featureList li {
	padding-left:1.85em;
	line-height:1.67;
	text-indent:-1.85em;
	}
ul.featureList li span {
	padding-left:0;
	text-indent:0;
	_text-indent:-1.85em;
	}
*:first-child+html ul.featureList li span {
	padding-left:0;
	text-indent:0;
	}

ul.featureList li img {
	vertical-align:middle;
	}


/*------- 概要テーブル --------*/
table#outlineTable {
	border-bottom:1px #dedede solid;
	width:100%;
	}
table#outlineTable td {
	vertical-align:top;
	}
table#outlineTable td.txt {
	padding:13px 20px 20px 20px;
	line-height:1.67;
	}
table#outlineTable td.txt p.ipix {
	margin-top:10px;
	width:227px;
	height:25px;
	}
table#outlineTable td.pic {
	padding:13px 20px 20px 0;
	}
table#outlineTable td.pic img {
	padding:3px;
	border:1px #dedede solid;
	}
table#outlineTable td.att {
	border-left:1px #dedede solid;
	width:191px;
	}
table#outlineTable td.att div.wrap {
	padding:10px;
	}
table#outlineTable td.att p.title {
	padding-bottom:7px;
	background:url(../img/dot.gif) bottom left repeat-x;
	}
table#outlineTable td.att dl {
	line-height:1.5;
	}
table#outlineTable td.att dt {
	padding-top:3px;
	}
table#outlineTable td.att dd {
	padding-bottom:3px;
	background:url(../img/dot.gif) bottom left repeat-x;
	}

/*------- 実績テーブル --------*/
table.resultTable {
	margin:7px 17px 0 17px;
	width:680px;
	}
table.resultTable td {
	border:1px #dedede solid;
	padding:3px;
	width:25%;
	vertical-align:top;
	}
table#photo2 {
	margin:-5px 1px 0 0;
	width:auto;
	}/*---- 写真2つのとき ----*/
table#photo3 {
	margin:5px 10px 0 10px;
	width:auto;
	}/*---- 写真3つのとき ----*/

	
/*------- 実績テーブル 2　別窓------------------------*/
table.resultTable td p {
	background-image: url(../img/icon04.gif);
	background-repeat: no-repeat;
	background-position: left 0.1em;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 7px;
	margin-left: 7px;
	padding-left: 7px;
	}
/*------- 実績テーブル 2------------------------*/
	
table.resultTable td p a {
	margin-left:10px;
	display:block;
	line-height:1.2;
	}
table.resultTable td.none {
	border:none;
	}


/*------- フォームテーブル --------*/
table.formTable {
	margin:6px 0 30px 0;
	width:100%;
	border-collapse:collapse;
	}
table.formTable th,
table.formTable td {
	border:1px #dedede solid;
	}
table.formTable th {
	padding:6px 10px;
	width:21%;
	line-height:1.5;
	background-color:#f7f7f7;
	font-weight:normal;
	}
table.formTable td.link {
	padding-top:10px;
	padding-right:10px;
	padding-left:25px;
	padding-bottom:10px;
	width:21%;
	vertical-align:top;
	font-weight:bold;
	background:url(../img/icon03.gif) 10px 11px no-repeat;
	}
table.formTable td.link a {
	text-decoration:none;
	}
table.formTable td.link a:hover {
	color:#f86d00;
	text-decoration:underline;
	}
table.formTable td.check {
	padding:6px 10px;
	line-height:1.4;
	}
table.formTable td.check li {
	margin-right:10px;
	float:left;
	white-space:nowrap;
	}
table.formTable input,
table.formTable select {
	vertical-align:middle;
	}
table.formTable td.tdInput {
	padding:7px 10px;
	}
table.formTable input.input1,
table.formTable input.input2,
table.formTable input.input3,
table.formTable input.input4 {
	height:18px;
	border:1px #aaaaaa solid;
	}
table.formTable input.input1 {
	width:280px;
	}
table.formTable input.input2 {
	margin:0 3px;
	width:30px;
	}
table.formTable input.input3 {
	margin:0 3px;
	width:40px;
	}
table.formTable input.input4 {
	width:200px;
	}
table.formTable textarea {
	width:480px;
	height:100px;
	border:1px #aaaaaa solid;
	}
input.submitBtn {
	width:143px;
	height:35px;
	}


/*
------- leftArea -------------------------------------------------------*/
#leftArea {
	float:left;
	width:201px;
	}
#leftArea .bg {
	padding:1px;
	border:3px #ffa661 solid;
	background-color:#e36305;
	}
#leftArea p.title {
	border-bottom:1px #e36305 solid;
	width:193px;
	height:49px;
	}

/*------- ローカルナビ --------*/
ul#lcNavi {
	padding:3px;
	border-top:1px #fa994d solid;
	background-color:#f86d00;
	}
ul#lcNavi li a {
	padding:9px 24px 8px 9px;
	border-top:1px #e7e2d1 solid;
	display:block;
	_height:1%;
	line-height:1.2;
	background:url(../img/bg_lcnavi.gif) 164px center no-repeat #ffffff;
	text-decoration:none;
	}
ul#lcNavi li a:hover {
	background:url(../img/bg_lcnavi_on.gif) 164px center no-repeat #fff5d3;
	}
ul#lcNavi li.here {
	padding:9px 4px 4px 4px;
	border-top:1px #e7e2d1 solid;
	line-height:1.2;
	background:url(../img/bg_lcnavi_on.gif) 164px 8px no-repeat #fff5d3;
	font-weight:bold;
	display:none;
	}
ul#lcNavi li.here span {
	padding:0 20px 0 5px;
	}
ul#lcNavi li.here ul.inner {
	padding-top:8px;
	border-bottom:1px #e7e2d1 solid;
	}
ul#lcNavi li.here ul.inner li {
	background:url(../img/icon01.gif) 10px 1.2em no-repeat #ffffff;
	}
ul#lcNavi li.here ul.inner li a {
	padding:9px 9px 8px 20px;
	border-right:1px #e7e2d1 solid;
	border-left:1px #e7e2d1 solid;
	color:#f86d00;
	background:none;
	font-weight:normal;
	}
ul#lcNavi li.here ul.inner li a:hover {
	text-decoration:underline;
	}

/*------- ▲アイコン --------*/
ul#lcNavi li.One a {
	background:url(../img/bg_lcnavi_one.gif) 164px center no-repeat #ffffff;
	}
ul#lcNavi li.One a:hover {
	background:url(../img/bg_lcnavi_one_on.gif) 164px center no-repeat #fff5d3;
	}
ul#lcNavi li.hereOne {
	padding:9px 24px 8px 9px;
	border-top:1px #e7e2d1 solid;
	line-height:1.2;
	color:#f86d00;
	background:url(../img/bg_lcnavi_one_on.gif) 164px center no-repeat #fff5d3;
	display:none;
	}
ul#lcNavi li.bt-none,
ul#lcNavi li a.bt-none {
	border-top:none;
	}	


/*------- ローカルナビ（表示・非表示切り替え） --------*/
.category01 li#cat01,
.category02 li#cat02,
.category03 li#cat03,
.category04 li#cat04,
.category05 li#cat05,
.category06 li#cat06,
.category07 li#cat07,
.category08 li#cat08,
.category09 li#cat09,
.category10 li#cat10,
.category11 li#cat11,
.enviroment01 li#env01,
.cals-ec01 li#cals01,
.cals-ec02 li#cals02 {
	display:none;
	}

.category01 li.here#cat01Here,
.category02 li.here#cat02Here,
.category03 li.here#cat03Here,
.category04 li.here#cat04Here,
.category05 li.here#cat05Here,
.category06 li.here#cat06Here,
.category07 li.here#cat07Here,
.category08 li.here#cat08Here,
.category09 li.here#cat09Here,
.category10 li.here#cat10Here,
.category11 li.here#cat11Here,
.category01 li.hereOne#cat01Here,
.category02 li.hereOne#cat02Here,
.category03 li.hereOne#cat03Here,
.category04 li.hereOne#cat04Here,
.category05 li.hereOne#cat05Here,
.category06 li.hereOne#cat06Here,
.category07 li.hereOne#cat07Here,
.category08 li.hereOne#cat08Here,
.category09 li.hereOne#cat09Here,
.category10 li.hereOne#cat10Here,
.category11 li.hereOne#cat11Here,
.enviroment01 li.here#env01Here,
.cals-ec01 li.here#cals01Here,
.cals-ec02 li.here#cals02Here {
	display:block;
	}


/*
------- footer -------------------------------------------------------*/
#footer {
	height:172px;
	background-color:#ffffff;
	}
#footer .container {
	background-color:#ffffff;/*--背景を2度重ねる--*/
	}
#footer #pageTop {
	height:28px;
	background:url(../img/orange3px.gif) left bottom repeat-x #ffffff;
	}
#footer #pageTop .container {
	height:28px;
	background:url(../img/orange3px.gif) left 25px repeat-x #ffffff;/*--背景を2度重ねる--*/
	}
#footer #pageTop a {
	float:right;
	display:block;
	width:110px;
	height:25px;
	background:url(../img/pagetop.gif) top left no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	}
#footer #pageTop a:hover {
	background:url(../img/pagetop.gif) bottom left no-repeat;
	}

/*------- フッターテキストリンク --------*/
ul#footLink {
	padding:20px 0;
	}
ul#footLink li {
	display:inline;
	}
ul#footLink li a {
	margin-right:8px;
	padding-left:10px;
	display:block;
	float:left;
	line-height:1.5em;
	background:url(../img/icon01.gif) left center no-repeat;
	white-space:nowrap;
	}

/*------- グレー部分 --------*/
#colorZone {
	height:50px;
	background:url(../img/line.gif) top left repeat-x #f7f7f7;
	}
#footer #colorZone .container {
	position:relative;
	height:50px;
	background:url(../img/line.gif) top left repeat-x #f7f7f7;/*--背景を2度重ねる--*/
	}
address {
	position:absolute;
	top:20px;
	left:0;
	width:318px;
	height:9px;
	}

/*------- フッターナビ --------*/
ul#footNavi {
	position:absolute;
	top:18px;
	right:0;
	}
ul#footNavi li {	
	float:left;
	}
ul#footNavi li a {
	margin-left:16px;
	display:block;
	height:12px;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
	}
ul#footNavi li.menu01 a { width:94px; background:url(../img/footnavi01.gif) top left no-repeat;}
ul#footNavi li.menu02 a { width:48px; background:url(../img/footnavi02.gif) top left no-repeat;}
ul#footNavi li.menu01 a:hover { background:url(../img/footnavi01.gif) bottom left no-repeat;}
ul#footNavi li.menu02 a:hover { background:url(../img/footnavi02.gif) bottom left no-repeat;}
