@charset "utf-8";
/*
目次

・基本構造
・リンク
・ヘッダー
・パンくず

・メイン
・でんでん
・電気保安
・お問い合わせ・登録フォーム
・レポート・トピックス
・あなたを応援する日電協
・スキルアップのための研修制度
・電気技術者のための電気点検アドバイス
・イベント
・噴出し
・サイトマップ
・プライバシーポリシー

・メニュー
・フッター

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


/*
基本構造
---------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,
p,th,td{
	margin:0;
	padding:0;
	text-decoration: none;
	font-style:normal;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
		
ul, ol, ul{list-style:none;}
	

fieldset,img{border:0;}	
	
select option{padding:0 5px;}	

form label{cursor:pointer;}

hr{
	clear:both;
	height:1px;
	color:#CCCCCC;
	margin:20px 0;
	background:#CCCCCC;
	border:none;
	display:block;
}

body{
	color:#333333;
	background:#EDEDED;
	font-size:16px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	line-height:1.6em;
}

#container{
	width:900px;
	margin:0 auto;
	padding:0;
	background:#FFFFFF;
	clear:both;
}

.bld{font-weight:bold;}
.red{color:#FF0000;}
.right{text-align:right;}
.center{text-align:center;}
.gotop{
	clear:both;
	text-align:right;
	font-size:12px;
	padding:5px 0;
	margin:5px 0;
}
.gotop a, .totop a{
	background:url(../images/common/gotop.gif) left no-repeat;
	padding-left:16px;
}

.link_page{
	margin-left:1em;
}
.link_page a{
	background:url(../images/common/arrow.gif) left no-repeat;
	padding-left:1em;
}
input{font-size:14px;}

iframe{
	background:#FFFFFF;
	padding:10px;
	border:none;
}


/*
リンク
---------------------------------------------*/
a {
	text-decoration:none;
}
a:link {
	text-decoration: none;
	color: #0000FF;
	background-color: transparent;
}
a:visited {
	text-decoration: none;
	color: #0000FF;
	background-color: transparent;
}
a:hover, a:visited:hover {
	text-decoration: none;
	color: #FF0000;
}
a:active {
	text-decoration: none;
}
a img {
	border-width: 0px;
	border-style: none;
}




/* ---------------------------------------------
   ヘッダー
--------------------------------------------- */
div#head{
	border-top:3px solid #FFCC00;
	border-bottom:2px solid #FFCC00;
	padding:0;
	width:880px;
	margin:0 10px;
	
}

div#head #title{
	clear:both;
	height:25px;
	padding:0;
	margin:0;
	background:url(../images/common/headline01.gif) top left repeat-x;
}

div#head #title h1{
	padding:3px 0 0 5px;
	margin:0;
	font-size:14px;
	float:left;
}

div#head #title ul{
	float:right;
	font-size:12px;
	width:190px;
	margin:3px 0 0 0;
	padding:0;
}
div#head #title ul li{
	float:right;
	padding:0;
	margin:0 5px 0 10px;
}

div#logo{
	clear:both;
	height:59px;
	margin:0;
	padding:5px 0 0 0;
}
div#logo #logoimg{
	float:left;
	width:418px;
}
div#logo #subtitle{
	float:right;
	height:39px;
	padding:20px 0 0 0;
	font-size:16px;
}
div#logo #subtitle span.people{
	color:#FF6600;
	font-size:24px;
}
div#logo #subtitle span.orange{
	color:#FF6600;
}


/*********************
*      パンくず      *
*********************/
#pan{
	clear:both;
	font-size:12px;
	margin-bottom:3px;
}

/* ---------------------------------------------
   メイン
--------------------------------------------- */
#content{
	clear:both;
	margin:10px 10px 0 10px;
}
#main{
	width:630px;
	float:left;
	margin-bottom:10px;
}
#main h2{
	margin:0 0 20px 0;
}
#main h3{
	background:url(../images/common/headline3.gif) left no-repeat;
	padding:20px 0 10px 25px;
	margin:10px 0 20px 0;
	height:26px;
	line-height:1.4em;
	font-size:18px;
	clear:both;
}
#main h4{
	background:url(../images/common/headline4.gif) left no-repeat;
	padding: 6px 10px 6px 25px;
	margin:10px 0;
	font-size:16px;
	clear:both;
	height:22px;
}
#main p{
	padding:0 10px 1em 10px;
}
#main img.img_l{
	margin:0 0.8em 1em 0;
	float:left;
}
#main img.img_r{
	margin:0 0 1em 0.8em;
	float:right;
}


