@charset "UTF-8";

/* FLASH BOX *************************************** */
div#contentsbox div.flashbox {
float:left;
margin-right:13px;
width:517px;
height:295px;
}

/* WHATS NEW BOX *************************************** */
div#contentsbox div.whatsnewbox {
float:left;
width:644px;
height:146px;
padding-top:14px;
margin-bottom:13px;
background:url(../images/top/whatsnew_bg.gif) no-repeat left bottom;
}
div#contentsbox div.whatsnewbox h2.h_whatsnew {
width:644px;
height:40px;
background:url(../images/top/whatsnew_ttl.gif) no-repeat left top;
text-indent:-9999px;
}
div#contentsbox div.whatsnewbox ul {
width:611px;
height:90px;
padding-right:5px;
margin:3px 0 0 20px;
overflow:auto;
}
div#contentsbox div.whatsnewbox ul li {
/* margin-bottom:7px; */
margin-bottom:2px;
overflow: hidden;
}
div#contentsbox div.whatsnewbox ul li:after {
content: ""; display: block; clear: both; height: 1px; overflow: hidden;
}
/*\*/
*html div#contentsbox div.whatsnewbox ul li {
height: 1em; overflow: visible;
}
/**/
div#contentsbox div.whatsnewbox ul li span.date {
clear:both;
float:left;
display:block;
color:#5F735F;
width:70px;
padding-left:15px;
background:url(../images/mk_arrow.gif) no-repeat left top;
}
div#contentsbox div.whatsnewbox ul li span.dateInfo {
clear:both;
float:left;
display:block;
color:#5F735F;
width:70px;
padding-left:15px;
background:url(../images/mk_arrow_red.gif) no-repeat left top;
}
div#contentsbox div.whatsnewbox ul li span.news {
float:left;
display:block;
width:503px;
}

/* COUNTER BOX *************************************** */
div#contentsbox div.counterbox {
float:right;
width:304px;
height:182px;
margin-right:13px;
margin-top:15px;
background:url(../images/top/counter_bg.gif) no-repeat left top;
}
div#contentsbox div.counterbox h2.h_counter {
width:70px;
height:16px;
margin:15px 0 0 12px;
background:url(../images/top/counter_ttl.gif) no-repeat left top;
text-indent:-9999px;
float:left;
}

div#contentsbox div.counterbox p.caution {
float:left;
margin-top:15px;
margin-left:8px;
font-size:10px;
color:#347a32;}

div#contentsbox div.counterbox div.treecounter {
clear:both;
margin:11px 0 0 0;
overflow: hidden;
}
div#contentsbox div.counterbox div.treecounter:after {
content: ""; display: block; clear: both; height: 1px; overflow: hidden;
}
/*\*/
*html div#contentsbox div.counterbox div.treecounter {
height: 1em; overflow: visible;
}
/**/

div.treecounter div.number {
margin-right:8px;
float:right;}

div.c_ttl {
float:left;}

p.place {
margin-left:10px;
background:url(../images/top/counter_place.gif) no-repeat left top;
width:37px;
height:23px;
text-indent:-9999px;}

p.people {
margin-left:10px;
margin-top:3px;
background:url(../images/top/counter_people.gif) no-repeat left top;
width:37px;
height:23px;
text-indent:-9999px;}

p.number {
margin-left:10px;
margin-top:3px;
background:url(../images/top/counter_number.gif) no-repeat left top;
width:37px;
height:23px;
text-indent:-9999px;}

/* CONTENTSMENU BOX *************************************** */
div#contentsbox div.contentsmenubox {
float:right;
margin:0 13px 0 0!important; margin:0 10px 0 0;
}

div#contentsbox div.contentsmenubox h2 {
display:none;
text-indent:-9999px;
}

div#contentsbox div.contentsmenubox ul li {
width:290px;
height:38px;
padding:14px 0 0 14px;
background:no-repeat left top;
}
div#contentsbox div.contentsmenubox ul li.cmenu_about { background:url(../images/top/cmenu_about_bg.gif); }
div#contentsbox div.contentsmenubox ul li.cmenu_afforestation { background:url(../images/top/cmenu_afforestation_bg.gif); }





div#contentsbox div.contentsmenubox ul li h3 {
height:12px;
text-indent:-9999px;
}
div#contentsbox div.contentsmenubox ul li.cmenu_about h3 { width:170px; background:url(../images/top/cmenu_about_ttl.gif) no-repeat left top; }
div#contentsbox div.contentsmenubox ul li.cmenu_afforestation h3 { width:74px; background:url(../images/top/cmenu_afforestation_ttl.gif) no-repeat left top; }


div#contentsbox div.contentsmenubox ul li p {
margin-top:2px!important; margin-top:0;
}
div#contentsbox div.contentsmenubox ul li p span.l {
float:left;
}
div#contentsbox div.contentsmenubox ul li p span.r {
float:right;
margin-right:55px;
}

/* CONTENTSMENU02 BOX *************************************** */
div#contentsbox div.contentsmenubox02 {
float:right;
margin:10px 13px 0 0!important; margin:10px 10px 0 0;
}

div#contentsbox div.contentsmenubox02 h2 {
display:none;
text-indent:-9999px;
}

div#contentsbox div.contentsmenubox02 ul li {
margin-bottom:5px;
/*padding:14px 0 0 14px;*/
background:no-repeat left top;
}

