@charset "UTF-8";

body {
	padding: 0px;
	margin: 0px;
        border-top: 5px solid #55402B;
	color: #55402B;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
                     Osaka, "ヒラギノ角ゴ Pro W3", 
                     "Hiragino Kaku Gothic Pro";
	font-size: 80%;
	line-height: 2;
	text-align: center;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	padding: 0px;
	margin: 0px;
}

ul{
	list-style-type: none;
}

/*コンテナー（HPを囲むボックス）
---------------------------------------------------*/
#container {
	width: 1078px;
        padding: 1px 5px 0px 5px;
	margin-right: auto;
	margin-left: auto;
	background: url(images/container_bg.gif) repeat-y;	
        text-align: left;
	clear: left;
}

/*ヘッダー（サイト名とかが入っている上段のブロック）
---------------------------------------------------*/
#header {
	width: 1080px;
	height: 80px;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
        position: relative;
}

#header p1 {
        top: 15px;
        left: 24px;
}

#header p2 {
        top: 15px;
        left: 22px;
        font-family: Georgia;
        font-size: 34px;
        text-shadow: 2px 2px 0 #fff, 5px 5px 0 #dfe8f1;
}

#header p3 {
        top: 57px;
        left: 53px;
        font-family: Georgia;
	font-size: 17px;
        font-weight: bold;
}

#header p4 {
        top: 50px;
        left: 870px;
}

#header p5 {
	top: 65px;
        left: 830px;
	font-size: 18px;
}

#header p6 {
	top: 55px;
        left: 870px;
        color: #FF9740;
        face: Arial;
	font-size: 27px;
        detection: none;
}

#header p7 {
	top: 10px;
        left: 910px;
}

#header p8 {
	top: 30px;
        left: 910px;
        line-height: 1em;
        letter-spacing: 5.5px;
}

#header p9 {
	top: 30px;
        left: 955px;
        line-height: 1em;
}

#header p1,p4,p7,p8,p9 {
        font-size: 11px;
}

#heder a,p2,p6 {
        color: #154069;
	font-weight: bold;
        position: absolute;
}

#header p1,p3,p4,p5,p7,p8,p9 {       
	font-weight: normal;
        position: absolute;
}

/*ページタブ
-------------------------------*/
nav#g_navi li {
	display: inline;
}

nav#g_navi ul {
	height: 44px;
}

/*青色のタブ
---------------*/
nav#g_navi li strong { 
	width: 90px;
	height: 25px;
        padding: 15px 16px 4px 16px;
	color: #55402B;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	border-top: 3px solid #154069;
	border-right: 1px solid #E0E0E0;
        background-color: #FFF;
        text-align: center;
        text-decoration: none;
        display: block;
	float: left;
}

nav#g_navi li strong span { 
	color: #0055AA;
        font-family: Century;
	font-size: 10px;
	line-height: 12px;
}

/*水色のタブ
---------------*/
nav#g_navi li a { 
        width: 82px;
        height: 25px;
        padding: 15px 25px 6px 25px;
	color: #55402B;
	font-size: 12px;
	line-height: 16px;;
        border-bottom: 3px solid #0055AA;
        border-right: 1px solid #E0E0E0;        
	text-align: center;
	text-decoration: none;
        display: block;
        float: left;
}

nav#g_navi li a span { 
	color: #0055AA;
        font-family: Century;
	font-size: 10px;
	line-height: 12px;
}

/*カーソルの乗せた時
--------------------*/
nav#g_navi li a:hover { 
	color: #55402B;
	background-color: #FFF;
        border-bottom: 3px solid #FF9740;
}

nav#g_navi li a:hover span { 
	color: #FF9740;
}

/*メインメニュー
---------------------------------------------------*/
ul#menu {
	width: 1069px;
	height: 67px;
	padding-left: 19px;
	margin-right: auto;
	margin-left: auto;
        background-image: url(images/menu_bg.gif);	
}

ul#menu li {
	float: left;
}

/*トップページのスライドショー
---------------------------------------------------*/
#mainimg {
	width:1069px;
       	height: 250px;
        padding-bottom: 10px;
        position: relative;
}

#mainimg .slide_file {
	display: none;
}

#slide_image {
	left:0px;
	top:0px;
	z-Index:2;
	position: absolute;
}