/*********************
*      でんでん      *
*********************/

#main #history{
	clear:both;
	text-align:right;
	margin:0;
	padding:0;
}
#main .issue{
	clear:both;
	text-align:right;
	margin-top:10px;
}
#
#main .issue{
	margin-bottom:1em;
}


body#dendenCat div.topic{
	clear:both;
}
body#dendenCat dl{
	clear:both;
	margin:0 0 0 10px;
}
body#dendenCat dt{
	float:left;
	clear:left;
	width:8em;
	padding:10px 0 0 0 ;
	font-weight:bold;
}
body#dendenCat dd{
	margin-left:8em;
	padding:10px 0 0 0 ;
}
body#dendenCat dd p{
	margin:0 0 0.5em 0;
	padding:0;
}

body#dendenCat dd2{
	margin-left:10em;
	padding:10px 0 0 0 ;
}
body#dendenCat dd2 p{
	margin:0 0 0.5em 0px;
	padding:0px;
}
body#dendenCat #attention{
	clear:both;
	margin-top:40px;
	padding-left:6em;
}

/* フォント　装飾
------------------------------------------------ */

.fontL {
	font-size: 122%;
	}
.font11L {
	font-size: 85%;
	
	}
.font10 {
	font-size: 10px;
	line-height: 120%;
	}
.fontImpact {
	font-weight: bold;
	color: #FF3300;
	}



/*********************
*      電気保安      *
*********************/

body#lowCat #low_cnt{
	clear:both;
	width:625px;
}
body#lowCat #low_cnt #low_cnt_left{
	float:left;
	width:330px;
}
body#lowCat #low_cnt #low_cnt_right{
	float:right;
	width:280px;
	margin-left:15px;
}
body#lowCat dl{
	clear:both;
	margin:0 0 2em 1em;
}
body#lowCat dt{
	float:left;
	clear:left;
	width:4em;
	padding:3px 0 0 0 ;
	font-weight:normal;
}
body#lowCat dd{
	margin-left:4em;
	padding:3px 0 0 0 ;
}
body#lowCat h4{
	background:url(../low/images/headline04.gif) left no-repeat;
	clear:both;
	border:none;
	margin:1em 0 0 0;
	padding:0 0 0 20px;
	height:30px;
}
body#lowCat #appendix{
	clear:both;
	margin-top:2em;
}
body#lowCat #pdf{
	font-size:12px;
	background:url(../images/common/line_dots.gif) left top repeat-x;
	padding:20px 0 0 10px;
}
body#lowCat p#low_pdf{
	padding:0;
	margin:0;
}


/***************************************
*      お問い合わせ・登録フォーム      *
***************************************/

body#contactCat dl#step{
	clear:both;
	border-right:1px solid #FFCC00;
	border-left:1px solid #FFCC00;
	border-bottom:1px solid #FFCC00;
	background:#FFCC00;
	margin:5px 10px 20px 10px;
}
body#contactCat dl#step dt{
	clear:left;
	width:4em;
	font-weight:bold;
	text-align:left;
	border-top:1px solid #FFCC00;
	padding:0 0 0 5px;
}
body#contactCat dl#step dd{
	clear:left;
	border-top:1px solid #FFCC00;
	border-left:1px solid #FFCC00;
	background:#FFFFFF;
	padding:3px 3px 10px 10px;
}
#flow h4{
	background-image:none;
	background-color:#FFCC00;
	font-weight:bold;
	border:none;
	margin:1px;
	padding:0 0 0 10px;
	clear:both;
}

