/*
Theme Name: webmaga
Theme URI: http://www.istyle.info
Description: theme by istyle
Version: 1
Author: Jun
Author URI: http://www.istyle.info
*/

@charset "utf-8";
@font-face{
	font-family: 'mplus-1p-regular';
	src: url('mplus-1p-regular.woff'); format('woff');
}

body {
	min-width: 320px;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	text-align: center;
	word-break: break-all;
}
.bgTop {
	background: #fffeed url(../img/bg.jpg) repeat-x;
}
.bgArc {
	background: #fffeed url(../img/bgArc.jpg) repeat-x;
}
/*--- img ---*/
/*- フルードimg -*/
img{ max-width: 100%; height: auto;}
.ie8 img{ width: auto;}

.bN{border:none !important;}

img.imgBorder {
	border-width: 3px;
	border-style: solid;
	border-color: #ccc;
	padding: 2px;
}
a:hover img.hoverImg {
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
#wrap {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
/*----------------------------------------------------
Header
---------------------------------------------------- */
#header {
	position: relative;
	width: 960px;
	height: 120px;
	padding: 0;
}
.logo {
	position: absolute;
	top: 20px;
	left: 0;
}
.headerInfo {
	position: absolute;
	top: 25px;
	left: 300px;
}
.headerLogin {
	position: absolute;
	top: 25px;
	right: 10px;
}
.headerLoginNew {
	float: left;
	margin: 0 0 0 0;
}
.headerLoginId {
	float: right;
	width: 240px;
}
/*----------------------------------------------------
Gloval Navi
---------------------------------------------------- */
#mainNav {
	clear: both;
	width: 960px;
	height: 60px;
	background: #fff;
}
#mainNav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#mainNav li {
	margin: 0px;
	padding: 0px;
	float: left;
}
#mainNav li a {
	display: block;
	height: 60px;
	width: 192px;
	background: url(../img/backGnavi.jpg) no-repeat left top;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 60px;
}
#mainNav li a:hover {
	background: url(../img/backGnavi.jpg) no-repeat;
	color: #C60;
}
a#hnav01 { background-position: 0 0; }
a#hnav02 { background-position: -192px 0; }
a#hnav03 { background-position: -384px 0; }
a#hnav04 { background-position: -576px 0; }
a#hnav05 { background-position: -768px 0; }
/* rollover はそのままで文字色だけ変更*/
/*----------------------------------------------------
mainImg
---------------------------------------------------- */
#mainImg {
	height: 250px;
}
/*-----スライダーの2枚以降を最初は非表示にする-------- */
.bxsliderFirst {
	display: none;
}
/*----------------------------------------------------
container
---------------------------------------------------- */
#container {
	position: relative;
	width: 960px;
	margin: 5px auto 0;
	padding: 10px 0;
	text-align: left;
}
#content {
	float: left;
	width: 710px;
}
.pageTop {
	margin: 24px 0;
	text-align: right;
	font-size: 13px;
}
/*----------------------------------------------------
Side
---------------------------------------------------- */
#side {
	float: right;
	width: 230px;
	text-align: center;
}
.boxSideMenu {
	width: 230px;
	margin: 0 auto 15px;
	background: #fff;
}
.boxSideBnr {
	margin: 0 auto 3px;
}
.menuSide li a {
	display: block;
	width: 220px;
	height: 55px;
	margin: 0 auto;
	background: url(../img/tit22002.jpg) no-repeat left top;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 55px;
	text-shadow: 2px 2px 0px #fff, 2px 1px 0px #ccc;
}
.menuSide02 {
	width: 230px;
	background: #fff;
}
.menuSide02 li a {
	display: block;
	width: 195px;
	height: 45px;
	margin: 0 0 0 10px;
	padding: 0 0 0 25px;
	background: url(../img/tit203.jpg) no-repeat left bottom;
	color: #000;
	font-size: 15px;
	text-align: left;
	text-decoration: none;
	line-height: 45px;
}
.menuSide li a:hover,.menuSide02 li a:hover {
	color: #C60;
}
/*----------------------------------------------------
footer
---------------------------------------------------- */
#footer {
	height: 124px;
	background: url(../img/backFooter.jpg) repeat-x left top;

}
.footerIn {
	width: 960px;
	height: 124px;
	margin: 0 auto;
}
.footerCopy {
	padding: 20px 0 0;
	color: #fff;
	font-size: 15px;
	text-align: left;
}
/*----------------------------------------------------
Top Page 事例List
---------------------------------------------------- */
.dlTop dt {
	font-weight: bold;
}
.dlTop dd {
	margin: 0 0 10px 35px;
}
.liJirei {
	clear: both;
	margin: 0 0 8px;
	padding: 0 0 4px 0;
	border-bottom: 1px dotted #ccc; 
}
.liJireiDate {
	display: table-cell;
	width: 90px;
	font-size: 13px;
}
.liJireiTit {
	display: table-cell;
}
.fontDate {
	font-size: 13px;
	margin-right: 10px;
}
.fontIine {
	float: right;
	padding: 2px 5px;
	background: #24475b;
	color: #fff;
	font-size: 12px;
	margin-right: 7px;
}
.fontIine02 {
	margin-right: 10px;
	padding: 2px 5px;
	background: #24475b;
	color: #fff;
	font-size: 12px;
	margin-right: 7px;
}
.fontIine a,.fontIine02 a {
	color: #fff;
	text-decoration: none;
}
/*----------------------------------------------------
個別　
---------------------------------------------------- */

