/* CSS Document */

@import url("topic_path.css");
@import url("blocks.css");

*{ margin:0; padding:0}

img{ border:none; vertical-align: top;}

.textRight{ text-align:right}

.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
	font-size: 0;/*for FF footer*/
}
.clearfix {
    display:inline-table;
    min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

ul.listStyleAlphaSmall{
	list-style:lower-alpha;
	padding: 0 0 0 1.5em;
	_padding: 0 0 0 2.5em;}

ol.listStyleAlpha{
	list-style:lower-alpha;
	padding: 0 0 0 1.5em;
	_padding: 0 0 0 2.5em;}

.listStyleA01{
	padding: 0 0 0 1.25em;
	_padding: 0 0 0 2.5em;
	margin:0 0 0 10px;}

.listStyleA02{
	font-size: 10px;
	/*\*/
	_font-size: 80%;
	/**/ margin:0 0 0 30px}

.listStyleA02 ol{
	padding: 0 0 0 1.5em;
	_padding: 0 0 0 2.5em;
	margin:0 0 0 0px;}

.textSmall{
	font-size: 10px;
	/*\*/
	_font-size: 80%;
	/**/}

/* End hide from IE-mac */

body{
	background-color:#ededed;
	font-size: 12px;
	line-height: 1.6;
	/*\*/
	_font-size: 80%;
	/**/
}

#wrapper{
	background: url(/img/bg_header.gif) no-repeat center top;
	width:878px;
	border-left:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
	background-color:#FFF;
	margin:0 auto;}

#categoryImage{width:850px; margin:0 0 0 14px;}
.topFlash { background: url(/img/top_main.jpg) no-repeat center top;height: 230px;}

#header{ width:850px; margin:0 0 0 14px; padding:18px 0 0 0;}
#header .logo{ float:left;}
#header p.corpAddress{ float:right}
#header p{ line-height:1}

#gfp{ clear:both;margin:10px 0px 0px 0px;}
#gfp p{margin:0px 42px 0px 682px;color:#666666;line-height:1.2em;font-size:0.83em;}
#gfp p img{margin:0px 0px 5px 0px;}
div.topfoot{margin:20px 0 0 0!important;}
#footer{ clear:both; margin:75px 0 0 0;}
#footer ul{width:850px; margin:0 14px; text-align:right}
#footer ul li{ display:inline; margin:0 0 0 14px}
#footer p{
	width:850px;
	margin:0 14px;
	padding:6px 0 0 0;
	text-align:center;
	border-top:4px solid #dedddd;}

#globalNavi{width:850px; margin:0 0 0 14px;}
#globalNavi ul li{ display:inline;}

#contentWapper{width:850px; margin:16px 0 0 14px;}

#localMenuArea{ width:191px; float:left;}
#localMenuArea dl dd img{ display:block;}
#localMenuArea dl dt img{ display:block;}
#contentArea{ width:640px; float:right;}

/*top
-------------------------------------------------------------------------*/
#contentWapper.top{background: url(/img/bg_top_banner.gif) repeat-y right 0}

#contentWapper.top #localMenuArea{ width:198px; float:right;}

#contentWapper.top #localMenuArea ul{ margin:7px; list-style:none;}

#contentWapper.top #localMenuArea ul li{ margin:0 0 4px 0}

#contentWapper.top #contentArea{ width:639px; float:left;  }

#contentWapper.top #contentArea div.h2Area{}

#contentWapper.top #contentArea div.h2Area h2{ float:left; width:507px}

#contentWapper.top #contentArea div.h2Area p{ float:left; width:132px}

#contentWapper.top #contentArea ul{
	background:url(/img/bg_topnews.gif) repeat-x;
	margin:0px 0 20px 0;
	padding:5px 0 0 0;
	list-style:none;}

#contentWapper.top #contentArea ul li{
	border-bottom:1px dotted #999;
	padding:6px 0 6px 25px;
	background:url(/img/misc03.gif) no-repeat 10px 1em }

#contentWapper.top #contentArea ul li a{color:#c00}
#contentWapper.top #contentArea ul li.bad{border-bottom:1px dotted #999; border-top:none}
#contentWapper.top #contentArea ul li.bad a{ color:#06c}
#contentWapper.top #contentArea ul li.bad2{ border-top:none}

#contentWapper.top #contentArea ul li.bad{ margin:0 0 2.5em 0}

