@charset "utf-8";

#main{
	margin:0;
	text-align:center;
	height:860px;
	width:100%;
}

#head h1{
	top:568px;
	left:440px;
	z-index:900;
	position:absolute;
	opacity:0;
}

#head .sub_logo{
	top:0;
	left:70px;
	z-index:900;
}
#head .sub_ttl01{
	top:10px;
	left:1075px;
	z-index:900;
}
#head .sub_ttl02{
	top:146px;
	left:75px;
	z-index:990;
}

#head .osha_btn {
	position:absolute;
	top:510px;
	left:155px;
	z-index:900;
}
#head .pre_btn {
	position:absolute;
	top:645px;
	left:145px;
	z-index:900;
}
#head .share_area {
	position:absolute;
	top:607px;
	left:993px;
	z-index:900;
}
#head .line_area {
	position:absolute;
	top:667px;
	left:856px;
	z-index:900;
}
.menu_area{
	width:1204px;
	margin:30px auto;
}
.menu_area li{
	float:left;
}
.head_wrap{
	margin:0;
	width:100%;
	height:860px;
}
.topics {
	background:url(../images/top/bg_news.png) center top no-repeat;
	width:1212px;
	height:274px;
	padding:10px 0 10px;
	margin:0 auto ;
	text-align:left;
}
.news_detail{
	width:940px;
	height:130px;
	overflow-y:scroll;
	margin:80px auto 0;
}
.news_detail .news_title {
	margin-left:-12px;
}
#divRss {
	margin-top:-40px;
}
#divRss li {
	padding:30px 0;
}
#divRss ul {
	padding-top:10px;
}
.Title_area {
	width:887px;
	padding-bottom:30px;
}
.itemTitle {
	padding:0 0 0 60px;
	font-size:18px;
	font-weight:bold;
	line-height:120%;
	color:#E62E8B;
}
.itemTitle a{
	text-decoration:none;
}
.itemDate {
	padding:0 0 0 60px;
}
.present_area{
	width:1260px;
	margin:0 auto;
}
.present_area .present{
	padding-right:10px;
	float:left;
}
.present_area .present_n{
	padding-left:10px;
	float:left;
}


/*top_animation*/

.logo20th img,
.yellow,
.green,
.pink,
.blue,
.sub_logo,
.sub_ttl01,
.sub_ttl02,
#head .osha_btn,
#head .pre_btn,
#head .share_area,
#head .line_area,
.chara01,
.chara02,
.chara03,
.chara04,
.chara05{
	position:absolute;
	opacity:0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity:0;
	-khtml-opacity: 0;
}
.yellow,
.blue{
	left:545px;
	top:381px;
	z-index:990;
}
.green,
.pink{
	left:540px;
	top:349px;
	z-index:990;
}
.logo20th img{
	left:246px;
	top:21px;
	z-index:1000;
}
.chara_area {
	width: 1280px;
	margin: 0 auto;
	position: relative;
}
.chara_area div {
	position:absolute;
}
.chara_area .top_bg_rainbow {
	left:-361px;
	top:0;
	z-index:480;
}
.chara_area .top_bg {
	left:-361px;
	top:0;
	z-index:470;
}
.chara_area .top_border {
	left:-361px;
	top:800px;
	background:url(../images/top/top_border.png) repeat-x;
	z-index:500;
	width:155%;
	height:100px;
}
.chara_area .chara01 {
	left:316px;
	top:388px;
	z-index:510;
}
.chara_area .chara02 {
	left:389px;
	top:275px;
	z-index:500;
}
.chara_area .chara03 {
	left:441px;
	top:224px;
	z-index:490;
}
.chara_area .chara04 {
	left:245px;
	top:100px;
	z-index:480;
}
.chara_area .chara05 {
	left:624px;
	top:100px;
	z-index:470;
}
.chara_area .img_main {
	left:-361px;
	top:0px;
	z-index:460;
	opacity:1;
	position:absolute;
}
.osharebnr{
	margin-bottom:30px;
}
@media only screen and (max-device-width: 960px) {
#main{
	margin:0;
	text-align:center;
	height:890px;
	width:1280px;
	overflow-x:hidden;
}
#contents {
	width:1280px;
	margin:0 auto;
	position:relative;
	padding:0px;
}

.chara_area .img_main {
	left:-361px;
	top:0px;
	z-index:460;
	opacity:1;
	position:absolute;
	overflow-x:hidden;
}
.chara_area .top_border {
	left:0px;
	top:800px;
	background:url(../images/top/top_border.png) repeat-x;
	z-index:500;
	width:100%;
	height:100px;
}
#colorbox{
	top:100px!important;
	left:300px!important;
	
}
}