@charset "UTF-8";
/* CSS Document */

.top-link-area { margin:10px; width:860px; height:190px; }
.top-link-area-01, .top-link-area-02, .top-link-area-03, .top-link-area-04, .top-link-area-05, .top-link-area-06, .top-link-area-07, .top-link-area-07x { float:left; width:278px; height:190px; padding:0px; }
.top-link-area-01 { float:left; margin:0px; background:url(../images/toplink01off.jpg) 0 0 no-repeat; }
.top-link-area-02 { float:left; margin-left:13px; background:url(../images/toplink02off.jpg) 0 0 no-repeat; }
.top-link-area-03 { float:right; margin-right:0px; background:url(../images/toplink03off.jpg) 0 0 no-repeat; }
.top-link-area-04 { float:left; margin:0px; background:url(../images/toplink04off.jpg) 0 0 no-repeat; }
.top-link-area-05 { float:left; margin-left:13px; background:url(../images/toplink05off.jpg) 0 0 no-repeat; }
.top-link-area-06 { float:right; margin-right:0px; background:url(../images/toplink06off.jpg) 0 0 no-repeat; }
.top-link-area-07 { float:left; margin:0px; background:url(../images/toplink07off.jpg) 0 0 no-repeat; }
.top-link-area-07x { float:left; margin:0px; background:url(../images/toplink07_webunderconst.jpg) 0 0 no-repeat; }
.top-link-area-01 a, .top-link-area-02 a, .top-link-area-03 a, .top-link-area-04 a, .top-link-area-05 a, .top-link-area-06 a, .top-link-area-07 a, .top-link-area-07x a { width:278px; height:190px; display:block; text-indent:-9999px; }
.top-link-area-01 a:hover { background:url(../images/toplink01on.jpg) 0 0 no-repeat; }
.top-link-area-02 a:hover { background:url(../images/toplink02on.jpg) 0 0 no-repeat; }
.top-link-area-03 a:hover { background:url(../images/toplink03on.jpg) 0 0 no-repeat; }
.top-link-area-04 a:hover { background:url(../images/toplink04on.jpg) 0 0 no-repeat; }
.top-link-area-05 a:hover { background:url(../images/toplink05on.jpg) 0 0 no-repeat; }
.top-link-area-06 a:hover { background:url(../images/toplink06on.jpg) 0 0 no-repeat; }
.top-link-area-07 a:hover { background:url(../images/toplink07on.jpg) 0 0 no-repeat; }

/*==========LEFT-AREA01==========*/

#topunder { position: relative; display: block; width: 860px; text-align:left; padding: 0px; clear: both; margin-top: 10px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
/* -- clear float -- */
#topunder:after { content:"."; display:block; height:0; clear: both; visibility:hidden; }
/* */
	* html #topunder { height:0; }
#topunder { display: block; }
/* */
/* -- clear float -- */


