﻿@charset "utf-8";
/*COMMON
-----------------------------------------------*/

html {
	overflow-y: scroll;
}

#animsition {
	width: 100%;
	text-align: center;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-image: url(../images/top_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	color: #333333;
	font-size: 12px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.link:hover, #bread ol li a:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
	cursor: pointer;
}
.auto {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.block {
	display: block;
}
.top30 {
	margin-top: 30px;
}
.bottom40 {
	margin-bottom: 40px;
}
.sub {
	width: 750px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	line-height: 20px;
}
#sub {
	padding: 50px;
	background-color: #FFFFFF;
	position: relative;
}
hr {
	padding: 5px 0px;
	clear: both;
	border-style: none;
	display: block;
	border-top: 1px dotted #A6A09E;
}
#auto {
	display: table;
	position: relative;
	margin-top: 25px;
	min-height: 68%;
}
#auto .side, #auto .contents {
	display: table-cell;
	padding-bottom: 45px;
	vertical-align: top;
}
.side {
	width: 230px;
	text-align: left;
	background-image: url(../images/side_bg.png);
	background-repeat: repeat-y;
	background-position: left 0%;
}
.contents {
	width: 770px;
	background-color: #FFFFFF;
}
.bg {
	background-image: url(../images/sub_bg.png);
	overflow: hidden;
	position: relative;
}
#navigation {
	background-image: url(../images/sub_bg.png);
}
#navigation > li {
	margin-bottom: 4px;
}
.notac {
	position: relative;
}
.notac:after {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 215px;
	height: 55px;
	background-color: rgba(255,255,255,0.70);
}
#navigation .open li a {
	height: 30px;
	line-height: 30px;
	background-color: #009600;
	color: #FFFFFF;
	padding-left: 45px;
	width: 215px;
	overflow: hidden;
	background-image: url(../images/white_arrow.png);
	background-repeat: no-repeat;
	background-position: 30px center;
	display: block;
}
#navigation .open li a:hover {
	background: #5FC200;
	background-image: url(../images/white_arrow.png);
	background-repeat: no-repeat;
	background-position: 30px center;
}
#navigation .open2 li a {
	height: 30px;
	line-height: 30px;
	background-color: #009600;
	color: #FFFFFF;
	padding-left: 60px;
	width: 215px;
	overflow: hidden;
	background-image: url(../images/white_arrow.png);
	background-repeat: no-repeat;
	background-position: 45px center;
	display: block;
}
#navigation .open2 li a:hover {
	background: #5FC200;
	background-image: url(../images/white_arrow.png);
	background-repeat: no-repeat;
	background-position: 45px center;
}
.navchild {
	background-color: #FFFFFF;
	display: block;
	text-align: center;
	padding-top: 10px;
	width: 215px;
	overflow: hidden;
}
.navchild li {
	margin-bottom: 10px;
}
.sub_title {
	padding-top: 15px;
	line-height: 20px;
	background-color: #009600;
	color: #FFFFFF;
	text-align: left;
	padding-left: 20px;
	height: 50px;
	margin-bottom: 0px;
	font-size: 13px;
}
.sub_title h1 {
	display: inline-block;
	border-left: 2px solid #FFFFFF;
	padding-left: 16px;
	font-size: 17px;
	font-weight: bold;
	padding-right: 10px;
}
.contents_in {
	background-color: #FFFFFF;
	text-align: left;
	margin-top: 4px;
	padding-top: 15px;
}
#sub > #bread {
	position: absolute;
	top: 68px;
	text-align: right;
	width: 100%;
	padding-right: 124px;
}
#bread {
	position: absolute;
	top: 18px;
	text-align: right;
	width: 100%;
	padding-right: 10px;
}
#bread ol {
	overflow: hidden;
}
#bread ol li {
	display: inline-block;
	color: #FFFFFF;
}
#bread ol li a {
	background-image: url(../images/white_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 14px;
	margin-right: 4px;
	color: #FFFFFF;
}
.various {
	width: 705px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	line-height: 20px;
}
.various header {
	border-bottom: 1px dotted #A6A09E;
	overflow: hidden;
	padding-bottom: 15px;
}
.various h1 {
	color: #009600;
	font-size: 16px;
	line-height: 24px;
}
.various h1 img {
	margin-right: 20px;
	vertical-align: middle;
}
.various h2 {
	color: #009600;
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 15px;
}
.various h2 img {
	margin-right: 20px;
	vertical-align: middle;
}
.notice {
	clear: both;
	width: 705px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 45px;
	overflow: hidden;
	position: relative;
}
.notice a {
	color: #333333;
}
.notice a:hover {
	text-decoration: underline;
}
.notice h1 img {
	margin-right: 10px;
}
.notice h1 {
	line-height: 20px;
	font-size: 16px;
	color: #009600;
	font-weight: bold;
	border-bottom: 1px dotted #3E3A39;
	padding-bottom: 8px;
	margin-bottom: 10px;
}

