@charset "utf-8";

@import "reset.css";
@import "common.css";




/*==================================================
	#wrap
==================================================*/
#wrap {
	width: 100%;
	background-image: url(../img/bg_wrap_02.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#layout {
	width: 904px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#contentWrap {
	width: 904px;
	margin-top: 25px;
}
.txtRed {
	color: #ee2624;
}
.txtWhite {
	color: #FFF;
}
.txtGreen {
	color: #166c18;
}
.txtGreenBig {
	color: #166c18;
	font-weight:bold;
	font-size:16px;
}
.txtCenter {
	text-align: center;
}

.w550 {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}
.w520 {
	width: 520px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}
.w240 {
	width: 240px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}


/*==================================================
	#head
==================================================*/
#head {
	height: 158px;
	width: 904px;
	text-align: center;
	position: relative;
}
#head h1 {
	float: left;
	margin-top: 20px;
}
#head .hContact {
	float: right;
	margin-top: 10px;	
}
.gMenu {
	height: 69px;
	width: 904px;
	position: absolute;
	left: 0px;
	top: 90px;
}
.gMenu li {
	float: left;
}


/*==================================================
	#side
==================================================*/
#side {
	float: left;
	width: 274px;
}
#side .menuList {
	text-align: center;
	clear:both;
	width: 274px;
	margin-top: 20px;
}
#side .menuList .ttl {
	height: 37px;
	line-height: 37px;
	color: #FFF;
	padding-right: 20px;
	padding-left: 20px;
	text-align: left;
	background-image: url(../img/sideTtlBg01.png);
	background-repeat: no-repeat;
}
#side .menuList.bg .area {
	background-image: url(../img/sideBg.png);
	background-repeat: repeat-y;
	text-align: center;
}
#side .menuList.bg li {
	background-image: url(../img/point.jpg);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 15px;
	font-size: 85%;
	line-height: 1.3em;
	margin-top: 5px;
}


#side .ecoBnr {
	clear: both;
	background-image: url(../img/sideBnrEco.jpg);
	background-repeat: no-repeat;
	height: 158px;
	width: 274px;
	position: relative;
}
#side .ecoBnr.mgt20 p {
	font-size: 85%;
	line-height: 1.3em;
	position: absolute;
	left: 20px;
	top: 20px;
}
#main .mainBox {
	clear: both;
	width: 604px;
}
#main .mainBox .ttl {
	height: 46px;
	width: 604px;
	background-image: url(../img/mainTtlBg.png);
	background-repeat: no-repeat;
	line-height: 46px;
	font-size: 16px;
	color: #0086d1;
	padding-left: 50px;
}
#main .mainBox .area {
	background-image: url(../img/mainBg.png);
	background-repeat: repeat-y;
	text-align: center;
}


/*==================================================
	#footer
==================================================*/
#footer {
	background-image: url(../img/footer_bg.jpg);
	background-repeat: repeat-x;
	width: 100%;
	background-color: #ededed;
	clear: both;
	margin-top: 25px;
}
#footer .area {
	height: 154px;
	width: 904px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.totopBtn {
	background-image: url(../img/top_btn_bg.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 109px;
	position: absolute;
	top: 0px;
	right: 0px;
	padding-top: 3px;
	line-height: 27px;
	text-align: center;
	font-size: 85%;
	font-weight: bold;
}
.footerLine {
	height: 2px;
	width: 274px;
	position: absolute;
	left: 0px;
	top: 30px;
}
.footerLogo {
	height: 16px;
	width: 258px;
	position: absolute;
	left: 8px;
	top: 56px;
}
.footerCopy {
	font-size: 80%;
	line-height: 1.2em;
	text-align: left;
	position: absolute;
	left: 8px;
	bottom: 30px;
	color: #666;
}
.footerMenu {
	position: absolute;
	right: 0px;
	bottom: 30px;
	font-size: 80%;
	text-align: right;
}


/*==================================================
	#main
==================================================*/
#main {
	float: right;
	width: 604px;
}
#main .news {
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;
	clear: both;
}
#main .newsLast {
	padding-top: 15px;
	padding-bottom: 15px;
	clear: both;
}
#main .news .cap,
#main .newsLast .cap {
	color: #0086d1;
}
#main .news .txt,
#main .newsLast .txt {
	margin-top: 5px;
}
#main .news .linkBtn,
#main .newsLast .linkBtn {
	float: right;
	padding-right: 15px;
	padding-left: 30px;
	border: 1px solid #E0E0E0;
	font-size: 12px;
	background-image: url(../img/arw.jpg);
	background-repeat: no-repeat;
	background-position: 15px center;
	height: 32px;
	line-height: 32px;
	margin-top: 65px;
}


/*==================================================
	data.html
==================================================*/
.data {
	margin-bottom: 40px;
}
.datattl {
	margin-bottom: 10px;
}
.data .num {
	vertical-align: middle;
	margin-right: 5px;
}
.ps {
	text-align: right;
	font-size: 85%;
}
.lead {
	font-size: 122%;
	font-weight: bold;
	margin: 20px 0 20px 0;
}

.bluettl {
	clear: both;
	width: 550px;
	height: 22px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin: 20px auto 10px;
	background-image: url(../img/blueline_bg.gif);
	background-repeat: no-repeat;
}
.bacL {
	float: left;
	width: 275px;
}
.bacL p {
	float: left;
	margin: 5px 20px 0 0;
	text-align: center;	
}
.bacR {
	float: right;
	width: 275px;
}
.bacR .pdg35 {
	padding-left: 35px;
}
.bacR p {
	float: right;
	margin: 5px 0 0 20px;
	text-align: center;
}
.graphTop {
	text-align: center;
	margin-top: 10px;
}
span.sup {
	vertical-align: super;
	font-size: 85%;
}


/*==================================================
	cases.index
==================================================*/
.preBox {
	float: left;
	width: 250px;
	height: 250px;
}
.preBoxL {
	float: left;
	width: 250px;
}
.preLead {	
	font-size: 122%;
	font-weight: bold;	
}
.pre {	
	text-align: right;
}
.mgl50 {
	margin-left: 50px;
}

#cases02 img {
	vertical-align: middle;
	padding: 0 8px 0 0;
}
.bluettl02 {
	clear: both;
	width: 550px;
	height: 22px;
	color: #fff;
	font-weight: bold;
	padding-left: 20px;
	margin: 20px auto 10px;
	background-image: url(../img/blueline_bg.gif);
	background-repeat: no-repeat;
}


/*==================================================
	method.index
==================================================*/
.safety ol {
	float: left;
	padding: 10px 40px 0 0;
}
.block {
	padding: 10px;
	margin: 20px auto 0;
	border: 2px solid #cccccc;
	border-radius:5px; /* 記述無し */
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Google Chrome、Safari */
	-o-border-radius:5px; /* Opera */
	-ms-border-radius:5px; /* Internet Explorer */	
}
.orenge {	
	font-weight: bold;
	color: #eb6100;
}


/*==================================================
	table
==================================================*/
.bTable {
	width: 550px;
	font-size: 100%;
	border-collapse: collapse;
	border: 1px solid #e4e4e4;
}
.bTable th {
	text-align: center;
	padding: 5px;
	background-color: #b1def4;
	border: 1px solid #e4e4e4;
}
.bTable td {
	text-align: center;
	padding: 5px;
	border: 1px solid #e4e4e4;
}
.bTable .dot {
	border-bottom: 2px dotted #e4e4e4;
}
.bTable .left {
	text-align: left;
	padding-left: 20px;
}
.bTable th span {
	font-size: 78%;
}

.cTable {
	width: 550px;
	font-size: 100%;
	margin-top: 20px;
	border-collapse: collapse;	
	border: 1px solid #e4e4e4;	
}
.cTable th {
	text-align: left;
	padding: 5px;
	border: 1px solid #e4e4e4;
}
.cTable td {
	text-align: center;
	padding: 5px;
	border: 1px solid #e4e4e4;
}
.cTable .ye {
	background-color: #fffcdb;	
}
.cTable .pi {
	background-color: #fdeef4;
}
.cTable .pu {
	background-color: #e8e6f3;
}