/*----------------------------------------------------
個別 table
---------------------------------------------------- */
td, th {
	padding: 7px;
	background: #fff;
	border: 1px solid #444;
}
.tItem,.tItem02,.tItem03 {
	background: #E5F3C2;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.tItem {width: 150px;}
.tItem02 {width: 180px;}
.tItem03 {width: 210px;}
.tItem04 {
	width: 210px;
	background: #fff url(../img/backTable.jpg) repeat-x left bottom;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.tJirei, .tCompany {
	width: 695px;
	margin: 0 0 35px;
	table-layout: fixed;
}
.tTouroku {
	width: 695px;
	margin: 0 0 10px;
}
.tMiddle {
	display: table-cell;
	padding: 0 0 0 20px;
	vertical-align: middle;
}
.tMiddle02 {
	display: table-cell;
	vertical-align: middle;
}
* html .tMiddle {
	display: inline;
	zoom: 1;
}
*:first-child+html .tMiddle {
	display: inline;
	zoom: 1;
}
/*----------------------------------------------------
個別 DL DT DD
---------------------------------------------------- */
dl.dlBox {
	width: 675px;
	padding: 20px 10px;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
dt {
	font-weight: bold;
	font-size: 110%;
}
dt.dtMidashi {
	margin: 5px 2px;
	padding-left: 5px;
	border-left: 5px solid #666;
	font-size: 100%;
}
dd {
	margin: 5px 0 5px 10px;
	font-size: 95%;
}
dd.ddList {
	padding-left: 8px;
	background: url(../img/icoYagi.jpg) no-repeat left center;
}

/*----------------------------------------------------
Form Parts
---------------------------------------------------- */
.loginForm {
	width: 150px;
}
.radioB,.checkBox {
	display: inline-block;
}
/*----------------------------------------------------
Title
---------------------------------------------------- */
/*--- TEXT ---*/
h2 {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 133px;
	background: url(../img/bgH2.jpg) no-repeat left top;
	font-size: 32px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	line-height: 130px;
	text-shadow: 1px 2px 2px #333, 2px 1px 4px #222;
}

.titM01,.titM02 {
	margin: 0 0 15px;
	padding: 0 0 0 35px;
	width: 665px;
	height: 50px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	line-height: 50px;
}
.titM01 {background: #fff url(../img/tit700.jpg) no-repeat left top;}
.titM02 {background: #fff url(../img/tit70002.jpg) no-repeat left top;}
.titM03 {
	margin: 0 0 14px;
	padding: 0 0 0 50px;
	width: 650px;
	height: 58px;
	background: #fff url(../img/titM03.jpg) no-repeat left top;
	font-size: 22px;
	font-weight: bold;
	color: #222;
	text-align: left;
	line-height: 58px;
}
.titM04 {
	margin: 0 0;
	padding: 10px 0 10px 20px;
	width: 670px;
	background: #eee;
	border-left: 8px solid #96CE09;
	font-size: 22px;
	font-weight: bold;
	color: #43530A;
	text-align: left;
}
.titM05 {
	margin: 0 0 15px;
	padding: 5px 10px 5px 0;
	width: 690px;
	background: #eee;
	border-top: 1px solid #fff;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	text-align: right;
}
.titS01 {
	margin: 0 auto;
	width: 220px;
	height: 50px;
	background: #fff url(../img/tit220.jpg) no-repeat left top;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 50px;
	text-shadow: 1px 1px 0px #bbb, 2px 1px 0px #222;
}
.titMark {
	margin-bottom: 7px;
	position: relative;
	padding-left: 18px;
	font-size: 90%;
}
.titMark:before {
	position: absolute;
	top: 9px;
	left: 6px;
	width: 5px;
	height: 5px;
	background: #ccc;
	content: "";
}
.titCaution {
	margin: 0 0 7px 20px;
	padding: 0 0 0 15px;
	background: #fff url(../img/mark01.jpg) no-repeat;
	font-size: 90%;
	text-align: left;
	line-height: 21px;
}
/*----------------------------------------------------
BOX
---------------------------------------------------- */
/*--- ボックス ---*/
.boxShadow {
	width: 680px;
	margin-bottom: 24px;
	padding: 10px;
	box-shadow: 0 1px 2px 0 #333;
	background: #fff;
}
.box01 {
	width: 678px;
	margin-bottom: 24px;
	padding: 10px;
	background: #fff;
	border: 1px solid #ccc;
}
.box02 {
	width: 658px;
	margin-bottom: 24px;
	padding: 20px;
	background: #fff;
	border: 1px solid #bbb;
}
.boxBg {
	width: 678px;
	margin-bottom: 24px;
	padding: 10px;
	background: #e5bfbf;
	border: 1px solid #cc807f;
}
.boxSepa {
	width: 700px;
	margin-bottom: 12px;
}
.boxSepaL {
	float: left;
	width: 320px;
}
.boxSepaR {
	float: right;
	width: 320px;
}
.boxSepa320 {
	width: 320px;
	padding: 10px;
	background: #fff;
	border: 1px solid #ccc;
}
/*--- パンくず用 ---*/
.boxBred {

}
.boxColor {
	background-color: #DDEDF4;
	margin: 0 8px 24px 8px;
	padding: 18px 15px 12px 15px;
	border: 1px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*----------------------------------------------------
ページング
---------------------------------------------------- */
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a, .pagination div{
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}
 
.pagination a:hover{
color:#fff;
background: #3279BB;
}
 
.pagination .current, .pagination div{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}
/*----------------------------------------------------
エネルギー価格事例の表
---------------------------------------------------- */
.energyTable .col1,
.energyTable .col2,
.energyTable .col3,
.energyTable .col4,
.energyTable .col5,
.energyTable .col6,
.energyTable2 .col1,
.energyTable2 .col2,
.energyTable2 .col3,
.energyTable2 .col4,
.energyTable2 .col5,
.energyTable2 .col6
{
    color:#000;
}
.energyTable td, .energyTable th, .energyTable2 td, .energyTable2 th {
	font-size: 90%;
}