#slide_image2 {
	left:0px;
	top:0px;
	z-Index:1;
	position: absolute;
}

/*メインコンテンツ（右側）
---------------------------------------------------*/
#main {
	width: 810px;
        padding: 10px 0 50px 0;	
	margin-left: 30px;
	float: right;
	display: inline;
}

#main h2 {
        width: 790px;
	height: 38px;
	padding-left: 10px;
        background: linear-gradient(0deg, #154069, #0055AA, #5B92D7, #154069);
        border: 3px double #DFDFDF;
        border-radius: 4px;
	color: #FFFFFF;
	font-size: 100%;
	line-height: 40px;
	overflow: hidden;
        box-shadow: 5px 5px 10px #666;
        webkit-box-shadow: 5px 5px 10px #666;
        moz-box-shadow: 5px 5px 10px #666;
}

#main p {
        padding:0 0 0 10px;
        color: #55402B;
}

/*サイドコンテンツ（左側）
---------------------------------------------------*/
#side {
	width: 220px;
        padding: 10px 0 50px 0;
	margin-left: 10px;
	float: left;
	display: inline;
}

#side h3 {
        padding: 5px 0 5px 0;
        margin: 0 0 10px 0; 
	font-size: 100%;		
	background: url(images/h3bg.gif) repeat-x bottom;
	border: 3px double #bfbfbf;
	text-align: center;	
        box-shadow: 5px 5px 10px #666;
        webkit-box-shadow: 5px 5px 10px #666;
        moz-box-shadow: 5px 5px 10px #666; 	
}

#side a {
	color: #EC6800;
        text-decoration: none;
}

#side a:hover {
	color: #FF9740;
        text-decoration: none;
}

.side span.a {
       color: #55402B;
       font-weight: 600;
}

.side img.a {
        width:80px;
        height:80px;
        float: center;
}

.side-box {
        width:110px;
        height: 130px;
        padding-top: 10px;
        line-height: 2em;
        border-style: none;
        text-align: center;
        float: left;
        position: absolute;
        box-shadow: 5px 5px 10px #666;
        webkit-box-shadow: 5px 5px 10px #666;
        moz-box-shadow: 5px 5px 10px #666; 	
}

.side-box2 {
        width:100px;
        height: 130px;
        padding-top: 10px;
        margin-left: 115px;
        line-height: 2em;
        border-style: none;
        text-align: center;
        float: right;
        position: absolute;
        box-shadow: 5px 5px 10px #666;
        webkit-box-shadow: 5px 5px 10px #666;
        moz-box-shadow: 5px 5px 10px #666; 	
}

.side-box:hover,.side-box2:hover {
	background: #F5DEB3;
}

/*サイドメニュー
---------------------------------------------------*/
#side .sidemenu {
	margin-bottom: 1em;
}

#side .sidemenu a {
	width: 180px;
	padding: 5px 10px 5px 20px;  
        margin-bottom: 3px;
        font-family: Yu Gothic;
	font-weight: bold;
        border: 1px solid #BFBFBF;
        border-left: 10px solid #154069;
        color: #55402B;
	text-decoration: none;
	display: block;
        box-shadow: 5px 5px 10px #666;
        webkit-box-shadow: 5px 5px 10px #666;
        moz-box-shadow: 5px 5px 10px #666; 
}

#side .sidemenu a:hover {
        color: #55402B;
	font-weight: bold;
	background-color: #FFFFFF;
        border-left: 10px solid #FF9740;
}

/*バナー下の文字
------------------------------*/
.top span.h {
        color: #333333;
        font-size: 11px;
}

/*フッターメニュー
---------------------------------------------------*/
ul#footermenu {
	width: 100%;
	text-align: center;
	clear: both;
}

ul#footermenu li {
        padding: 0 5px 0 5px;
	display: inline;
}

ul#footermenu a {
	color: #55402B;
        text-decoration: none;
}

ul#footermenu a:hover {
	color: #FF9740;
        text-decoration: none;
}

/*フッター（コピーライトとか入っている最下部ブロック）
---------------------------------------------------*/
#footer {
        width: 1080px;
	padding: 40px 4px 20px;
        margin-right: auto;
	margin-left: auto;
	text-align: center;
}

