@charset "utf-8";


/*
********************************************************************
サイト全体に共通の基本定義
********************************************************************
*/

/* -- ▼余白、リストのデフォルト形状、fontなど▼ -- */
* {
  list-style:none;
  margin:0px;
  padding: 0px;
  font-family: 'Meiryo', 'メイリオ', Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
}
body {
	margin:0px;
	padding:0px;
	background:url(/common/images/v1/common/main-bg.jpg) repeat-x top #0f1489;
}
body.print{background-image:none;background-color:#fff;padding:10px;}

a.noborder, 
a.noborder:link, 
a.noborder:hover, 
a.noborder:active, 
a.noborder:visited, 
img{border: 0;vertical-align:bottom;}

a{text-decoration:none;}
a:hover{text-decoration:underline;}

/* -- ▼ floatをクリアするためのCSS ▼ -- */
.clearfix:after {
  content:".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0.1em;/*added for FF*/
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* -- ヘッダー周り --------------------------------------- */
#header{background:url(/common/images/v1/common/blue-line.jpg) repeat-x bottom;padding:6px 0 2px 0;}
#header.energy,#header.print{background-image:none;}
#header.print{border-bottom:solid 5px #7dccf3;}

#header-inner{
	width:990px;
	margin:0 auto;
	height:128px;
	background:url(/common/images/v1/common/header-bg.jpg) no-repeat center bottom;
	position:relative;
	padding-top:20px;
}
#header.energy #header-inner,#header.print #header-inner{background-image:none;}
#header.print #header-inner{width:auto;height:auto;padding-top:0;padding-bottom:10px;}

#header-inner .sub-lead{
	position:absolute;
	top:36px;
	right:170px;
}

#header.print #header-inner #logo{float:left;}
#header.print #header-inner .print-btn{float:right;}
#header.print #header-inner .print-btn .close a{color:#0094e6;margin-bottom:5px;display:block;}
#header.print #header-inner .print-btn .print a{background-color:#040277;border-radius:3px;padding:5px 8px;text-align:center;font-weight:bold;color:#7dccf3;}

/* -- コンテンツレイアウト --------------------------------------- */
#contents{width:980px;margin:38px auto 0 auto;}
#contents.original{margin-top:0;}
#contents a{color:#000;}
#contents.print{width:auto;}

#main-contents{float:left;width:662px;}
#main-contents.print{float:none;width:auto;}

#sub-column{float:right;width:300px;}

/* -- サブカラムレイアウト --------------------------------------- */

/* ソーシャルアイコン */
.socialtools{margin-bottom:15px;}
.socialtools ul li{float:right;margin-left:5px;vertical-align:baseline;line-height:1;}

/* 媒体ロゴ */
.media-logo{margin-bottom:18px;}
.media-logo ul li{width:147px;float:left;margin-bottom:10px;}
.media-logo ul li.even{margin-left:6px;}

/* 検索窓 */
#search-smartenergy{position:relative;margin-bottom:25px;}
#search-smartenergy .search-ico{
background-image:url(/common/images/v1/common/search-ico.png);
background-repeat:no-repeat;
background-position:left;
height:45px;
width:45px;
z-index:100;
display:block;
position:absolute;
top:-6px;
left:0;
}
#search-smartenergy form input{
-webkit-appearance: none;
border-style:none;
background-color:transparent;
z-index:1;
}
#search-smartenergy form input.input,#search-smartenergy form input.search-btn{float:left;box-shadow:1px 1px 1px #ddd;color:#999;}
#sub-column #search-smartenergy form input.input,#sub-column #search-smartenergy form input.search-btn{box-shadow:none;}
#search-smartenergy form input.input{background-color:#fff;width:205px;height:30px;line-height:30px;margin-left:30px;padding-left:15px;font-size:12px;}
#search-smartenergy form input.search-btn{width:50px;height:30px;color:#fff;cursor:pointer;background-color:#009fe8;border-radius:0 3px 3px 0;}

#main-contents #search-smartenergy form input.input{border:solid 1px #ccc;height:28px;line-height:28px;}

/* ランキング */
#subcolumn-ranking{margin-bottom:25px;}

#subcolumn-ranking .main-title{
	background:url(/common/images/v1/subcolumn/ranking-ttl.jpg) no-repeat;
	width:300px;
	height:24px;
	display:block;
}
#subcolumn-ranking .main-title span{display:none;}

#subcolumn-ranking ul{padding:15px 15px 0 15px;}
#subcolumn-ranking ul li{font-size:12px;line-height:1.4;border-bottom:dotted 1px #666;padding:15px 0 5px 0;margin-bottom:10px;}
#subcolumn-ranking ul li.rank1{background:url(/common/images/v1/subcolumn/rank1.gif) no-repeat top left;}
#subcolumn-ranking ul li.rank2{background:url(/common/images/v1/subcolumn/rank2.gif) no-repeat top left;}
#subcolumn-ranking ul li.rank3{background:url(/common/images/v1/subcolumn/rank3.gif) no-repeat top left;}
#subcolumn-ranking ul li.rank4{background:url(/common/images/v1/subcolumn/rank4.gif) no-repeat top left;}
#subcolumn-ranking ul li.rank5{background:url(/common/images/v1/subcolumn/rank5.gif) no-repeat top left;margin-bottom:0;}

