@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------
product
------------------------------------------------------ */

/* ----------- menu ----------- */
div#menu dt.m01 a{background:url(../environment/images/menu_01.gif);}
div#menu dt.m01 a:hover{background:url(../environment/images/menu_01.gif) 0 -39px no-repeat;}

div#menu dt.m02 a{background:url(../environment/images/menu_02.gif);}
div#menu dt.m02 a:hover{background:url(../environment/images/menu_02.gif) 0 -39px no-repeat;}

div#menu dt.m03 a{background:url(../environment/images/menu_03.gif);}
div#menu dt.m03 a:hover{background:url(../environment/images/menu_03.gif) 0 -39px no-repeat;}

div#menu dt.m04 a{background:url(../environment/images/menu_04.gif);}
div#menu dt.m04 a:hover{background:url(../environment/images/menu_04.gif) 0 -39px no-repeat;}

div#menu dt.m05 a{background:url(../environment/images/menu_05.gif);}
div#menu dt.m05 a:hover{background:url(../environment/images/menu_05.gif) 0 -39px no-repeat;}

div#menu dt.m06 a{background:url(../environment/images/menu_06.gif);}
div#menu dt.m06 a:hover{background:url(../environment/images/menu_06.gif) 0 -39px no-repeat;}

div#menu dt.m07 a{background:url(../environment/images/menu_07.gif);}
div#menu dt.m07 a:hover{background:url(../environment/images/menu_07.gif) 0 -39px no-repeat;}

div#menu dt.m08 a{background:url(../environment/images/menu_08.gif);}
div#menu dt.m08 a:hover{background:url(../environment/images/menu_08.gif) 0 -39px no-repeat;}

/* ----------- menu onの場合 ----------- */
div#menu dt.on a{
	background-position: 0 -39px;
	display:block;
}



/* ----------- contents ----------- */


#contents div.tempCnWrap {
	width : 662px;
	text-align : center;
	margin:20px 0 30px 0;
	}

#contents p {
	margin-bottom : 10px;
	}

#contents div.tempCnWrap table.tempTable {
	width : 80%;
	margin : 0 auto;
	border-collapse : collapse ;
	display : block ;
	}

#contents div.tempCnWrap table.tempTable tr td {
	border : 1px solid #B3B3B3 ;
	text-align : left;
	padding : 3px 5px ;
	color : #404040 ;
	}

#contents div.tempCnWrap table.tempTable tr td.tempHeader {
	background-color : #FFE6BF ;
	width : 25%;
	}

#example {
	background-color : #FFE6BF ;
	}

#contents ol.tempNumList {
	list-style-type : decimal ;
	}

#contents ol.tempNumList li {
	margin-left : 20px ;
	}


#contents div.tempDlWrap {
	clear                  : both;
	}

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

#contents div.tempDlWrap dl {
	float                  : left;
	width : 310px;
	}


hr.tempClear {
	display                : none;
	clear                  : both;
	}


#contents h3,
#contents h4,
#contents h5,
#contents h6 {
	width : 662px;
	clear : both;
	}

#contents h4 {
	width : 636px;
	height : 25px;
	margin : 5px 0px 10px 12px !important;
	}



#contents h3 span,
#contents h4 span,
#contents h5 span,
#contents h6 span {
	display : none;
	}


#bus_title01 { background:url(../environment/images/bus_title_01.jpg) 0 0 no-repeat; }
#bus_title02 { background:url(../environment/images/bus_title_02.jpg) 0 0 no-repeat; }

#pla_title01 { background:url(../environment/images/pla_title_01.jpg) 0 0 no-repeat; }
#pla_title02 { background:url(../environment/images/pla_title_02.jpg) 0 0 no-repeat; }
#pla_title03 { background:url(../environment/images/pla_title_03.jpg) 0 0 no-repeat; }

#rec_title01 { background:url(../environment/images/rec_title_01.jpg) 0 0 no-repeat; }
#rec_title02 { background:url(../environment/images/rec_title_02.jpg) 0 0 no-repeat; }
#rec_title03 { background:url(../environment/images/rec_title_03.jpg) 0 0 no-repeat; }
#rec_title04 { background:url(../environment/images/rec_title_04.jpg) 0 0 no-repeat; }
#rec_title05 { background:url(../environment/images/rec_title_05.jpg) 0 0 no-repeat; }

#nb_title01 { background:url(../environment/images/nb_title_01.jpg) 0 0 no-repeat; }
#nb_title02 { background:url(../environment/images/nb_title_02.jpg) 0 0 no-repeat; }
#nb_title03 { background:url(../environment/images/nb_title_03.jpg) 0 0 no-repeat; }

#eco_title01 { background:url(../environment/images/eco_title_01.jpg) 0 0 no-repeat; }
#eco_title02 { background:url(../environment/images/eco_title_02.jpg) 0 0 no-repeat; }
#eco_title03 { background:url(../environment/images/eco_title_03.jpg) 0 0 no-repeat; }










