@charset "shift_jis";
/* CSS Document */

/*
Description: BIZGate TOPę—p CSS
Date: Mar.09.2012
*/

body { margin: 0; font-size: 12px;}

* html body {
	font-size: 12px;
	vertical-align: baseline;
	text-align: center;
} /* for lte ie6 */

*:first-child+html body {
	font-size: 12px;
} /* for ie7 */

html>/**/body {
	font-size: 12px;
	
} /* for ie8 */

html:not(:target) body {
	font-size: 12px;
} /* for modern browser not ie8 */

#container a {
	outline: none;
	color: #036;
	font-weight: bold;
	text-decoration: none;
}

#container a:hover { 
	color: #369;
	text-decoration: underline;
}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

#container { 
	width: 996px;
	margin: 0;
	text-align: left;
}

/*#header {
	width: 994px;
	height: 100px;
	display: block;
	margin-left: 10px;
}

#header p.logo {
	margin: 5px 0 10px 10px;
}*/

#topMainContent {
	
	float: left;
	width: 495px;
	margin: 20px 10px 20px 8px;
}

#topMainContent .about {
	display: block;
	margin-bottom: 15px;
	/margin-bottom: 8px; /* for IE6 */
	
}

#topMainContent .about h1 {
	display: block;
	margin: 0;
	padding: 0;
}

#topMainContent .about p {
	display: block;
	float: left;
	width: 340px;
	padding: 0 0.5em 0;
	line-height: 1.3;
	color: #666;
}

#topMainContent .innerBlock {
	width: 495px;
	display: block;
	margin: 0;
	padding: 0 0 5px;
	margin-bottom: 15px;
	clear: both;	
}

#topMainContent .innerBlock h2.newInfo {
	clear: both;
	display: block;
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0;
}

.boxNotice {
	width: 495px;
	background: url(../img/bckg_boxnotice.png) no-repeat bottom;
	margin: 0;
	padding: 0;
}

.boxNotice h2 {
	padding: 0;
	margin: 0;
	background-image: none;
}

ul.newInfo {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.newInfo li {
	display: block;
	background: url(../img/dot.gif) repeat-x bottom;
	margin-top: 5px;
	padding-bottom: 3px;
	clear: both;
}

ul.newInfo li span.txt {
	line-height: 1.3;
	display: block;
	color: #444;
	font-size: 97%;
	margin-top: 5px;
	/font-size: 12px; /* for IE7 */
}

ul.newInfo li a span span.name {
	display: inline!important;
	font-size: 11px!important;
}


ul.newInfo li:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

ul.newInfo li img.thumb {
	float: left;
/*	width: 100px;
	height: 100px;
*/
	display: block;
	margin-right: 15px;
	margin-bottom: 8px;
	border: solid 1px #DDD;
}

ul.newInfo li a:hover img.thumb  {
	z-index: 1;
}

#topMainContent .innerBlock ul.newInfo li a span {
	font-size: 117%;
	display: block;
	padding: 0;
	margin-bottom: 2px;
	line-height: 1.2;
}

.featured {
	float: left;
	width: 485px;
	margin: 7px 0 0 0;
	padding: 0;
}

.featured p {
	display: block;
	_position: relative; /* for IE6 */
	_display: inline; /* for IE6 */
	_zoom: 1; /* for IE6 */
	_width: 230px; /* for IE6 */
	width:235px;
	height: auto;
	float: left;
	background: url(../img/dot.gif) repeat-x bottom;
	background-color: none;
	margin: 0 0 5px 7px;
	padding: 0;
	line-height: 1.3;	
}

.featured p strong {
/*	display: block;*/
	font-size: 13px;
}

.featured p img {	
	float: left;
	width: 68px;
	height: 68px;
	margin:0 5px 3px 0;
	/margin: 0 5px 0 0; /* for IE6*/
	/padding: 0; /* for IE6*/
}

.featured p a {
	color: #036;
	display: block;
	font-weight: normal!important;
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 12px;
}


.featured p a:hover {
	color: #369;
}


