/*-----------------------------
   cts top left
-----------------------------*/

/* bnr area
-----------------------------*/

.top_bnr {
	float: left;
	width: 200px;
	height: 80px;
	padding: 5px;
}


/*-----------------------------
   cts right side
-----------------------------*/

/* side data
-----------------------------*/

#side_datacenter {
	background-image: url(../images/top/side_datacenter.gif);
	background-repeat: repeat-y;
	width: 270px;
}

#side_data {
	color: #ff6600;
	font-size: 36px;
}

/* side login
-----------------------------*/
#side_login_area {
	width: 305px;
	background:url(../images/side_login.gif) no-repeat;
	background-size: 150%;
}

#side_login_area_in {
	width: 270px;
	background:url(../images/side_loginnon.gif) no-repeat;
	background-size: 100%;
}

#side_login_box {
	padding-top: 10px;
}

#side_login_box p {
	padding: 2px 2px 2px 0;
}

#side_login_box .alerttext {
	color:#ff0000;
	font-size: 80%;
}

#side_login_box form #email_address {
	width: 144px;
}

#side_login_box form #password {
	width: 130px;
}

#side_login_ssl a:link,#side_login_ssl a:visited { 
	font-size: 14px;
	color:#0099ff;
	text-decoration: none;
	vertical-align:top;
	padding-top:0px;
	padding-left:2px;
	line-height:18px;
	text-decoration:underline;
}
#side_login_ssl a:hover { font-size: 14px; color:#0099ff; text-decoration: underline; }

.side_login_check_block {
	display: inline-block;
}
.side_login_check_block .button-login{
	width: 105px;
}
.side_login_check {
	display: inline-block;
	font-size: 12px;
}
/* side regist
-----------------------------*/
.side_registcenter {
	background-image: url(../images/top/side_registcenter.gif);
	background-repeat: repeat-y;
	width: 270px;
}

#side_registbg {
	background-image: url(../images/top/side_registbg.gif);
	background-repeat: no-repeat;
	width: 270px;
	height: 45px;
}

#side_registbtn_box {
	width: 220px;
	height: 45px;
	margin: 0px auto 0px auto;
	padding-left: 10px;
	padding-top: 5px;
}
.side_registbtn {
	width: 110px;
	float: left;
}


/* side ecodrive
-----------------------------*/

.side_ecodrive {
	width: 260px;
	margin: 0px auto 0px auto;
	padding-top: 5px;
	padding-bottom: 5px;
}

.side_ecodriveph {
	width: 117px;
	float: right;
	padding-right:5px;
}


.side_updown {
	background-image: url(../images/top/side_reportcenter.gif);
	background-repeat: repeat-y;
	width: 260px;
	padding-top: 5px;
}


/* side post
-----------------------------*/

#side_postbg {
	background-image: url(../images/top/side_postbg.gif);
	width: 270px;
	background-repeat: repeat-y;
}

#side_postin {
	padding: 2px 10px 10px 10px;
}


/*---------------------------*/
/* listbox
-----------------------------*/

.listbox {
	width: 285px;
	padding-bottom: 8px;
	margin: 0px auto 0px auto;
}

.listbox2 {
	width: 188px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 0px auto 0px auto;
}

.listbox_pagects {
	padding-top: 8px;
	padding-bottom: 8px;
}


.listbox li {
	list-style-image: url('../images/icon_list.gif');
	color: #006633;
//	font-size: 86%;
	line-height: 18px;
	/* for IE6 */
	margin-left:20px;
}

.listbox2 li {
	list-style-image: url('../images/icon_list.gif');
	color: #006633;
	font-size: 86%;
	line-height: 18px;
	/* for IE6 */
	margin-left:20px;
}

.listbox_pagects li {
	list-style-image: url('../images/icon_list.gif');
	color: #006633;
	font-size: 86%;
	line-height: 22px;
	/* for IE6 */
	margin-left:20px;
	marbin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999999;
}


/* listbox link
-----------------------------*/

.listbox a:link,
.listbox a:visited, 
.listbox2 a:link,
.listbox2 a:visited,
.listbox_pagects a:link,
.listbox_pagects a:visited {
	color: #006633; text-decoration: none;
}

.listbox a:hover,
.listbox2 a:hover,
.listbox_pagects a:hover {
	color: #006633; text-decoration: underline;
}