#contents p.temph5text {
	text-indent : 1em;
	padding : 5px 20px ;
	width : 622px;
	}

#contents p.temph6text {
	text-indent : 1em;
	padding : 5px 40px ;
	width : 582px;
	}

#contents p.temph7text {
	text-indent : -25px;
	padding : 5px 40px 0px 75px ;
	margin-bottom : 3px;
	width : 545px;
	}

#contents p.temph7text span {
	margin-right : 5px;
	}

#contents div.tempCaption {
	width : 662px;
	text-align : center;
	color : #0099cc;
	font-weight : bold;
	}

#contents div.tempCnWrap img {
	margin : 0;
	padding : 0;
	}



#contents div.tempNotice {
	width : 546px;
    background-image: url(../environment/images/notice_flame_mid.jpg);
    background-position: 0 0;
    background-repeat: repeat-y;

}


#contents div.tempNotice h5 {
		width : 546px;
    padding-top: 17px;
    background-image: url(../environment/images/notice_flame_top.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
}

#contents div.tempNotice div.tempBody {
		width : 546px;
    padding-bottom: 17px;
    background-image: url(../environment/images/notice_flame_btt.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;

}


#contents div.tempNotice div.tempBody p {
	width : 526px;
	margin : 5px 10px;
	padding : 0;
}


#contents div.tempCnWrap table.tempNotice {
	border-collapse : collapse ;
	width : 546px;
	background-color : #FFF4D9;
	margin : 0 auto;
	padding : 0;
	background-image: url(../environment/images/notice_flame_btt.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	}

#contents div.tempCnWrap table.tempNotice tr td {
	font-size : 85%;
	text-align : left;
	}


#contents table.tempIndexTable {
	border-collapse : collapse ;
	margin : 0px 8px;
	}

#contents table.tempIndexTable tr td {
	margin : 0px;
	padding : 0px;
	}

#contents table.tempIndexTable tr td img {
	margin : 0px;
	padding : 0px;
	}



/* ---------------------------------------- 共通 */
.mb10 { margin-bottom : 10px !important;}
.mb20 { margin-bottom : 20px !important;}
.mb30 { margin-bottom : 30px !important;}
.mb40 { margin-bottom : 40px !important;}
.mb50 { margin-bottom : 50px !important;}
.mb60 { margin-bottom : 60px !important;}

.mt10 { margin-top : 10px !important;}
.mt20 { margin-top : 20px !important;}
.mt30 { margin-top : 30px !important;}
.mt40 { margin-top : 40px !important;}
.mt50 { margin-top : 50px !important;}
.mt60 { margin-top : 60px !important;}

.ml12{ margin-left : 12px !important;}

/* ---------------------------------------- 追記 */
#contents  p.catch{
	margin-bottom:30px;
}


h5.business_01{
	margin:0 10px 10px 24px;
	padding:0;
	width:90px !important;
	height:90px;
	display:block;
	line-height:100%;
	float:left;
}

h5.business_01 a{
	width:90px;
	height:90px;
	display:block;
	text-indent:-9999px;
	background:url(../environment/images/btn_business_01.gif) 0 0 no-repeat;
	overflow:hidden;
	outline:none;
}

h5.business_01 a:hover{
	background:url(../environment/images/btn_business_01.gif) 0 -90px no-repeat;
}

h5.business_02{
	margin:0 10px 10px 24px;
	padding:0;
	width:90px !important;
	height:90px;
	display:block;
	line-height:100%;
	float:left;
}

h5.business_02 a{
	width:90px;
	height:90px;
	display:block;
	text-indent:-9999px;
	background:url(../environment/images/btn_business_02.gif) 0 0 no-repeat;
	overflow:hidden;
	outline:none;
}

h5.business_02 a:hover{
	background:url(../environment/images/btn_business_02.gif) 0 -90px no-repeat;
}

h5.business_03{
	margin:0 10px 10px 24px;
	padding:0;
	width:90px !important;
	height:90px;
	display:block;
	line-height:100%;
	float:left;
}

h5.business_03 a{
	width:90px;
	height:90px;
	display:block;
	text-indent:-9999px;
	background:url(../environment/images/btn_business_03.gif) 0 0 no-repeat;
	overflow:hidden;
	outline:none;
}

h5.business_03 a:hover{
	background:url(../environment/images/btn_business_03.gif) 0 -90px no-repeat;
}

#contents ul.tempList {
	margin:8px 0 0 0;
	padding : 0;
	display:block;
	float:left;
	width:520px;
}

#contents ul.tempList li {
	background : url(../environment/images/com_icon_01.jpg) 10px 5px no-repeat;
	padding-left : 25px;
	font-size : 85%;
}

#contents ul.red li {
	padding :0 0 0 15px;
	font-size : 85%;
	background : url(../environment/images/icon_red.gif) 0 0.2em no-repeat;
}

