@charset "utf-8";

/* base css
--------------------------------------------------*/
*	{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", san-self;
}

body, h1, h2, h3, h4, h5, h6, address, p, ul, li	{
	margin:0;
	padding:0;
	list-style:none;
}

/* 互換モード用フォント指定
--------------------------------------------------*/
body{font-size:12px;}
* html body{ font-size:75%;}
*:first-child html body{ font-size:75%;}

table,input,textarea{font-size:100%;}

/* フッター下付け用css
--------------------------------------------------*/
html{height:100%}
/*\*/ 
body{height:100%}
/* */

/* フロート解除用css
--------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* for IE7 \*/
*+html .clearfix { display: inline-block; }
/* */

/* フロート解除ここまで 
--------------------------------------------------*/

/* base css
--------------------------------------------------*/
.ov	{}
.alphafilter	{}

.img	{
	font-size:1px;
	line-height:1;
}

hr	{display: none;}

em,strong	{
font-weight: bold;
font-style:normal;
}

/* リンク画像 */
a img	{border: 0;}

/* リンクテキスト */
a:link,
a:visited	{
	color:#639C00;
	text-decoration:underline;
}
a:hover	{
	color:#639C00;
	text-decoration:none;	
}

/* base cssここまで
--------------------------------------------------*/

body	{
	background:#ffffff url(http://www.ub-energy.com/common/images/h_bg.gif) repeat-x;
}

table.layout	{
	width:100%;
	height:100%;
}

table th,
table td	{
	vertical-align:top;
	line-height:1.6;
}

#container	{
	width:100%;
	background:url(http://www.ub-energy.com/common/images/container_bg.gif) repeat-y;
}

#container div.wrapper	{
	background:url(http://www.ub-energy.com/common/images/h_sky.jpg) no-repeat 848px 0;
}


/* ヘッダー 
--------------------------------------------------*/
#header	{
	position:relative;
	width:848px;
	height:60px;
	background-repeat:no-repeat;
}
/* 背景 */
.header-other	{
	background-image:url(http://www.ub-energy.com/common/images/h_other_bg.jpg);
}

/* ロゴ */
#header #logo	{
	float:left;
	width:233px;
	height:60px;
	overflow:hidden;
}
#header #logo img	{
	margin:20px 0 0 17px;
}

/* ヘッダーナビ */
#header #hnav	{
	float:right;
	width:325px;
	padding-top:29px;
}
#header #hnav li	{
	float:left;
	height:31px;
	overflow:hidden;
}
#header #hnav li img	{
	vertical-align:top;
}
#header #hnav li.sitemap	{
	width:94px;
	padding:6px 0 4px;
}
#header #hnav li.english	{
	width:95px;
	padding:6px 0 4px;
}
#header #hnav li.contact	{
	width:128px;
}

/* コンテンツ 
--------------------------------------------------*/
#contents-wrap	{
	position:relative;
	z-index:0;
	width:848px;
}

/* メイン */
#contents	{
	position:relative;
	z-index:1;
	width:656px;
	min-height:428px;
	_height:428px;	/* IE6以前に適用 */
}

/* グローバルナビ */
#contents #gnav	{
	position:absolute;
	z-index:3;
	width:656px;
	height:65px;
	overflow:hidden;
}
#contents #gnav li	{
	float:left;
}
#contents #gnav li.gnav-home	{width:81px;}
#contents #gnav li.gnav-corporate	{width:143px;}
#contents #gnav li.gnav-business,
#contents #gnav li.gnav-ir,
#contents #gnav li.gnav-recruit	{width:144px;}

/* 見出し h1 */
#contents h1	{
	width:656px;
	height:152px;
	background-repeat:no-repeat;
	background-position:left bottom;
}
#contents #pagetitle2	{
	position:relative;
	z-index:0;
	width:656px;
	height:162px;
}
#contents h1.other	{
	height:162px;
	background-image:url(http://www.ub-energy.com/common/images/ttl_other_bg.jpg);
}
#contents h1.other img	{
	margin:96px 0 0 24px;
}

#contents #pagetitle2	{
	position:relative;
	z-index:0;
	width:656px;
	height:162px;
}

/* 見出し h2 */
#contents #pagetitle	{
	position:relative;
	z-index:4;
	width:656px;
	height:72px;
	background:url(http://www.ub-energy.com/common/images/hl_bg.jpg) no-repeat;
}
#contents #pagetitle h2	{
	padding:16px 0 0 24px;
}

/* トピックスパス */
#contents #topicspass	{
	position:absolute;
	z-index:5;
	width:632px;
	bottom:14px;
	right:24px;
	color:#4D4D4D;
	font-size:90%;
	line-height:1.4;
	text-align:right;
}
#contents #topicspass a	{
	padding:0 5px;
	color:#147AB9;
}
#contents #topicspass strong	{
	padding-left:5px;
	color:#808080;
	font-weight:normal;
}
#contents #pagetitle2 #topicspass	{
	z-index:1;
	bottom:24px;
}

