@charset "utf-8";


/* structure
--------------------------------------------*/

body{font-size:14px;}


#nichigas_denki #Information-body #ContentsArea h2{
	background: url(../../info/nichigas_denki/img/power/main_ttl.jpg) no-repeat left top;
}

div#main{
	width:auto;
	margin-bottom:30px;
	padding:30px;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	background:url(../../info/nichigas_denki/img/outline_bk.gif) repeat-y center center;
}

#nichigas_denki div#ContentsArea h3{
	margin:0;
	padding:0;
	text-align:center;
	background:none;
}
#nichigas_denki div#ContentsArea h4{
	margin:0;
	padding:0;
	background:none;
}

img{
	max-width:100%;
}

.coution{
	font-size:12px;
}


/* ttl
--------------------------------------------*/
#nichigas_denki div#ttl{
	width:634px;
	margin:0 auto 30px;
	padding:20px 0;
	text-align:center;
	border:3px #000 solid;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background-color:white;
}
div#ttl h3{
	margin:0 auto 20px;
	padding:0;
	text-align:center;
}
#nichigas_denki div#ContentsArea div#ttl h4{
	height:auto;
	margin:30px auto 10px;
	line-height:1.4;
	color:#156662;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
#Information-body #ContentsArea div#ttl h4:before,
#Information-body #ContentsArea div#ttl h4:after{
	content:"";
	width:32px;
	height:32px;
	display:inline-block;
	margin-bottom:-10px;
	background-repeat:no-repeat;
	background-position:center bottom;
}	
#Information-body #ContentsArea div#ttl h4:before{
	background-image:url(../../info/nichigas_denki/img/power/decol.png);
}	
#Information-body #ContentsArea div#ttl h4:after{
	background-image:url(../../info/nichigas_denki/img/power/decor.png);
}	
div#ttl p{
	text-align:center;
}
div#ttl p.btn_sim{
	margin:0 auto 10px;
	text-align:center;
}
div#ttl p.btn_sim a{
	width:100%;
	max-width:451px;
	height:61px;
	display:block;
	margin:0 auto;
	background:url(../../info/nichigas_denki/img/power/btn.png) no-repeat center center;
}
div#ttl p.btn_sim a:hover{
	background:url(../../info/nichigas_denki/img/power/btno.png) no-repeat center center;
}
div#ttl p.btn_sim a span{
	display:block;
	text-indent:-999999999999999px;
}
div#ttl ul{
	margin:0 auto;
	padding:0 20px;
	letter-spacing:-0.4em;
}
div#ttl ul li{
	width:21%;
	display:inline-block;
	*display:inline;
	margin-right:5.33%;
	padding:65px 0 0 0;
	vertical-align:top;
	letter-spacing:normal;
	zoom:1;
	background-repeat:no-repeat;
	background-position:center top;
}
div#ttl ul li:nth-child(1){background-image:url(../../info/nichigas_denki/img/power/icon1.png);}
div#ttl ul li:nth-child(2){background-image:url(../../info/nichigas_denki/img/power/icon2.png);}
div#ttl ul li:nth-child(3){background-image:url(../../info/nichigas_denki/img/power/icon3.png);}
div#ttl ul li:nth-child(4){background-image:url(../../info/nichigas_denki/img/power/icon4.png);}

div#ttl ul li:nth-child(4){
	margin-right:0;
}
div#ttl ul li p span{
	display:block;
	font-size:12px;
	text-align:left;
}
div#ttl ul li p span strong{
	color:red;
	font-weight:bold;
}








/* plan
--------------------------------------------*/

div#plan{
	width:auto;
}

#nichigas_denki div#plan div.inner{
	width:574px;
	margin:0 auto 30px;
	padding:30px;
	text-align:center;
	border:3px #000 solid;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background-color:white;
}

#nichigas_denki div#ContentsArea div#plan h3{
	margin-bottom:10px;
	padding:0 0 5px;
	color:#156662;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	border-bottom:3px #156662 solid;
}

/* chart */
div#plan dl{
	margin-top:10px;
}
div#plan dl,
div#plan dl dd ul{
	letter-spacing:-0.4em;
	border-bottom:1px #ccc solid;
}
div#plan dl dt,
div#plan dl dd{
	display:inline-block;
	*display:inline;
	padding:5px 0;
	text-align:left;
	vertical-align:top;
	letter-spacing:normal;
	border-top:1px #ccc solid;
	zoom:1;
}
div#plan dl dt{
	width:30%;
}
div#plan dl dd{
	width:70%;
}
div#plan dl dd p.value,
div#plan dl dd p.price,
div#plan dl dd ul li.value,
div#plan dl dd ul li.price{
	width:50%;
	display:inline-block;
	*display:inline;
	vertical-align:top;
	letter-spacing:normal;
	zoom:1;
}
div#plan dl dd ul li.value,
div#plan dl dd ul li.price{
	padding:5px 0;
}
div#plan dl dd p.price,
div#plan dl dd ul li.price p span{
	text-align:right;
}
div#plan dl dd ul li.price p span{
	float:right;
}