#topleft-area { float:leftt; width:860px; color: #000000; font-size: 12px; font-weight: normal; line-height: 1.5em; margin-top: 0px; margin-right: 6px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0; padding-bottom: 0px; padding-left: 0; }
#newstitle { height:45px; background:url(../images/news.jpg) no-repeat #FFFFFF; padding:0; margin:0; }
#newstitle3 { height:45px; background:url(../images/news3.jpg) no-repeat #FFFFFF; padding:0; margin:0; position:relative; }
#newstitletex { height:33px; text-align:left; background-image: url(../images/arrow-g2.gif); background-repeat: no-repeat; background-position: 112px 16px; padding:12px 15px 0px 126px; margin:0px 0px 0px 0px; }
#newstitletex2 { height:45px; text-align:left; background-image: url(../images/arrow-g2.gif); background-repeat: no-repeat; background-position: 0px 4px; position:absolute; top:12px; left:700px; padding:0 0 0 13px; }
#newstitletex3 { height:45px; text-align:left; background-image: url(../images/arrow-g2.gif); background-repeat: no-repeat; background-position: 0px 4px; position:absolute; top:12px; left:785px; padding:0 0 0 13px; }
.li-foot { height:20px; padding:0; margin:0px 0px 0px 5px; background: url(../images/top/li_foot.gif) no-repeat; background-position:bottom; }
/*LIST PART ---------------------------------------------------------------------------------------*/

	
div#newsevent { clear:both; padding-right: 0; padding-bottom: 0; padding-left: 7px; background: #FFFFFF; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-top:none; }
div#newsevent ul { padding-top: 0em; padding-bottom: 0.3em; padding-left: 0.5px; width: 800px; padding-right: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; margin-left: 10px; }
div#newsevent li { margin-right: 0em; margin-bottom: 2px; margin-left: 0; padding-left:12px; background-image: url(../images/arrow-g.gif); background-repeat: no-repeat; background-position: left 5px; list-style-type:none; }
.esc_arrow { background-image: url(../image/top/arrow2.gif); background-repeat: no-repeat; background-position: left 0.6em; padding-top: 0.5em; padding-right: 0em; padding-bottom: 0; padding-left: 1.3em; margin-left: 3px; }
/*LIST PART ---------------------------------------------------------------------------------------*/






/*==========CENTER-AREA==========*/

#topcenter-area { float:left; width:208px; padding:0px 0px 0px 0px; margin:0px 0px 0px 120px; }
.top-banner-area-01 { width:208px; height:43px; text-indent:30px; background:url(../images/banner-off.jpg) 0 0 no-repeat; line-height:43px; margin-bottom:10px; }
.top-banner-area-01 a { width:208px; height:43px; display:block; }
.top-banner-area-01 a:hover { background:url(../images/banner-on.jpg) 0 0 no-repeat; }

#topcenter-area2 { padding:0px; margin:0px; }
.top-banner-area-02 { width:165px; height:43px; background:url(../images/banner2-off.jpg) 0 0 no-repeat; line-height:43px; float: left; margin-right: 10px; }
.top-banner-area-02 a { width:165px; height:43px; display:block; text-indent: 30px; }
.top-banner-area-02 a:hover { background:url(../images/banner2-on.jpg) 0 0 no-repeat; }

#topcenter-area3 { float:left; width:220px; padding:0; margin:6px 0 0 122px; }
/*=========e-banner4 added 2015.12.11=======*/
#e-banner4 { margin:0px 0px 0px 0px; width:220px; text-indent:-9999px; }
#topcenter-area3 #e-banner4 a { width:220px; height:93px; display:block; background-image: url(../images/e-banner151211_01.jpg); background-repeat: no-repeat; }
#topcenter-area3 #e-banner4 a:hover { background-image: url(../images/e-banner151211_01-on.jpg); background-repeat: no-repeat; }





/*==========RIGHT-AREA==========*/

#topright-area { float:left; width:200px; padding:0px 0px 0px 0px; margin:0px 0px 0px 20px; }
#e-banner { margin:0px 0px 0px 0px; width:200px; text-indent:-9999px; }
#topright-area #e-banner a { width:200px; height:93px; display:block; background-image: url(../images/e-banner.jpg); background-repeat: no-repeat; }
#topright-area #e-banner a:hover { background-image: url(../images/e-banner-on.jpg); background-repeat: no-repeat; }

#topright-area2 { float:right; width:450px; padding:0px; margin: 0px; }
#e-banner2 { margin:0px 0px 0px 0px; width:450px; text-indent:-9999px; }
#topright-area2 #e-banner2 a { width:450px; height:47px; display:block; background-image: url(../images/e-banner2.jpg); background-repeat: no-repeat; }
#topright-area2 #e-banner2 a:hover { background-image: url(../images/e-banner2-on.jpg); background-repeat: no-repeat; }

#topright-area3 { float:right; width:220px; padding:0px 0px 0px 0px; margin:6px 7px 0px 0px; }
#e-banner3 { margin:0px 0px 0px 0px; width:220px; text-indent:-9999px; }
#topright-area3 #e-banner3 a { width:220px; height:93px; display:block; background-image: url(../images/e-banner3.jpg); background-repeat: no-repeat; }
#topright-area3 #e-banner3 a:hover { background-image: url(../images/e-banner3-on.jpg); background-repeat: no-repeat; }