/* コンテンツ 左右余白24px */
#contents div.wrap24	{
	padding-left:24px;
	padding-right:24px;  /* パディング上下はここでは指定しない */
}
#contents h4	{
	margin-left:8px;
	margin-right:8px; /* マージン上下はここでは指定しない */
	padding-bottom:4px;
	background:url(http://www.ub-energy.com/common/images/line01.gif) repeat-x left bottom;
}
#contents div.section	{
	padding:0 8px;
	color:#333333;
	line-height:1.6;
}
#contents div.read	{
	color:#333333;
	line-height:1.6;
}
#contents div.section p.mb1,
#contents div.read p.mb1	{
	margin-bottom:1.5em;
}

/* サイド */
#side-navi	{
	position:absolute;
	z-index:2;
	width:192px;
	top:0;
	left:656px;
}
#side-navi h3	{
	padding:96px 8px 0;
	background-repeat:no-repeat;
}
#side-navi h3.other	{
	background:url(http://www.ub-energy.com/common/images/lnav_other_bg.jpg);
}
#side-navi ul	{
	background:url(http://www.ub-energy.com/common/images/lnav_bg.gif) no-repeat;
	padding:0 8px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:274px;
}
#side-navi ul li img	{
	margin:0;
	vertical-align:top;
}


/* フッター 
--------------------------------------------------*/
#footer	{
	height:93px;
	background:url(http://www.ub-energy.com/common/images/f_bg.gif) repeat-x left bottom;
}

#footer #pagetop	{
	width:848px;
	height:52px;
	overflow:hidden;
	background:url(http://www.ub-energy.com/common/images/pagetop_bg.gif) no-repeat right top;
	text-align:right;
}
#footer #pagetop img	{
	margin-right:192px;
	vertical-align:top;
}

#footer #f-wrap	{
	width:848px;
	padding:9px 0 10px;
}

#footer #fnav	{
	float:left;
	width:260px;
}
#footer #fnav li	{
	float:left;
	height:22px;
	overflow:hidden;
}
#footer #fnav li.fnav01	{
	width:120px;
	background:url(http://www.ub-energy.com/common/images/f_line.gif) repeat-y right top;
}
#footer #fnav li.fnav02	{
	width:137px;
}
#footer #fnav li img	{
	vertical-align:top;
}

#footer address	{
	float:right;
	width:230px;
	height:22px;
	overflow:hidden;
	background:url(http://www.ub-energy.com/common/images/f_copy.gif) no-repeat;
	text-indent:-9999px;
}


/* テキストスタイル 
--------------------------------------------------*/
.clear	{
	clear:both;
}
.bold	{
	font-weight:bold;
}
.center	{
	text-align:center;
}
.right	{
	text-align:right;
}

/* マージン パディング 
--------------------------------------------------*/
.mb5	{margin-bottom:5px;}
.mb6	{margin-bottom:6px;}
.mb8	{margin-bottom:8px;}
.mb12	{margin-bottom:12px;}
.mb14	{margin-bottom:14px;}
.mb16	{margin-bottom:16px;}
.mb18	{margin-bottom:18px;}
.mb20	{margin-bottom:20px;}
.mb22	{margin-bottom:22px;}
.mb24	{margin-bottom:24px;}
.mb28	{margin-bottom:28px;}
.mb30	{margin-bottom:30px;}
.mb32	{margin-bottom:32px;}
.mb36	{margin-bottom:36px;}
.mb40	{margin-bottom:40px;}

.pt16	{padding-top:16px;}
.pt32	{padding-top:32px;}
.pt38	{padding-top:38px;}
.pb8	{padding-bottom:8px;}
.pb15	{padding-bottom:15px;}
.pb32	{padding-bottom:32px;}
.pr1	{padding-right:1em;}


/* NEWS
--------------------------------------------------*/
#news ul.newsNav	{
	float:left;
}

#news ul.newsNav li	{
	display:inline;
	color:#999999;
	font-weight:bold;
	padding:5px 14px 5px 13px;
	line-height:1.8;
	background: url(images/line_news_nav.gif) repeat-y right bottom;
}

#news ul.newsNav li a	{
	color:#147AB9;
}

#news p.newsLinkBack	{
	float:right;
	background: url(http://www.ub-energy.com/news/images/icon_news_link.gif) no-repeat 0em 0.7em;
	font-weight:bold;
	font-size:90%;
	padding:3px 0 0 13px;
}

#news p.newsLinkBack a	{
	color:#147AB9;
}

#news h3	{
	background-color:#144B9C;
	color:#FFFFFF;
	padding:4px 15px 3px;
	line-height:1.2;
	margin-bottom:16px;
}

#news h3 span	{
	margin-left:1.5em;
	font-size:15px;
}

#news div.newsNavLine01	{
	border-bottom:1px solid #144B9C;
	margin-bottom:17px;
}

#news div.newsNavLine02	{
	border-top:1px solid #144B9C;
	margin-top:17px;
}

#news ul.newsList li	{
	width:608px;
	padding:7px 0;
	color:#4D4D4D;
	line-height:1.4;
	border-bottom:1px dashed #585858;
}
#news ul.newsList li.last	{
	border-bottom:none;
}
#news ul.newsList li p.date	{
	float:left;
	width:4.5em;
	padding-left:2em;
	background: url(http://www.ub-energy.com/news/images/icon_news_date.gif) no-repeat 0em 0.3em;
}
#news ul.newsList li p.text	{
	margin-left:6.5em;
	zoom:1;
}
#news ul.newsList li a	{
	color:#147AB9;
}