/*news
-------------------------------------------------------------------------*/

#contentWapper.news #contentArea{ width:850px; float:left;  }

.irNews ul.news,
#contentWapper.news #contentArea ul{
	background:url(/news/img/bg_news.gif) repeat-x;
	margin:23px 0 0 10px;
	padding:5px 0 0 0;
	list-style:none;}

.irNews ul.news li,
#contentWapper.news #contentArea ul li{
	border-bottom:1px dotted #999;
	padding:6px 0 6px 30px;
	background:url(/news/img/misc02.gif) no-repeat 15px 0.9em }

.irNews ul.news li span.date,
#contentWapper.news #contentArea ul li span.date{
	display: block;
	width: 5em;
	float: left;
	margin: 0 1em 0 0;
}
.irNews ul.news li a,
#contentWapper.news #contentArea ul li a{
	float: left;
	width: 700px;
	color: #0066cc!important;
}
.irNews ul.news li a {
	float: left;
	width: 480px;
	color: #0066cc!important;
}
.irNews ul.news li.bad a,
#contentWapper.news #contentArea ul li.bad a{ color:#06c}
.irNews ul.news li.badNews a,
#contentWapper.news #contentArea ul li.badNews a{ color:#c00!important;}



#contentWapper.news #contentArea dl{ margin:24px 0 0 10px;}
#contentWapper.news #contentArea dl dt,
#contentWapper.news #contentArea dl dd{ float:left}
#contentWapper.news #contentArea dl dt img{ vertical-align:middle; margin:0 15px 0 0}

#contentWapper.news #contentArea dl dd.topics{ float:right}

div.newsTextArea{
	margin:24px 0 0 9px;
	padding:45px 0 0 24px;
	background:url(/news/img/bg_news.gif) repeat-x;}

div.newsTextArea h2{font-size: 12px;
	line-height: 1.4;
	/*\*/
	_font-size: 90%;
	font-weight:bold;
	color: #333333;
	margin: 0em 0em 1em 0em;
}
	
/*information 
-------------------------------------------------------------------------*/

#contentWapper.information #contentArea{ width:auto; float:none; }

#contentWapper.information #contentArea h1{ margin:0 0 20px 0}

div.sitemap{ width:200px; float:left; margin:0 0 0 160px; display:inline;}

div.sitemap dl{ margin:0 0 36px 0;}

div.sitemap dl dt{ margin:0 0 13px 0}

div.sitemap dl dd{ margin:0 0 0 43px; _margin:7px 0 0 43px}

ol.privacy{ margin:0 0 0 30px}

ol.privacy li{ margin:20px 0 0 0}

ul.about{margin:15px 0 0 0;}
ul.about li{
	list-style:none;
		padding:0 0 0 15px;
	background:url(/information/img/misc_information011.gif) no-repeat left center;}

ul.about02{margin:15px 0; list-style:none}

/*process
-------------------------------------------------------------------------*/
#contentWapper.process{ margin-top:0}
#contentWapper.process #contentArea{  width:850px; float:none; margin:0 auto; padding:42px 0 0 0; }



/*ir h1
-------------------------------------------------------------------------*/
h1.linkStyle {
	background:url(/img/bg_headline.gif) repeat-x left bottom;
	padding: 5px 0px 9px 0px!important;
	font-size: 0!important;
}
h1.linkStyle img {
	width: auto;
	float: left;
	display: block;
}
h1.linkStyle a img {
	width: auto;
	float: right;
}

/* special sakika
-------------------------------------------------------------------------*/
#sakika {
	text-align: center;
	background: #ededed url(/special/sakika/img/back_body.gif) repeat-y center top;
}
#sakika #wBox {
	width: 570px;
	margin: 0px auto 0px auto;
	padding: 17px 0px 25px 0px;
	text-align: left;
	background: #ffffff;
}
#sakika #wBox h1 {
	text-align: center;
	margin: 0px 0px 30px 0px;
}
#sakika #wBox h2 {
	text-align: center;
	margin: 0px 0px 18px 0px;
}
#sakika #wBox .details {
	width: 370px;
	text-align: right;
	margin: 20px 0px 20px 100px;
	padding: 21px 0px 21px 0px;
	background:url(/special/sakika/img/back01.jpg) no-repeat left center;
}
#sakika #wBox .tac {
	text-align: center;
}
#sakika #wBox .mtb {
	margin: 7px 0px 17px 0px;
}