#contents ul.blue_2 li {
	padding :0 0 0 15px;
	font-size : 85%;
	background : url(../environment/images/icon_blue.gif) 0 0.2em no-repeat;
}

#contents ul.green li {
	padding :0 0 0 15px;
	font-size : 85%;
	background : url(../environment/images/icon_green.gif) 0 0.2em no-repeat;
}

div.bu_image02{
	margin:0 27px 0 12px;
	padding:0;
	width:193px;
	height:320px;
}

table td{
	text-align:top;
}

div.bu_text dl{
	margin:0 0 0 0;
	padding:0;
}

*html div.bu_text dl{
	font-size:80%;
}

div.bu_text dt{
	margin-bottom:5px;
	font-weight:bold;
}

div.bu_text dd{
	margin-bottom:10px;
}

#contents h4{
	margin-bottom:20px;
}

#contents h4.st{
	margin:0 0 10px 12px !important;
}

#contents h5.st{
	margin:0 0 10px 12px !important;
}

div.effort{
	width:653px;
	margin:0;
	padding:0;
	background : url(../environment/images/bg_effort.gif) 0 0.3em no-repeat;	
}

*html div.effort{
	font-size:80%;	
}

div.effort h4{
	margin:0;
	padding:40px 0 20px 118px;
	display:block;
	float:none;
}

div.effort h5{
	margin:0 0 0 40px;
	padding:0;
	float:left;
	width:110px !important;
}

#contents div.effort ul{
	margin:0 0 40px 0;
	padding:0;
	float:left;
	width:450px !important;
	display:block;
}

#contents div.effort li{
	margin:0 0 5px 0;
	padding:0;
	float:left;
	border-bottom:1px dotted #abe08d;
	display:block;
	width:400px !important;
}

span.effort_bt{
	width:653px;
	height:20px;
	margin:-5px 0 40px 0;
	padding:0;
	display:block;
	background : url(../environment/images/bg_effort_b.gif) 0 0.3em no-repeat;	
}

#contents h6{
	font-size:120%;
	font-weight:bold;
	display:block;
	margin:15px 0 10px 12px;
	padding:8px 0 8px 0;
	color:#424242;
	width:636px;
	border-bottom:3px double #d5d5d5;
	font-size:100% !important;
}

.tempQAQ{
	display:block;
	border-bottom:1px dotted #235f9d;
	color:#235f9d;
}

.tempQAQ span{
	font-weight:bold;
	font-size:130%;
}

#contents .tempQAA{
	display:block;
	margin-bottom:20px;
}

.tempQAA span{
	font-weight:bold;
	font-size:130%;
}

div.box_sp{
	margin:0 0 20px 10px;
	padding:20px;
	background:#ecfde7;
	width:593px;
	border:2px dotted #c7edbd;
	font-size:80%;
}

*html div.box_sp{
	width:633px;
}


div.box_sp span{
	margin:0 0 15px 0;
	padding:0;
	color:#347f1f;
	display:block;
	font-weight:bold;
	font-size:120%;
}

.nf{
	float:none !important;
}

.en_index{
	margin:0 0 0 12px;
	padding:0;
	background:url(../environment/images/bg_en_index.jpg) 0 0 no-repeat;	
}

#contents div.en_index h4.st_01{
	margin:0 !important;
	padding:66px 0 0 11px;	
}

#contents div.en_index h4.st_02{
	margin:0 !important;
	padding:0 0 0px 11px;	
}

#contents div.en_index p{
	margin:0;
	padding:10px 0 30px 20px;
	width:363px;	
}

#contents div.en_index p.b{
	margin:0;
	padding:18px 0 40px 20px;
	width:596px;	
}

div.box_main{
	margin:0 0 50px 0;
	padding:0;
	width:306px !important;
	float:left;
}

div.box_main h5{
	margin:0 !important;
	padding:0;
	width:306px !important;
}

div.box_main div.box{
	margin:0 !important;
	padding:5px 0 0 14px !important;
	background:url(../environment/images/bg_box.gif) 0 0 no-repeat;
	width:304px;
	height:270px;
}

div.box_main p{
	padding:0 !important;
	padding:0 0 15px 0 !important;
	width:274px;
	display:block;
	font-size:80%;
	background:url(../environment/images/bg_line.gif) repeat 0 top;
	margin :0;
	line-height:30px;
}

div.box_main div.box_b{
	margin:-10px 0 0 0 !important;
	padding:0 !important;
	display:block;
	background:url(../environment/images/bg_box_b.gif) 0 0 no-repeat;
	width:304px;
	height:13px;
	line-height:100%;
}

.ml_10{
	margin-left:12px !important;
	padding-left:0px!important;
}

.ml_7{
	margin-left:7px !important;
}

table.eco{
	height:auto;
	width:auto;
}


div.eco_image01{
	margin:0 0px 0 40px;
	padding:0;
	width:140px;
	height:auto;
}

div.eco_image02{
	margin:0 0 0 70px;
}

div.bu_text p{
	width:440px;
	padding-bottom:20px;
}