/* top.css */

#topmain {
	float: left;
	background: url(../../images/top_bg01.jpg) no-repeat bottom;
	border-top: 2px solid #666666;
}

#topmain_t {
	float: left;
	padding: 0 0 5px 27px;
}

#topmain_t h3{
	padding: 15px 0 0 0;
}

#topmain_t2 {
	float: left;
}

#topContents {
	float: left;
	width: 590px;
	padding: 13px 0 0 12px;
	background: url(../../images/sub_bg01.gif) no-repeat top right;
}

#topSub {
	float: right;
	width: 198px;
	background: url(../../images/top_sub_t.gif) no-repeat top;
}

#topBanner {
	padding: 8px 0 8px 8px;
	background: #ccc;
	border-top: 1px solid #fff;
}

#topimg {
	text-align:	center;
	height: 292px;
	border-top: 2px solid #666666;
}

div#topVision {
	clear: both;
	margin: 0 0 11px 226px;
}

div#topVision img {
	/*position: absolute;
	bottom: 11px;
	left: 239px;*/
}

#topNavi {
	clear: both;
	padding: 20px 0 0;
	margin: 0 0 165px;
}

/* clearfix hack */
#topNavi:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#topNavi {
	display: inline-block;
}

/* hide macie \*/
*html #topNavi {
	height: 1%;
}

#topNavi {
	display: block;
}
/* end hide */
/* end clearfix hack */

#topNavi ul {
	width: 590px;
	margin: 0 0 0 0;
}

#topNavi li {
	float: left;
	margin: 0 7px 6px 0;
}

#topNavi a {
	display: block;
}

.topBox01wrap {
	width: 292px;
	float: left;
	margin: 0 0 5px 0;
	background: url(../../images/top_box_r01.gif) no-repeat top right;
}

.topBox01 {
	width: 280px;
	height: 184px;
	padding: 0 0 8px;
	background: url(../../images/top_box_bt01.gif) no-repeat bottom;
}

.topBox01in {
	position: relative;
	height: 184px;
	background:#fff url(../../images/top_box_bg01.gif) repeat-y;
}

.topBox01in p.linkmore {
	position: absolute;
	bottom: 2px;
	right: 12px;
}

.topBox01in ul {
	margin: 0 5px 0 10px;
}

.topBox01in ul li {
	margin: 0 0 10px;
}

.topBox01in h3 {
	margin: 0 0 8px;
}

.topBox02wrap {
	width: 380px;
	float: left;
	padding: 0 12px 0 0;
	margin: 0 0 8px;
	background: url(../../images/top_box_r01.gif) no-repeat top right;
}

.topBox02 {
	width: 380px;
	background:#fff url(../../images/top_box_bg02.gif) repeat-y;
}

.topBox02in {
	height: 184px;
	padding: 0 0 8px;
	background: url(../../images/top_box_bt02.gif) no-repeat bottom;
}

.topBox02in h3 {
	margin: 0 0 3px;
}

.topBox02in h4 {
	font-weight: normal;
}

div.pickUpImg {
	width: 87px;
	height: 87px;
	margin: 0 0 0px;
	background: url(../../images/pickup_img_bg.gif) no-repeat;
}

div.pickUpImg img {
	margin: 1px 0 0 0;
}

.topBox02in ul {
	margin: 0 0 0 8px;
}

.topBox02in li {
	text-align: center;
	width: 87px;
	float: left;
	margin: 0 5px 0 0;
}

.topBox02in li.liRItem {
	margin: 0;
}

.topBox02in a {
	display: block;
	text-align: center;
}

.topBox02in p {
	display: block;
	text-align: left;
	margin: 0 4px;
}

ul.toplist01 {
	list-style-type: disc;
}

ul.toplist01 li {
	margin: 0 0 6px;
}

ul.toplist01 li dl{
	float: left;
	margin: 0 0 5px 0;
}

ul.toplist01 li dt{
	float: left;
}

ul.toplist01 li dt img{
	border: 1px solid #BEBEBE;
	margin: 0 10px 0 0;
}

ul.toplist01 li dd.interview{
	width: 200px;
}

ul.toplist01 li dd.report{
	width: 200px;
}

li.bannerBg {
	width: 181px;
	height: 51px;
	padding: 1px 0 0 1px;
	margin: 0 0 6px;
	background: url(../../images/side_bn_bg.gif) no-repeat;
}

li.bannerBg02 {
	text-align: center;
	width: 182px;
	height: 52px;
	margin: 0 0 6px;
	background: url(../../images/side_bn_bg02.gif) no-repeat;
}

li.bannerBg02 p {
	line-height: 50px;
}

li.bannerBg02 a.linkmore {
	display: inline;
	padding: 0 0 0 14px;
	background: url(../images/arrow01.gif) no-repeat 0 0.15em;
}

li.bannerBg02 a.linknotes {
	padding: 0 0 0 14px;
	background: url(../images/arrow01.gif) no-repeat 0 0.25em;
}

li.bannerBg02 a.linknotes:link {
	color: #FFA300;
	text-decoration: underline;
}

li.bannerBg02 a.linknotes:visited {
	color: #FFBF00;
	text-decoration: underline;
}

li.bannerBg02 a.linknotes:hover {
	color: #FFBF00;
	text-decoration: none;
}

li.bannerBg02 a.linknotes:active {
	color: #FFBF00;
	text-decoration: underline;
}

#searchBox01 {
	margin: 4px 0 0;
	padding: 8px 0 15px;
	background: #e6e6e6;
	border-bottom: 3px solid #00A79B;
}

#searchBox01 .zoom{
	zoom: 1;
	margin: 0 0 5px 0;
}

#searchBox01 form {
	margin: 0 0 0 14px;
}

#searchBox01 h3 {
	margin: 0 0 10px;
}

#searchBox01 label {
	display: block;
	margin: 0 0 5px 1px;
}

#searchBox01 span {
	margin: 0 10px 0 3px;
}

#searchBox01 select.formitem,
#searchBox01 input.formitem {
	width: 165px;
	margin: 0 0 10px;
}

#searchTarget {}

#searchBtn {
	text-align: right;
	margin: 16px 15px 0 0;
}

#searchBtn input {
	width: 60px;
}

#topContentList ul#topContentListData li {
	width: 276px;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 3px;
	background: #ebebeb;
	float: left;
	margin: 0 3px 3px 0;
}

#topContentList a:link {
	color: #4c4c4c;
	text-decoration: none;
}

#topContentList a:visited {
	color: #4c4c4c;
	text-decoration: none;
}

#topContentList a:hover {
	color: #4c4c4c;
	text-decoration: underline;
}

#topContentList a:active {
	color: #4c4c4c;
	text-decoration: underline;
}

#topContentListTab {
	position: relative;
	height: 49px;
	background: url(../../images/top_contentlist_bg.gif) no-repeat;
}

#topContentListTab ul {
	padding: 6px 0 0;
	margin: 0 0 0 9px;
}

#topContentListTab ul li {
	float: left;
	margin: 0 9px 0 0;
}

#topContentListBox {
	background: url(../../images/top_box_bg.gif) repeat-y;
}

#topContentListBoxTop {
	padding: 9px 0 0;
	background: url(../../images/top_box_t01.gif) no-repeat top left;
}

#topContentListBoxBtm {
	padding: 0 0 11px;
	background: url(../../images/top_box_bt03.gif) no-repeat bottom left;
}

/* clearfix hack */
#topContentListBoxBtm:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#topContentListBoxBtm {
	display: inline-block;
}

/* hide macie \*/
*html #topContentListBoxBtm {
	height: 1%;
}

#topContentListBoxBtm {
	display: block;
}
/* end hide */
/* end clearfix hack */

#topEcopro {
	position: absolute;
	top: 0;
	right: 5px;
}

#borderBottom {
	float: left;
	padding: 0 0 13px;
	background: url(../../images/btn_border.gif) no-repeat bottom;
}

#NoborderBottom {
	clear: both;
	padding: 13px 0 0;
}





#title01 {
	margin: 15px 0 0 28px;
}

#content01_siteImage {
	width: 710px;
	float: left;
}

#content01_siteImage p{
	margin: 15px 0 0 38px;
}

#content01 {
	width: 490px;
	padding: 56px 0 0 0;
	float: left;
}

p#content01Left {
	width: 400px;
	float: left;
	padding: 0 0 0 47px;
}

p#content01Right {
	width: 208px;
	float: right;
	padding: 0 24px 0 26px;
}

#siteImage {
	width: 216px;
	height: 156px;
	float: right;
	border: 2px #21B5A9 solid; 
}

#title02 {
	clear: both;
	padding: 15px 0 0 0;
}

#content02 {
	width: 747px;
	padding: 10px 0 0 0;
	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	float: left;
}

.contentBottom {
	clear: both;
	width: 749px;
	height: 5px;
	background: url(/images/newcommer/newcommerbottom.gif) no-repeat bottom;
}

#content02Left {
	width: 332px;
	float: left;
	padding: 0 26px 0 16px;
}

dl.content02List dt{
	font-weight: bold;
	color: #009182;
}

dl.content02List dd{
	margin: 0 0 0 12px;
}

#content02Right {
	width: 311px;
	float: right;
	padding: 0 35px 10px 26px;
	border-left: dashed 1px #c2c2c2;
}

#title03 {
	clear: both;
	padding: 15px 0 0 0;
}

#content03 {
	width: 745px;
	padding: 5px 0 0 2px;
	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
}

#title04 {
	clear: both;
	padding: 15px 0 0 0;
}

#content04 {
	width: 747px;
	padding: 15px 0 0 0;
	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
}

ul#content04List {
	height: 247px;
	padding: 0 0 15px 0;
}

ul#content04List li{
	width: 231px;
	padding: 0 0 0 15px;
	float: left;
}

ul#content04List li img{
	float: left;
}

.listText {
	clear: both;
	padding: 24px 5px 0 0;
	line-height: 21px;
}

#btn01 {
	clear:both;
	width: 187px;
	margin: 0 auto 0 auto;
	padding: 0 0 15px 0;
}

#btn02 {
	width: 510px;
	margin: 30px auto 0 auto;
	text-align: center;
}

#title05 {
	clear: both;
	padding: 15px 0 0 0;
}

#content05 {
	width: 747px;
	padding: 28px 0 30px 0;
	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
}

.content05Text {
	margin: 0 25px 0 15px;
}

.linkMoreMargin {
	margin: 10px 0 5px 0;
}

#btnPosition {
	margin: 0 0 0 15px;
}

#btnPosition input{
	margin: 0 6px 8px 0;
}

#btnPosition a img{
	padding: 0px 8px 0 0;
}

.paddingBottom {
	padding: 0 0 30px 0;
}

.borderLeft{
	border-left: 1px dashed #c2c2c2;
}

.borderRight{
	border-right: 1px dashed #c2c2c2;
}