/*メインコンテンツ内の「ページのトップへ戻る」部分
---------------------------------------------------*/
#pageTop {
        padding:20px 20px 20px 0;
        font-size:11px;
        text-align:right;
}

#pageTop a {
        padding-left:8px;
        color: #E08300;
        text-decoration: none;
}

#pageTop a:hover {
        color: #FF9740;
}

/*トップページ
---------------------------------------------------*/
.top a {
	color: #E08300;
        text-decoration: none;
}

.top a:hover {
	color: #FF9740;     
}

/*新着情報
------------------------------*/
.top span.a {
        color: #FF0000;
}

.top-box img {
	width: 150px;
        height: 150px;
	float: left;
}

.top-box {
	width: 600px;
	padding: 5px;
        margin: 0 auto 10px 10px;
        background: url(images/boxbd_hanbai2.jpg) no-repeat right bottom;
        border: 1px solid #bfbfbf;	
	border-left: 10px solid #154069;
        float: left;	
        overflow: hidden;  	
}

.top-box table {
        border-style: none;
}

.top-box table td.le {
	width: 150px;
	height: 50px;
}

.top-box table td.ri {
	width: 470px;
	height: 30px;
        padding: 0px 0px 0px 50px; 
	text-align:left;
}

/*更新情報
------------------------------*/
#main dl.new {
	width: 800px;			
	height: 140px;			
	padding: 10px 0px 10px 10px;
	overflow: auto;
}

#main dl.new dt {
	font-weight: bold;	　　　　　　　　
}

#main dl.new dd {
	border-bottom: 1px solid #bfbfbf;	
}

/*電気の豆知識
-------------------------------*/
.top span.c {
        color: #F08300;
        font-size: 16px;
        font-family: 'Amatic SC', cursive;
        font-weight: bold;        
}

.top span.d {
        color: #013574;
        font-size: 25px;
        font-weight: bold;
        letter-spacing: 10px;
}

.top img.c {
        width: 70%;			
	height: 70%;        
}

.top-box2 {
        width:310px;
        height: 86px;
        margin-top: 5px;
        background: url(images/hbg.png) no-repeat bottom/120%;
        border: 2px solid #013574;
        float: left;
        position: absolute;
        box-shadow: 5px 5px 10px #666;
        webkit-box-shadow: 5px 5px 10px #666;
        moz-box-shadow: 5px 5px 10px #666; 	
}

.top-box2:hover {
        border: 1px solid #B3B3B3;
        box-shadow: none;	
}

.top-box2 table{
        border-style: none;
}

.top-box2 table td.one { 
        width:70px;
        height: 85px;
}

.top-box2 table td.two { 
        width:230px;
        height: 85px;
        padding-left: 20px;
        line-height: 2.5em;
        text-align: top;
}

/*メリット
------------------------------*/
.top span.e {
        color: #333333;
        font-size: 28px;
        font-weight: bold;
}

.top-box3 {
        width:460px;
        height: 86px;
        margin: 5px 0px 0px 330px;
        background: url(images/im2.jpg) top/100%;
        border: 2px solid #B3B3B3;
        text-align: center;
        float: right;
        position: absolute;
        box-shadow: 5px 5px 10px #666;
        webkit-box-shadow: 5px 5px 10px #666;
        moz-box-shadow: 5px 5px 10px #666; 	
}

.bkrgba1 {
        height: 100%;
        background: rgba(255,255,255,0.1);
}

.top-box3:hover {
        border: 1px solid #2A2A2A;
        box-shadow: none;	
}

/*シュミレーション
------------------------------*/
.top span.f {
        color: #5F2C0D;
        font-family: 'Lato', 'Noto Sans JP', 
                     'ヒラギノ角ゴ ProN', 
                     'Hiragino Kaku Gothic ProN',
                     'メイリオ', Meiryo, 'ＭＳ Ｐゴシック',
                     'MS PGothic', sans-serif;
        font-size: 17px;
        font-weight: 700;
}

.top span.g {
        color: #CC2F3A;
        font-family: 'Lato', 'Noto Sans JP', 
                     'ヒラギノ角ゴ ProN', 
                     'Hiragino Kaku Gothic ProN',
                     'メイリオ', Meiryo, 'ＭＳ Ｐゴシック',
                     'MS PGothic', sans-serif;
        font-size: 30px;
        font-weight: 900;
        text-shadow:10px #CC2F3A;
}

