@charset "utf-8";
/* ===========================================================
 * 
 * 株式会社フェニックス　スタイルシート
 * Last UpDate : 2016/8/4
 *
=========================================================== */

/* ----------------------------------------------------------
	style.css

	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - 見出し
	 4 - 背景
	 5 - レイアウト
	 6 - ヘッダー
	 7 - フッター
	 8 - グローバルナビゲーションgNavi
	 9 - ローカルナビゲーションlNavi
	10 - コンテンツ

---------------------------------------------------------- */


/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */

@import "general.css";

html{
}

body{
	color:#333;
	background-color:#f5f5f5;
}

.txt{ line-height:1.5em; }


.att{ color:#ab1714; font-weight:bold; }

/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */

a:link		 { color:#333; text-decoration:underline; }
a:visited	 { color:#333; text-decoration:underline; }
a:hover		 { color:#00956e; text-decoration:none; }
a:active	 { color:#00956e; text-decoration:none; }


/* ----------------------------------------------------------
 3 - 見出し
---------------------------------------------------------- */

h1	{ color:#666; height:20px; font-size:0.85em; font-weight:normal; }

h2.works		{ background:url(../works/images/h2.png) no-repeat; width:240px; height:240px; }
h2.equipment	{ background:url(../works/equipment/images/h2.png) no-repeat; width:240px; height:240px; }
h2.reform		{ background:url(../works/reform/images/h2.png) no-repeat; width:240px; height:240px; }
h2.energy		{ background:url(../works/energy/images/h2.png) no-repeat; width:240px; height:240px; }
h2.company		{ background:url(../company/images/h2.png) no-repeat; width:240px; height:240px; }
h2.greeting		{ background:url(../greeting/images/h2.png) no-repeat; width:240px; height:240px; }
h2.access		{ background:url(../access/images/h2.png) no-repeat; width:240px; height:240px; }
h2.sitemap		{ background:url(../sitemap/images/h2.png) no-repeat; width:240px; height:240px; }
h2.privacy		{ background:url(../privacy/images/h2.png) no-repeat; width:240px; height:240px; }
h2.contact		{ background:url(../contact/images/h2.png) no-repeat; width:240px; height:240px; }

h3{ background:url(../images/ico_square01.png) no-repeat 0 2px; width:680px; height:30px; padding-left:50px; font-size:1.8em; font-weight:normal; }

h4{ background:url(../works/images/h4.png) no-repeat 0 0; width:680px; height:50px; padding:11px 0 0 25px; margin-bottom:30px; font-size:1.6em; color:#fff; }

h5{ background:url(../images/ico_arrow01.png) no-repeat 10px 10px; padding:5px 0 0 40px; font-size:1.2em; font-weight:normal; margin-bottom:10px; }

#contentsTitWrap{
	background:#96c519 url(../images/img_bg04.png) repeat-x top;
	height:150px;
}

#contentsTitWrap .contentsTit{
	margin:0 auto;
	padding:20px 0;
	width:980px;	
	height:150px;
}


/* ----------------------------------------------------------
 4 - 背景
---------------------------------------------------------- */


/* ----------------------------------------------------------
 5 - レイアウト
---------------------------------------------------------- */

#wrapper{
}


/* ----------------------------------------------------------
 6 - ヘッダー
---------------------------------------------------------- */

#header {
	width:960px;
	height:120px;
	padding-top:15px;
	margin:0 auto 10px auto;
	overflow:hidden;
}

#header .headerLogo {
	float:left;
	width:455px;
}

#header .headerTel {
	float:right;
	width:265;
}


/* ----------------------------------------------------------
 7 - フッター
---------------------------------------------------------- */

#footer{
	min-width: 960px;
	margin-top:50px;
	overflow:hidden;
}

#footerSitemapWrap {
	height:60px;
	background:#666;
}

#footerSitemap {
	color:#fff;
	font-size:0.9em;
	width:960px;	
	height:60px;
	padding:20px 0;
	margin:0 auto;
	position:relative;
}

