@charset "utf-8";
/*------------------------------------
 
CSS Information
 
  Site URL: http:www.kitanihon-gas.co.jp/
  File name: info.css
  Summary: information styles
  Created: 
  Last update: 2011.12.01
  Author:
  Base-Color:#39A727;
 
  Order of description
	=01.Common
	=03.Table
	=04.Article 約款
	=05.Rmas 原料費調整制度
	=06.Service

 
 
------------------------------------*/






/*	-----------------------------------------------------------------------

	=01.Common

-----------------------------------------------------------------------*/

@media only print, only screen and (max-width: 999px){
#Information-body #ContentsArea h2{
}

}

@media only print, only screen and (min-width: 1000px){
#Information-body #ContentsArea h2{

	background: url(../../info/images/main_ttl.jpg) no-repeat left top;

}

}

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

#Information-body #ContentsArea h4{
	color:#FFF; font-size:15px; font-weight:bold;
	height:25px; line-height:25px; margin-bottom:15px;
	padding-left:10px;
	background: url(../images/sub_ttl_back.png) no-repeat left center;
}

#Information-body #ContentsArea h4.service{ margin-bottom:5px;}

#Information-body #ContentsArea h5{
	font-size:13px; font-weight:bold; text-align:left;
}

#Information-body #ContentsArea h5 span{ color:#39A727; font-weight:normal;}


#Information-body #ContentsArea p.txt{ font-size:13px; line-height:1.6; text-align:left;}


#Information-body #ContentsArea span.att{ color:#0085D0;}

#Information-body #ContentsArea sup{ font-size:10px;}





/*	-----------------------------------------------------------------------

	=03.Table

-----------------------------------------------------------------------*/
#Information-body #ContentsArea table{
	width:700px;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-collapse: separate;
    border-spacing: 0;
}

#Information-body #ContentsArea table th,
#Information-body #ContentsArea table td{
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
	font-weight:normal; line-height:1.5; font-size:13px;
	padding:5px;
	vertical-align:middle;
}

#Information-body #ContentsArea table th{ text-align:center;}

#Information-body #ContentsArea table caption{ text-align:right; font-size:12px;}


/*	-----------------------------------------------------------------------

	=04.Article

-----------------------------------------------------------------------*/

#Information-body #ContentsArea dl#Article{
	width:700px; text-align:left;
}

#Information-body #ContentsArea dl#Article dt{
	font-size:15px; color:#0085D0;
	text-align:left; font-weight:bold;
}

#Information-body #ContentsArea dl#Article dd{ font-size:13px; line-height:1.7; margin-bottom:30px;}



/*	-----------------------------------------------------------------------

	=05.Rmas

-----------------------------------------------------------------------*/

#Information-body #ContentsArea ul.about{ margin-bottom:30px;}
#Information-body #ContentsArea ul.about li{
    padding-left: 0.5em;
    text-indent: -0.5em;
	margin-bottom:5px;
	line-height:1.6;
	font-size:13px;
}


#Information-body #ContentsArea table#Rmas{
	width:700px;
    border-collapse: separate;
    border-spacing: 0;
	margin-bottom:30px;
}

#Information-body #ContentsArea table#Rmas td{
	font-weight:normal; line-height:1.5; font-size:15px;
	padding:10px 0;
	vertical-align:middle;
	text-align:center;
}

#Information-body #ContentsArea table#Rmas td.add{ background:#F3F5C6;}


/*	-----------------------------------------------------------------------

	=06.Service

-----------------------------------------------------------------------*/

#Information-body #ContentsArea div.sevice-reform{
	padding:0 230px 50px 0;
	background: url(../../info/service/images/pic01.gif) no-repeat right top;
}

#Information-body #ContentsArea div.sevice-gas{
	padding:0 275px 100px 0;
	background: url(../../info/service/images/pic02.gif) no-repeat right top;
}

#Information-body #ContentsArea p a.service{
	font-size:13px;
	line-height:1.6;
	text-align:left;
	background: url(../images/icon_arrow.gif) no-repeat left center;
	padding-left: 10px;
}

/* 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(1){width:16em;}
div#application ul li:nth-child(2){width:11em;}
div#application ul li:nth-child(3){width:20em;}
div#application ul li:nth-child(5){width:34em;}

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 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;
}