/*=========top-banner-area-03 delite 2015.12.11=======*//*
.top-banner-area-03 { width:228px; height:43px; text-indent:30px; background:url(../images/banner3-off.jpg) 0 0 no-repeat; line-height:43px; margin-bottom:10px; }
.top-banner-area-03 a { width:228px; height:43px; display:block; }
.top-banner-area-03 a:hover { background:url(../images/banner3-on.jpg) 0 0 no-repeat; }
*/

/*=========topundertext1 added 2010.2.2=======*/
.topundertext1 { margin:-20px 10px 0px 10px; width:860px; height:auto; text-align:right;}


/*==========English==========*/

.top-e-link-area { margin:10px; width:860px; clear: both; }
.top-e-link-area-01, .top-e-link-area-02, .top-e-link-area-03, .top-e-link-area-04, .top-e-link-area-05, .top-e-link-area-06, .top-e-link-area-07, .top-e-link-area-07x { float:left; width:278px; padding:0px; }
.top-e-link-area-01 { float:left; margin:0px; background:url(../images/toplink01e_off.jpg) 0 0 no-repeat; }
.top-e-link-area-02 { float:left; margin-left:13px; background:url(../images/toplink02e_off.jpg) 0 0 no-repeat; }
.top-e-link-area-03 { float:right; margin-right:0px; background:url(../images/toplink03e_off.jpg) 0 0 no-repeat; }
.top-e-link-area-04 { float:left; margin:0px; background:url(../images/toplink04e_off.jpg) 0 0 no-repeat; }
.top-e-link-area-05 { float:left; margin-left:13px; background:url(../images/toplink05e_off.jpg) 0 0 no-repeat; }
.top-e-link-area-06 { float:right; margin-right:0px; background:url(../images/toplink06e_off.jpg) 0 0 no-repeat; }
.top-e-link-area-07 { float:left; margin:0px; background:url(../images/toplink07e_off.jpg) 0 0 no-repeat; }
.top-e-link-area-07x { float:left; margin:0px; background:url(../images/toplink07e_off.jpg) 0 0 no-repeat; }
.top-e-link-area-01 a, .top-e-link-area-02 a, .top-e-link-area-03 a, .top-e-link-area-04 a, .top-e-link-area-05 a, .top-e-link-area-06 a, .top-e-link-area-07 a, .top-e-link-area-07x a { width:278px; display:block; text-indent:-9999px; }
.top-e-link-area-01 a, .top-e-link-area-02 a, .top-e-link-area-03 a, .top-e-link-area-04 a, .top-e-link-area-05 a, .top-e-link-area-06 a, .top-e-link-area-07 a, .top-e-link-area-07x a { height:160px; }
.top-e-link-area-05 a, .top-e-link-area-06 a { height:178px; }
.top-e-link-area-07 a, .top-e-link-area-07x a { height:196px; }
.top-e-link-area-01 a:hover { background:url(../images/toplink01e_on.jpg) 0 0 no-repeat; }
.top-e-link-area-02 a:hover { background:url(../images/toplink02e_on.jpg) 0 0 no-repeat; }
.top-e-link-area-03 a:hover { background:url(../images/toplink03e_on.jpg) 0 0 no-repeat; }
.top-e-link-area-04 a:hover { background:url(../images/toplink04e_on.jpg) 0 0 no-repeat; }
.top-e-link-area-05 a:hover { background:url(../images/toplink05e_on.jpg) 0 0 no-repeat; }
.top-e-link-area-06 a:hover { background:url(../images/toplink06e_on.jpg) 0 0 no-repeat; }
.top-e-link-area-07 a:hover { background:url(../images/toplink07e_on.jpg) 0 0 no-repeat; }
.areaTxt { margin-bottom: 10px; font-size: 90%; margin-right: 5px; margin-left: 10px; line-height:100%; }
.areaTxt2 { margin-bottom: 10px; font-size: 90%; margin-right: 5px; margin-left: 10px; line-height:100%; }
#top-e_under-area { clear: both; position: relative; }
#top-e_under-area #e-banner-e a { height:93px; display:block; background-image: url(../images/e-banner-e.jpg); background-repeat: no-repeat; margin-left: 5px; }
#top-e_under-area #e-banner-e a:hover { background-image: url(../images/e-banner-e-on.jpg); background-repeat: no-repeat; }
#top-e_under-area .f12 { width: 300px; padding: 0px; left: 210px; position: relative; top: -90px; }
#e-banner-e { margin:0px 0px 0px 0px; width:205px; text-indent:-9999px; }

