@charset "utf-8";

/* =================================================================================================
   森記念財団／Events&Reports（PC）
   http://www.mori-m-foundation.or.jp/
   Copyright (C) 2015 THE MORI MEMORIAL FOUNDATION. All Rights Reserved.
================================================================================================= */


body{
	background: url("/img/second_bg.jpg") 0 0;
	background-attachment:fixed;
}


#wrapper{
	width:1000px;
	margin:0 auto;
	padding:30px 0 50px;
}


h1{
	font-size:50px;
	font-weight:normal;
	margin-bottom:35px;
}


/* タブ */
#tab{
	width:1000px;
	margin:0 auto;
	text-align:right;
}
#tab li{
	display:inline-block;
	
	margin-left:10px;
}
*:first-child+html #tab li{
	display:inline;
	zoom:1;
}

#tab li a{
	display:block;
	width:180px;
	height:45px;
	padding-top:15px;
	background-color:#c3c3c3;
	color:#fff;
	text-align:center;
	font-size:24px;
}
#tab .all .on,
#tab .all a:hover{
	text-decoration:none;
	background-color:#009999;
}
#tab .event .on,
#tab .event a:hover{
	text-decoration:none;
	background-color:#fe9a06;
}
#tab .report .on,
#tab .report a:hover{
	text-decoration:none;
	background-color:#eb7c91;
}


#tab_contents{
	width:990px;
	padding:10px 0 40px 10px;
	background-color:#f6f6f6;
	margin:0 auto;
	
	-webkit-box-shadow: 0px 2px 15px 0px #aaa; /* Safari, Chrome用 */
	-moz-box-shadow: 0px 2px 15px 0px #aaa; /* Firefox用 */
	box-shadow: 0px 2px 15px 0px #aaa; /* CSS3 */
}


/* 1件分 */
#tab_contents .box{
	width:320px;
	float:left;
	margin:0 10px 12px 0;
}
#tab_contents .last{
	margin-right:0px;
}
#tab_contents .box a{
	display:block;
	text-decoration:none;
	color:#000;
	padding:20px 20px 60px;
	position:relative;
	-webkit-box-shadow: 0px 0px 0px 0px #999; /* Safari, Chrome用 */
	-moz-box-shadow: 0px 0px 0px 0px #999; /* Firefox用 */
	box-shadow: 0px 0px 0px 0px #999; /* CSS3 */
}
#tab_contents .box a:hover{
	background-color:#fff;
	-webkit-box-shadow: 0px 8px 15px 0px #999; /* Safari, Chrome用 */
	-moz-box-shadow: 0px 8px 15px 0px #999; /* Firefox用 */
	box-shadow: 0px 8px 15px 0px #999; /* CSS3 */

	
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	transition:0.3s;
}
#tab_contents .box .off:hover{
	background:none;
	cursor:default;
	
	-webkit-box-shadow: 0px 0px 0px 0px #999; /* Safari, Chrome用 */
	-moz-box-shadow: 0px 0px 0px 0px #999; /* Firefox用 */
	box-shadow: 0px 0px 0px 0px #999; /* CSS3 */
	
	-webkit-transition:0.0s;
	-moz-transition:0.0s;
	transition:0.0s;
}

#tab_contents .box a .new{
	position:absolute;
	top:25px;
	right:25px;
	z-index:2;
	width:50px;
	height:34px;
	padding-top:16px;
	background-color:#C00;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
}

#tab_contents .box a .photo{
	width:280px;
	height:200px;
	margin-bottom:10px;
	text-align:center;
	overflow:hidden;
}
#tab_contents .box a .photo img{
	position:relative;
}
#tab_contents .box a .title{
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
}
#tab_contents .box a .title span{
	position:relative;
	display:block;
}
#tab_contents .box a .date{
	font-size:15px;
	line-height:150%;
	color:#666;
}
#tab_contents .box a .organizer{
	font-size:15px;
	line-height:150%;
	color:#666;
}
#tab_contents .box a .location{
	font-size:15px;
	line-height:150%;
	margin-bottom:15px;
	color:#666;
}
#tab_contents .box a .text{
	font-size:15px;
	line-height:150%;
	margin-bottom:20px;
}
#tab_contents .box a .btn{
	width:280px;
	height:45px;
	color:#fff;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	line-height:45px;
	background-color:#c3c3c3;
	position:absolute;
	left:20px;
	bottom:20px;
}


#tab_contents .box a .pdf_btn{
	background: url("/img/ius_events_btn_pdf.png") 0 0 no-repeat;
	background-color:#c3c3c3;
}
#tab_contents .box a .blank_btn{
	background: url("/img/ius_events_btn_blank.png") 0 0 no-repeat;
	background-color:#c3c3c3;
}
#tab_contents .report a:hover .btn{
	background-color:#eb7c91;
}
#tab_contents .event a:hover .btn{
	background-color:#fe9a06;
}


.icon_report{
	width:69px;
	height:26px;
	text-align:center;
	color:#fff;
	background-color:#eb7c91;
	font-size:12px;
	line-height:26px;
	margin-bottom:15px;
}

.icon_event{
	width:69px;
	height:26px;
	text-align:center;
	color:#fff;
	background-color:#fe9a06;
	font-size:12px;
	line-height:26px;
	margin-bottom:15px;
}




/* ----------------------------------------------------------------------------
　ページング
---------------------------------------------------------------------------- */
.paging_top{
	display:none !important;
}

.paging{
	position:relative;
	height:29px;
	width:500px;
	margin:50px auto 0;
}

.paging .last{
	position:absolute;
	top:0px;
	right:63px;
}

.paging ul{
	position:absolute;
	top:0px;
	left:60px;
}

.paging ul li{
	width:29px;
	height:29px;
	float:left;
	margin-right:24px;
	text-align:center;
	font-size:16px;
	line-height:29px;
	cursor:pointer;
}
.paging ul li:hover{
	background-color:#ddeded;
	color:#009999;
}
.paging ul .on,
.paging ul .on:hover{
	background-color:#009999;
	color:#fff;
}
.paging .last{
	position:absolute;
	top:0px;
	right:60px;
	width:90px;
}
.paging .last span{
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	width:29px;
	height:29px;
	margin-right:24px;
	text-align:center;
	font-size:16px;
	line-height:29px;
	cursor:pointer;
}
.paging .last span:hover{
	background-color:#ddeded;
	color:#009999;
}


.paging .prev{
	position:absolute;
	top:0px;
	left:0px;
}
.paging .prev a{
	display:block !important;
	width:29px;
	height:29px;
	
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	
	background: url("/img/ius_events_prev.png") 0 0 no-repeat;
}
.paging .prev a:hover{
	background: url("/img/ius_events_prev_on.png") 0 0 no-repeat;
}

.paging .next{
	position:absolute;
	top:0px;
	right:0px;
}
.paging .next a{
	display:block;
	width:29px;
	height:29px;
	
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	
	background: url("/img/ius_events_next.png") 0 0 no-repeat;
}
.paging .next a:hover{
	background: url("/img/ius_events_next_on.png") 0 0 no-repeat;
}