.featured p a img{
	border: solid 1px #DDD;
	width: 68px;
	height: 68px;
}

ul.notice {
	list-style: none;
	padding: 0;
	margin: 5px;
}


/*------------------------
  Main Content
------------------------*/

#topCompanyInfo ul {
	width: 658px;
	_width: 660px;
	border-left: #CCC solid 1px;
	border-right: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
	margin: 0;
	padding: 2px 0 3px 0;
	list-style: none;
}

#topMainContent .innerBlock ul.notice li {	
	margin: 0 1px 3px 1px;	
	padding: 2px 2px 5px 2px;
	background: url(../img/dot.gif) repeat-x bottom;
	line-height: 1.4;
}

#topMainContent .innerBlock ul.notice li a span {
	padding: 0;
	line-height: 1.0;
	display: block;
	/*font-size: 92%;*/
	font-weight: normal;
}

#topMainContent .innerBlock ul.notice li a {
	display: block;
	padding: 1px 0 0 75px;
	color: #036;
	background-position: 0 50%;
	background-repeat: no-repeat;	
}

#topMainContent .innerBlock ul.notice li a.list {
	width: 80px;
	height: 0;
	_height: 23px; /* for IE6 */
	margin-left: 395px;
	padding: 23px 0 0 0;
	background: url(../img/btn_notice_list.png) no-repeat 0 0;
	overflow: hidden;
}

#topMainContent .innerBlock ul.notice li a.category0 {
	background-image: url(../img/ic_c00.png);	
}

#topMainContent .innerBlock ul.notice li a.category1 {
	background-image: url(../img/ic_c01.png);	
}

#topMainContent .innerBlock ul.notice li a.category2 {
	background-image: url(../img/ic_c02.png);	
}

#topMainContent .innerBlock ul.notice li a.category3 {
	background-image: url(../img/ic_c03.png);	
}

#topMainContent .innerBlock ul.notice li a.category4 {
	background-image: url(../img/ic_c04.png);
}

#topMainContent .innerBlock ul.notice li a.category5 {
	background-image: url(../img/ic_c05.png);	
}

#topMainContent .innerBlock ul.notice li a.category6 {
	background-image: url(../img/ic_c06.png);
}
#topMainContent .innerBlock ul.notice li a.category7 {
	background-image: url(../img/ic_c07.png);
}

#topMainContent .innerBlock ul.notice li a:hover {
	color: #369;	
}

#topRight {
	background:#FFC;
	float: left;
	width: 300px;
	margin: 0;
}



/*------------------------
  Left Column
------------------------*/

#topLeftNav {
	
	float: left;
	width: 160px;
	margin: 20px 0 0 22px;
	_margin: 20px 0 0 10px; /* for IE6 */
	text-align: left;
}

#topLeftNav h1 {
	margin: 0;
	padding: 1px;

}

#topLeftNav .boxLeft {
	border: solid 1px #DDD;
	background: url(../img/bckg_topleftnav.png) repeat-y right;
}

#topLeftNav .boxLeft ul {	
	width: 156px;
	_width: 158px; /* for IE6 */
	border: solid 1px #FFF;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 1.0;
}

#topLeftNav .boxLeft ul li {
	display: block;
	_display: inline; /* for IE6 */
	_zoom: 1; /* for IE6 */
	_width: 147px; /* for IE6 */
	clear: both;
	margin: 0 0 0 3px;
	padding: 0;
	padding-right: 1px;
	line-height: 1.0;
	font-size: 86%
}

#topLeftNav .boxLeft ul li.category {


	font-size: 108%;
	/width: 143px; /* for IE6 */
	margin: 0;
	padding: 5px 0 0 0;
	background: url(../img/bckg_border_groove.png) repeat-x top;
}

#topLeftNav .boxLeft ul li.top {
	background: none;
}

#topLeftNav .boxLeft ul li.category a {
	background: url(../img/list_leftnav_li_01.gif) no-repeat 2px 50%;
}