#top-e_under-area3 { float:left; margin:5px 0px 0px 70px; }
#top-e_under-area3 #e-banner-e3 a { height:93px; display:block; background-image: url(../images/e-banner-e.jpg); background-repeat: no-repeat; margin-left: 5px; }
#top-e_under-area3 #e-banner-e3 a:hover { background-image: url(../images/e-banner-e-on.jpg); background-repeat: no-repeat; }
#top-e_under-area3 .f12 { width: 300px; position: relative; margin-left:210px; margin-top:-93px; }
#e-banner-e3 { margin:0px 0px 0px 0px; width:205px; text-indent:-9999px; }

#bottomArea-container { margin-right: 20px; margin-left: 20px; }

/*
#bottomArea-container h3, #bottomArea-container-nonemenu h3 { font-size:14px; margin:0px; padding:13px 0px 0px 20px; height:42px; background:url(../images/h3-bk.jpg) no-repeat #FFFFFF; }
#bottomArea-container h4, #bottomArea-container-nonemenu h4 { font-size:18px; color:#006633; margin:0px 0px 10px 0px; }
#bottomArea-container .eng h4, #bottomArea-container-nonemenu .eng h4, #bottomArea-container .eng h4 a { font-size:14px; color:#006633; margin:0px; font-weight:bold; }
#bottomArea-container h5, #bottomArea-container-nonemenu h5, #bottomArea-container h5 a { font-size:14px; color:#006633; margin:0px; font-weight:bold; }
#bottomArea-container h6, #bottomArea-container-nonemenu h6 { font-size:12px; color:#000000; margin:0px; font-weight:bold; }
*/
#bottomArea-container .cap3, #bottomArea-container-nonemenu .cap3 { font-size:14px; margin:0px; padding:13px 0px 0px 20px; height:42px; background:url(../images/h3-bk.jpg) no-repeat #FFFFFF; }
#bottomArea-container .cap4, #bottomArea-container-nonemenu .cap4 { font-size:18px; color:#006633; margin:0px 0px 10px 0px; }
#bottomArea-container .eng .cap4, #bottomArea-container-nonemenu .eng .cap4, #bottomArea-container .eng .cap4 a { font-size:14px; color:#006633; margin:0px; font-weight:bold; }
#bottomArea-container .cap5, #bottomArea-container-nonemenu .cap5, #bottomArea-container .cap5 a { font-size:14px; color:#006633; margin:0px; font-weight:bold; }
#bottomArea-container .cap6, #bottomArea-container-nonemenu .cap6 { font-size:12px; color:#000000; margin:0px; font-weight:bold; }


.header-sublink-e-eng { position: absolute; top:70px; left:350px; text-indent: -9999px; }
.header-sublink-e-eng a { display:block; width:80px; height:21px; outline:none; }
#menu-area-e { background-image: url(../images/menu_bg.jpg); background-repeat: repeat-x; padding-top: 5px; text-align: left; margin-right: auto; margin-left: auto; padding-bottom: 5px; width: 880px; }

/*
#menu-area-e h2 { font-size: 14px; font-weight: normal; margin: 0px; padding: 0px; }
*/