body#contactCat dl#joken{
	clear:both;
	border-right:1px solid #FFCC00;
	border-left:1px solid #FFCC00;
	border-bottom:1px solid #FFCC00;
	background:#FFF5CC;
	margin:5px 10px 20px 10px;
}
body#contactCat dl#joken dt{
	float:left;
	clear:left;
	width:8em;
	font-weight:bold;
	text-align:left;
	border-top:1px solid #FFCC00;
	padding:3px 0 3px 5px;
}
body#contactCat dl#joken dd{
	margin-left:8em;
	border-top:1px solid #FFCC00;
	border-left:1px solid #FFCC00;
	background:#FFFFFF;
	padding:3px;
}

body#contactCat h5{
	text-align:center;
	clear:both;
	font-size:14px;
	margin-bottom:1em;
}

body#contactCat ol{
	list-style:decimal;
	margin:20px 40px;
	padding:0;
}

body#contactCat ol li{
	margin:1em 0;
}

body#contactCat #kojin {
	height:145px;
	margin:0 20px;
	padding:10px 0;
	color:#555555;
	border:1px solid #999999;
	overflow:scroll;
	width:575px;
}

body#contactCat #next{
	text-align:center;
	margin:10px 0;
}
body#contactCat select, body#contactCat input, body#contactCat textarea{
	margin:2px;
}
body#contactCat p{
	margin:0 10px;
	padding:0;
}

body#contactCat p.btn_center{
	text-align:center;
}


/*********************************
*      レポート・トピックス      *
*********************************/

body#reportCat .report_list,
body#topicsCat .topics_list{
	clear:both;
	margin:0 10px 20px 10px;
	padding:0 0 0 20px;
	background:url(../report/images/headline04.gif) left no-repeat;
	height:45px;
}
body#reportCat .report_list p,
body#topicsCat .topics_list p{
	clear:both;
	margin:0;
	padding:0;
	font-size:14px;
	line-height:1.4em;
}
body#reportCat .report_list h3,
body#topicsCat .topics_list h3{
	border:none;
	margin:0;
	padding:0;
	font-size:16px;
	background:none;
	line-height:1.3em;
}
body#reportCat #cnt_cms h5,
body#topicsCat #cnt_cms h5{
	clear:both;
	background:url(../report/images/headline05.gif) left no-repeat;
	margin:0 0 10px 0;
	padding:18px 0 0 0;
	font-size:18px;
	text-align:center;
	height:36px;
}

body#reportCat #date,
body#topicsCat #date{
	clear:both;
	text-align:right;
	font-size:14px;
	margin-bottom:5px;
}
body#reportCat #cnt_cms,
body#topicsCat #cnt_cms{
	clear:both;
	padding:0;
	margin:0;
}
body#reportCat #cnt_cms p,
body#topicsCat #cnt_cms p{
	margin:0 0 1em 0;
	padding:0 10px;
	clear:both;
}
body#reportCat #cnt_cms p.txt_cont,
body#topicsCat #cnt_cms p.txt_cont{
	padding:0 10px;
}



/***********************************
*      あなたを応援する日電協      *
***********************************/


body#supportCat #main h3{
	margin:0;
	padding:0;
	height:114px;
	background:none;
}
body#supportCat #main h4{
	margin:3px 0 10px 0;
	padding:0;
	height:54px;
	background:none;
}

body#supportCat div.supportCont{
	clear:both;
	margin:10px 0 20px 0;
}

body#supportCat div.supportCont p.sCont_l{
	float:left;
	width:170px;
	margin:0;
	padding:0 0 0 5px;
	text-align:center;
}
body#supportCat div.supportCont p.sCont_l img{
	margin:0;
	padding:0;
}
body#supportCat div.supportCont p.sCont_r{
	float:right;
	margin:0;
	padding:0 5px 0 0;
	width:435px;
}
body#supportCat #main div#supportBtn{
	clear:both;
	margin:0;
	padding:80px 0 0 0;
	text-align:center;
	height:70px;
	background:url(../support/images/support_btn_bg.gif) center top no-repeat;
}
.size14r{
	font-size:14px;
	text-align:right;
	display:block;
}


/*****************************************
*      スキルアップのための研修制度      *
*****************************************/

