@charset "UTF-8";
/* ----------------------------------------
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

　「生田電器」ページデザイン

　　　０．全体レイアウト

　　　１．ヘッダー

　　　２．サイトメニュー

　　　３．ページ本文

　　　４．

　　　５．

　　　６．フッター

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
---------------------------------------- */

/* ---------------------------------------- 
＊＊＊＊＊＊＊＊
　　　　　　　　　０．全体レイアウト
＊＊＊＊＊＊＊＊
---------------------------------------- */

/* ----------------------------------------
　共通部分 
---------------------------------------- */

/* ページ全体のテキスト色 */
html {color:#000000;}

/* フォント指定 */
@font-face {
 font-family: 'JapanSans90';
 src: url('http://webfontfan.com/fontcss/font/JapanSans90.eot');
 src: url('http://webfontfan.com/fontcss/font/JapanSans90.eot?#iefix') format('embedded-opentype'),
 url('http://webfontfan.com/fontcss/font/JapanSans90.woff') format('woff'),
 url('http://webfontfan.com/fontcss/font/JapanSans90.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
 }

/* ページ全体 */
body {
	font-family:'JapanSans90','ヒラギノ角ゴ Pro W3','Hiragino Kaku  Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	line-height:1.5; /*行の高さはフォントサイズの指定倍率*/
	width: 100%;
	background-color: black; /* 確認用 */
}


/* ページ全体のリンク色 */
a {color:#ff9045;text-decoration:underline;}
a:link {color:#ff9045;text-decoration:underline;}
a:visited {color:#666666;text-decoration:underline;}
a:hover {color:#ffbd8e;text-decoration:none;}
a:active {color:#ffbd8e;text-decoration:none;}

  /*  リンク共通アニメーション  */
a {
  text-decoration: none;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}



/* ----------------------------------------
　全体レイアウト（骨格）
---------------------------------------- */

#layout {
	position: relative;
	max-width: 1152px;
	min-width: 384px;
	margin: 0 auto;
	padding: 0;
	background-color: #ffffff;
	background-image: url(../img/BG.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	behavior: url(PIE.htc);
}

/* １．（header）ヘッダー：高さは 2.サイトメニュー で設定 */
#header {
	background-color: none; /* 確認用 */
}

/* ２．（div）サイトメニュー：個別に設定 */
#navContainer {
	background-color: none; /* 確認用 */
}

/* ３．（div）ページ本文 */
#mainContainer {
	margin: 0;
	padding: 0;
	background-color: none; /* 確認用 */
}

/* ６．（footer）フッター */
#footer {
	height: 60px;
	margin: 0;
	padding: 0;
	background-color: none; /* 確認用 */
}

/*コンテンツエリアの設定（１〜６ 共通）*/
.inner {
  position: relative;
  width: 100%;
  margin: 0 auto;
}



/* ---------------------------------------- 
＊＊＊＊＊＊＊＊
　　　　　　　　　１．ヘッダー
＊＊＊＊＊＊＊＊
---------------------------------------- */

#header h1 {
	float: left;
	height: 50px;
	width: 375px;
	background-color: none; /* 確認用 */
	text-indent: -999999px;
}
#headerBusiness {
	float: left;
	height: 50px;
	width: 375px; /* ★要 調整 */
	background-color: none; /* 確認用 */
	text-indent: -999999px;
}
#headerTEL {
	float: right;
	height: 50px;
	width: 210px; /* ★要 調整 */
	background-color: none; /* 確認用 */
	text-indent: -999999px;
}


/* ---------------------------------------- 
＊＊＊＊＊＊＊＊
　　　　　　　　　２．サイトメニュー
＊＊＊＊＊＊＊＊
---------------------------------------- */

#navContainer {
	position: absolute;
	z-index: 100;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	height: 54px;
	behavior: url(PIE.htc);
}

/*ヘッダーエリアの設定：確認用bg色は 0.全体レイアウト で設定*/
#header {
  position: relative;
  display: block;
  max-width: 1152px;
	min-width: 384px;
  height:150px;
  margin: 0;
  padding: 0;
}

