@charset "utf-8";
/*------------------------------------
 
CSS Information
 
  Site URL: http:www.kitanihon-gas.co.jp/
  File name: company.css
  Summary: company styles
  Created: 
  Last update: 2011.11.30
  Author:
  Base-Color:#39A727;
 
  Order of description
	=01.Common
	=02.TOP
	=03.President
	=04.OutLine/History
	=05.Vision
	=06.Office
	=07.Policy
	=08.Accounting

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



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

	=01.Common

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

#Company-body #ContentsArea h2{
	background: url(../../company/images/ttl_main.jpg) no-repeat left top;
}

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

#Company-body #ContentsArea p.titleB{ font-size:24px; text-align:center; color:#39A727; font-weight:bold;}





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

	=03.philosophy

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


#Company-body #ContentsArea div#philosophy{
	width:700px;
	overflow:hidden;
	_zoom:1;
}

#Company-body #ContentsArea div#philosophy h4{
	color:#002060;
	font-size:16px;
	line-height:1.8;
	margin-bottom:10px;
}
#Company-body #ContentsArea div#philosophy h4:before{
	content:"■";
}
#Company-body #ContentsArea div#philosophy p{
	font-size:14px;
	line-height:1.8;
	margin-bottom:30px;
	padding:10px;
	border:1px #ccc solid;
}


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

	=03.President

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



/*#Company-body #ContentsArea div#President{
	width:700px;
	overflow:hidden;
	_zoom:1;
}


#Company-body #ContentsArea div#President div.Greeting{
	width:525px;
	float:left;
}

#Company-body #ContentsArea div#President div.Greeting2{
	width:700px;
}

#Company-body #ContentsArea div#President p.photo{
	width:149px;
	float:right;
	text-align:left;
}

#Company-body #ContentsArea div#President p.photo2{
	width:700px;
	text-align:right;
	margin-bottom: 100px;
}


#Company-body #ContentsArea div#President div.Greeting p{
	font-size:13px; line-height:1.8;
	margin-bottom:15px;
}

#Company-body #ContentsArea div#President div.Greeting2 p{
	font-size:13px; line-height:1.8;
	margin-bottom:15px;
}


#Company-body #ContentsArea div#President p.photo span{ display:block; font-size:16px; padding-top:5px;}
#Company-body #ContentsArea div#President p.photo span small{ display:block; padding-bottom:5px; font-size:12px;}

#Company-body #ContentsArea div#President p.photo2 span{ display:block; font-size:16px; padding-top:5px;}
#Company-body #ContentsArea div#President p.photo2 span small{ display:block; padding-bottom:5px; font-size:12px;}
*/


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

	=04.OutLine/History

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

#Company-body #ContentsArea table#OutLine,
#Company-body #ContentsArea table#History{
	width:700px;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-collapse: separate;
    border-spacing: 0;
	margin:0 0 30px;
}

#Company-body #ContentsArea table#OutLine th,
#Company-body #ContentsArea table#OutLine td,
#Company-body #ContentsArea table#History th,
#Company-body #ContentsArea table#History td{
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
	text-align:left; font-weight:normal; line-height:1.8; font-size:13px;
	padding:5px 0 5px 10px;
	vertical-align:top;
}

#Company-body #ContentsArea table#History td.yoko{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align:left;
	font-weight:normal;
	line-height:1.8;
	font-size:13px;
	padding:5px 0 5px 10px;
	vertical-align:top;
	background-color:#E7E7E7;
}

#Company-body #ContentsArea table#OutLine th{
	white-space:nowrap;
	background-color:#FFECFD;
}
#Company-body #ContentsArea table#History th{
	white-space:nowrap;
	background-color:#FFDFE0;
}

#Company-body #ContentsArea table#OutLine td ul{ overflow:hidden; width:26em;}
#Company-body #ContentsArea table#OutLine td ul li{ width:13em; float:left;}

#Company-body #ContentsArea table#History th{ padding-right:10px;}
#Company-body #ContentsArea table#History td.month{
	text-align:right;
	padding-right:10px;
	white-space:nowrap;
	background-color:#E1EBFF;
}

#Company-body #ContentsArea table#History td span.hakuou{
	background: url(../../company/images/ou.gif) no-repeat left top;
	padding:0 1px 0 11px;
}


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

	=05.Vision

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


#Company-body #ContentsArea dl#vision{
	text-align:left; width:700px; font-size:13px;
	margin-bottom:50px;
	overflow:hidden;
}

#Company-body #ContentsArea dl#vision dt{
	float:left; clear:both;
	width:20px; margin:0;
}

#Company-body #ContentsArea dl#vision dd{ width:660px; float:left; padding-left:10px;}

#Company-body #ContentsArea dl#vision dt,
#Company-body #ContentsArea dl#vision dd{
	line-height:1.5;
	padding-bottom:10px;
	font-size:13px; line-height:1.5
}