#footerSitemap ul {
	float:left;
	height:20px;
	position:relative;
    left:50%;
}

#footerSitemap ul li {
	float:left;
	height:20px;
	border-right:1px solid #fff;
	padding:2px 24px 0 24px;
	position:relative;
    left:-50%;
}

#footerSitemap ul li:first-child {
	border-left:1px solid #fff;
}

#footer .footerSec {
	width:960px;
	overflow:hidden;
	margin:0 auto;
	padding:30px 0;
}

#footer .footerSec01 {
	float:left;
	width:280px;
	height:140px;
	border-right:1px solid #ccc;
}

#footer .footerSec01Txt {
	width:279px;
	height:95px;
	font-size:0.85em;	
}

#footer .footerSec02 {
	float:left;
	width:310px;
	height:140px;
	border-right:1px solid #ccc;
	padding-left:35px;
}

#footer .footerSec02Txt {
	width:274px;
	height:40px;
	font-size:0.85em;
}

#footer .footerSec03 {
	float:left;
	width:370px;
	height:140px;
	padding:39px 40px;
}

#footerCopyrightWrap {
	height:30px;
	background:#00956e;
	overflow:hidden;
}

#footerCopyright {
	width:960px;
	margin:0 auto;
	height:30px;
	text-align:right;
	font-size:0.8em;
	padding-top:8px;
	color:#fff;
}

#footerSitemap a:link { color:#fff; text-decoration:none; }
#footerSitemap a:visited { color:#fff; text-decoration:none; }
#footerSitemap a:hover { color:#00956e; text-decoration:none; }
#footerSitemap a:active { color:#00956e; text-decoration:none; }

#footerCopyright a:link { color:#fff; text-decoration:none; }
#footerCopyright a:visited { color:#fff; text-decoration:none; }
#footerCopyright a:hover { color:#ccc; text-decoration:none; }
#footerCopyright a:active { color:#ccc; text-decoration:none; }


/* ----------------------------------------------------------
 8 - グローバルナビゲーションgNavi
---------------------------------------------------------- */

/* nav */
#gNavi {
	width:960px;
	height:90px;
	margin:0 auto 20px auto;
}

#gNavi ul {
	margin:0 auto;
}

#gNavi li {
	float: left;
	display: inline;
}

#gNavi li a {
	height:90px;
	display: block;
	background-image: url(../images/gnavi.png);
	background-repeat: no-repeat;
}

/* individual */
#gNavi li#gNavi_01 a {
	width:155px;
	background-position: left 0;
	margin-right:6px;
}
#gNavi li#gNavi_01 a:hover, #gNavi li#gNavi_01 a:active ,#gNavi li#gNavi_01 .gnavi_cr01 {
	width:155px;
	background-position: left -90px;
}
#gNavi li#gNavi_02 a {
	width:155px;
	background-position: -155px 0;
	margin-right:6px;
}
#gNavi li#gNavi_02 a:hover, #gNavi li#gNavi_02 a:active ,#gNavi li#gNavi_02 .gnavi_cr02 {
	width:155px;
	background-position: -155px -90px;
}
#gNavi li#gNavi_03 a {
	width:155px;
	background-position: -310px 0;
	margin-right:6px;
}
#gNavi li#gNavi_03 a:hover, #gNavi li#gNavi_03 a:active ,#gNavi li#gNavi_03 .gnavi_cr03 {
	width:155px;
	background-position: -310px -90px;
}
#gNavi li#gNavi_04 a {
	width:155px;
	background-position: -465px 0;
	margin-right:6px;
}
#gNavi li#gNavi_04 a:hover, #gNavi li#gNavi_04 a:active ,#gNavi li#gNavi_04 .gnavi_cr04 {
	width:155px;
	background-position: -465px -90px;
}
#gNavi li#gNavi_05 a {
	width:155px;
	background-position: -620px 0;
	margin-right:6px;
}
#gNavi li#gNavi_05 a:hover, #gNavi li#gNavi_05 a:active ,#gNavi li#gNavi_05 .gnavi_cr05 {
	width:155px;
	background-position: -620px -90px;
}
#gNavi li#gNavi_06 a {
	width:155px;
	background-position: -775px 0px;
}
#gNavi li#gNavi_06 a:hover, #gNavi li#gNavi_06 a:active ,#gNavi li#gNavi_06 .gnavi_cr06 {
	width:155px;
	background-position: -775px -90px;
}


