@charset "utf-8";

/*
トップページスタイル設定
*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■1.common
■2.トップページヘッダー動画
■3.トップページ SDGs
■4.トップページ 他LOM記事
■5.トップページ メニュー一覧
■6.トップページ Believe コンテンツ
■7.事業用リンクバナー

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■1.common
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#toppage{
	width:100%;
	margin:0 auto 0 auto;
//	padding:146px 0px 0px 0px;
	padding:100px 0px 0px 0px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■2.トップページヘッダー動画
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#toppage #top_movie{
	width:100%;
//	width:calc(100% - 60px);
//	height:600px;
	margin: 0px auto 40px auto;
	padding:30px 0px 30px 0px;
	background-color:#F0F0F0;
//	background-image:url(../images/top/top_movie.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	position:relative;
}

#toppage #top_movie .video {
	width:100%;
	max-width:1160px;
	margin:0 auto 0px auto;
	padding:0 0px 0 0;
	text-align:center;
	position:relative;
//	background-color:#CCC;
	overflow:hidden;
	z-index:1;
}

#toppage #top_movie .video:before {
    content:"";
    display: block;
//	padding-top: 600px;
	padding-top: 56.25%; /* 16:9 */
}

#toppage #top_movie .video .video_in {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align:center;
}

#toppage #top_movie .video .video_in:before{
	content:"";
    position: absolute;
	width:100%;
	height:100%;
	left:0;
    top: 0px;
//	background:url(../images/common/bg_topmovie.png); 
	background-repeat: repeat;
//	background-size: cover;
	z-index:10;
}

#toppage #top_movie .video .video_in video{
	position: absolute;
    width: 101%;
    height: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#toppage #top_movie .top_main_image {
	width:100%;
	max-width:1160px;
	margin:0 auto 0px auto;
	padding:0 0px 0 0;
	text-align:center;
	overflow:hidden;
	z-index:1;
}
#toppage #top_movie .top_main_image img {
	max-width:1160px;
	height:auto;
}
#toppage #top_movie .top_main_image_txt {
	text-align:center;
	margin:20px 0 0 0;
	font-size:16px;
}


/*
キャッチコピー
------------------------------------*/
#toppage #top_movie .copy{
	width:100%;
	margin: 0px auto 0px auto;
	padding: 220px 0px 0px 0px;
	text-align:center;
	z-index:3;
	position:absolute;
	display:none !important;
}

/*
リンクバナー
------------------------------------*/
#toppage #top_movie .link{
	width:180px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	z-index:3;
	position:absolute;
	right:30px;
	bottom:30px;
}

#toppage #top_movie .link ul {
	margin:0 0px 0px 0px;
	padding:0 0px 0px 0px;
}

#toppage #top_movie .link ul li {
	margin:0 0px 15px 0px;
	padding:0px 0px 0px 0;
}

#toppage #top_movie .link ul li:last-child {
	margin-bottom: 0px;
}

#toppage #top_movie .link ul li a {
	display:block;
	font-weight: normal;
	text-decoration: none;
	position:relative;
}

#toppage #top_movie .link ul li a:hover{
	opacity: 0.75; 
	filter: alpha(opacity=75); 
	-ms-filter: "alpha(opacity=75)"; 
	-khtml-opacity: 0.75; 
	-moz-opacity: 0.75; 
}

#toppage #top_movie .link ul li.event {
	padding:0px 0px 0px 0px;
	background-color:#00608A;
	text-align:center;
	color:#FFF;
	line-height:1.3;
}

#toppage #top_movie .link ul li.event a{
	margin:0px 0px 0px 0px;
	padding:20px 15px 20px 15px;
	color:#FFF;
	text-decoration:none;
}

#toppage #top_movie .link ul li.event h4{
	margin: 0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;
	font-weight:500;
}

#toppage #top_movie .link ul li.event .date{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 4px;
	font-size:14px;
	font-weight:400;
}

#toppage #top_movie .link ul li.event .date:before {
	margin:0 4px 0 0px;
	content: "\e85b";
	font-family: "fontello";
	font-size:16px;
	display:inline-block;
	position: relative;
	top:0px;
}