#Company-body #ContentsArea dl#vision dd ul{}
#Company-body #ContentsArea dl#vision dd ul li{
    padding-left: 1.5em;
    text-indent: -1.5em;
}



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

	=06.Office

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

#Company-body #ContentsArea h4.office{
	padding-left:5px;
	height:24px; line-height:24px;
	font-size:16px;
	margin-bottom:15px;
	background:#39A727;
	color:#FFF;
}
#Company-body #ContentsArea h4.office a{
	color: #fff;
}
#Company-body #ContentsArea h4.office a:hover{
	color: #ffff00;
	text-decoration: none;
}

#Company-body #ContentsArea table.Office{
	width:700px;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-collapse: separate;
    border-spacing: 0;
	margin:0 0 30px;
}


#Company-body #ContentsArea table.Office th,
#Company-body #ContentsArea table.Office td{
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
	text-align:left; font-weight:normal; line-height:1.8; font-size:13px;
	padding:5px 0 5px 10px;
	vertical-align:top;
}

#Company-body #ContentsArea table.Office th{ white-space:nowrap;}


#Company-body #ContentsArea table.Office th{ padding-right:10px;}
#Company-body #ContentsArea table.Office td.month{ 
	text-align:right;
	padding-right:10px;
	white-space:nowrap;
}


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

	=07.Policy

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

#Company-body #ContentsArea h4.policy{
	background:#39A727;
	color:#FFF; text-align:left; font-size:15px;
	padding:5px 5px 5px 10px;
	margin-bottom:15px;
}

#Company-body #ContentsArea dl.Policy{
	width:700px;
	text-align:left;
	margin-bottom:30px;
}

#Company-body #ContentsArea dl.Policy dt{ font-size:15px; color:#00469B; font-weight:bold; margin-bottom:10px;}
#Company-body #ContentsArea dl.Policy dd{
	font-size:13px;
	line-height:1.6;
}


#Company-body #ContentsArea dl.Policy dd ul{
	margin-left:25px;
}

#Company-body #ContentsArea dl.Policy dd ul li{ padding-bottom:5px;list-style-type:disc;}

#Company-body #ContentsArea dl.Policy dd strong{ font-weight:bold;}

#Company-body #ContentsArea dl.Policy dd table{
    border-collapse: separate;
    border-spacing: 0;
}

#Company-body #ContentsArea dl.Policy dd table th,
#Company-body #ContentsArea dl.Policy dd table td{ vertical-align:top; padding-right:10px; font-weight:normal;}


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

	=08.Accounting

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

#Company-body #ContentsArea #Accounting{ width:700px; margin-bottom:100px;}

#Company-body #ContentsArea .smoothTabs ul{
    width: 680px;
    height: 50px;
    list-style: none;
    margin: 0 0 15px;
    padding: 0;
	overflow:hidden;
}

#Company-body #ContentsArea .smoothTabs li{
    width: 160px;
    height: 50px; line-height:50px;
    float: left;
    _display: inline;
    margin: 0 5px 0 0;
    padding:0;
	background:#BBDFB1;
    color: #666;
    cursor: pointer;
    text-align: center;
}

#Company-body #ContentsArea .smoothTabs li:hover{
	background:#444;
    color: #FFF;
    opacity: 0.6;
}

#Company-body #ContentsArea .smoothTabs div{
    width: 700px;
}

#Company-body #ContentsArea li.smoothTabsLiCurrent{
	background:#39A727;
    /*background-image: url('../img/section_bg.png');
    background-repeat: no-repeat;*/
    color: #ffffff;
}
#Company-body #ContentsArea .smoothTabsDivHidden {
    display: none;
}

#Company-body #ContentsArea .smoothTabsDivVisible{}

#Company-body #ContentsArea .smoothTabs div h4{
	font-size:15px; text-align:left; font-weight:bold;
	margin-bottom:15px;
}

#Company-body #ContentsArea .smoothTabs div h4 span{ color:#39A727; font-weight:normal;}

#Company-body #ContentsArea .smoothTabs div p.Graph{ text-align:center; margin-bottom:20px;}
#Company-body #ContentsArea .smoothTabs div p.Unit{ font-size:13px;text-align:right;}
#Company-body #ContentsArea .smoothTabs div p.Unit sup{ font-size:10px;}

#Company-body #ContentsArea table.account{
	width:700px;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-collapse: separate;
    border-spacing: 0;
	margin:0 0 30px;
}


#Company-body #ContentsArea table.account th,
#Company-body #ContentsArea table.account td{
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
	text-align:right; font-weight:normal; line-height:1.5; font-size:13px;
	vertical-align:top;
}

#Company-body #ContentsArea table.account th{ white-space:nowrap; text-align:center;}
#Company-body #ContentsArea table.account td{ text-align:right; padding-right:10px;}

#Company-body #ContentsArea table.account th p{
	margin:0 auto; padding:0;
	/*width:90px;*/
}