#subcolumn-ranking ul li .ico{
	width:32px;
	float:left;
	margin-right:13px;
}
#subcolumn-ranking ul li .title{
	width:225px;
	float:right;
}

/* お薦め記事 */
#subcolumn-recommended{margin-bottom:25px;}

#subcolumn-recommended .main-title{
	background:url(/common/images/v1/subcolumn/recommended-ttl.jpg) no-repeat;
	width:300px;
	height:24px;
	display:block;
}
#subcolumn-recommended .main-title span{display:none;}

#subcolumn-recommended ul{padding:5px 15px 0 15px;}
#subcolumn-recommended ul li{font-size:12px;line-height:1.4;border-bottom:dotted 1px #666;padding:10px 0;}
#subcolumn-recommended ul li .ico{
	width:32px;
	float:left;
	margin-right:13px;
}
#subcolumn-recommended ul li .title{
	width:225px;
	float:right;
}

/* お役立ち情報 */
#subcolumn-usefulinfo{margin-bottom:25px;}

#subcolumn-usefulinfo .main-title{
	background:url(/common/images/v1/subcolumn/useful-info-ttl.jpg) no-repeat;
	width:300px;
	height:24px;
	display:block;
}
#subcolumn-usefulinfo .main-title span{display:none;
}

#subcolumn-usefulinfo ul{padding:10px 15px 0 15px;}

#subcolumn-usefulinfo ul p{font-size:14px;background-color:#eee;color:#1d2087;font-weight:bold;padding:5px 0 3px 5px;border-bottom:3px solid #009fe8;text-shadow:0px 1px 1px #dcdcdc;}

#subcolumn-usefulinfo ul li{
	background:url(/common/images/v1/subcolumn/gray-arrow.gif) no-repeat 2px 13px;
	font-size:12px;
	line-height:1.4;
	border-bottom:dotted 1px #666;
	padding:10px 0 10px 15px;
}
#subcolumn-usefulinfo ul li a{color:#4b4b4b;}



.subcolumn-box-inner{
	background:url(/common/images/v1/top/box-shadow.jpg) repeat-x top #fff;
}


/* -- フッター周り --------------------------------------- */
#footer{background:url(/common/images/v1/common/footer-bg.jpg) repeat-x bottom #0f1489;padding:55px 0 16px 0;color:#fff;}
#footer.print{background-image:none;background-color:#fff;color:#000;padding:20px 0;border-top:solid 5px #7dccf3;text-align:center;}
#footer a{color:#fff;}

#footer-inner{width:1000px;margin:0 auto;}
#footer-inner.print{width:auto;}

#footer-inner #area-left{float:left;width:580px;}

#footer-inner #area-left #footer-logo{width:228px;float:left;}
#footer-inner #area-left .footer-link{width:332px;float:right;margin-left:20px;}
#footer-inner #area-left .footer-link ul{margin-top:15px;}
#footer-inner #area-left .footer-link ul li{float:left;font-size:12px;padding:0 10px;}
#footer-inner #area-left .footer-link ul li.line{border-right:solid 1px #fff;}

#footer-inner #area-right{float:right;width:435px;}
#footer-inner #area-right.copyright{font-size:11px;}
#footer-inner #area-right.copyright p{margin-top:15px;}
#footer.print .copyright p{font-size:11px;margin-top:1em;}


/* -- カテゴリ一覧系 --------------------------------------- */
#category-box{
	background-color:#fff;
	padding:15px 27px;
}

#category-box h3{
	border-bottom:solid 1px #eaeaea;
	margin-bottom:15px;
	font-weight:normal;
}
#category-box h3 span{
	font-size:1.5em;
	margin-right:15px;
}

#category-box .article-list ul li{
	border-bottom:dotted 1px #666;
	padding:7px 0;
	position:relative;
}
#category-box .article-list ul li .ico{
	width:46px;
	float:left;
	margin-right:15px;
}
#category-box .article-list ul li .ico img{border:solid 1px #c6c6c6;}
#category-box .article-list ul li .title{
	width:545px;
	float:right;
}
#category-box .article-list ul li .title .article-ttl{display:block;font-size:16px;margin-right:90px;line-height:1.5;}
#category-box .article-list ul li .title .article-sub-ttl{display:block;font-size:14px;margin-right:90px;line-height:1.5;}
#category-box .article-list ul li .title .date{position:absolute;margin-top:0px;top:5px;right:0;color:#a3a2a2;font-size:13px;line-height:1.5;}

/* -- 広告周り --------------------------------------- */
.rectangle{margin-bottom:25px;}

.text-ad-wprap{
	background:url(/common/images/v1/top/round-box-header.png) no-repeat top;
	padding-top:15px;
	margin:15px 0;
}

.text-ad{
	background:#fff;
	padding:0 15px;
	font-size:12px;
}

.pr{color:#c60000;margin-right:25px;}

.leafs-text-ad,.article-text-ad{
	margin:5px auto 0 auto;
	font-size:12px;
	width:500px;
}

.leafs-text-ad,.article-text-ad .ad-space{margin-bottom:0;}

.side-banner{margin-bottom:25px;}
.side-banner ul li{margin-bottom:10px;}