#toppage #top_movie .link ul li.event .date strong{
	margin:0 2px 0 3px;
	font-size:23px;
	font-family: 'Marcellus', serif;
	vertical-align:-2px;
}

#toppage #top_movie .link ul li.event .btn_more{
	width:100%;
	margin: 8px auto 0px auto;
	padding:0px 3px 0px 0px;
	display:block;
	height:25px;
	line-height:23px;
	color:#FFF;
	background-color:#003A53;
	text-align:center;
	text-decoration:none;
	position:relative;
	font-size:13px;
	font-weight:400;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}

#toppage #top_movie .link ul li.event .btn_more:after {
	margin:0px 0px 0 0;
	content: "\e817";
	font-family: "fontello";
	font-size:22px;
	font-weight:normal;
	position: absolute;
	display:block;
	color:#FFF;
	right:12px;
	top:calc(50% - 12px);
}

#toppage #top_movie .link ul li.believe a img{
	width: 100%;
	height: auto;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 2019.7.5add JCI houdousenryaku2019 imai
 2020年度会頭内定のお知らせ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#informal_president{

}
#informal_president a{
    width: 800px;
    display: block;
    margin: 0 auto 30px auto;
}
#informal_president img{
	width: 100%;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■3.トップページ SDGs
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#toppage #sdgs_link{
	margin: 0px auto 45px auto;
	padding:0px 0 0px 0;
    position:relative;
	text-align:center;
}

#toppage #sdgs_link a:hover{
	opacity: 0.75; 
	filter: alpha(opacity=75); 
	-ms-filter: "alpha(opacity=75)"; 
	-khtml-opacity: 0.75; 
	-moz-opacity: 0.75; 
}

#toppage #sdgs_link a img{
	width:230px;
	height:auto;
}

#toppage #sdgs_link p{
	margin: 10px 0px 0px 0px;
	padding:0px 0 0px 0;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■4.トップページ 他LOM記事
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#toppage #hot_article{
	margin: 0px 0px 75px 0px;
	padding:0px 0 0px 0;
    position:relative;
}

#toppage #hot_article ul {
	width:100%;
	margin:0 auto 0px auto;
	padding:0 0px 0px 0px;
}

#toppage #hot_article ul.slider .slick-list li {
	width:180px !important;
	margin:0 20px 0px 0;
	padding:0px 0px 0px 0px;
	position:relative;
	background-color:#FFF
}

#toppage #hot_article ul.slider .slick-list li .area{
	width:74px;
	margin:0px 0px 0px 0px;
	padding:3px 5px 0px 5px;
	text-align:center;
	height:36px;
	line-height:1.3;
	font-size:12px;
	font-weight:300;
	color:#FFF;
	letter-spacing:0.05em;
	text-indent:0.05em;
	background-color:#292929;
	position:absolute;
	left:-5px;
	top:-5px;
	z-index:10;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis; /* Opera9,10対応 */
}

#toppage #hot_article ul.slider .slick-list li .area span{
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:1.1;
	font-size:10px;
	font-weight:300;
	color:#CCC;
	letter-spacing:0em;
	text-indent:0em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis; /* Opera9,10対応 */
}

#toppage #hot_article ul .slick-list li a {
	display:block;
	padding:0px 0px 0px 0px;
	font-weight: normal;
	text-decoration: none;
	position:relative;
}

#toppage #hot_article ul .slick-list li a:hover{
	opacity: 0.7; 
	filter: alpha(opacity=70); 
	-ms-filter: "alpha(opacity=70)"; 
	-khtml-opacity: 0.7; 
	-moz-opacity: 0.7; 
}

#toppage #hot_article ul .slick-list li a .photo {
	width:100%;
	margin:0 0px 0px 0;
	padding:0 0px 0 0;
	text-align:center;
	position:relative;
	background-color:#EEEEEE;
	overflow:hidden;
	display: block;
}

#toppage #hot_article ul .slick-list li a .photo:before {
    content:"";
    display: block;
	padding-top: 75.0%; /* 比率4:3 */
}

#toppage #hot_article ul .slick-list li a .photo .photo_in {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align:center;
}