/* ----------------------------------------------------------
 9 - ローカルナビゲーションlNavi
---------------------------------------------------------- */

#lNavi {
	width:240px;
}

/* nav */
#lNavi {
	width:240px;
	overflow:hidden;
}

#lNavi ul {
	margin:0 auto;
}

#lNavi li {
	float: left;
	display: inline;
}

#lNavi li a {
	width: 240px;
	height: 50px;
	display: block;
}

#lNavi li a {
	background: url(../images/lnavi.png) no-repeat;
	margin-top:10px;
}


/* individual */
#lNavi li#lNavi_01 a {
	background-position: left 0;
}
#lNavi li#lNavi_01 a:hover, #lNavi li#lNavi_01 a:active {
	background-position: -240px 0;
}
#lNavi li#lNavi_02 a {
	background-position: left -50px;
}
#lNavi li#lNavi_02 a:hover, #lNavi li#lNavi_02 a:active {
	background-position: -240px -50px;
}
#lNavi li#lNavi_03 a {
	background-position: left -100px;
}
#lNavi li#lNavi_03 a:hover, #lNavi li#lNavi_03 a:active {
	background-position: -240px -100px;
}


/* ----------------------------------------------------------
 10 - コンテンツ
---------------------------------------------------------- */

#contents{
	width:960px;
	height:auto;
	margin:0 auto;
}

#main{
	float:right;
	width:680px;
}

#sidebar {
	float:left;
	width:240px;
	margin-right:40px;
}

.pankuzu{
	width:960px;
	padding-bottom:5px;
	font-size:85%;
	color:#999;
}

.pankuzu a{
	text-decoration:none;
	color:#999;
}

.pankuzu a:hover{
	text-decoration:none;
	font-weight:normal;
	color:#00956e;
}


/************** トップページ **************/

#topImg {
	width:960px;
	height:325px;
	margin:0 auto 30px auto;
}


/* トップページ */

#contents .topSec {
	width:960px;
	overflow:hidden;
}

#contents .topSecBtn {
	float:left;
	margin-right:25px;
}

#contents .topSecTxt {
	float:left;
	width:715px;
	letter-spacing:0.1em;
}

#contents .topSec01 {
	float:left;
	width:300px;
	overflow:hidden;
}

#contents .topSec01Btn {
	margin-bottom:5px;
}

#contents .topSec01Img {
	margin-bottom:20px;
}

#contents .topSec01Txt {
	width:300px;
	letter-spacing:0.1em;
	line-height:1.8em;
}

#contents .topSecTechnique, #contents .topSecStaff, #contents .topSecGlow {
	width:310px;
	height:370px;
	float:left;
	padding:75px 15px 15px 15px;
	border:1px solid #ccc;
}

#contents .topSec01 a {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#contents .topSec01 a:hover {
    opacity: 0.6;     /* 透過レベル */
    filter: alpha(opacity=60);
}

#contents .topNewsSec {
	background-color:#fff;
	width:960px;
	height:205px;
	border:1px solid #ccc;
	overflow:scroll;
	overflow-x:hidden;
	margin-bottom:70px;
}

#contents .topNewsSecTit {
	background:url(../images/tit_top_news01.png) no-repeat;
	width:960px;
	height:60px;
	overflow:hidden;
}

#contents .topNewsSec01 {
	background:url(../images/ico_arrow01.png) no-repeat 20px 16px;
	width:960px;
	padding:15px 40px 15px 50px;
	border-bottom:1px solid #ccc;
}