/* pankuzu
------------------------*/

#pankuzu {
	width: 926px;
	margin: 7px auto 15px auto;
	padding-bottom: 7px;
	font-size: 90%;
	color: #999999;
	border-bottom: 1px dashed #cccccc;
}

#pankuzu a:link,#pankuzu a:visited { color: #666666; text-decoration: none; }
#pankuzu a:hover { color: #666666; text-decoration: underline; }


.block01 h2 {
	font-weight: normal;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 5px;
	margin-right: 5px;
	border-left: 5px solid #6EB517;
	border-bottom: 1px dotted #999999;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.block01 .pagects p {
	padding: 10px;
	line-height: 21px;
}


#pagecount {
	text-align:center;
	padding-top: 20px;
}

/* page_contentsbox
------------------------*/

.page_contentbox {
	width: 926px;
	margin: 0px auto 0px auto;
	padding: 0px;
    line-height: 180%;
}
.page_contentbox h1 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 30px;
}
.page_contentbox ul,
.page_contentbox ol {
	padding-left:20px;
/*	margin-left: 20px;	*/
}

.page_contentbox li {
	margin-bottom: 7px;
}

.page_contentbox .block01 {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
.page_contentbox .block01 h2 {
	font-size: 140%;
	font-weight: bold;
	color: #89B81D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #8ec31f;
	padding-bottom: 3px;
	margin-bottom: 10px;
}
.page_contentbox .block01 h3 {
	font-weight: bold;
	margin-bottom: 15px;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #6EB517;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom: 3px;
}

.page_contentbox .block01 p {
	padding-bottom: 5px;
}

.page_contentbox .block01 dl {
}
.page_contentbox .block01 dt {
	padding-bottom: 10px;
	font-weight: bold;
}
.page_contentbox .block01 dd {
	margin-bottom: 10px;
	margin-left: 15px;
}



/* 2020.2.26 Append Y.Kuroda */
.page_contentbox .block02 h2 {
	color:#6ea427;
	font-size:120%;
	border-left:solid #90C31F 5px;
	padding-left:4px;
	margin:6px 0px 6px 0px;
    text-align:left;
/*    white-space: nowrap; */
}
/* 2020.2.26 Append End */


.blockInner {
	margin-right: 25px;
	margin-left: 25px;
}

#mainContent {
	float: left;
	width: 650px;
	margin: 0px;
	padding: 0px;
}
#sideBar {
	background-color: #e3e3e3;
	float: right;
	width: 250px;
}
.cntsBlock01 h2 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.cntsbInner {
	margin-right: 25px;
	margin-left: 25px;
}
.cntsbInner h3 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


#mainContent .block02 {
	margin-bottom: 30px;
	margin-left: 25px;
}
#sideBar ul {
	margin: 0px;
	padding: 5px;
	list-style-type: none;
}
#sideBar li {
	margin: 0px;
	background-color: #cecece;
	background-image: url(../images/sidebar_li_bg.gif);
	background-repeat: no-repeat;
	border: 1px solid #FFFFFF;
	padding: 0px;
	font-size: 90%;
}
#sideBar li a {
	display: block;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}

#sideBar li a:hover {
	background-color: #FFFFCC;
}

#sideBar li h3 {
	padding: 7px;
}

#sideBar li h3 a {
	padding: 0px;
	font-size:14px;
	font-weight:bold;
}

#sideBar li li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	background-color: #FFFFFF;
	font-size: 100%;
	border-bottom-width: 1px;
	border-bottom-color: #E3E3E3;
}

#sideBar ul ul {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-color: #FFFFFF;
}
#sideBar .link-actv {
	font-weight: bold;
	color: #6EA427;
	text-decoration: none;
}
ul {
    list-style-image:none !important;
}


/* page
------------------------*/

h1 {
	color:#417325;
	font-size:140%;
	border-bottom:solid #417325 1px;
	margin:0px 0px 16px 0px;
	text-align:left;
}

p.sub_title{
	color:#6ea427;
	font-size:110%;
	border-left:solid #417325 5px;
	padding-left:4px;
	margin:6px 0px 6px 0px;
	text-align:left;
}

.list_num{
	list-style-type:decimal;
	color:#4C7F0F;
	font-weight:bold;
	font-size:120%;
	margin-top:10px;
}
.list_num li {
	padding-bottom:10px;
}

