@charset "UTF-8";


/* common
----------------------------------- */

#locContents {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

/* parts */


#locContents img{
 width: auto !important;
 max-width: 100%;
}

#locContents .locHide_pc{
 display: none;
}

#locContents .locHide_sp{
 display: block;
}

hr{
	border: 0;
	height: 1px;
 background: #ccc;
	clear:both;
}

.ttl_h2 {
	background: url("../../../box/img/bg_ttl_h2.gif") no-repeat left top;
	padding: 12px 20px 0;
	margin-bottom:30px;
}

.ttl_h2 .blue{
	position:absolute;
	font-size: 0.85em;
	color: #005493;
	margin-top: 5px;
	font-weight:normal;
	}

.locBox{
	border:1px solid #ADADAD;
	padding:10px;
 display: inline-block;
}

.locBox2{
	border:1px solid #ADADAD;
	padding:20px;
}

.locBox3{
	border:1px solid #ADADAD;
	padding:20px;
	background: #F3FBFE;
}

ul.locDisc {
	list-style-position: outside;
	margin: 0 20px;
}

ul.locDisc li{
	list-style-type: disc;
}



@media only screen and (max-width: 970px){
 
#locContents .locHide_pc{
 display: block;
}

#locContents .locHide_sp{
 display: none;
}
 
.locScroll{
	box-sizing: border-box;
	border-right: 2px solid #aaa;
	padding:3% 5px 1px 0;
	background:url(../img/sp_right_scroll.png) right top no-repeat;
	background-size:3%;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}

.locScroll table{
	white-space:nowrap;
	min-width: 640px;
}
 
}

/* text */

#locContents .locTxtCenterAndLeft{
 text-align: center;
}

#locContents .locTxtRight{
 text-align: right;
}

#locContents .locTxtCenter{
 text-align: center;
}


@media only screen and (max-width: 970px){
 
#locContents .locTxtCenterAndLeft{
 text-align: left;
}
}

/* font */

.locBlue{
	color: #213A98;
}

.locRed{
	color: #E00003;
}

.locOrange{
	color: #FFA300;
}

.locBold{
	font-weight:bold;
}

.locSize15{
	font-size:15px;
}

.locSize18{
	font-size:18px;
}

/* link */
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

map area{
	border:none;
 outline:none;
}

/* link box */	

	
.childTopicsBox_1col dl{
	margin: 0 0 20px 0;
	border: 1px solid #cccccc;
	width:100%;
	min-height:108px;
}

.childTopicsBox_1col dl dd a img{
	float:right;
	width:140px;
	margin-left:30px;
}

.childTopicsBox_1col dl.sidemargin{
	margin:0 15px;
}

.childTopicsBox_1col dl dt{
background: url("../../../box/img/bg_childtopics.gif") repeat-x left bottom;
border-width: 1px;
border-style: solid;
border-color: #ffffff #ffffff #cccccc;
padding: 3px 6px;
margin: 0;
font-weight: bold;
padding-left: 26px;
text-indent: -20px;
}

.childTopicsBox_1col dl dt a{
padding-left: 20px;
background: url("../../../box/img/ico_bullet_squarearrow_r.gif") no-repeat left .15em;
}

.childTopicsBox_1col dl dd{
	padding:10px 15px;
 min-height: 61px;
}

.childTopicsBox_1col dl.level2{
	margin: 10px 0;
	border: 1px solid #cccccc;
	width:100%;
	min-height:108px;
}

/* 見出し */

h1.loc_h1{
	margin-bottom: 14px;
	padding: 6px 11px 6px;
	background: url(/products/service_solution/container/img/bg_h2_01.gif) repeat-x left top;
	border: 1px solid #ddd;
	border-top: none;
}

h1.loc_h1 span{
	display: block;
	padding: 0px 6px;
	border-left: 5px solid #051F6C;
	font-size: 1.25em;
}


.loc_h1 .locSize_S{
	font-size:11px !important;
	font-weight: normal;
	padding-bottom: 5px;
}

h2.loc_h2{
	margin-bottom: 14px;
	padding: 6px 11px 6px;
	background: url(/products/service_solution/container/img/bg_h2_01.gif) repeat-x left top;
}

h2.loc_h2 span{
	display: block;
	padding: 0px 6px;
	border-left: 5px solid #051F6C;
	font-size: 1em;
}

h3.loc_h3{
	background: url("/products/service_solution/container/img/bg_loc_h3.gif") repeat-y left top;
	padding: 2px 12px;
	line-height: 1.2;
}

.loc_title_border{
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #233999;
	margin-top: 40px;
	margin-bottom: 10px;
}

/* COMETのフッタ */
.comet_foot ul li{
	width: calc(50% - 62px);
	border:1px solid #ccc;
	background: url(../../../box/img/ico_bullet_squarearrow_r.gif) no-repeat  10px center;
	padding: 10px 10px 10px 30px;
	margin: 10px;
 float: left;
	position: relative;
}

.comet_foot ul li.sidemargin{
}

.comet_foot ul li img{
	position: absolute;
 height: 100%;
 top:0;
 right: 0;
}

@media only screen and (max-width: 1200px){
 
 .comet_foot ul li{
	width: auto;
	padding: 10px 10px 10px 30px;
 float: none;
}
 
}

@media only screen and (max-width: 440px){ 
 .comet_foot ul li img{
  display: none;
 }
}


/* COMETの上、フッタリンク */
ul.foot_youbouhozen{
	list-style-type: none;
	padding:30px 0;
}

ul.foot_youbouhozen li{
	background: url(../../../box/img/ico_bullet_squarearrow_r.gif) no-repeat left top 10px;
	padding-left:25px;
	margin-right: 10px;
	
}



/* layout
----------------------------------- */

#locContentsInner{ 
 max-width: 1400px;
 margin: 0 auto;
 width: 83.33%;
 box-sizing: content-box;
 padding: 0 20px;
}

#locContentsInner:after {
  content: "";
  clear: both;
  display: block;
}

#locContents #locSide{
 float: left;
 width: 20%;
 margin-top: 20px;
}

#locContents #locMain{
 float: right;
 width: 76%;
 margin: 20px 0 0 0;
 padding-bottom: 100px;
}

.inner{
	margin:0 40px 40px 40px ;
}

#locContents .loc_col_area{
	display: table;
	width: calc(100% + 60px);
	margin-left: -30px;
	border-spacing: 30px 0;
}

#locContents .loc_col_fixed{
  table-layout: fixed;
}

#locContents .loc_col_item{
	display: table-cell;
	vertical-align: top;
}

.cl_both{
	clear: both;
	height:1px;
}

.fl_right{
	float:right;
	}
	
.fl_left{
	float:left;
	}
	

ul.three_col li{
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}

.locTwoCol_Left{
	width:48%;
	float:left;
}

.locTwoCol_Right{
	width:48%;
	float:right;
}

.locTwoCol_Left img,
.locTwoCol_Right img{
	max-width:100%;
	width: auto;
}

.locCol_Left{
	float:left;
}

.locCol_Right{
	float:right;
}

.locClearfix:after {
  content: "";
  clear: both;
  display: block;
}

#locContents .locMarginT10{
 margin-top: 10px !important;
}

#locContents .locMarginT20{
 margin-top: 20px !important;
}

#locContents .locMarginT40{
 margin-top: 40px !important;
}

#locContents .locMarginT30{
 margin-top: 30px !important;
}

#locContents .locMarginT60{
 margin-top: 60px !important;
}

@media only screen and (max-width: 970px){
 
 #locContents #locContentsInner{
 width: auto;
 min-width: auto;
 position: relative;
 padding: 0;
} 
 
#locContents #locSide{
 float: none;
 width: 94%;
 margin: 20px auto 0 auto;
}

#locContents #locMain{
 float: none;
 width: 94%;
 margin: 20px auto 0 auto;
}
 
.inner{
	margin:0 10px 40px 10px ;
}
 
#locContents .loc_col_area{
	display: block;
	width: 100%;
	margin-left: 0;
}

#locContents .loc_col_item{
	display: block;
 margin-bottom: 30px;
}
 
.locTwoCol_Left,
.locTwoCol_Right{
	width:auto;
	float:none;
}
 
 .locTwoCol_Right{
  margin-top: 20px;
 }

 }


/* localnavi
----------------------------------- */

#locSide label,
#locSide input[type="checkbox"] {
	display: none;
}

#locSide .locSideContents .locNavi{
 border: 1px solid #aaa;
}

#locSide .locSideContents .locNavi ul{
 border-left: 1px solid #aaa;
 border-top: 1px solid #aaa;
}

#locSide .locSideContents .locNavi li{	
 line-height: 1.6em; 
 background: #fff;
 border-bottom: 1px solid #aaa;
}

#locSide .locSideContents .locNavi li:last-child{
 border-bottom: none;
}

#locSide .locSideContents .locNavi a{
 display: block;
 padding: 10px;
}

#locSide .locSideContents .locNavi a:hover{
 background: #E3F1FF;
}

#locSide .locSideContents .locNavi a span.new_window:hover {
 text-decoration: none;
}

#locSide .locSideContents .locNavi ul{
 margin-left: 20px;
}


@media only screen and (max-width: 970px){
.locSideContents{
 margin: 20px 0;
}

#locSide label {
 display: block;
 padding : 8px;
 cursor: pointer;
 text-align: center;
 background: url("../img/sp_navi_open.png") no-repeat right 20px center #005BAD;
 background-size: 20px;
 color: #fff;
}
 
 
#locSide .locMenuBtn:checked + label{
 background: url("../img/sp_navi_close.png") no-repeat right 20px center #005BAD;
 background-size: 20px;
 }

#locSide .locSideContents{
 max-height: 0;
 padding: 0;
 overflow: hidden;
 margin: 0 0 10px 0;
 transition: .3s;
} 

#locSide .locMenuBtn:checked + label + .locSideContents {
 max-height: 9999px;
}
 }

/* カレント表示 */

.locNaviTopPage a{
 background: #005BAD;
 color: #fff !important;
}

.locNaviTopPage a:hover{
 background: #004889 !important;
}

#locSide .locSideContents .locNavi li.locNavi_service_menu,
#locSide .locSideContents .locNavi li.preventive_maintenance{
 background: #eee;
}

.loc_catalog .locNavi a[href*=catalog],
.loc_movie .locNavi a[href*=movie],
.loc_service_system .locNavi a[href*=service_system],
.loc_sitemap .locNavi a[href*=sitemap],
.loc_corrective_maintenance .locNavi a[href*=corrective_maintenance],
.loc_life_cycle .locNavi a[href*=life_cycle],
.loc_maintenance_plan .locNavi a[href*=maintenance_plan],
.loc_maintenance_support .locNavi a[href*=maintenance_support],
.loc_solar_panel .locNavi a[href*=solar_panel],
.loc_wearable .locNavi a[href*=wearable],
.loc_common .locNavi a[href*=common],
.loc_factories .locNavi a[href*=factories],
.loc_substation_01 .locNavi a[href*=substation_01],
.loc_substation_02 .locNavi a[href*=substation_02],
.loc_substation .locNavi a[href*=substation]
{
 background: #E3F1FF;
}


/* Fe Library Link */

#locSide .locSideContents .registrationWidget{
	margin: 0 0 30px;
	border: 2px solid #FFC80B;
	border-radius: 4px;
 font-size: 0.85em;
 line-height: 1.8em;
}
#locSide .locSideContents .registrationWidget dt{
	margin: 0;
 background:url("../../../box/img/fe_lib_link/title_member_bg.png") repeat-x;
height: 40px;
 text-align: center;
}
#locSide .locSideContents .registrationWidget dd{
	padding: 20px;
}

#locSide .locSideContents .registrationWidget dd p.center {
text-align: center;
}
#locSide .locSideContents .registrationWidget dd p{
	margin-bottom:10px;
}
#locSide .locSideContents .registrationWidget .btn  {
padding: 8px 0 0;
}



/* 各ページ
----------------------------------- */

/* 予防保全3段組 */		

.childTopicsBox_3col{
 display: table;
 width: calc(100% + 40px);
 margin-left: -20px;
 table-layout: fixed;
 border-collapse: separate;
 border-spacing: 20px 0;
}

.childTopicsBox_3col dl{
 display: table-cell;
	border: 1px solid #cccccc;
}

.childTopicsBox_3col dl dd a img{
 display: block;
 width: 200px;
 margin: 0 auto;
}

.childTopicsBox_3col dl.sidemargin{
}

.childTopicsBox_3col dl dt{
background: url("../../../box/img/bg_childtopics.gif") repeat-x left bottom;
border-width: 1px;
border-style: solid;
border-color: #ffffff #ffffff #cccccc;
margin: 0;
font-weight: bold;
padding: 10px 30px;
text-indent: -20px;
 line-height: 1.6em;
}

.childTopicsBox_3col dl dt a{
padding-left: 20px;
background: url("../../../box/img/ico_bullet_squarearrow_r.gif") no-repeat left top 7px;;
}

.childTopicsBox_3col dl dd{
	padding:10px 15px;
 line-height: 1.8em;
}

@media only screen and (max-width: 600px){
 
 .childTopicsBox_3col{
 display: block;
 width: auto;
 margin-left: 0;
}

.childTopicsBox_3col dl{
 display: block;
 margin-bottom: 20px;
}
 
}

/* イラスト付きページ見出し */	
.midashi_ill{
	border: 1px solid #CCCCCC;
	padding: 20px 0 20px 20px;
 min-height: 90px;
}

.midashi_ill div{
 height: 90px;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.6em;
	display: table-cell;
	vertical-align: middle;
}

.midashi_ill img{
	float: right;
	margin: -20px 0 0 20px;
}


.midashi_ill div img{
 float: none;
 margin: 0;
}

@media only screen and (max-width: 600px){
 .midashi_ill{
	padding: 10px;
}

.midashi_ill div{
	height:auto;	
	font-weight: bold;
	display: block;
}

.midashi_ill img{
	float: none;
margin: 0 0 10px 0;
	width: 100% !important;
 min-width: 100%;
}
 
.midashi_ill div img{
 min-width: auto;
}
}

/* トップページ メインビジュアル */

div.g-inner {
	position:relative;
padding-top: calc(350 / 758 * 100%);
}
#view {
	position: absolute;
	width:100%;
	padding-top: calc(350 / 758 * 100%);
	top:0;
	left:0;
	overflow:hidden;
}
#view p {
	position: absolute;
 height: 100%;
	top: 0px;
	left: 0px;
}

#thumbBtn {
	width:100%;
 display: table;
 table-layout: fixed;
}


#thumbBtn li {
	cursor:pointer;
 display: table-cell;
}

#thumbBtn li.active img {
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
}


#thumbBtn li.s1{
	background: url(../../../box/img/home_s_1_on.jpg) no-repeat;
 background-size: contain;

}

#thumbBtn li.s2{
	background: url(../../../box/img/home_s_2_on.jpg) no-repeat;
	background-size: contain;
}

#thumbBtn li.s3{
	background: url(../../../box/img/home_s_3_on.jpg) no-repeat;
background-size: contain;
}

#thumbBtn li.s4{
	background: url(../../../box/img/home_s_4_on.jpg) no-repeat;
 background-size: contain;
}


#thumbBtn li a:hover {
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
}

/* HOMEのライフサイクル支援サービス */
.home_lifecycle{
	background-image: url(../../../box/img/home_h2.jpg);
	background-repeat: no-repeat;
	border-left-width: 1px;
	margin-bottom: 20px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D8D8D8;
	border-bottom-color: #D8D8D8;
	border-left-color: #D8D8D8;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.home_lifecycle .title{
	line-height: 25px;
	height: 25px;
	font-weight: bold;
	margin: 0px;
}

.home_lifecycle h2{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.home_lifecycle .loc_col_item{
 border-right: 1px solid #ccc;
 padding-right: 30px;
}

.home_lifecycle .loc_col_item:last-child{
 border: none;
}

.home_lifecycle .title_02{
	background-image: url(../../../box/img/ico_bullet_squarearrow_r.gif);
	background-repeat: no-repeat;
	line-height: 1.4em;
	padding-left: 25px;
	background-position: left top 7px;
	font-weight: bold;
}


@media only screen and (max-width: 970px){

.home_lifecycle .loc_col_item{
 border-right: none;
 border-bottom: 1px solid #ccc;
 padding-bottom: 20px;
 padding-right: 0;
}
 
 .home_lifecycle .loc_col_item:last-child{
 padding-bottom: 0;
}
 
}

/* 動画ページ */
.loc_MovieList01 {
  text-align: center;
}
.loc_MovieList01 li {
  display: inline-block;
 margin: 40px 20px;
}
.loc_MovieList01 li figure {
  margin: 0;
}
.loc_MovieList01 li figure figcaption {
  margin-bottom: 10px;
}

@media only screen and (max-width: 970px){
 
 .loc_MovieList01 li {
  display: block;
  margin: 0 0 40px 0;
}
}

/* 予防保全のタブ切替 */

div.tabbox{
 line-height: 0;
 width: 594px;
 max-width: 100%;
 margin: 0 auto;
}

div.tabbox .tab_contents{
padding-top: calc(319 / 594 * 100%);
position: relative;
}

div.tabbox #tab1 .tab_contents {
background-image:url("../../../service_menu/preventive_maintenance/box/img/bg_1.jpg"); 
background-size: contain;
padding-top: calc(319 / 594 * 100%);
position: relative;
}