#contents .topNewsSec01Date {
	float:left;
	width:125px;
}

#contents .topNewsSec01Txt {
	float:left;
	width:745px;
}

/************** 事業内容 works **************/

#main .worksSec {
	width:680px;
	overflow:hidden;
}

#main .worksSecTxtLarge {
	width:680px;
	margin:35px 0 20px 0;
	font-size:2.3em;
}

#main .worksSecTxt01 {
	width:680px;
	letter-spacing:0.1em;
	line-height:1.8em;
}

#main .worksSec01 {
	width:680px;
	overflow:hidden;
	margin-bottom:80px;
}

#main .worksSec01Btn {
	margin-bottom:20px;
}

#main .worksSec ul {
	margin-top:-20px;
}

#main .worksSec ul li {
	float:left;
	width:330px;
	font-size:1.2em;
	background:url(../works/images/ico_arrow01.png) no-repeat 0 6px;
	padding-left:25px;
	margin-top:20px;
}

#main .worksSec ul li ul {
	margin:0 0 0 -25px;
}

#main .worksSec ul li ul li {
	float:none;
	background:none;
	padding:0;
	margin-top:5px;
	font-size:0.8em;
	font-weight:normal;
}

#main .worksSec ul li ul li ul {
	margin:0 0 10px 12px;
}

#main .worksSec ul li ul li ul li {
	margin-top:5px;
	font-size:1.0em;
}

#main .worksSec ul li.ht220{
	height:220px;
}

#main .worksSec01Btn a {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#main .worksSec01Btn a:hover {
    opacity: 0.6;     /* 透過レベル */
    filter: alpha(opacity=60);
}


/************** 設備工事 equipment **************/

#main .equipmentSec {
	overflow:hidden;
	margin-right:-20px;
}

#main .resultsSec {
	float:left;
	width:330px;
	min-height:500px;
	margin-right:20px;
	margin-bottom:50px;
	overflow:hidden;
}

#main .resultsSecTit {
	width:330px;
	height: 30px;
	background:url(../works/images/ico_arrow02.png) no-repeat 0 0;
	font-size:1.5em;
	padding:2px 0 0 40px;
	margin-bottom:20px;
}

#main .resultsSecArea {
	width:330px;
	background:url(../works/images/ico_circle01.png) no-repeat 0px 3px;
	font-size:0.95em;
	padding:0 0 0 20px;
	margin-bottom:10px;
}


/************** 省エネ energy **************/

#main .energySec {
	width:680px;
	overflow:hidden;
}

#main .energySec ol {
	list-style-position:inside;
}

#main .energySec ol li {
	list-style-type:decimal;
	margin-top:7px;
}


/************** 企業情報 company **************/

#main .companySec {
	width:680px;
	overflow:hidden;
	margin-bottom:60px;
}

#main .companySec table {
	width:680px;
	color:#333;
	font-size:0.95em;
	border-collapse:separate;
	border-spacing:0;
	border-top:1px solid #ccc;
}

#main .companySec table th {
	width:190px;
	padding:15px 10px 15px 20px;
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
	border-bottom:1px solid #ccc;
}

#main .companySec table td {
	padding:15px 10px 15px 20px;
	vertical-align:middle;
	border-bottom:1px solid #ccc;
}

#main .companySec table tr.odd01{
	background-color:#fff;
}


/**************　ごあいさつ greeting **************/

#main .greetingSec {
	width:680px;
	overflow:hidden;
	margin-bottom:60px;
}

#main .greetingSecTxt01 {
	width:470px;
	font-size:1.4em;
	margin:20px 0 25px 0;
}

#main .greetingSecTxt02 {
	width:470px;
	letter-spacing:0.1em;
	line-height:1.8em;
}

#main .greetingSecImg {
	float:left;
	width:175px;
	margin-left:35px;
}


/************** アクセス access **************/

#main .accessSec {
	width:680px;
	margin-bottom:60px;
	overflow:hidden;
}

#main .accessSecMap {
	width:680px;
	height:680px;
	margin-bottom:20px;
}

#main .accessSecImg {
	float:left;
	width:220px;
}


/************** 個人情報保護方針 privacy **************/

#main .privacySec {
	width:680px;
	color:#666;
	padding-bottom:20px;
	overflow:hidden;
	border-bottom:1px solid #666;
}

#main .borderNone {
	border-bottom:none;
}

#main .privacySecTit01 {
	background:url(../privacy/images/ico_arrow01.png) no-repeat 0 0;
	font-size:1.5em;
	font-weight:bold;
	padding:2px 0 0 40px;
	margin-bottom:10px;
}

#main .privacySecTit02 {
	background:url(../privacy/images/ico_arrow02.png) no-repeat 0 2px;
	font-size:1.2em;
	font-weight:bold;
	padding:2px 0 0 40px;
	margin-bottom:10px;
}

#main .privacySecTxt {
	width:680px;
	font-size:0.95em;
	letter-spacing:0.1em;
	line-height:1.8em;
}

#main .privacySec ol {
	list-style-position:inside;
}

#main .privacySec ol li {
	list-style-type:decimal;
}


/************** サイトマップ sitemap **************/

#main .sitemapSec {
	width:680px;
	margin-bottom:60px;
	overflow:hidden;
}

#main .sitemapSec ul {
}

#main .sitemapSec ul li {
	padding:20px 0 20px 60px;
	font-size:1.3em;
	font-weight:bold;
	border-bottom:1px dotted #999;
}

#main .sitemapSec ul li.top {
	background:url(../sitemap/images/ico_top01.png) no-repeat 20px 18px;
}
#main .sitemapSec ul li.works {
	background:url(../sitemap/images/ico_works01.png) no-repeat 20px 18px;
}
#main .sitemapSec ul li.company {
	background:url(../sitemap/images/ico_company01.png) no-repeat 20px 18px;
}
#main .sitemapSec ul li.greeting {
	background:url(../sitemap/images/ico_greeting01.png) no-repeat 20px 18px;
}
#main .sitemapSec ul li.access {
	background:url(../sitemap/images/ico_access01.png) no-repeat 20px 18px;
}
#main .sitemapSec ul li.contact {
	background:url(../sitemap/images/ico_contact01.png) no-repeat 20px 18px;
}
#main .sitemapSec ul li.privacy {
	background:url(../sitemap/images/ico_privacy01.png) no-repeat 20px 18px;
}
#main .sitemapSec ul li.sitemap {
	background:url(../sitemap/images/ico_sitemap01.png) no-repeat 20px 18px;
}

#main .sitemapSec ul li ul {
	margin:0;
}

#main .sitemapSec ul li ul li {
	background:url(../sitemap/images/ico_arrow01.png) no-repeat 25px 6px;
	padding:0 0 0 45px;
	margin-top:20px;
	font-size:0.8em;
	font-weight:normal;
	border:none;
}

.sitemapSec a:link		{ color:#333; text-decoration:none; }
.sitemapSec a:visited	{ color:#333; text-decoration:none; }
.sitemapSec a:hover		{ color:#00956e; text-decoration:none; }
.sitemapSec a:active	{ color:#00956e; text-decoration:none; }


/************** お問い合わせ contact **************/

#main .contactSec{
	margin-bottom:70px;
}

.contactSec a:link 		{ color:#333; text-decoration:underline; }
.contactSec a:visited 	{ color:#333; text-decoration:underline; }
.contactSec a:hover 	{ color:#00956e; text-decoration:none; }
.contactSec a:active 	{ color:#00956e; text-decoration:none; }

.confirmTit {
	margin-bottom:10px;
	padding:5px 0 5px 10px;
	font-weight:bold;
	font-size:1.1em;
	border-left:2px solid #00956e;
}