.notice dl {
	width: 680px;
	margin-right: auto;
	margin-left: auto;
}
.notice dl dt {
	line-height: 32px;
	float: left;
	clear: both;
	width: 20%;
}
.notice dl dd {
	line-height: 32px;
	float: left;
}
.check {
	background-image: url(../images/icon_check.png);
	background-repeat: no-repeat;
	background-position: 84px 8px;
}
.new {
	background-image: url(../images/icon_new.png);
	background-repeat: no-repeat;
	background-position: 84px 8px;
}
.height20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.width20 {
	padding-left: 20px;
	padding-right: 20px;
}
.green {
	color: #00913A;
}
.free {
	color: #009600;
	background-image: url(../images/icon_free.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	margin-left: 20px;
	font-size: 22px;
}
.pw {
	width: 705px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px dotted #3E3A39;
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 20px;
}
.sample th {
	background-color: #E9FFEA;
	border: 1px solid #E6E6E6;
	padding: 10px;
}
.sample td {
	border: 1px solid #E6E6E6;
	background-color: #FCFCFC;
	padding: 10px;
}

.sample1 {
	width: 50%;
}

.sample1 th {
	background-color: #E9FFEA;
	border: 1px solid #E6E6E6;
	padding: 10px;
	color: #00913A;
	text-align: center;
}
.sample1 td {
	border: 1px solid #E6E6E6;
	background-color: #FCFCFC;
	padding: 10px;
	color: #00913A;
	text-align: center;
}
.sample2 {
	width: 100%;
}

.sample2 th {
	background-color: #E9FFEA;
	border: 1px solid #E6E6E6;
	padding: 10px;
	color: #00913A;
	text-align: center;
	vertical-align: middle;
}
.sample2 td {
	border: 1px solid #E6E6E6;
	background-color: #FCFCFC;
	padding: 10px;
	color: #00913A;
	text-align: center;
	vertical-align: middle;
}

.seikyusyolist {
	width: 100%;
}
.seikyusyolist th {
	background-color: #E9FFEA;
	border: 1px solid #E6E6E6;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}
.seikyusyolist td {
	border: 1px solid #E6E6E6;
	background-color: #FCFCFC;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}

.seikyusyolist tr {
	background-color: #FCFCFC;
}

.simulationmonth {
	width: 100%;
}
.simulationmonth th {
	background-color: #DDEDBB;
	border: 1px solid #E6E6E6;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}
.simulationmonth td {
	border: 1px solid #E6E6E6;
	background-color: #FCFCFC;
	padding: 1px;
	text-align: center;
	vertical-align: middle;
}


.koban{
	width: 3%;
	text-align: center;
	vertical-align: middle;
}
.riyoukikan{
	width: 17%;
	text-align: center;
	vertical-align: middle;
}

.sikyusyono{
	width: 20%;
	text-align: center;
	vertical-align: middle;
}

.kanyusyano{
	width: 15%;
	text-align: center;
	vertical-align: middle;
}
.sikyusakiname{
	width: 15%;
	text-align: center;
	vertical-align: middle;
}
.sikyusakinamekana{
	width: 18%;
	text-align: center;
	vertical-align: middle;
}
.syunojokyo{
	width: 12%;
	text-align: center;
	vertical-align: middle;
}
.utiwakename{
	width: 15%;
	text-align: center;
	vertical-align: middle;
}
.utiwakekin{
	width: 15%;
	text-align: center;
	vertical-align: middle;
}
.zeikubun{
	width: 15%;
	text-align: center;
	vertical-align: middle;
}
.utiwakebikou{
	width: 55%;
	text-align: center;
	vertical-align: middle;
}

}
.billpkanyuusyano{
	width: 48%;
	text-align: center;
	vertical-align: middle;
}
.billpkanyusyaname{
	width: 47%;
	text-align: center;
	vertical-align: middle;
}
/*FORM
-----------------------------------------------*/
#contact {
	margin-top: 20px;
}
#contact tr {
	border: none;
}
#contact th {
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
	vertical-align: top;
}
#contact td {
	padding-top: 20px;
	padding-bottom: 20px;
}
#contact th.required {
	background-image: url(../images/icon_required.png);
	background-repeat: no-repeat;
	background-position: left 22px;
}
#contact p {
	margin-top: 4px;
}
.form {
	width: 100%;
}
.form tr {
	border-bottom: 1px dotted #A6A09E;
}
.form th {
	width: 30%;
	vertical-align: middle;
	padding-left: 20px;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 15px;
}
}
.menu {
	width: 100%;
}
.menu th {
	width: 100%;
	vertical-align: middle;
	padding-left: 20px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
.plan2 {
	font-size: 50px;
	color: #009600;
	font-weight: bold;
}

.planother {
	font-size: 25px;
	font-weight: bold;
}

.planlink {
	font-size: 16px;
}

.gray th {
	background-color: #F7F7F7;
}
.green th {
	background-color: #F2FAEB;
}
.change th {
	background-color: #DDEDBB;
	color: #00913A;
}
.change tr.pale th {
	background-color: rgba(221,237,187,0.40);
	color: #B4B4B5;
}
.change tr.pale td {
	color: #B4B4B5;
}
.form td {
	padding: 15px 20px;
	text-align: left;
}
.orange {
	color: #F29600;
}
.button_box {
	text-align: center;
	margin-top: 40px;
	padding-bottom:6px;
}
.notice a.btn_n {
	display: block;
	width: 160px;
	height: 50px;
	background-image: url(../images/btn_n_off.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding-left: 15px;
	line-height: 50px;
	font-size: 15px;
	-webkit-box-shadow: 0px 1px 3px rgba(66,0,0,0.25);
	box-shadow: 0px 1px 3px rgba(66,0,0,0.25);
	border-radius: 4px;
}
.btn_n {
	width: 300px;
	height: 50px;
	background-image: url(../images/btn_n_off_300px.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding-left: 15px;
	font: 15px/50px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-box-shadow: 0px 1px 3px rgba(66,0,0,0.25);
	box-shadow: 0px 1px 3px rgba(66,0,0,0.25);
	border-radius: 4px;
	margin-left: 20px;
	margin-right: 20px;
	border: none;
	padding: 0px;
	cursor: pointer;
}

.btn_n[disabled] {
-webkit-filter:saturate(10%);
}

.notice a.btn_n:hover, .btn_n:hover {
	background-image: url(../images/btn_n_on_300px.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
.btn_p {
	width: 300px;
	height: 50px;
	background-image: url(../images/btn_p_off_300px.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding-left: 15px;
	font: 15px/50px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-box-shadow: 0px 1px 3px rgba(66,0,0,0.25);
	box-shadow: 0px 1px 3px rgba(66,0,0,0.25);
	border-radius: 4px;
	margin-left: 20px;
	margin-right: 20px;
	border: none;
	padding: 0px;
	cursor: pointer;
}
.btn_p:hover {
	background-image: url(../images/btn_p_on_300px.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
input[type=checkbox] ,input[type=radio] {
  display: none;
}
.radio, .checkbox {
	box-sizing: border-box;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position: relative;
	display: inline-block;
	margin: 0px 14px 0px 0px;
	padding: 0px 0px 0px 26px;
	border-radius: 8px;
	vertical-align: middle;
	cursor: pointer;
}
.radio:hover:after, .checkbox:hover:after {
  border-color: #53b300;
}
.radio:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 10px;
  content: '';
}
.checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 2px;
  content: '';
}
.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 5px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #53b300;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}
.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 6px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #53b300;
  border-bottom: 3px solid #53b300;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}
select, textarea, input[type=text], input[type=tel], input[type=email] ,input[type=password]{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 24px;
	border: 1px solid #D3D3D3;
	resize: none;
}
.full {
	width: 100%;
	overflow: hidden;
}
.half {
	width: 50%;
	overflow: hidden;
}
.seventy {
	width: 70%;
	overflow: hidden;
	margin-right: 10px;
}
.twenty {
	width: 20%;
	overflow: hidden;
	margin-right: 10px;
}

 /* s.画面モック反映・MT対応 */
.twenty_sml{
	width: 48%;
	overflow: hidden;
	margin-right: 10px;
	text-align: right;
}
/* e.画面モック反映・MT対応 */

.twentyFive {
	width:10%;
	overflow: hidden;
	margin-right: 10px;
}
.btn {
	height: 40px;
	padding: 0px 20px;
	color: #FFFFFF;
	background-color: #39B900;
	background-image: -webkit-linear-gradient(270deg,rgba(81,197,0,1.00) 0%,rgba(5,160,0,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(81,197,0,1.00) 0%,rgba(5,160,0,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(81,197,0,1.00) 0%,rgba(5,160,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(81,197,0,1.00) 0%,rgba(5,160,0,1.00) 100%);
	border-style: none;
	border-radius: 4px;
	cursor: pointer;
	font: 14px/40px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.btn_disable {
	height: 40px;
	padding: 0px 20px;
	color: #FFFFFF;
	background-color: #C0C0C0;
	border-style: none;
	border-radius: 4px;
	cursor: pointer;
	font: 14px/40px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.btn:hover {
	background-color: #87B600;
	background-image: -webkit-linear-gradient(270deg,rgba(147,197,0,1.00) 0%,rgba(106,143,0,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(147,197,0,1.00) 0%,rgba(106,143,0,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(147,197,0,1.00) 0%,rgba(106,143,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(147,197,0,1.00) 0%,rgba(106,143,0,1.00) 100%);
	border-style: none;
}
/*HEADER
-----------------------------------------------*/
#header {
	width: 100%;
	height: 90px;
	background-color: #006900;
	font-size: 13px;
}
#header .auto .left img {
	margin-top: 8px;
}
.headin li {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	margin-top: 26px;
}
#header a {
	color: #FFFFFF;
	display: inline-block;
}
.bulb {
	background-image: url(../images/icon_bulb_off.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
}
.bulb:hover {
	background-image: url(../images/icon_bulb_on.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
}
.changelogin {
	background-image: url(../images/icon_change_off.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin-left: 15px;
}
.changelogin:hover {
	background-image: url(../images/icon_change_on.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
}
.logout a {
	background-image: url(../images/icon_logout_off.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin-left: 15px;
	color: #FFFFFF;
	cursor: pointer;
}
.logout a:hover {
	background-image: url(../images/icon_logout_on.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
}
#header a:hover {
	color: #D7DC00;
}
/*TOP
-----------------------------------------------*/
#login {
	background-color: rgba(0,30,0,0.75);
	width: 425px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 110px;
	background-image: url(../images/login_logo.png);
	background-repeat: no-repeat;
	background-position: center 28px;
	border-radius: 12px;
	position: relative;
	top: -100px;
	padding-bottom: 28px;
	text-align: center;
}
.mailbox {
	width: 310px;
	height: 36px;
	padding-left: 40px;
	margin-bottom: 23px;
	background-image: url(../images/box_icon_login.png);
	background-position: 10px center;
	background-repeat: no-repeat;
}
.passbox {
	width: 310px;
	height: 36px;
	padding-left: 40px;
	margin-bottom: 23px;
	background-image: url(../images/box_icon_password.png);
	background-position: 10px center;
	background-repeat: no-repeat;
}
.login_button {
	margin-bottom: 20px;
	cursor: pointer;
}
.white {
	color: #FFFFFF;
	line-height: 36px;
}
.white a {
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
a.border_orange {
	color: #F4B22C;
	text-decoration: none;
	border-bottom: 1px dotted #F4B22C;
}
/*MY PAGE
-----------------------------------------------*/
.gray_info {
	border: 1px solid #E6E6E6;
	background-color: #FCFCFC;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	padding: 16px 20px 20px;
	line-height: 20px;
}
.gray_info p {
	margin-top: 15px;
	margin-bottom: 15px;
}
.i_info {
	color: #009600;
	font-size: 16px;
	font-weight: bold;
	background-image: url(../images/icon_i.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 34px;
}
.green_link {
	color: #009600;
	border-bottom: 1px solid #009600;
}
.service ul {
	overflow: hidden;
	margin-top: 15px;
	width: 754px;
	margin-right: auto;
	margin-left: auto;
}
.service ul li {
	width: 50%;
	float: left;
	margin-bottom: 5px;
	background-image: url(../images/shadow2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 12px;
}
.service ul li img {
	float: left;
	margin-right: 30px;
}
.service ul li p a {
	width: 362px;
	height: 140px;
	background: #fcfcfc;
	border: 1px solid #E6E6E6;
	line-height: 20px;
	overflow: hidden;
	padding-left: 24px;
	padding-right: 20px;
	margin: 0 auto;
	padding-top: 14px;
	color: #333333;
	display: block;
}
.service ul li p a:hover {
	background: #F6F9E2;
}
.service ul li.noneservice img {
	opacity: 0.3;
    filter: alpha(opacity=30);

}
.service ul li.noneservice p {
	width: 362px;
	height: 140px;
	background: #fcfcfc;
	border: 1px solid #E6E6E6;
	line-height: 20px;
	overflow: hidden;
	padding-left: 24px;
	padding-right: 20px;
	margin: 0 auto;
	padding-top: 14px;
	color: rgba(51,51,51,0.70);
}
.green_arrow {
	position: absolute;
	text-align: right;
	top: 5px;
	width: 100%;
}
.green_arrow a {
	background-image: url(../images/green_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
	color: #8FC31F;
}
/*SECURITY POLICY
-----------------------------------------------*/
#terraced {
	margin-top: 64px;
	overflow-y: auto;
	height: 150px;
	margin-bottom: 80px;
	border: 1px solid #E6E6E6;
}
#terraced h2 {
	font-size: 13px;
	font-weight: bold;
}
#terraced li {
	margin-bottom: 24px;
}
/*ELECTRICAL DIAGNOSTICS
-----------------------------------------------*/
.electrical_diagnostics ul {
	overflow: hidden;
	width: 754px;
	margin-right: auto;
	margin-left: auto;
}
.electrical_diagnostics ul li {
	width: 25%;
	float: left;
	background-image: url(../images/shadow4.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 10px;
}
.nonefourcolumns {
	padding: 22px 15px 15px;
	background: #fcfcfc;
	border: 1px solid #E6E6E6;
	width: 176px;
	margin-left: auto;
	margin-right: auto;
	line-height: 18px;
	color: rgba(51,51,51,0.70);
	text-align: center;
}
.nonefourcolumns img {
	opacity: 0.3;
    filter: alpha(opacity=30);
}
.fourcolumns a {
	padding: 22px 15px 15px;
	background: #fcfcfc;
	border: 1px solid #E6E6E6;
	width: 176px;
	margin-left: auto;
	margin-right: auto;
	line-height: 18px;
	color: #333333;
	text-align: center;
}
.fourcolumns a:hover {
	background: #F6F9E2;
}
.fourcolumns h2, .nonefourcolumns h2 {
	display: none;
}
.fourcolumns p, .nonefourcolumns p {
	text-align: left;
	margin-top: 10px;
}
/*SLIDER
-----------------------------------------------*/
.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}
.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}
.wideslider ul li img {
	width: 100%;
	display: none;
	background-color: rgba(255,255,255,0.35);
}
.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/prev.png);
}
.slider_next {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/next.png);
}
.pagination {
	top: 20px;
	left: 0;
	width: 100%;
	height: 25px;
	text-align: center;
	position: absolute;
	z-index: 200;
}
.pagination a {
	margin: 0px 3px;
	width: 6px;
	height: 6px;
	display: inline-block;
	overflow: hidden;
	background: #fff;
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
	border-radius: 3px;
}
.pagination a.active {
	background-color: #000000;
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.wideslider ul {
	display: inline-block;
	overflow: hidden;
}
/*FOOTER
-----------------------------------------------*/
#footer {
	height: 95px;
	width: 100%;
	background-color: #006900;
	clear: both;
}
.footin {
	width: 100%;
	padding-top: 24px;
}
.footin li {
	display: inline-block;
	height: 22px;
}
.footin li a {
	background-image: url(../images/arrow_foot_off.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 2px 28px;
	color: #FFFFFF;
}
.footin li a:hover, #on {
	background-image: url(../images/arrow_foot_on.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #D7DC00;
}
.copy {
	color: #FFFFFF;
	margin-top: 14px;
}
/*PAGE UP
-----------------------------------------------*/
#page_up {
	position: fixed;
	right: 50px;
	bottom: 150px;
	cursor: pointer;
	clear: both;
}

.systemMsg {
	padding: 0 20px 20px;
	line-height: 20px;
	color: #e02e2e;
}

.error {
	width: 380px;
	font-size: 12px;
	color: #e02e2e;
}

header p.error2 {
	margin-top: 15px;
}
.error2 {
	color: #D82F00;
}

.img_disable {
	background-color: #C0C0C0;
}

table.tdBreak td {
	word-wrap:break-word;
	word-break:break-all;
}

.ResultSize120 {
	width: 120px;
}

.ResultSize97 {
	width: 97px;
}

.ResultSize110 {
	width: 110px;
}




.question a {
	background-image: url(../images/icon_question_off.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin-left: 15px;
	color: #FFFFFF;
	cursor: pointer;
}
.question a:hover {
	background-image: url(../images/icon_question_on.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
}