div#plan div#freedial{
	margin:30px auto;
	padding:80px 20px 20px;
	border:1px #f7b400 solid;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background:#ffffcc url(../../info/nichigas_denki/img/power/ttl_freedial.png) no-repeat center 20px;
}
div#plan div#freedial p{
	padding-top:10px;
	border-top:1px #e53326 dotted;
}

#nichigas_denki div#ContentsArea div#plan div#freedial h3{
	width:255px;
	margin:20px auto 10px;
	padding:6px 0 4px;
	color:#464646;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	border-bottom:none;
	border:1px #f7b400 solid;
	background-color:white;
}
div#plan div#freedial p.time{
	padding-top:2px;
	font-size:12px;
	border-top:none;
}
.noborder{
	border:none!important;
}


/* btn */
div#plan ul.btn_plan{
	margin-top:20px;
	text-align:center;
	letter-spacing:-0.4em;
}
div#plan ul.btn_plan li{
	width:48.5%;
	display:inline-block;
	*display:inline;
	margin:0 3% 0 0;
	vertical-align:top;
	letter-spacing:normal;
	zoom:1:
}
div#plan ul.btn_plan li:nth-child(2){margin:0 0 0 0;}

div#plan ul.btn_plan li a{
	display:block;
	margin-bottom:10px;
	padding:12px 15px 10px 10px;
	color:white;
	font-size:14px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	background-color:#05bdb1;
	background-image: url(../../info/nichigas_denki/img/arr.png);
	background-repeat:no-repeat;
	background-position: right 5px top 1.2em;
}
div#plan ul.btn_plan li a:hover{
	background-color:#ff6400;
	background-position: right 10px top 1.2em;
}
div#plan ul.btn_plan li a span{
	display:inline-block;
	margin:0 5px;
	padding:1px 3px;
	color:#464646;
	font-size:12px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background-color:#eeeeee;
}




/* support
--------------------------------------------*/
div#support{
	padding:30px;
	border:3px #e63228 solid;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background-color:#ffffff;
}

#nichigas_denki div#ContentsArea div#support h3{
	margin-bottom:15px;
}
div#support p{
	margin-bottom:20px;
}
div#support img{
	display:block;
	margin:0 auto;
}
div#support p.btn_support a{
	max-width:400px;
	display:block;
	margin:20px auto -20px;
	padding:12px 0 10px;
	color:white;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	background-color:#e53326;
}
div#support p.btn_support a:hover{
	text-decoration:none;
	background-color:#ff6400;
}
	


/* conditions
--------------------------------------------*/
div#conditions{
	margin:0 auto;
	padding:0;
}
div#conditions p{
	margin-bottom:10px;
}




/* menu
--------------------------------------------*/
a.menu_btn{
	display:none;
}

@media only screen and (max-width: 980px){
	#Information-body{
		position:relative;
		overflow:hidden;
	}
	#Information-body #ContentsArea{
		float:none;
		margin:55px auto 15px;
		padding:0 15px ;
	}
	a.menu_btn{
		width:100%;
		max-width:700px;
		position:absolute;
		top:0;
		left:50%;
		display:block;
		margin:0 0 0 -350px;
		padding:10px 0;
		color:white;
		text-align:center;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		-ms-border-radius:10px;
		cursor:pointer;
		background-color:#39A727;
		z-index:999999;
	}
	a.menu_btn:hover{
		background-color:#ff6400;
	}
	ul#Nav{
		width:95%!important;
		position:absolute;
		top:0;
		float:none!important;
		padding:10px 2.5% 2.5%;
		transform: translateY(-550px);
		transition: transform .3s linear;
		background-color:white;
		z-index:99999;
	}
	ul#Nav.is-active{
		transform: translateY(55px);
	}
	#Information-body ul#Nav li{
		width:100%;
		max-width:700px;
		margin:0 auto 3px;
	}
	#Information-body ul#Nav span{
		width:96%;
		max-width:670px;
		margin:0 auto;
	}
		
	#Information-body ul#Nav li a{
		width:96%;
		padding:0 2%;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		-ms-border-radius:10px;
		background-image:none;
		background-color:#39A727;
	}
}

/* structure
--------------------------------------------*/
@media only screen and (max-width: 980px){
	div#Header,
	ul#GNav,
	div#TopicsPass,
	#Information-body{
		width:100%;
	}
	ul#GNav{
		height:auto;
		margin-bottom:20xp;
	}
}