.top-box4 {
        width:460px;
        height: 88px;
        margin-top: 110px;
        line-height: 2em;
        background: url(images/im3.jpg) bottom/100%;
        border: 2px solid #CC2F3A;
        text-align: center;
        float: left;
        position: absolute;
        box-shadow: 5px 5px 10px #666;
        webkit-box-shadow: 5px 5px 10px #666;
        moz-box-shadow: 5px 5px 10px #666; 	
}

.bkrgba {
        height: 100%;
        background: rgba(255,255,255,0.7);
}

.top-box4:hover {
        border: 1px solid #B3B3B3;
        box-shadow: none;	
}

/*エコナビ
-----------------------------*/
.top img.a {
        width: 320px;			
	height: 90px;
        margin: 110px 0px 0px 475px;
        float: right;
        position: absolute;
        box-shadow: 5px 5px 10px #666;
        webkit-box-shadow: 5px 5px 10px #666;
        moz-box-shadow: 5px 5px 10px #666; 	
}

.top img.a:hover {
        box-shadow: none;	
}

/*会社概要
---------------------------------------------------*/
.company table {
        border: 0.5px solid #A9A9A9;
        border-radius: 8px;
}

.company table tr td {
        border-right: 0.5px solid #A9A9A9;
	border-bottom: 0.5px solid #A9A9A9;
}

.company table td.le {
        width: 150px;
	padding: 0px 0px 0px 10px;
        color: #FFFFFF;
        background:  #154069;
	text-align: left;
}

.company table td.ri {
	width: 610px;
	padding:10px 0px 10px 30px;
        background: #FFFAF4;
	text-align:left;
}

/*問い合わせ他各ページのフォーム
---------------------------------------------------*/
.formstyle hr {
        width: 650px;
        border: 0.5px dotted #A9A9A9;
        text-align:left;
}

.formstyle table {
        border: 0.5px solid #A9A9A9;
        border-radius: 8px;
}

.formstyle table tr td {
	border-right: 0.5px solid #A9A9A9;
	border-bottom: 0.5px solid #A9A9A9;
}

.formstyle table td.le {
	width: 150px;
	height: 30px;
	padding: 5px 0px 5px 10px;
        color: #FFFFFF; 
        background: #154069;
}

.formstyle table td.ri {
	width: 470px;
	height: 30px;
	padding: 5px 0px 5px 10px; 
}

/*氏名、市町村、番地
--------------------*/
.formstyle input.text { 
        width: 250px;
        height: 20px;
        font-size: 1.2em;
        ime-mode: active;
        background-color: #FFFAF4;
}

/*都道府県
--------------------*/
.formstyle select {　
        width: 120px;
        height: 25px;
        font-size: 1.2em;
        background-color: #FFFAF4;
}

/*電話、ＦＡＸ
--------------------*/
.formstyle input.text1 { 
        width: 120px;
        height: 20px;
        font-size: 1.2em;
        ime-mode: disabled;
        background-color: #FFFAF4;
}

/*メール
--------------------*/
.formstyle input.text2 {
        width: 250px;
        height: 20px;
        font-size: 1.2em;
        ime-mode: disabled;
        background-color: #FFFAF4;
}

/*問い合わせ内容
--------------------*/
.formstyle textarea { 
        width: 400px; 
        height:100px;
        font-size: 1.2em;
        ime-mode: active;
        background-color: #FFFAF4;
} 

/*連絡方法
--------------------*/
.formstyle input[type="radio"] { 
        margin-left: 20px;
}

/*送信
--------------------*/
.formstyle input[type="submit"] {      
        margin-left: 20px;
}

.submit_btn{
       width:100px;
       height:30px;
       color: #FFFFFF;
       background: #154069;
       border: 1px solid #BFBFBF;
       border-radius: 8px;
       box-shadow: 5px 5px 10px #666;
       webkit-box-shadow: 5px 5px 10px #666;
       moz-box-shadow: 5px 5px 10px #666; 	
}
 
.submit_btn:hover {
       color: #FFFFFF;
       background: #154069;
       border: 1px solid #BFBFBF;
       box-shadow: none;
}