body#skillCat #main h3{margin-bottom:0;}
body#skillCat #main ul{
	margin:0 0 20px 0;
	padding:10px 10px 10px 40px;
	background:#f3f1e8;
	list-style:disc;
	font-weight:bold;
} 

body#skilCat #main ul li{
	margin:0;
	padding:0;
}
body#skillCat #main p img.img_l2{
	margin:0 10px 7em 0;
	float:left;
}



/*************************************************
*      電気技術者のための電気点検アドバイス      *
*************************************************/

body#adviceCat div.adviceCont{
	clear:both;
	margin:10px 0 20px 0;
	width:630px;
}

body#adviceCat div.adviceCont p.aCont_l{
	float:left;
	width:140px;
	margin:0;
	padding:0;
}
body#adviceCat div.adviceCont p.aCont_l img{
	margin:0;
	padding:0;
}
body#adviceCat div.adviceCont p.aCont_r{
	float:right;
	margin:0;
	padding:0;
	width:470px;
}
body#adviceCat h5{
	clear:both;
	background:url(../advice/images/headline05.gif) left no-repeat;
	margin:0;
	padding:10px 0 0 0;
	font-size:16px;
	text-align:center;
	height:34px;
}
body#adviceCat #keyword{
	clear:both;
	padding:1px;
	margin:0;
	border:1px solid #333333;
}
body#adviceCat #keyword img{margin-left:5px;}


/*********************
*      イベント      *
*********************/

body#eventCat .report_list{
	clear:both;
	margin:0 0 20px 0;
	padding:0 0 0 20px;
	background:url(../report/images/headline04.gif) left no-repeat;
	height:45px;
}
body#eventCat .report_list p{
	clear:both;
	margin:0;
	padding:0;
	font-size:14px;
	line-height:1.3em;
}
body#eventCat .report_list h3{
	border:none;
	margin:0;
	padding:0;
	font-size:16px;
	background:none;
	line-height:1.3em;
}
body#eventCat #date{
	clear:both;
	text-align:right;
	font-size:14px;
	margin-bottom:5px;
}
body#eventCat #cnt_cms{
	clear:both;
	padding:0;
	margin:0;
}

body#eventCat #cnt_cms p.waku{
	border:1px solid #333333;
	padding:10px;
	background:#f5f6e5;
	margin-bottom:20px;
}
body#eventCat #cnt_cms p.center_nexty{
	text-align:center;
	position:relative; top:1em;
}
body#eventCat #cnt_cms h5.fukiout{
	font-size:16px;
	padding:0 18px 5px 18px;
	background:#FFFFFF;
	font-weight:normal;
}


/*******************
*      噴出し      *
*******************/

body#eventCat .wrap{
	clear:both;
	margin:0 0 20px 0;
	padding:0 10px;
}
body#eventCat .wrap .wrap_image_l{
	float:left;
	width:250px;
	margin:0;
	padding:0;
}
body#eventCat .wrap .wrap_image_l img{
	margin:0 10px 0 0;
}
body#eventCat .wrap .wrap_article_r{
	float:left;
	width:360px;
	margin:0;
	padding:0 0 10px 0;
	background:url(../event/images/fuki_03_r.gif) bottom left no-repeat;
}
body#eventCat .wrap .wrap_article_r h5.title_r{
	font-weight:bold;
	background:url(../event/images/fuki_01_r.gif) top left no-repeat;
	margin:0;
	padding:10px 10px 10px 20px;
	font-size:16px;
}
body#eventCat .wrap .wrap_article_r p.sentence_r{
	background:url(../event/images/fuki_02_r.gif) top left repeat-y;
	margin:0;
	padding:0 10px 0 20px;
	clear:both;
}

/* ******************** */