#toppage #hot_article ul .slick-list li a .photo .photo_in:before{
	content:"";
    position: absolute;
	width:100%;
	height:100%;
	left:0;
    top: 0px;
	background:url(../images/common/img_mask.png); 
	background-repeat: no-repeat;
	background-size: cover;
	z-index:1;
}

#toppage #hot_article ul .slick-list li a .photo .photo_in img{
	position: absolute;
	height: 101%;
	width: auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
    -webkit-transition: all .3s ease-out !important;
    -moz-transition: all .3s ease-out !important;
    -ms-transition: all .3s ease-out !important;
    transition: all .3s ease-out !important;
	display: block
}

#toppage #hot_article ul .slick-list li a:hover .photo .photo_in img{
	height: 110%;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■5.トップページ メニュー一覧
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#toppage #top_menu{
	width:1160px;
	margin: 0px auto 80px auto;
	padding:0px 0px 0px 0px;
}

#toppage #top_menu ul {
	width:100%;
	margin: 0 auto 0px auto;
}

#toppage #top_menu ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#toppage #top_menu ul > li {
	width: 216px;
	margin: 0px 0px 20px 20px;
	padding: 0px 0px 0px 0px;
	float:left;
	display:block;
	color: #333;
	vertical-align:middle;
}

#toppage #top_menu ul > li:nth-child(5n + 1) {
	clear: left;
	margin-left:0px;
}

#toppage #top_menu ul > li a {
	display:block;
	text-decoration: none;
	position:relative;
	color:#FFF;
	background-color:#CCC;
	background-repeat: no-repeat;
	background-position: center center;
}

#toppage #top_menu ul > li a:hover{
	opacity: 0.85; 
	filter: alpha(opacity=85); 
	-ms-filter: "alpha(opacity=85)"; 
	-khtml-opacity: 0.85; 
	-moz-opacity: 0.85;
}

#toppage #top_menu ul > li a:before {
    content:"";
    display: block;
	padding-top: 100.0%;
	position:relative;
}

#toppage #top_menu ul > li a .inbox {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align:center;
	vertical-align:middle;
}

#toppage #top_menu ul > li a .inbox .inbox2 {
	position: absolute;
	width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#toppage #top_menu ul > li a .inbox .inbox2 h2{
	margin: 5px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	font-size:17px;
	line-height:1.3;
	font-weight:500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis; /* Opera9,10対応 */
}

#toppage #top_menu ul > li a .inbox .inbox2 p{
	margin: 103px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	font-size:12px;
	font-weight:400;
	line-height:16px;
	height:32px;
	overflow: hidden;
}

/*
個別設定（背景色）
------------------------------------*/
/*
#toppage #top_menu ul > li[class^="menu01"] a {
	background-color:#EA9143;
}
#toppage #top_menu ul > li.menu02 a {
	background-color:#27AE60;
}
#toppage #top_menu ul > li.menu03 a {
	background-color:#A1B91D;
}
#toppage #top_menu ul > li.menu04 a {
	background-color:#E67168;
}
#toppage #top_menu ul > li.menu05 a {
	background-color:#2DA991;
}
#toppage #top_menu ul > li.menu06 a {
	background-color:#AA72C1;
}
#toppage #top_menu ul > li.menu07 a {
	background-color:#526476;
}
*/

#toppage #top_menu ul > li.menu01_01 a {
	background-color:#e4011e;
}
#toppage #top_menu ul > li.menu01_02 a {
	background-color:#d6a600;
}
#toppage #top_menu ul > li.menu01_03 a {
	background-color:#1b963a;
}
#toppage #top_menu ul > li.menu01_04 a {
	background-color:#c50e28;
}
#toppage #top_menu ul > li.menu01_05 a {
	background-color:#e83418;
}
#toppage #top_menu ul > li.menu01_06 a {
	background-color:#00a6d8;
}
#toppage #top_menu ul > li.menu01_07 a {
	background-color:#fabc00;
}
#toppage #top_menu ul > li.menu01_08 a {
	background-color:#970931;
}
#toppage #top_menu ul > li.menu01_09 a {
	background-color:#ec6a06;
}
#toppage #top_menu ul > li.menu02 a {
	background-color:#dc097b;
}
#toppage #top_menu ul > li.menu03 a {
	background-color:#f5a10b;
}
#toppage #top_menu ul > li.menu04 a {
	background-color:#d39206;
}
#toppage #top_menu ul > li.menu05 a {
	background-color:#28a738;
}
#toppage #top_menu ul > li.menu06 a {
	background-color:#004c88;
}
#toppage #top_menu ul > li.menu07 a {
	background-color:#023067;
}