#topLeftNav .boxLeft ul li.category a:hover {
	background: url(../img/list_leftnav_li_01_hover.gif) no-repeat 2px 50% #7fa0c0;
}


#topLeftNav .boxLeft ul li a {
	display: block;
	background: url(../img/list_leftnav_li_02.gif)  no-repeat 4px 50%;
	padding:4px 0 4px 12px;
	margin: 0 0 1px 0;
}

#topLeftNav .boxLeft ul li a:hover {
	background: url(../img/list_leftnav_li_02_hover.gif) no-repeat 3px 50% #7fa0c0;
	color: #FFF;
	text-decoration: none;
}

/*------------------------
  Right Column
------------------------*/

#sideBar { font-size: 12px; }

#sideBar .box,
#sideBar .ads {
	display: block;
	border: none;
	background: url(../img/bckg_sidebox.png) no-repeat bottom left;
	margin: 15px 0 0 0;
	padding: 0 0 5px;
	line-height: 0;
}

#sideBar h2 {
	display: block;
	height: 30px;
	margin: 0;
	padding: 2px 0 0 2px;
	background: url(../img/bckg_sidebar_h2.png) no-repeat 0% 0%;
}

#sidebar .box.bgsIndex2 { margin: 0;}

#sideBar .box div.pickUp,
#sideBar .bgsIndex2 {
	margin: 0;
	padding: 0;
/*	background: none;*/
	
}

#sideBar .box div.pickUp p,
#sideBar .bgsIndex2 p {
	display: block;
	width:auto;
	background: url(../img/dot.gif) repeat-x bottom;
	/*background-color: none;*/
	margin: 5px 5px 3px;
	padding: 5px 0;
	/*_padding: 0;  for IE6 */
	
	clear: both;
	line-height: 1.3;	
}

#sideBar .box div.pickUp p a {
	display: block;
	font-weight: normal!important;
	background: url(../img/list_leftnav_li_01.gif) no-repeat 2px 50%;
	padding:2px 5px 2px 14px;
	margin: 0;
}

#sideBar .box div.pickUp p a:hover {
	background-image: url(../img/list_leftnav_li_01_hover.gif) ;
}

#sideBar .box div.pickUp ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sideBar .box div.pickUp ul li {
	display: block;
	width:auto;
	background: url(../img/dot.gif) repeat-x bottom;
	background-color: none;
	margin: 5px 5px 3px;
	padding: 5px 0;
	/*_padding: 0;  for IE6 */	
	clear: both;
	line-height: 1.3;
}

#sideBar .box div.pickUp ul li a {
	display: block;
	font-weight: normal!important;
	background: url(../img/list_leftnav_li_01.gif) no-repeat 2px 50%;
	padding:2px 5px 2px 14px;
	margin: 0;
}

#sideBar .box div.pickUp ul li a:hover {
	background-image: url(../img/list_leftnav_li_01_hover.gif) ;
}

#sideBar .bgsIndex2 p strong {
/*	display: block;*/
	font-size: 13px;
}

#sideBar .bgsIndex2 p img {	
	float: left;
	width: 68px;
	height: 68px;
	margin:0 5px 3px 0;
	/margin: 0 5px 0 0; /* for IE6*/
	/padding: 0; /* for IE6*/
}

#sideBar .bgsIndex2 p a {
	color: #036;
	display: block;
	font-weight: normal!important;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 12px;
}

#sideBar .bgsIndex2 p a:hover {
	color: #369;
}

#sideBar .bgsIndex2 p a img {
	border: solid 1px #DDD;
	width: 68px;
	height: 68px;
}

#sideBar h2 img { padding: 0; }

#sideBar h2 a.btn {
	font-size: 1px;
	float: right;
	display: block;
	width: 55px;

	_height: 28px; /* for IE6 */
	margin: 0 3px 0 0;
	padding: 0;

	background: url(../img/sidebar_btn_index.png) no-repeat;
}

#footer {
	background: #D1D1D1;
	clear: both;
	width: 1000px;
	height: 80px;
}


/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */