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


/* トップ枠設定
---------------------------------------------- */
#main_top{
width:720px;
float:left;
overflow:hidden;
zoom:1;
}

#main_left{
float:left;
width:240px;
}

#main_right{
float:right;
width:480px;
}


/* ヘッダー
---------------------------------------------- */
#header{
height:30px;
background:url(../img/head_bg.gif) repeat-x;
}

#header p,#header a{
padding:5px 10px 0 0;
text-align:right;
color:#CCC;
}

#header a{text-decoration:none;}
#header a:hover{text-decoration:underline;}


/* メイン内容(共通)
---------------------------------------------- */
/* タイトル */
#main_right h2{
width:410px;
padding:5px 0 5px 20px;
color:#FFF;
font-size:14px;
background:url(../img/icon.gif) 10px center no-repeat #5B98C7;
}

/* 続きはこちら */
.next{text-align:right;margin-bottom: 10px;}
.next span{font-size:10px;}



/* ニュース＆トピックス ---------- */

/* 枠基本情報 */
#news{
width:440px;
margin:20px auto 0;
}

#news_list{
width:410px;
margin:15px 0 0 10px;
}

/* ニュース指定 */
.news_title{
border-bottom:solid 1px #E6E6E6;
text-align:left;
padding-bottom:15px;
}

.news_title2{
border-bottom:solid 1px #E6E6E6;
}

.news_title dl.first{
font-size:14px;
margin-bottom:5px;
}

.news_title2 dl{padding:15px 0;}

.news_title dt,
.news_title dd,
.news_title2 dt,
.news_title2 dd{
float:left;
}

.news_title dt, .news_title2 dt{width:90px;}
.news_title dd, .news_title2 dd{width:310px;}

.news_title .date img{
float:left;
width:80px;
}

.news_title .date p{
float:left;
margin-left:10px;
width:310px;
}

/* 斜面の安全・安心研究会とは？ ---------- */
/* 枠基本情報 */
#about{
width:440px;
margin:20px auto 0;
}

#about_copy{
width:420px;
margin:15px auto 0;
}

#about_copy p{margin-top:10px;}

.about_list{
width:420px;
margin:20px auto 0;
}

#border,
.about_title,
.about_title .date img,
.about_title .date .data_box,
.about_title .date h3 img,
.about_title .date p{
float:left;
}

#border{
margin:0 5px 0 4px;
}

.about_title{
width:420px;
}

.about_title .date h3{
	font-size: 16px;
	font-weight: bold;
	margin-left:5px;
}
.about_title .date img{
width:80px;
}

.about_title .date h3 img{
width:110px;
margin-left:5px;
}

.about_title .date p{
margin-top:5px;
margin-left:5px;
width: 330px
}



/* 共通 */
.news_title dl,
.news_title2 dl,
.news_title .date,
.about_list,
.about_title .date{
overflow:hidden;
zoom:1;
}

/* add_20210526
================================== */

.movie_banner_area {
	margin-top: 30px;
	margin-bottom: 46px;
}
.movie_banner_area a {
	display: block;
	width: 378px;
	margin: 0 auto;
	opacity: 1;
	transition: 0.4s;
}
.movie_banner_area a:hover {
	opacity: 0.5;
	transition: 0.4s;
}