#toppage #top_menu ul > li.menu01_01 a {
	background-image: url(../images/top/menu01_01.png);
}
#toppage #top_menu ul > li.menu01_02 a {
	background-image: url(../images/top/menu01_02.png);
}
#toppage #top_menu ul > li.menu01_03 a {
	background-image: url(../images/top/menu01_03.png);
}
#toppage #top_menu ul > li.menu01_04 a {
	background-image: url(../images/top/menu01_04.png);
}
#toppage #top_menu ul > li.menu01_05 a {
	background-image: url(../images/top/menu01_05.png);
}
#toppage #top_menu ul > li.menu01_06 a {
	background-image: url(../images/top/menu01_06.png);
}
#toppage #top_menu ul > li.menu01_07 a {
	background-image: url(../images/top/menu01_07.png);
}
#toppage #top_menu ul > li.menu01_08 a {
	background-image: url(../images/top/menu01_08.png);
}
#toppage #top_menu ul > li.menu01_09 a {
	background-image: url(../images/top/menu01_09.png);
}
#toppage #top_menu ul > li.menu02 a {
	background-image: url(../images/top/menu02.png);
}
#toppage #top_menu ul > li.menu03 a {
	background-image: url(../images/top/menu03.png);
}
#toppage #top_menu ul > li.menu04 a {
	background-image: url(../images/top/menu04.png);
}
#toppage #top_menu ul > li.menu05 a {
	background-image: url(../images/top/menu05.png);
}
#toppage #top_menu ul > li.menu06 a {
	background-image: url(../images/top/menu06.png);
}
#toppage #top_menu ul > li.menu07 a {
	background-image: url(../images/top/menu07.png);
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■6.トップページ Believe コンテンツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#toppage #believe_contents{
	margin: 0px 0px 0px 0px;
	padding:70px 0 70px 0;
	background-color:#EEEEEE;
	border-bottom:1px solid #CCC;
}

#toppage #believe_contents h3{
	margin:0px auto 8px auto;
	padding:0px 0px 0px 0px;
	line-height:1.2;
	font-size:44px;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	color:#0097D7;
	letter-spacing:0.02em;
	text-indent:0.02em;
	text-align:center;
	position:relative;
	border:none;
}

#toppage #believe_contents p{
	width:100%;
	margin:0px 0px 35px 0;
	font-size:15px;
	font-weight:400;
	letter-spacing:0.03em;
	text-indent:0.03em;
	color:#333;
	text-align:center;
}

#toppage #believe_contents .art_slide {
	width:1160px;
	margin:0 auto 0px auto;
	padding:0 0px 0px 0px;
    position:relative;
}

#toppage #believe_contents .art_slide ul {
	width:100%;
	margin:0 auto 0px auto;
	padding:0 0px 0px 0px;
}

#toppage #believe_contents .art_slide ul.slider .slick-list li {
	width:180px !important;
	margin:0 15px 0px 0;
	padding:0px 0px 0px 0px;
	position:relative;
	background-color:#FFF
}

#toppage #believe_contents .art_slide ul .slick-list li a {
	display:block;
	padding:0px 0px 0px 0px;
	text-decoration: none;
	position:relative;
	height:265px;
}

#toppage #believe_contents .art_slide ul .slick-list li a:hover{
	opacity: 0.7; 
	filter: alpha(opacity=70); 
	-ms-filter: "alpha(opacity=70)"; 
	-khtml-opacity: 0.7; 
	-moz-opacity: 0.7; 
}

#toppage #believe_contents .art_slide ul .slick-list li a .category{
	width:70px;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	text-align:center;
	height:20px;
	line-height:19px;
	font-size:11px;
	font-weight:300;
	color:#FFF;
	letter-spacing:0.05em;
	text-indent:0.05em;
	background-color:#292929;
	position:absolute;
	left:8px;
	top:8px;
	z-index:10;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis; /* Opera9,10対応 */
}

#toppage #believe_contents .art_slide ul .slick-list li a .photo {
	width:100%;
	margin:0 0px 0px 0;
	padding:0 0px 0 0;
	text-align:center;
	position:relative;
	overflow:hidden;
	display: block;
}

#toppage #believe_contents .art_slide ul .slick-list li a .photo:before {
    content:"";
    display: block;
	padding-top: 100.0%; /* 比率1:1 */
}

#toppage #believe_contents .art_slide ul .slick-list li a .photo .photo_in {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align:center;
}

#toppage #believe_contents .art_slide ul .slick-list li a .photo .photo_in:before{
	content:"";
    position: absolute;
	width:100%;
	height:100%;
	left:0;
    top: 0px;
	background:url(../images/common/img_mask.png); 
	background-repeat: no-repeat;
	background-size: cover;
	z-index:1;
}

#toppage #believe_contents .art_slide ul .slick-list li a .photo .photo_in img{
	position: absolute;
	height: 101%;
	width: auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
    -webkit-transition: all .3s ease-out !important;
    -moz-transition: all .3s ease-out !important;
    -ms-transition: all .3s ease-out !important;
    transition: all .3s ease-out !important;
	display: block
}

#toppage #believe_contents .art_slide ul .slick-list li a:hover .photo .photo_in img{
	height: 110%;
}

#toppage #believe_contents .art_slide ul .slick-list li a h4{
	width:auto;
	margin: 10px 0 10px 0;
	padding: 0px 10px 0px 10px;
	font-size:11px;
	line-height:13px;
	letter-spacing:0;
	font-weight:300;
	border:none;
	color:#333;
	height:39px;
	overflow:hidden;
	word-break : break-all;
	text-align:left;
}

#toppage #believe_contents .art_slide ul .slick-list li a .date {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	color:#666;
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	font-size:11px;
	line-height:1.1;
}

#toppage #believe_contents a.btn_more{
	width:280px;
	margin: 35px auto 0px auto;
	padding:0px 0px 0px 0px;
	display:block;
	height:60px;
	line-height:58px;
	color:#FFF;
	background-color:#0097D7;
	text-align:center;
	text-decoration:none;
	position:relative;
	font-size:15px;
	font-weight:400;
}

#toppage #believe_contents a.btn_more:after {
	margin:0px 0px 0 10px;
	content: "\e813";
	font-family: "fontello";
	font-size:22px;
	font-weight:normal;
	position: relative;
	display:inline-block;
	color:#FFF;
	top:2px;
}

#toppage #believe_contents a.btn_more:hover {
	background-color:#16607F;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■7.事業用リンクバナー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#toppage #project_banner{
	margin: 60px auto 50px auto;
	padding:0px 30px 0px 30px;
	position: relative;
}

#toppage #project_banner ul {
	width:100%;
	margin: 0 auto 0px auto;
	text-align:center;
	letter-spacing:-1em;
}

#toppage #project_banner ul li {
	width:250px;
	display:inline-block;
	margin:0px 14px 28px 14px;
	padding:0px 0px 0px 0;
	letter-spacing:normal;
	vertical-align: middle;
}

#toppage #project_banner ul li a {
	display:block;
	font-weight: normal;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	position:relative;
}

#toppage #project_banner ul li a:hover{
	opacity: 0.7; 
	filter: alpha(opacity=70); 
	-ms-filter: "alpha(opacity=70)"; 
	-khtml-opacity: 0.7; 
	-moz-opacity: 0.7; 
}

#toppage #project_banner ul li a img{
    width: 100%;
    height: auto;
}

#toppage #special_banner {
	width:100%;
	margin:10px auto 10px auto;
	text-align: center;
}

#toppage #special_banner a{
	display:inline-block;
	margin:0 40px 0 40px;
	width:500px;
	height:auto;
}
#toppage #special_banner img{
	width:100%;
}