#menu-area-e .cap2 { font-size: 14px; font-weight: normal; margin: 0px; padding: 0px; }

#menu-area-e a { color:#FFFFFF; margin-right:5px; padding-left: 10px; }
#menu-area-e a:hover {color:#00FF00; margin-right:5px;}



/*=========added 2017.3.16=======*/
#topunder {
	width:555px;
    margin: 30px auto 10px 0;
	padding-left:17px;
}
#topleft-area {
    width:100%;
    /*=========added 2017.4.7=======*/
    min-height:190px;
}
#newstitle3 {
    background: url(../images/news3.jpg) no-repeat #FFFFFF;
}
#newstitletex2 {
    left: 384px;
}
#newstitletex3 {
    left: 474px;
}
div#newsevent ul {
    width: 514px;
	padding-bottom:15px;
}
div#newsevent li {
	margin-top:10px;
	line-height:170%;
}
div#newsevent li:first-child {
	margin-top:0px;
}

.top-link-area {
	position:relative;
}
.bnrbox{
	position:absolute;
	top:6px;
	right:10px;
	width:240px;
	border-left:1px #bbbbbb solid;
	padding-left:22px;
}

#e-banner4 {width:240px; text-indent:-9999px;}
#e-banner4 a {width:240px; height:70px; display:block; background-image: url(../images/bousai_ban_j.png); background-repeat: no-repeat; }
#e-banner4 a:hover { background-image: url(../images/bousai_ban_j_on.png); background-repeat: no-repeat; }

#e-banner5 {width:240px; text-indent:-9999px; margin-top:12px;}
#e-banner5 a {width:240px; height:70px; display:block; background-image: url(../images/ekokuhou_ban.png); background-repeat: no-repeat; }
#e-banner5 a:hover { background-image: url(../images/ekokuhou_ban_on.png); background-repeat: no-repeat; }

#e-banner6 {width:240px; text-indent:-9999px; margin-top:12px;}
#e-banner6 a {width:240px; height:70px; display:block; background-image: url(../images/colbase_ban_j.png); background-repeat: no-repeat; }
#e-banner6 a:hover { background-image: url(../images/colbase_ban_j_on.png); background-repeat: no-repeat; }
.bnrbox .f13 {
    line-height: 1.45em;
	margin-top:5px;
}

/******************** ENGLISH *******/
#top-e_under-area3 {
    margin: 5px 0px 0px 20px;
}
#e-banner-e3 {
    width: 540px;
}
#top-e_under-area3 #e-banner-e3 a {
    height: 93px;
    background-image:none;
    margin-left: 0px;
}
#top-e_under-area3 .bnr01 a {
    height: 93px;
    background-image: url(../images/bousai_ban.png) !important;
    margin-left: 0px;
}
#top-e_under-area3 .f12 {
    width: 300px;
    position: relative;
    margin-left: 247px;
    margin-top: -93px;
}

#top-e_under-area3 .bnr02{
	margin-top:14px;
}
#top-e_under-area3 .bnr02 a {
    height: 93px;
    background-image: url(../images/ekokuhou_ban.png) !important;
    margin-left: 0px;
}
#top-e_under-area3 .bnr03{
	margin-top:14px;
}
#top-e_under-area3 .bnr03 a {
    height: 93px;
    background-image: url(../images/colbase_ban_e.png) !important;
    margin-left: 0px;
}

#top-e_under-area3 .f12 a{
	text-decoration:none;
	line-height:150%;
}
/*=========added 2017.3.16 END =======*/
/*=========added 2017.11.20=======*/
.top-link-area-08 { float:left; width:278px; height:190px; padding:0px; margin-top:6px;}
.top-link-area-08 { float:left; margin-left:19px; background:url(../images/toplink08off.jpg) 0 0 no-repeat; }
.top-link-area-08 a { width:278px; height:190px; display:block; text-indent:-9999px; }
.top-link-area-08 a:hover { background:url(../images/toplink08on.jpg) 0 0 no-repeat; }
/*=========added 2017.11.20=======*/