body#eventCat .wrap .wrap_image_r{
	float:right;
	width:250px;
	margin:0;
	padding:0;
}
body#eventCat .wrap .wrap_image_r img{
	margin:0 0 0 10px;
}
body#eventCat .wrap .wrap_article_l{
	float:left;
	width:360px;
	margin:0;
	padding:0 0 10px 0;
	background:url(../event/images/fuki_03_l.gif) bottom left no-repeat;
}
body#eventCat .wrap .wrap_article_l h5.title_l{
	font-weight:bold;
	background:url(../event/images/fuki_01_l.gif) top left no-repeat;
	margin:0;
	padding:10px 20px 10px 10px;
	font-size:16px;
}
body#eventCat .wrap .wrap_article_l p.sentence_l{
	background:url(../event/images/fuki_02_l.gif) top left repeat-y;
	margin:0;
	padding:0 20px 0 10px;
	clear:both;
}

/* ******************** */

body#eventCat .wrap .wrap_article_r p.sentence_r_sp{
	background:url(../event/images/fuki_01_r.gif) top left no-repeat;
	margin:0;
	padding:10px 20px 0 20px;
	font-size:16px;
}

/* ******************** */

body#eventCat .wrap .wrap_article_l p.sentence_l_sp{
	background:url(../event/images/fuki_01_l.gif) top left no-repeat;
	margin:0;
	padding:10px 20px 0 20px;
	font-size:16px;
}


/*************************
*      サイトマップ      *
*************************/

#main_column1{
	clear:both;
	margin-bottom:10px;
}

#main_column1 h3{
	background:url(../sitemap/images/arrow_y.gif) left no-repeat;
	border-bottom:1px dotted #999999;
	padding-left:20px;
	margin:3px 0 0 125px;
	font-size:16px;
}
#main_column1 #map{
	clear:both;
	margin:0;
	padding:20px 0 0 0;
}
.map_l{
	float:left;
	width:380px;
}
.map_l ul{
	clear:both;
	margin:5px 0 40px 125px;
	padding:0;
}
.map_l ul li{
	background:url(../images/common/arrow.gif) left no-repeat;
	padding:0 0 0 20px;
	margin:0;
	line-height:1.6em;
}


.map_waku{
	clear:both;
	width:680px;
	margin:0 auto;
	border:2px solid #FFCC00;
	padding:10px 0;
}

.map_waku ul.waku_list_l{
	margin:0 155px 0 25px;
	padding:0;
	float:left;
	width:200px;
}
.map_waku ul.waku_list_r{
	margin:0 0 0 25px;
	padding:0;
	float:left;
	width:200px;
}
.map_waku ul.waku_list_l li, .map_waku ul.waku_list_r li{
	background:url(../images/common/arrow.gif) left no-repeat;
	padding:0 0 0 20px;
	margin:0;
	line-height:1.6em;
	display:block;
}
#main_column1 .totop{
	text-align:right;
	font-size:12px;
	padding:5px 0;
	margin:20px 10px 5px 0;
}


/*********************************
*      プライバシーポリシー      *
*********************************/

body#privacyCat h3#p_title{
	clear:both;
	text-align:center;
	background:none;
	border:none;
	margin:0;
	padding:20px 0 0 0;
}
body#privacyCat h4{
	clear:both;
	background:none;
	border:none;
	margin:0;
	padding:20px 0 0 20px;
}
body#privacyCat p{
	margin:10px 20px;
	padding:0;
	clear:both;
}
body#privacyCat p.flr{
	float:right;
	text-align:left;
}
body#privacyCat ol.type1{
	clear:both;
	margin:10px 20px;
	padding:0 20px 10px 40px;
	list-style:decimal;
}

body#privacyCat ol.type2a{
	clear:both;
	margin:0 20px;
	padding:0 40px 10px 80px;
	list-style:upper-roman;
}
body#privacyCat ol.type2b{
	clear:both;
	margin:0 20px;
	padding:0 0 10px 20px;
	list-style:upper-roman;
}
body#privacyCat ol li{
	margin:0 0 10px 0;
}

/*********************
*      リンク集      *
*********************/
body#linkCat ul.link_url{
	clear:both;
	margin:0;
	padding:0 10px;
}
body#linkCat ul.link_url li{
	clear:both;
	margin:0 0 20px 0;
	padding:0 0 0 20px;
	background:url(../report/images/headline04.gif) left no-repeat;
	height:45px;
	line-height:1.3em;
}
body#linkCat ul.link_url li span.url{
	display:block;
	background:url(../images/common/arrow.gif) left no-repeat;
	padding:0 0 0 20px;
	margin:0 0 0 2px;
}