.list_num li p {
	color:#525252;
	font-weight:normal;
	font-size:90%;
	margin:0px;
	padding:0px;
}

.mustinput {
	color:#ff0000;
	font-size:80%;
	margin-left:2px;
}

/*** for co2 ***/
.smallco2{
	font-size:84%;
}

/*-----------------------------
 report
-----------------------------*/

.report_databox {
	font-weight:bold;
	background-color:#DFF4FF;
	border:solid #83A0AF 2px;
	padding-top: 10px;
	padding-left:20px;
	padding-bottom: 10px;
	margin: 10px;
}
.report_datatitle {
	color:#222222;
	margin-right:40px;
	font-size:20px;
}

.report_datatitle2 {
	color:#222222;
	font-size:14px;
}

.blue_bb {
	color: #1146df;
	font-size:32px;
	font-weight: bold;
	margin-right:30px;
	font-size:32px;
}

.red_bb {
	color: #cf0b0b;
	font-size:32px;
	font-weight: bold;
}

.fl200 {
	width: 100px;
	float: left;
}
.fr100 {
	width: 100px;
	float: right;
}

/* report top
-----------------------------*/

.top_report_databox {
	font-weight:bold;
	background-color:#DFF4FF;
	border:solid #83A0AF 2px;
	padding-top: 10px;
	padding-left:20px;
	padding-bottom: 7px;
	margin: 3px;
}
.top_report_datatitle {
	color:#222222;
	margin-right:40px;
	margin-bottom: 5px
	font-size:14px;
}

.top_report_datatitle2 {
	color:#333333;
	font-size:12px;
}

.top_blue_bb {
	color: #1146df;
	font-size:24px;
	font-weight: bold;
}

.top_red_bb {
	color: #cf0b0b;
	font-size:24px;
	font-weight: bold;
}

.fl50 {
	width: 110px;
	float: left;
}
.fr50 {
	width: 110px;
	float: right;
}



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

kojin

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

div#MailSendbox{
		background-image:url(../kojin/images/bg-mailbox.jpg);
		background-repeat:no-repeat;
		width:820px;
		height:200px;
		margin:0 auto;
}

	div#MailSendbox div.leftbox{
		float:left;
		width:600px;
		margin-left:50px;
		_margin-left:25px;
	}
	
	div#MailSendbox div.leftbox h3{
			background-image:url(../kojin/images/icon-mail.jpg);
			background-repeat:no-repeat;
			background-position:8px 2px;
			padding-left:45px;
			border:none;
			margin-top:35px;
			font-size:160%;
			font-weight:normal;
			vertical-align:text-top;
			
	}
	
	div#MailSendbox div.leftbox p{
			color:#000;
	}
	
	div#MailSendbox div.rightbox{
			float:right;
			margin-right:30px;
			margin-top:20px;
	}













.img-l {
	float: left;
	margin-right: 20px;
}
.cntsBlock01 {
	width: 100%;
	margin-bottom: 30px;
}
.cntsbInner {
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
}
.cntsbInner h3 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.menuList {
	width: 100%;
}
.menuList td {
	vertical-align: top;
	width: 50%;
}




#ecoReportList {
}
#ecoReportList dt {
	font-size: 90%;
	font-weight: normal;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#ecoReportList dd {
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 0px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #90C31F;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/*agreement for use */

div#Agreement{
		overflow:auto;
		height:200px;
		margin-bottom:2em;
		border:1px solid #EEE;
		padding:10px 20px;
		background-color:#F3FFF0;
}

div#Agreement h3{
	margin: 10px 0 0;
	background-image: url(../member/images/point.gif);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-position: left 5px;
	border:none!important;
	font-weight:normal;
}

div#Agreement p{
		margin-top:0;
		margin-left:1em;
}


div#Agreement ul li {
	list-style: none;
}

div#Agreement ul ul li {
	margin-left: 10px;
	margin-bottom: 0px;
	list-style: none;
}


div#Agreement ul ol li {
	margin-left: 10px;
	list-style-type: decimal;
}

div#Agreement ul ol li ol li{
	list-style: none;
}

div#Agreement ul ol li {
	margin-left: 10px;
	list-style-type: decimal;
}