#navInner {
	
}


/*ナビゲーションの装飾*/
#navigation {
  position: relative; /*※ 設定メモ：左右余白をautoとする場合「relative」で設定。「absolute」では左ツメになる。 */
  overflow: hidden;
  z-index: 10;
  max-width: 1152px;
  min-width: 384px;
  width: 100%;
  margin: 0 auto;
  background: rgba( 0, 0, 0, 0.5); /*背景色（透過設定あり）*/
}
#navigation ul,
#navigation li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#navigation li {
  float: left;
  margin: 0;
  width: 96px;
}
#navigation a {
  display: block;
  padding: 6px 0;
  height: 12px;
  color: #fff; /*文字色*/
  font-size: 12px;
  letter-spacing: 0.2em;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  background: rgba( 0, 0, 0, 0.0); /*背景色（透過設定あり）*/
}
#navigation a:hover {
  color: #333;
  background: rgba( 0, 0, 0, 0.8); /*背景色（透過設定あり）*/
}

li#IkutaToTop {
	width: 384px;
	font-weight: bolder;
}
li#IkutaToTop a {
	background: rgba( 0, 0, 0, 0.3); /*背景色（透過設定あり）*/
	color: rgba(255,144,69,1.0);
}
li#IkutaToTop a:hover {
}


/* ---------------------------------------- 
＊＊＊＊＊＊＊＊
　　　　　　　　　３．ページ本文
＊＊＊＊＊＊＊＊
---------------------------------------- */

/* ----------------------------------------
　共通部分 
---------------------------------------- */

/* Masonryグリッド基本設定 */

.grid_container {
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: none; /* 確認用 */
}

/*　1カラム（段・グリッド）の基本設定　*/

.grid_container .column {
  /* CSS3のbox-sizingを使用できない場合は、
  widthからpaddingとborderの値をマイナスして計算する */
  width: 188px;
  height: 188px;
  padding: 5px; /* ★★ 枠内のサイズ指定に注意！　枠内の有効サイズは「上下左右 -10px」で見込む ★★ */
  margin: 2px;
  overflow: hidden;
  background: rgba(188,188,188,1.0); /* 背景色 */  
  
  border-radius: 12px; /* CSS3草案 */  
  -webkit-border-radius: 12px; /* Safari,Google Chrome用 */  
  -moz-border-radius: 12px; /* Firefox用 */  

  /* Javascriptを無効にしていると、
  noscript.cssを読み込んでvisibleになります */
  visibility: hidden;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid_container .column.w1h2 {
  width: 188px;
  height: 380px;
}
.grid_container .column.w1h3 {
  width: 188px;
  height: 572px;
}
.grid_container .column.w1h4 {
  width: 188px;
  height: 764px;
}


/* 2カラム（段・グリッド）分の幅 */
.grid_container .column.w2h1 {
  /* ★★ CSS3のbox-sizingを使用できない場合は、
  上記カラム基本設定のpaddingとborderの値を、
  widthからマイナスして計算する ★★ */
  width: 380px;
  height: 188px;
}
.grid_container .column.w2h2 {
  width: 380px;
  height: 380px;
}
.grid_container .column.w2h3 {
  width: 380px;
  height: 572px;
}
.grid_container .column.w2h4 {
  width: 380px;
  height: 764px;
}

/* 3カラム（段・グリッド）分の幅 */
.grid_container .column.w3h1 {
  /* ★★ CSS3のbox-sizingを使用できない場合は、
  上記カラム基本設定のpaddingとborderの値をの値を、
  widthからマイナスして計算する ★★ */
  width: 572px;
  height: 188px;
}
.grid_container .column.w3h2 {
  width: 572px;
  height: 380px;
}
.grid_container .column.w3h3 {
  width: 572px;
  height: 572px;
}
.grid_container .column.w3h4 {
  width: 572px;
  height: 764px;
}

/* 4カラム（段・グリッド）分の幅 */
.grid_container .column.w4h1 {
  /* ★★ CSS3のbox-sizingを使用できない場合は、
  上記カラム基本設定のpaddingとborderの値をの値を、
  widthからマイナスして計算する ★★ */
  width: 764px;
  height: 188px;
}
.grid_container .column.w4h2 {
  width: 764px;
  height: 380px;
}
.grid_container .column.w4h3 {
  width: 764px;
  height: 572px;
}
.grid_container .column.w4h4 {
  width: 764px;
  height: 764px;
}

/* 枠内タイトル */
.grid_container h1 {
	margin: 9px 9px 0;
	font-size: 15px;
	font-weight: bolder;
}
/* 枠内画像 */
.grid_container .column img {
  display: block;
  width: 100%;
  height: auto;
}
/* 枠内テキスト */
.grid_container p.mC_text {
	margin: 9px 9px 0;
	font-size: 12px;
	font-weight: normal;
}


/* ----------------------------------------
　個別設定 
---------------------------------------- */
/* ★　コンセントの無料点検キャンペーン実施中！　★ */
section#ConsentCampaign {
	padding: 0;
	background: rgba(225,225,225,1.0); /* 背景色 */ 
}


/* ★　ブログ更新情報＋イクチューブ最新動画　★ */
section#IkuNewTips {
	overflow: auto;
	background: rgba(255,144,69,1.0); /* 背景色 125,18,36 */  
}

/* リンク色 */
section#IkuNewTips a:visited {text-decoration:underline;}
section#IkuNewTips a:hover {color:rgba(97,212,93,1.0);text-decoration:none;}
section#IkuNewTips a:active {color:rgba(97,212,93,1.0);text-decoration:none;}
  /*  リンクアニメーション  */
section#IkuNewTips a {
  text-decoration: none;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

/* 電気の新聞ここから */
section#IkuNewTips h1.INTtitle {
	border-bottom: 2px dotted rgba(245,238,75,1.0);
	letter-spacing: 0.1em;
	padding: 3px 6px;
	color: rgba(245,238,75,1.0);
}
section#IkuNewTips .columnAd {
	font-size: 10px;
}
#IkuNews .columnAd a {
	text-decoration: none;
	color: rgba(125,18,36,1.0);
}

/* RSS */
div#feed .gfc-result div.gf-title {
　white-space: nowrap;
  text-overflow: ellipsis;
}
div#feed {
	margin: 12px 12px 0 24px;
	padding: 0 0 0 9px;
	border-left: 5px solid rgba(245,238,75,1.0);
}
div#feed section {
	margin: 6px 0 0;
	padding: 3px 0;
	border-bottom: 1px dotted #cccccc;
}

div#feed a {
	text-decoration: none;
	color: rgba(125,18,36,1.0);
}

div#feed p.RSSdate {
	margin: 0;
	padding: 0;
	font-size: 10px;
	letter-spacing: 0.1em;
}
div#feed h1 {
	margin: 1px 0 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
div#feed p {
	margin: 3px 0 0;
	padding: 0;
	font-size: 10px;
}
/* 電気の新聞ここまで */

/* イクチューブここから */
#IkuTube h1 {
	margin: 24px 9px 0;
	padding: 0;
}
div#IkuTubeIFm {
	margin: 12px 0 6px;
	text-align: center;
}
#IkuTube p.mC_text {
	margin: 3px 24px;
	padding: 0;
}
/* イクチューブここまで */


/* ★　生田電器ネットショップ　★ */
section#NetshopContainer {
	padding: 0;
	background: rgba(225,225,225,1.0); /* 背景色 */ 
}

#NetshopContainer h1 {
	margin: 0;
	padding: 0;
	height: 0;
	text-indent: -999999px;
}
#NetshopContainer p {
	margin: 0;
	padding: 0;
	width: 380px;
	height: 188px;
}


/* ★　メルマガ会員募集中！　★ */
section#mmform_index {
	padding: 0;
	background-image: url(../img/waku_20150210_mm.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#mmform_index h1 {
	margin: 60px 0 0 33px;
	padding: 0;
	font-size: 12px;
	color: #ffffff;
}
#mmFORM {
	margin: 3px 0 0 36px;
	padding: 0;
	font-size: 12px;
	color: #7d1224;
}


/* ★　三菱電機メルタスチェーンストア　★ */
section#MITSUBISHImcs {
	padding: 0;
	background-image: url(../img/waku_20150214_mitsubishi.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#MITSUBISHImcs h1 {
	margin: 0;
	padding: 0;
	height: 156px;
	text-indent: -999999px;
}
#MITSUBISHImcs p.mC_text {
	margin: 0;
	padding: 3px 12px 0;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	color: #0081cc;
}
#MITSUBISHImcs p.mC_text a {
	text-decoration: none;
	color: #0081cc;
}


/* ★　生田電器カード　★ */
section#IKUTAdenkiCARD {
	padding: 0;
	background-image: url(../img/waku_20150214_card.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #ffffff;
}
#IKUTAdenkiCARD h1 {
	margin: 0;
	padding: 0;
	height: 15px;
	text-indent: -999999px;
}
#IKUTAdenkiCARD p.mC_text {
	margin: 0;
	padding: 0;
	text-indent: -999999px;
}
#IKUTAdenkiCARD p.mC_text a {
	display: block;
	height: 170px;
	width: 380px;
}


/* ★　太陽光発電勉強会 申込　★ */
section#sPanel_order {
	padding: 0;
	background-image: url(../img/20150925BG.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#sPanel_order form {
	margin: 385px 0 0 20px;
	padding: 6px;
	width: 340px;
	background: rgba(60,60,60,0.5); /* 背景色 */
	
	border-radius: 12px; /* CSS3草案 */  
  -webkit-border-radius: 12px; /* Safari,Google Chrome用 */  
  -moz-border-radius: 12px; /* Firefox用 */  
}
#sPanel_order h1 {
	margin:  0;
	padding: 0;
	font-size: 12px;
	color: #ffffff;
}
#sPanel_order .formTable {
	margin: 0 0 0 10px;
	padding: 0;
	width: 310px;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.3em;
	border-bottom: dotted 1px #ffffff;
}
#sPanel_order .formTable th {
	padding: 6px 0 0;
	text-align: left;
}
#sPanel_order .formTable td {
	padding: 6px 0 0 6px;
}
.sPo_sub {
	font-size: 80%;
}
#sPanel_order p {
	margin: 3px 15px 0 0;
	font-size: 13px;
	font-weight: bold;
}
#sPanel_order p a {
	color: #ffffff;
}


/* ★　20160902：太陽光メンテナンス　★ */
section#SolarMaintenance {
	padding: 0;
	background-image: url(../img/waku_20160902_SM.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#SolarMaintenance h1 {
	margin: 0;
	padding: 0;
	height: 378px;
	width: 378px;
	text-indent: -999999px;
	background-color: none;
}
#SolarMaintenance h1 a {
	display: block;
	margin: 0;
	padding: 0;
	height: 378px;
	width: 378px;
	background-color: none;
}


/* ★　20160902：太陽光の話し　★ */
section#SolarTalk {
	padding: 0;
	background-image: url(../img/waku_20160902_ST.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#SolarTalk h1 {
	margin: 0;
	padding: 0;
	height: 186px;
	width: 378px;
	text-indent: -999999px;
	background-color: none;
}
#SolarTalk h1 a {
	display: block;
	margin: 0;
	padding: 0;
	height: 186px;
	width: 378px;
	background-color: none;
}


/* ★　20160902：太陽光発電勉強会　★ */
section#SolarSeminar {
	padding: 0;
	background-image: url(../img/waku_20160902_SS.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#SolarSeminar h1 {
	margin: 0;
	padding: 0;
	height: 186px;
	width: 378px;
	text-indent: -999999px;
	background-color: none;
}
#SolarSeminar h1 a {
	display: block;
	margin: 0;
	padding: 0;
	height: 186px;
	width: 378px;
	background-color: none;
}



/* ---------------------------------------- 
＊＊＊＊＊＊＊＊
　　　　　　　　　６．フッター
＊＊＊＊＊＊＊＊
---------------------------------------- */

#footer {
	text-align: left;
}
#footer p {
	margin: 15px 0 0 15px;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #ff9045;
}