/*
メニュー
---------------------------------------------*/
#menu{
	float:right;
	width:240px;
	margin-bottom:10px;
	background-color:#FFFFFF;
}
.menu_sub{
	border:1px solid #999999;
	padding:1px;
	margin-bottom:5px;
}
.menu_sub h3{
	padding:5px 5px 3px 8px;
	font-size:14px;
	border-left:11px solid #333333;
	border-bottom:1px dotted #999999;
	margin-bottom:1px;
	color:#FFFFFF;
}
.menu_sub ul{
	clear:both;
	margin:0;
	padding:0;
}
.menu_sub li{
	background:url(../images/common/menu_arrow.gif) left top no-repeat;
	padding:5px 0 0 20px;
	border-bottom:1px dotted #999999;
	height:25px;
}
.menu_sub li#skill{
	letter-spacing:-0.1em;
}
.menu_sub li a{
	display:block;
	height:25px;
}
body#reportCat li#report,
body#topicsCat li#topics, 
body#supportCat li#support, 
body#skillCat li#skill, 
body#eventCat li#event, 
body#lowCat li#low, 
body#dendenCat li#denden, 
body#adviceCat li#advice,
body#privacyCat li#privacy,
body#linkCat li#link,
body#contactCat li#contact{
	background:#fff5cc url(../images/common/menu_arrow_y.gif) left top no-repeat;
	margin:0;
	padding:5px 0 0 20px;
}

#entry_btn{
	background:url(../images/common/entry_button_bg.gif) left top no-repeat;
	height:126px;
	padding:70px 0 0 3px;
	text-align:center;
}

.menu_sub h3#supportMenu{background:#CCBB00;}
.menu_sub h3#cmsMenu{background:#99AA00;}
.menu_sub h3#infoMenu{background:#669900;}





/*
フッター
---------------------------------------------*/

div#foot{
	clear:both;
	padding:0 5px;
}

div#foot p{
	clear:both;
	background:#FFCC00;
	margin:0px 5px;
	font-size:12px;
	padding:5px 0 2px 0;
	text-align:center;
	font-weight:bold;
}
	

/* SEO対策用フッター */



#footer02 {
	clear:both;
	width: 880px;
	height:190px;
	background-image: url(../images/top/footer_bg_new.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 10px;
	margin: 0 auto;
	position: relative;
}

#footer02_inner {
	width: 850px;
	padding: 0px 30px 0 20px;
	margin: 0 auto;
	
	
}


#footer02left {

	float: left;

	width: 650px;

	height: 125px;

	text-align: left;

	margin-left: 5px;

	padding: 10px 0px 0 0px;

}


#footer02left ul {
	width: 300px;
	float: left;
	list-style-type: none;
	padding: 0 15px 0 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E3B600;
}


#footer02left li {
	font-size: 13px;
	list-style: none;
	background-image: url(../images/top/footer_aicon01.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding: 0px 0px 0px 16px;
	line-height: 180%;	
	
}


#footer02left ul {

	width: 290px;
	line-height:180%;
	

	

}



#footer02left ul.lastul {

	border: 0;
	padding-left:20px;
	padding-right: 0;

}

#footer02left a {
	padding-bottom: 1px;
	text-decoration: underline;
	color: #1A439B;
					}

#footer02left a:hover {
	text-decoration: none;
	
						}


.fontM {
	
	letter-spacing: -1px;
		}



#footer02right {

	position: absolute;

	text-align: right;

	width: 360px;

	margin: 0;

	padding: 0;

	right: 30px;

	top: 70px;

}




#footer02 address {
	margin: 0px;
	padding: 2px 3px 0;
	font-style: normal;
	text-align: right;	
	font-size: 70%;
}


#oubo {
	height: 200px;
	width: 630px;
	background-image: url(../images/common/oubo.gif);
}
#oubo img {
	height: 53px;
	width: 250px;
	margin-top: 140px;
}