@charset "utf-8";


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

body{font-size:12px;}

#nichigas_denki div#ContentsArea h3{
	margin:0;
	padding:0;
	background:none;
}
#nichigas_denki div#ContentsArea h4{
	margin:0;
	padding:0;
	background:none;
}

img{
	max-width:100%;
}


/* outline
--------------------------------------------*/
div#outline{
	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;
}

div#outline div#ttl,
div#outline div#degawari{
	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#outline div#degawari{
	margin:0 auto;
}
div#outline div#ttl h3{
	margin:0 auto 20px;
	padding:0;
	text-align:center;
}
div#outline div#ttl h4{
	color:#1c1651;
	margin-bottom:10px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	background:none;
}
div#outline div#ttl p{
	text-align:center;
}


	
/* degawari */
div#outline div#degawari p.copy{
	width:580px;
	margin:10px auto;
	padding:5px 0 2px;
	font-size:18px;
	font-weight:bold;
	background-color:#ffee7d;
}



/* denki
--------------------------------------------*/
div#denki{
	margin-bottom:30px;
	padding:30px;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	background:linear-gradient(#fabe00, #feefb7);
}

#nichigas_denki div#ContentsArea div#denki h3,
div#denki ul li{
	width:640px;
	margin:0 auto 15px;
	text-align:center;
}
div#denki ul{
	position:relative;
}
div#denki ul li{
	margin-top:-55px;
}
div#denki ul li::before{
	position:relative;
	top:50px;
	left:-300px;
}
div#denki ul li:nth-child(1)::before{content:url(../../info/nichigas_denki/img/point1.png);}
div#denki ul li:nth-child(2)::before{content:url(../../info/nichigas_denki/img/point2.png);}
div#denki ul li:nth-child(3)::before{content:url(../../info/nichigas_denki/img/point3.png);}

#nichigas_denki div#ContentsArea div#denki h3 img,
div#denki ul li.lastchild img{
	width:70%;
}
div#denki ul li.lastchild{
	margin:30px auto 0;
}
div#denki ul li span{
	display:block;
	margin-top:-3em;
	margin-bottom:3em;
	text-align:center;
}

/* conditions
--------------------------------------------*/
div#conditions{
	margin-bottom:30px;
	padding:20px;
	border:3px #000 solid;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	background-color:white;
}
#nichigas_denki div#ContentsArea div#conditions h3{
	color:#000;
	font-size:12px;
}


/* application
--------------------------------------------*/
div#application{
	margin-bottom:30px;
}
div#application p{	
	margin-bottom:20px;
}

div#application ul{
	margin-top:20px;
	text-align:center;
	letter-spacing:-0.4em;
}
div#application ul li{
	display:inline-block;
	*display:inline;
	margin:0 5px;
	vertical-align:top;
	letter-spacing:normal;
	zoom:1:
}

// div#application ul li:nth-child(3){width:16em;}
// div#application ul li:nth-child(4){width:11em;}
// div#application ul li:nth-child(5){width:20em;}

div#application ul li:nth-child(1){width:584px;}
div#application ul li:nth-child(2){width:584px;}

div#application ul li:nth-child(3){width:192px;}
div#application ul li:nth-child(4){width:132px;}
div#application ul li:nth-child(5){width:240px;}
div#application ul li:nth-child(6){width:584px;}

div#application ul 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#application ul li:nth-child(1) 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:#f39800;
	background-image: url(../../info/nichigas_denki/img/arr.png);
	background-repeat:no-repeat;
	background-position: right 5px top 1.2em;
}

div#application ul li a:hover{
	background-color:#ff6400;
	background-position: right 10px top 1.2em;
}
div#application ul 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;
}

div#application ul li:nth-child(1) 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_service
--------------------------------------------*/

.support #Information-body #ContentsArea h2 {
    background: url(../../info/nichigas_denki/img/support/main_ttl.jpg) no-repeat left top;
}
.support p{font-size:14px;}

.support div#ttl{
	margin-bottom:30px;
	padding-bottom:55px;
	text-align:center;
	background:url(../../info/nichigas_denki/img/support/logo.png) no-repeat center bottom;
}
.support div#ttl h3,
.support div#ttl p{
	background-color:#fff9e2;
}
.support div#ttl p{
	margin-bottom:20px;
	padding:0 0 20px;
}
#nichigas_denki.support div#ContentsArea h3.ttl{
	margin-bottom:10px;
	padding-bottom:10px;
	color:#464646;
	font-size:20px;
	font-weight:normal;
	border-bottom:1px #0bbab5 solid;
}
#nichigas_denki.support div#ContentsArea h4.sttl{
	margin-bottom:5px;
	color:#464646;
	font-size:18px;
}


/* case */
.support #ContentsArea ul#case {
	width:100%;
	margin:30px 25px;
	text-align:center;
}
.support #ContentsArea ul#case li{
	width:176px;
	margin-right:25px;
}
.support #ContentsArea ul#case li:nth-child(3){
	margin-right:0;
}
.support #ContentsArea ul#case li p{
	text-align:center;
}

/* freedial */
p.freedial{
	margin:30px auto;
	text-align:center;
}

/* coution */
.support dl#coution{
	letter-spacing:-0.4em;
}
.support dl#coution dt,
.support dl#coution dd{
	display:inline-block;
	*display:inline;
	vertical-align:top;
	letter-spacing:normal;
	zoom:1;
}
.support dl#coution dt{width:5%;margin-right:3%}
.support dl#coution dd{width:92%;}




/* btn */
.support ul.btn{
	width:auto;
	margin:30px auto;
	text-align:center;
}
.support ul.btn.osewa{
	width:auto;
	margin:-65px 0 30px 230px;
	text-align:center;
}
.support ul.btn li{
	width:280px;
}
.support ul.btn.osewa li a{
	border:1px white solid;
}

.support ul.btn li a{
	width:auto;
	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;
}
.support ul.btn li a:hover{
	background-color:#ff6400;
	background-position: right 10px top 1.2em;
}
.support ul.btn 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;
}

/* okinaosewa */
.support p.okinaosewa img{
	margin:20px auto 0;
}