div#contentsbox div.contentsmenubox02 ul li a{
width:300px;
height:84px;
display:block;
text-indent:-9999px;
/*padding:14px 0 0 14px;*/
}

div#contentsbox div.contentsmenubox02 ul li.cmenu_t-map { background:url(../images/top/treemap_btn.gif); }
div#contentsbox div.contentsmenubox02 ul li.cmenu_media { background:url(../images/top/release_btn.gif); }


div#contentsbox div.contentsmenubox02 ul li h3 {
text-indent:-9999px;
}

/* BANNER_AREA BOX *************************************** */

div.contensbox2 {
width:850px;
clear:both;}

div#contentsbox div.banner_area {
width:190px;
margin-top:13px;
float:left;
text-align:right;}

div.banner_area li {
float:left;}

li.cmenu_blog {
margin-left:30px!important;margin-left:15px;}

div.banner_area li.cmenu_blog p {
margin:5px;
padding:0 0 0 5px;}

p.red {
color:#598a92;}

li.yoshino_link {
margin-left:34px;}

li.cmenu_blog h3 {
text-indent:-9999px;}

li.cmenu_blog p {
margin:30px 10px 10px 10px;}

div#contentsbox div.banner_area ul li.cmenu_blog { background:url(../images/top/cmenu_blog_bg.gif);
width:169px;
height:121px;
padding-top:22px;}

div#contentsbox div.banner_area ul li.cmenu_blog h3 { width:87px; background:url(../images/top/cmenu_blog_ttl.gif) no-repeat left top;
margin-left:15px;
height:14px;}

div#contentsbox div.banner_area ul li.cmenu_blog h3.new { width:109px; height:26px;
margin-left:15px;
margin-top:-12px;
background:url(../images/top/cmenu_blog_ttl_new.gif) no-repeat left top; }


/* COLLABORATION BOX *************************************** */
div#contentsbox div.collaborationbox {
float:left;
width:834px;
margin:10px 0 0 0;
padding-bottom:5px!important;padding-bottom:10px;
background:url(../images/top/collaboration_bg.gif) no-repeat left bottom;
}

div#contentsbox div.collaborationbox ul {
margin-left:50px!important;margin-left:45px;
}

ul.b_kigyo li {
margin:6px;
float:left;
overflow: hidden;
}
ul.b_kigyo li:after {
content: ""; display: block; clear: both; height: 1px; overflow: hidden;
}
/*\*/
*html ul.b_kigyo li {
height: 1em; overflow: visible;
}
/**/

ul.b_sports {
clear:both;}

ul.b_sports li {
margin:6px;
float:left;}

ul.b_music {
clear:both;}

ul.b_music li {
margin:6px;
float:left;}

div#contentsbox div.collaborationbox h2.h_collaboration {
width:834px;
height:48px;
background:url(../images/top/collaboration_ttl.gif) no-repeat top left;
text-indent:-9999px;
}
div#contentsbox div.collaborationbox h2.h_collaboration_now {
width:834px;
height:48px;
background:url(../images/top/collaboration_ttl_now.gif) no-repeat top left;
text-indent:-9999px;
}
div#contentsbox div.collaborationbox h2.h_collaboration_fin {
width:834px;
height:48px;
background:url(../images/top/collaboration_ttl_fin.gif) no-repeat top left;
text-indent:-9999px;
}

div#contentsbox div.collaborationbox div.slider {
width:500px;
height:85px;
margin:0 0 13px 17px;
padding:12px 0 0 0;
background:url(../images/top/collaboration_slider_bg.gif) no-repeat left top;
}

li.N_collabo {
background:url(../images/top/icon_new.gif) no-repeat right top;
width:134px;
height:76px;
padding-top:16px;
}
li.C_collabo {
background:url(../images/top/icon_cs.gif) no-repeat right top;
width:134px;
height:76px;
padding-top:16px;
}

li.L_collabo {
width:134px;
height:76px;
padding-top:16px;
}


/* PROJECT BOX *************************************** */
div#contentsbox div.projectbox {
float:left;
width:834px;
margin:20px 0 10px 0;
padding-bottom:5px!important;padding-bottom:10px;
background:url(../images/top/collaboration_bg.gif) no-repeat left bottom;
}

div#contentsbox div.projectbox ul {
margin-left:50px!important;margin-left:45px;
}
div#contentsbox div.projectbox ul li {
margin:6px;
float:left;
overflow: hidden;
}

div#contentsbox div.projectbox ul li:after {
content: ""; display: block; clear: both; height: 1px; overflow: hidden;
}
/*\*/
*html div#contentsbox div.projectbox ul li {
height: 1em; overflow: visible;
}
/**/

div#contentsbox div.projectbox h2.h_project {
width:834px;
height:48px;
background:url(../images/top/project_ttl.gif) no-repeat top left;
text-indent:-9999px;
}




/* NEWS SLIDER **
.news_slider {
position:relative;
width:474px;
margin:0 auto;
text-align:left;
}
.news_slider .prev, .news_slider .next {
position:absolute;
top:42%;
display:none;
}
.news_slider .next {
right:0;
}
.news_slider .container {
position:relative;
top:0;
left:0;
float:left;
display:inline;
background:#dbecdb;
}
.news_slider .news_items {
position:relative;
width:426px;
top:0;
left:25px;
overflow:hidden;
background:#dbecdb;
}
.news_slider .item {
float:left;
display:inline;
width:134px;
margin-right:12px;
}

*/