@charset "utf-8";


@import url("/common/css/default.css");


/* Main
*************************************************************************/

#main{
	background: #FFF url(../images/main_bg.jpg) no-repeat right bottom;
}

/* PageTitleAndVisual
*************************************************************************/

#mainVisual h2{
	/*height: 81px;*/
}


/* LeftColumn
*************************************************************************/

#mainProinfoLeft{
	float: left;
	width: 580px;
	background: url(../images/main_left_bg.gif) repeat-x left top;
	overflow: hidden;
}



/* Top
*************************************************************************/

#mainProinfoLeft #proinfoIndex{
	margin: 20px 20px 10px 20px;
	width: 540px;
	font-size: 120%;
}
#mainProinfoLeft #proinfoIndex div{
	margin: 0 0 8px 0;
	width: auto;
	padding: 0;
	background: url(../images/top_index_bg.gif) no-repeat left top;
}
#mainProinfoLeft #proinfoIndex div h3{
	float: left;
	width: 290px;
}
#mainProinfoLeft #proinfoIndex div h3 img{
	margin: 3px 0 0 3px;
}
#mainProinfoLeft #proinfoIndex div p{
	float: right;
	width: 230px;
	padding: 8px 10px 30px 0;
}
#mainProinfoLeft #proinfoIndex div div.bottom{
	clear: both;
	position: relative;
	height: 3px;
	margin: 0;
	background: url(../images/top_index_bg_bottom.gif) no-repeat left bottom;
}
#mainProinfoLeft #proinfoIndex div div.bottom a{
	display: block; 
	position: absolute;
	top: -20px;
	right: 10px;
}
#mainProinfoLeft #proinfoIndex div div.bottom a.login{
	top: -28px;
	right: 10px;
}


#mainProinfoLeft p.link{
	margin: 12px 0px 12px 0px;
	text-align: right;
}
#mainProinfoLeft p.linkBotton{
	margin: 12px 0px 12px 0px;
	text-align: right;
}
#mainProinfoLeft a.pdf{
	min-height: 12px;
	padding: 10px 8px 10px 40px;
	background: url(../images/icon_pdf.gif) no-repeat left center;
}

#mainProinfoLeft a.pdfSmall{
	min-height: 12px;
	margin-top: 6px;
	padding: 5px 3px 5px 26px;
	background: url(../images/icon_pdf_small.gif) no-repeat left center;
}


/* RightColumn
*************************************************************************/

#mainTopicsRight{
	float: right;
	width: 220px;
	min-height: 350px;
	overflow: hidden;
	background: url(../images/main_right_bg.gif) repeat-x left top;
}
#mainTopicsRight h4{
	padding-top: 5px;
}
#mainTopicsRight #proinfoSubNavi{
	list-style-type: none;
	padding-bottom: 1px;
	background: url(../images/sub_navi_bg.gif) no-repeat left bottom;
}
#mainTopicsRight #proinfoSubNavi li{
	padding-top: 1px;
	background: url(../images/sub_navi_bg.gif) no-repeat left top;
	font-size: 0%;
	line-height: 0%;
}
#mainTopicsRight #proinfoSubNavi li.current{
	background: #666 url(../images/sub_navi_bg.gif) no-repeat left top;
}
#mainTopicsRight #proinfoSubNavi li a{
	display: block;
}
#mainTopicsRight #proinfoSubNavi li form select{
	width: 104px;
	margin: 0px 0 10px 22px;
	font-size: 12px;
	color:  #666;
	border: #7F9DB9 solid 1px;
	background-color: #FFF;
}
#mainTopicsRight #proinfoSubNavi li li form select{
	margin: 0px 0 2px 22px;
}
#mainTopicsRight #proinfoSubNavi li ul{
	margin: -3px 0 0 0;
	padding: 0 0 5px 0;
	list-style-type: none;
}
*:first-child+html #mainTopicsRight #proinfoSubNavi li ul{
	margin-bottom: -1px;
	background: #666 url(../images/sub_navi_bg.gif) no-repeat left bottom;
}
#mainTopicsRight #proinfoSubNavi li li{
	margin: 0 0 0 10px;
	padding: 1px 0;
	background-image: none!important;
}