@charset "utf-8";
@import url(default.css);
/*
	div#wrapper: font-size: 108% 14px
	10px:	71% (1.08 x 0.712 = 77%)
	11px:	79% (1.08 x 0.787 = 85%)
	12px:	86% (1.08 x 0.861 = 93%)
	13px:	93% (1.08 x 0.9258 = 100%)
	15px:	107% (1.08 x 1.074 = 116%)
	16px:	114% (1.08 x 1.1398 = 123.1%)
	24px:	168.5% (1.08 x 1.685 = 182%)
	http://developer.yahoo.com/yui/fonts/
*/

html {
	background-color: #89b700;
}
body {
	background: #fff url(../images/common/bg_hd.jpg) 0px 0px repeat-x;
	color: #000;
}
a:link {
	color: #00f;
}
a:visited {
	color: #90f;
}
a:hover {
	color: #f60;
	text-decoration: none;
}

div#wrapper {
	position: relative;
	width: 800px;
	margin: 0 auto;
	background-color: #fff;
	color: #000;
	font-size: 108%;
	line-height: 1.6;
	overflow: hidden;
}


div#main {
	position: relative;
	display: inline;
	float: right;
	width: 100%;
	margin-left: -220px;
	z-index: 1;
}
div#main img#head {
	margin-left: 220px;
}
div#main p.trace {
	width: 550px;
	margin-left: 250px;
	padding-bottom: 12px;
	font-size: 86%;
}
div#main h1 {
	width: 520px;
	height: 65px;
	margin-left: 250px;
	padding-left: 30px;
	background: url(../images/common/bg_pagetitle.jpg) no-repeat;
	color: #039;
	font-size: 168.5%;
	font-weight: bold;
	line-height: 60px;
}

div#main div.section {
	width: 550px;
	margin-left: 250px;
	padding-bottom: 16px;
}
div.section h2 {
	margin-bottom: 18px;
	padding: 8px 4px 8px 24px;
	background: #06c url(../images/common/bg_subtitle.jpg) no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 116%;
}
div.section h3 {
	margin-bottom: 8px;
	padding-bottom: 8px;
	background: url(../images/common/line.gif) left bottom no-repeat;
	font-weight: bold;
	font-size: 114%;
}
div.section img.catch {
	margin: 24px 0;
}
div.section p {
	padding-bottom: 16px;
}

div#sub {
	position: relative;
	display: inline;
	float: right;
	width: 220px;
	z-index: 2;
}
div#sub div.hd,
div#sub div.bd {
	width: 214px;
	padding: 2px 2px 8px;
	border: solid 1px #999;
	border-top-style: none;
}
div#sub div.hd {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
div#sub ul li {
	width: 214px;
}
div#sub ul li a {
	display: block;
	width: 192px;
	height: 37px;
	padding-left: 22px;
	background: url(../images/common/navi.jpg) 0px -37px no-repeat;
	line-height: 32px;
}
div#sub ul li a:link,
div#sub ul li a:visited,
div#sub ul li a:hover {
	color: #000;
	text-decoration: none;
}
div#sub ul li a:hover,
body.top div#sub ul li.n1 a,
body.ecofit div#sub ul li.n2 a,
body.esco div#sub ul li.n3 a,
body.service div#sub ul li.n4 a,
body.companyTop div#sub ul li.n5 a,
body.access div#sub ul li.n6 a,
body.info div#sub ul li.n7 a,
body.faq div#sub ul li.n8 a,
body.webfri div#sub ul li.n9 a {
	background-position: 0px 0px;
	font-weight: bold;
}
div#sub div.bd div {
	width: 202px;
	margin: 12px auto 0;
	padding-top: 10px;
	border: solid 1px #999;
	background-color: #eee;
	text-align: center;
}
div#sub div.bd div a {
	display: block;
	width: 180px;
	height: 30px;
	margin: 6px auto 10px;
	background: url(../images/common/navi.jpg) 0px -74px no-repeat;
}
div#sub div.bd div a:hover {
	background-color: #fff;
	color: #000;
}
div#sub div.bd div a:hover img {
	visibility: hidden;
}
div#sub div.ban {
	margin-top: 10px;
	padding: 10px;
	border: solid 1px #999;
	text-align: center;
}
	

div.refresh {
	clear: both;
	width: 800px;
	margin: 0 auto;
	padding: 40px 5px 30px 0;
	text-align: right;
}
div#foot {
	width: 100%;
	padding-top: 20px;
	background-color: #89b700;
	color: #fff;
}
div.footContent {
	position: relative;
	width: 800px;
	margin: 0 auto;
	font-size: 77%;
	text-align: right;
}
div.footContent a img {
	position: absolute;
	left: 0px;
}

/* ================================
	table
*/
div#main table {
	width: 550px;
	margin-top: 20px;
	margin-left: 250px;
}
div#main div.section table {
	margin-left: 0;
}
div#main table th,
div#main table td {
	padding: 8px;
	border: solid 1px #ccc;
}
div#main table th {
	width: 6em;
	background-color: #ffc;
	color: #000;
	font-weight: bold;
}
body.ecofit div#main table th {
	width: auto;
	background-color: #fff;
	text-align: center;
}

/* ===========================
	top
*/
body.top div#main h1 {
	width: 580px;
	height: 219px;
	margin-left: 220px;
	padding-left: 0;
	background-image: none;
}
body.top div#main div.section {
	padding-top: 20px;
}
body.top div#main div.section ul {
	margin-top: 20px;
}
body.top div#main div.section.info ul {
	margin-top: 0;
}
body.top div#main div.section ul li {
	position: relative;
	width: 430px;
	padding: 24px 0 24px 120px;
	background: url(../images/top/line.jpg) no-repeat;
}
body.top div#main div.section ul li.fricom {
	width: auto;
	padding-left: 0;
}
body.top div#main div.section.info ul li {
	width: 450px;
	padding: 18px 0 18px 100px;
	border-bottom: solid 1px #ccc;
	background-image: none;
}
body.top div#main div.section ul li img {
	margin-bottom: 10px;
}
body.top div#main div.section ul li a img,
body.top div#main div.section.info ul li span {
	position: absolute;
	left: 0px;
}
body.top div#main div.section.info ul li a img {
	position: static;
}
body.top div#main div.section.info p {
	text-align: right;
	line-height: 2;
}
body.top div#main div.section h2 {
	padding: 0;
	background-image: none;
	background-color: #fff;
}

body.top div#main div.ny {
	width: 550px;
	margin-left: 250px;
	padding-top: 10px;
	padding-bottom: 16px;
	background: url(../images/top/line.jpg) bottom left no-repeat;
	text-align: center;
}
body.top div#main div.ny p {
	width: 435px;
	margin: 10px auto;
	text-align: left;
}

/* ===========================
	ecofit,esco
*/
body.ecofit div#main dl,
body.esco div#main dl {
	width: 550px;
	margin-bottom: 36px;
	margin-left: 250px;
	overflow: hidden;
}
body.ecofit div#main dl dt,
body.esco div#main dl dt {
	margin-bottom: 8px;
	padding-bottom: 8px;
	background: url(../images/common/line.gif) left bottom no-repeat;
	font-weight: bold;
	font-size: 114%;
}
body.ecofit div#main dl dd,
body.esco div#main dl dd {
	width: 550px;
	margin-bottom: 4px;
	overflow: hidden;
}
body.ecofit div#main dl dd.note {
	font-size: 86%;
}
body.ecofit div#main dl dd img,
body.esco div#main dl dd img {
	float: left;
	margin-right: 10px;
}
body.ecofit div#main dl dd p,
body.esco div#main dl dd p {
	padding-top: 24px;
}
body.ecofit div#main dl dd em {
	color: red;
}
body.esco div#main em {
	font-weight: bold;
}

body.ecofit div#main table {
	margin-bottom: 20px;
	margin-top: 0px;
}
body.ecofit div#main table.menu {
	font-size: 86%;
}
body.ecofit div#main table.menu th,
body.ecofit div#main table.menu td {
	padding: 8px 4px;
}
body.ecofit div#main table caption {
	padding-left: 14px;
	border-left: solid 5px #ccf;
	font-size: 116%;
}
body.ecofit div#main table td {
	text-align: right;
	vertical-align: top;
}
body.ecofit div#main table.menu td {
	text-align: left;
}
body.ecofit div#main table.menu th {
	background-color: #ffc;
	white-space: nowrap;
}
col.col1 {
	width: 15%;
}
col.col2 {
	width: 70%;
}
body.ecofit div#main table td.sum {
	color: #c00;
	font-weight: bold;
}
body.ecofit div#main table td em,
body.ecofit div#main table td strong {
	float: left;
}


/* =================================
	service
*/
body.service.stop div#main div.section p {
	padding-top: 16px;
	padding-bottom: 48px;
}
p.listFooter {
	margin-top: 20px;
	padding-top: 20px;
	background: url(../images/top/line.jpg) no-repeat;
	text-align: right;
}
body.bimg p {
	padding-bottom: 20px;
	text-align: center;
}

body.service div#main div.section ul,
body.webfri div#main div.section ul {
	padding-left: 1.5em;
}
body.service div#main div.section ul li,
body.webfri div#main div.section ul li {
	list-style-type: disc;
}
body.service div#main div.rc p {
	padding-bottom: 0;
}
body.service div#main div.rc div {
	width: 310px;
	padding-left: 240px;
	overflow: hidden;
}
body.service div#main div.rc div img {
	float: left;
	margin-left: -240px;
	cursor: pointer;
}
body.service div#main div.rc div span {
	display: block;
	text-align: center;
}
body.service div#main div.syl img {
	margin-top: 10px;
	cursor: pointer;
}
body.service div#main div.syl strong,
body.webfri div#main div.fri em,
body.webfri div#main div.com p {
	display: block;
	margin-bottom: 10px;
	padding: 10px 20px;
	border: solid 1px #c00;
	background-color:#fcc;
}
body.webfri div#main div.fri em,
body.webfri div#main div.com p {
	border-color: #fc9;
	background-color: #ffc;
}
body.webfri div#main div.fri img {
	margin-bottom: 16px;
}
body.webfri div#main div.com h3 {
	margin: 16px 0 0;
	padding: 0;
	background-image: none;
}
body.stop div#main table {
	font-size: 86%;
}
body.stop div#main table th {
	width: auto;
	text-align: center;
}
body.stop div#main table td[colspan="3"] {
	padding: 4px 8px;
	font-size: 91%;
}

/* ==================================
	access
*/
body.access div#main div.section p,
body.access div#main div.section img {
	margin-top: 16px;
}

/* ===================================
	info
*/
body.info div#main ul,
body.info div#main p {
	width: 550px;
	margin-left: 250px;
}
body.info div#main ul li {
	position: relative;
	width: 450px;
	padding: 18px 0 18px 100px;
	border-bottom: solid 1px #ccc;
}
body.info div#main ul li span {
	position: absolute;
	left: 0px;
}

body.info.detail div#main h1 {
	width: 522px;
	height: auto;
	margin-bottom: 18px;
	padding: 12px;
	padding-left: 24px;
	background: #06c url(../images/common/bg_subtitle.jpg) no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 116%;
	line-height: normal;
}

body.detail div#main p.news {
	padding-top: 10px;
	text-align: center;
}
body.detail div#main p.news img {
	margin-bottom: 6px;
}

/* =============================
	contact
*/
body.contact div#main table th {
	width: 10em;
}
body.contact div#main table span {
	color: red;
	font-weight: bold;
}
body.contact div#main table input,
body.contact div#main table textarea {
	font-size: 107%;
}
body.contact div#main table tr.sub td {
	text-align: center;
}


/* ===========================
	faq
*/
body.faq div#main dl {
	width: 550px;
	margin-bottom: 36px;
	margin-left: 250px;
	overflow: hidden;
}
body.faq div#main dl dt {
	background-color: #ffc;
}
body.faq div#main dl dd {
	margin-bottom: 12px;
}
body.faq div#main h2 {
	width: 550px;
	margin: 12px 0;
	margin-left: 250px;
	font-weight: bold;
}

body.faq p.pageanchor {
	width: 550px;
	margin-left: 250px;
	padding-bottom: 1.6em;
	font-size: 86%;
	word-spacing: .4em;
}


/* clearfix */

.clearfix {overflow: hidden;}


/* \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;}
/* */