div.tabbox #tab2 .tab_contents {
 background-image:url("../../../service_menu/preventive_maintenance/box/img/bg_2.jpg"); 
 background-size: contain;
}

div.tabbox #tab3 .tab_contents {
 background-image:url("../../../service_menu/preventive_maintenance/box/img/bg_3.jpg"); 
 background-size: contain;
}

div.tabbox .tab_contents a{
 display: block;
 position: absolute;
 width: 25%;
 max-width: 136px;
}

div.tabbox #tab1 .tab_contents a{
 bottom: 6%;
 left: calc(50% - 12.5%);
}

div.tabbox #tab2 .tab_contents a{
 bottom: 41%;
 left: 65%;
}

div.tabbox #tab3 .tab_contents a{
 bottom: 41%;
 left: 13%;
}

/* サイトマップ */

.sitemap h2{
	font-size: 1.1em;
	font-weight: normal;
	background-color: #F5F5F5;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-left: 20px;
}

div.sitemap h3{
	font-size: 1.1em;
	font-weight: normal;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 15px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

div.sitemap h4{
	font-size: 1em;
	font-weight: normal;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 10px;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #7999CC;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
}

div.sitemap h5{
	font-weight: normal;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

div.sitemap p{
	margin-left: 60px;
	margin-right: 60px;
}



/* カタログ一覧 */

.cata_table{
	width: 100%;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-top:20px
}

.cata_table th{
	font-weight:normal;
	text-align:left;
	padding: 5px 10px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.cata_table td{
	text-align: center;
	padding: 5px 10px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.cata_table td.dl{
	width: 100px;
}

.cata_table td.tit{
	padding: 5px 10px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #DEDEDE
	}
	
.login_area{
		border:1px solid #ccc;
		text-align:center;
		padding:30px 20px ;
}
	
	
.login{
	text-align: center;
}

.login .loginBtn {
 display: inline-block;
	width:155px;
	height:34px;
	text-indent: -9999px;
 margin: 30px 10px 0 10px;
}

.login .loginBtn a{
	display: block;
	background:url(../../../box/img/member_btn.png) no-repeat 0 0;
	width:155px;
	height:34px;
}

.login .loginBtn a:hover{
	background:url(../../../box/img/member_btn.png) no-repeat 0 -34px;
}

.login .registrationBtn {
 display: inline-block;
	width:235px;
	height:34px;
	text-indent: -9999px;
 margin: 30px 10px 0 10px;
}

.login .registrationBtn a{
	display: block;
	background:url(../../../box/img/member_btn.png) no-repeat -155px 0;
	width:235px;
	height:34px;
}

.login .registrationBtn a:hover{
	background:url(../../../box/img/member_btn.png) no-repeat -155px -34px;
}

@media only screen and (max-width: 600px){
 .login_area{
  text-align: left;
 }
 .login .loginBtn,
 .login .registrationBtn{
  display: block;
  margin: 30px auto 0 auto;
 }
 
}

/* ウェアラブル型遠隔作業支援パッケージ */


ul.cloud_6_scene li{
 width: auto;
 max-width: 450px;
 padding: 10px 75px 10px 10px;
 margin: 10px 0;
}
ul.cloud_6_scene li.cloud_6_scene1{
	background: url(/products/service_solution/service_menu/box/img/cloud_06-02.jpg) no-repeat right bottom #D0EAF8;
}
ul.cloud_6_scene li.cloud_6_scene2{
	background: url(/products/service_solution/service_menu/box/img/cloud_06-03.jpg) no-repeat right bottom #D0EAF8;
}
ul.cloud_6_scene li.cloud_6_scene3{
	background: url(/products/service_solution/service_menu/box/img/cloud_06-04.jpg) no-repeat right bottom #D0EAF8;
}
ul.cloud_6_scene li.cloud_6_scene4{
	background: url(/products/service_solution/service_menu/box/img/cloud_06-05.jpg) no-repeat right bottom #D0EAF8;
}
ul.cloud_6_scene li.cloud_6_scene5{
	background: url(/products/service_solution/service_menu/box/img/cloud_06-06.jpg) no-repeat right bottom #D0EAF8;
}
ul.cloud_6_scene li.cloud_6_scene6{
	background: url(/products/service_solution/service_menu/box/img/cloud_06-07.jpg) no-repeat right bottom #D0EAF8;
}

.loc_wearable .fl_right{
 margin: 0 0 20px 20px;
}

@media only screen and (max-width: 970px){
 .loc_wearable .fl_right{
  float: none;
 margin: 0 0 20px 0;}
 
}
.cloud_6_box{
	background-color: #EEFAFD;
	margin-top: 20px;
	padding: 20px;
	line-height: 1.7em;
	margin-bottom: 20px;
}

.cloud_6_boxTit{
	background: #2C4FA8;
	color: #fff;
	padding: 5px 20px;
	margin: -20px -20px 10px -20px;
	font-size: 1.2em;
}

.cloud_6_table{
	border-collapse: collapse;
	width: 100%;
}

.cloud_6_table td,
.cloud_6_table th{
	border: 2px solid #fff;
	padding: 5px;
	text-align: center;
}

.cloud_6_table th{
	color: #fff;
}

.cloud_6_table th.color01{
	background: #87B2D9;
}

.cloud_6_table th.color02{
	background: #D18F40;
}

.cloud_6_table th.color03{
	background: #748CAD;
}

.cloud_6_table th.color04{
	background: #EB6D8E;
}

.cloud_6_table th.color05{
	background: #A97561;
}

.cloud_6_table th.color06{
	background: #6FB16B;
}

.cloud_6_table td.color01{
	background: #BBD4EF;
}

.cloud_6_table td.color02{
	background: #DFEAF8;
}

.cloud_6_table td.color03{
	background: #EFEFEF;
}
/* 太陽光発電遠隔監視メンテナンスサービス */

.cloud_07_pv{
	margin: 10px auto 30px auto;
}

.loc_spec,
.loc_spec_fixed{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

.loc_spec_fixed{
	table-layout: fixed;
}

.loc_spec th,
.loc_spec td{
	border: 1px solid #ccc;
	padding: 5px;
}

.loc_spec_blue{
	background-color: #6699CC;
	color: #fff;
	text-align: center;
}

.loc_spec th{
	background-color: #EAF1FE;
}


/* 受変電設備総合診断サービス */

dl.loc_step {
	display: table;
	border: none;
}

dl.loc_step dt,
dl.loc_step dd{
	display: table-cell;
	background: none;
	border: none;
}

dl.loc_step dd{
	padding: 5px;
}

dl.loc_step dt span{
	background: #0846C1;
	color: #fff;
	padding: 5px;
}
@media only screen and (max-width: 970px){
 dl.loc_step {
	display: block;
}

dl.loc_step dt,
dl.loc_step dd{
	display: block;
}
 }

/* 高圧配電盤の余寿命診断サービス */

.loc_substation_02 .locLeftSide{
 margin-right: 40px;
}

.loc_arw_52{
	display: table;
 width: 100%;
 table-layout: fixed;
}

.loc_arw_52 section{
	display: table-cell;
	background: url(/products/service_solution/service_menu/preventive_maintenance/box/img/65_arw.jpg) no-repeat right center;
}

.loc_arw_52 .loc_end{
	background: none; 
}

	
.loc_arw_52 div{
	border: 2px solid #ea5532;
	padding: 10px;
	margin-right: 22px;
	height: 100%;
	}

.loc_arw_52 .loc_end div{
	margin: 0;
}

@media only screen and (max-width: 970px){
 .loc_substation_02 .locLeftSide{
 margin-right: 0;
}
 
 .loc_arw_52{
	display: block;
 width: auto;
}

.loc_arw_52 section{
	display: block;
	background: url(/products/service_solution/service_menu/preventive_maintenance/box/img/65_arwSP.jpg) no-repeat bottom center;
 padding-bottom: 30px;
}
 
 .loc_arw_52 div{
	margin-right: 0;
	height: auto;
	}
}