@charset "utf-8";

/*-------------------
main_img
-------------------*/
.main_bg{
	background:#F2EEE6;
	height:310px;
	border-bottom:solid 1px #CCCCCC;
	min-width:1000px;
}

.main{
	width:980px;
	margin:0 auto;
	padding:10px 5px 0 5px;
	position:relative;
}
.main img{
	display:block;box-shadow:0 0 4px rgba(0,0,0,0.4);
}


.slide_btn_box{
	width:980px;
}
.bt_left{
	background:url(../../images/main_left.png) no-repeat;
	width:30px;
	height:30px;
	position:absolute; 
	top:155px;
	left:-8px;
}
.bt_left a,.bt_right a{
	display:block;
	width:100%;
	height:100%;	
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.bt_right{
	background:url(../../images/main_right.png) no-repeat;
	width:30px;
	height:30px;
	position:absolute; 
	top:155px;
	right:-8px;
}



/*-------------------
content
-------------------*/
.content{
	width:980px;
	margin:0 auto;
	padding-top:25px;
}


/*--- pickup ---*/
.pickup{
	width:360px;
	border-top:#901D22 solid 3px;
	float:left;
	margin-left:20px;
}

h2{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin:13px 0;
	}


/*--- 活動レポートの一覧ボタン　201906 ---*/
/*--- WEB東京広告協会誌に変更　202304 ---*/
.top_newsletter span.list_newsletter {
  display: block;
  width: 80px;
  height: 20px !important;
  line-height: 20px;
  text-align: center;
	position:relative;
	top:-30px;
	left:284px;
}
.top_hosei span.list_hosei {
  display: block;
  width: 80px;
  height: 20px !important;
  line-height: 20px;
  text-align: center;
	position:relative;
	top: -30px;
	left:284px;
	Z-index: 60;
}
.top_newsletter span.list_newsletter a,
.top_hosei span.list_hosei a{
  font-size: .8em !important;
  font-weight:normal;
  padding: 0.1em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #ff4000;/*色*/
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.top_newsletter span.list_newsletter a:hover ,
.top_hosei span.list_hosei a:hover{
  /*押したとき*/
  opacity:0.5;
//  background: #6a5acd;/*色*/
//  box-shadow: none;
//  text-shadow: none;
}


.top_new_kankei{
	background:url(../../images/top_new_kankei.jpg) no-repeat;
	height:41px;
}
.top_report{
	background:url(../../images/top_report.jpg) no-repeat;
	height:41px;
	margin-bottom:20px;
}
.top_new_member{
	background:url(../../images/top_new_member.jpg) no-repeat;
	height:41px;
	margin-top:20px;
}
.top_new_member{
	background:url(../../images/top_new_member.jpg) no-repeat;
	height:41px;
	margin-top:20px;
}

.top_newsletter{
	height:41px;
	margin-top:20px;
}
h2.top_newsletter{
	text-indent: 0%;
	overflow: visible;
}
h2.top_newsletter a{
	width:350px;
	height:41px;
}
h2.top_newsletter a:hover {
  opacity:0.5;
}


.member{
	display:block;
	width:350px;
	height:auto;
	overflow:hidden;
	margin:10px 10px 30px 10px;
}
.member p a {
	font-size: 110%;
	font-weight: 700;
	color: #0066cc;
	text-decoration: none;
}
.member p a:hover {
	color: #551a8b;
	text-decoration: underline;
}

.member p.nolink {
	font-size: 110%;
	font-weight: 700;
	color: #666666;
	text-decoration: none;
}


.newsletter {
	display:block;
	width:350px;
	height:auto;
	overflow:hidden;
	margin:10px 0 10px 10px;
	padding-bottom:10px;
	border-bottom:#acacac dotted 1px;
}
.newsletter p {
    font-size: 120% !important; 
    line-height: 1.4em
}
.newsletter p.date {
    font-size: 100% !important; 
    line-height: 1.2em
}
.newsletter p.profile {
    display: inline-block;
    margin-top:8px;
    font-size: 80% !important; 
    line-height: 1.2em
}
.newsletter div.ph_newsletter {
	display: inline-block;
	float:right;
	width:110px;
	height:auto;
}
.newsletter div.ph_newsletter img {
	width:100px;
	margin:0 0 0 10px;
}

.pickup img{
	display:block;
}

#pickup{
	position:relative;
}
#report{
	position:relative;
}
.pickup_content{
	width:356px;
	height:220px;
	border:2px #CCCCCC solid;
	border-top:0;
	position:relative;
	overflow:hidden;
}
.pickup_content div{
	float:left;text-align:center;width:356px;
}

<!--.pickup_content img{
	margin:0 auto;
	padding-top:30px;
}
-->
<!--.report_content img{
	margin:0 auto;
	padding-top:30px;
}
-->
.event_left{
	background:url(../../images/event_left.jpg) no-repeat;
	width:20px;
	height:40px;
	position:absolute;
	top:75px;
	left:10px;
}

.event_right{
	background:url(../../images/event_right.jpg) no-repeat;
	width:20px;
	height:40px;
	position:absolute;
	top:75px;
	right:10px;
}

.event_left a,.event_right a{
	display:block;
	width:100%;
	height:100%;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;	
}

.pickup_content p{
	text-align:center;
	margin-top:5px;	
}

/*--- info ---*/
.info,
.info_etc{
	width:600px;
	border-top:#901D22 solid 3px;
	float:left;
}
.info_etc{
	margin-top:30px;
}

.top_info{
	background:url(../../images/top_info.jpg) no-repeat;
	height: 25px;
	width:300px;
	float:left;
}
.top_info_etc{
	background:url(../../images/top_info_etc.jpg) no-repeat;
	height: 25px;
	width:300px;
	float:left;
}

.info_list{
	float:right;
	border-left:#999 solid 1px;
	height:22px;
	width:105px;
	background:url(../images/content_arrow.png) no-repeat 10px;
	margin-top:15px;
}

.info_page{
	background:url(../../images/top_info_page.jpg) no-repeat;
	width:80px;
	height:25px;
	margin-left:25px;
}

.info_page a{
	display:block;
	width:100%;
	height:100%;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.news{
	clear:both;
}

.news ul{
	border-top:#AAA solid 1px;
}

.news li{
	padding:13px 0;
	border-bottom:#999 dotted 1px;
	line-height:26px;
}

.news li .category{
	float:left;
	width:80px;
	height:24px;
	line-height:24px;
	text-align:center;
}
.news_set{
	display:table;
}
.news_set dt{
	display: table-cell;
    vertical-align: middle;
}
.new{
	color: white;
    background-color: #FFA604;
    font-size: 0.8em;
    height: 18px !important;
}
.red{
	background-color:#A51300;
	color:#FFFFFF;
}
.green{
	background-color:#016A8C;
	color:#FFFFFF;
}

.orange{
	background-color:#FF4000;
	color:#FFFFFF;
}

/* お知らせ・イベント用更新（2201追加）*/
.mark {
	display:inline-block;
	margin: 0 auto 5px;
	padding: 5px 10px 4px;
	font-size: 85%;
	line-height: 100%;
	text-align: center;
	color:#191970;
}

.mark.blue { /* 2304改定 */
	border:#191970 solid 1.8px;
	border-radius: 10px;
	background-color:#e0ffff;
	margin: 2px auto 0;
}
.mark.gray {
	border:#191970 solid 1.8px;
	border-radius: 8px;
	background-color:#f5f5f5;
}


/* お知らせ・イベント用更新（2201追加）ここまで */


.news ul li{
	display:table;
}
.news ul li img{
	vertical-align:-3px;
	margin-left:10px;
}
.news ul li .icon{
	display:table-cell;
	vertical-align:middle;
	width:10%;
}
.news ul li .day{
	display:table-cell;
	vertical-align:middle;
	margin:0 15px;
	font-weight:bold;
	width:20%;
	min-height:1em;
	text-align:center;

}
.news ul li .news_text{
	display:table-cell;
	vertical-align:middle;
}
	

/*--- activity ---*/
.top_activity{
	padding-top:30px;
	clear:both;
}

/*-------------------
top_navi
-------------------*/
.top_activity img{
	display:block;

}

.navi{
	background:#F2EEE6;
	width:978px;
	border:#AAA solid 1px;
	border-top:0;
	padding:10px 0px;
	position:relative;
	zoom:0;
}

.navi > ul > li > a{
	display:block;
	width:100%;
	height:100%;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}


.navi > ul{
	width:963px;
	margin:0 auto;
}

.navi > ul > li{
	float:left;
	height:72px;
}

.navi01{
	background:url(../../images/navi01.jpg) no-repeat;
	width:193px;
}
.navi02{
	background:url(../../images/navi02.jpg) no-repeat;
	width:193px;
}
.navi03{
	background:url(../../images/navi03.jpg) no-repeat;
	width:191px;
}
.navi04{
	background:url(../../images/navi04.jpg) no-repeat;
	width:192px;
}
.navi05{
	background:url(../../images/navi05.jpg) no-repeat;
	width:194px;
}
.submenu_box{
	padding-top:14px;
	display:none;
	position:absolute;
	left:0;
	width:980px;
}
.submenu{
	background-color:#E8E3D7;
	border:#891B20 solid 3px;
	
}
.submenu_bk{
	background:url(../../images/submenu_bk.jpg) repeat-x left;
	height:93px;
	position:relative;
}
.submenu_bk h4{
	margin-top:0;
	color:#891B20;
	padding:30px 40px 0;
	font-size:24px;
	font-weight:bold;
}

.submenu_bk span{
	background:url(../../images/mega_arrow.png) no-repeat;
	width:32px;
	height:14px;
	
}
.mega01{
	position:absolute;
	top:-15px;
	left:84px;
}
	
.mega02{
	position:absolute;
	top:-15px;
	left:277px;
}
.mega03{
	position:absolute;
	top:-15px;
	left:470px;
}	
.mega04{
	position:absolute;
	top:-15px;
	left:661px;
}
.mega05{
	position:absolute;
	top:-15px;
	left:854px;
}	
	


.mega03{
	position:absolute;
	top:-15px;
	left:470px;
}	

.mt20{
	margin-top:30px;
	
}


.submenu_bk p{
	padding:0 10px;

}

.submenu ul li{
	background-color:#FFF;
	width:280px;
	height:180px;
	float:left;
	
	margin:20px 0 20px 10px;
	text-align:center;
}
.submenu ul.one li{
	width:180px;
}
.submenu ul li img{
	display:inline;margin-top:5px;object-fit: cover;
}
.submenu ul li p{
	margin-top:0px;
}
.submenu ul li.wtext{
	width:360px;
}
.submenu ul li a{
	text-decoration:none;display:block;width:100%;height:100%;
}
.submenu ul li.wtext h5{
	text-align:center;color:#828574;padding:20px 0 15px 0;font-size:1.3em;font-weight:bold;
}
.submenu ul li.wtext > p{
	width:335px;height:100px;text-align:left;overflow:hidden;margin:0 auto;font-size:.9em;
}
.submenu .banner_navi{
	margin-top:25px;margin-left:34px;background:none;width:auto;height:auto;background:#e3e2e0;padding:5px 5px;
}
.submenu .banner_main{
	background:#FFF;padding:5px;
}
.submenu .banner_main img{
	display:block;padding-right:0;
}


.submenu ul.one li .submenu_m li{
	width:145px;
	height:85px;
	float:left;
	margin:0 10px 10px 0;
}

.submenu ul.one li .submenu_m li img{
	display:block;
	float:left;
	margin-left:5px;
}
.submenu ul.one li .submenu_m li p{
	float:left;
	padding-left:0px;
	width:80px;
	margin-top:20px;
}

.submenu ul.one li .submenu_m li > a{
	display:block;
	width:100%;
	height:100%;
	
}
.nom{
	margin:0 !important;
}
.navi04 ul,.navi05 ul{
	margin-left:7px;
}


/*-------------------
about
-------------------*/
.content_left{
	border-top:#901D22 solid 3px;
	width:480px;
	margin-top:40px;
	float:left;
}

.top_about_box{
	border:#AAA solid 1px;
	border-top:0;
}

.top_about_box h2{
	padding-bottom:13px;	
	margin-bottom:0;
	float:left;
	width:250px;
}

.top_about{
	background:url(../../images/top_about.jpg) no-repeat;
	height: 25px;
}

.about_list{
	float:right;
	border-left:#999 solid 1px;
	height:25px;
	width:105px;
	background:url(../images/content_arrow.png) no-repeat 10px;
	margin-top:12px;
}

.about_list a{
	width:100%;
	height:100%;
	display:block;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}

.details{
	
	background:url(../../images/details.jpg) no-repeat;
	width:80px;
	height:25px;
	margin-left:25px;
}

.about_bottom{
	clear:both;
	border-top:#AAA solid 1px;
}
.content_left img{
	margin:15px;
	float:left;	
}

.about_bottom p{
	padding-top:15px;
	float:left;
	width:350px;
	
}

.content_left ul{
	float:left;
	border-top:#AAA dotted 1px;
	margin-top:10px;
	padding-top:5px;
	padding-bottom:10px;
	width:340px;
	line-height:23px;
}

.content_left li{
	float:left;
	width:90px;
	background:url(../images/content_arrow.png) no-repeat left;
	padding-left:10px;	
}
	
.w130{
	width:130px !important;
}
	
/*-------------------
admission
-------------------*/	
.content_right{
	border-top:#901D22 solid 3px;
	width:480px;
	margin-top:40px;
	margin-left:20px;
	float:left;
}

.top_admission{
	background:url(../../images/top_admission.jpg) no-repeat;
	height:25px;
}
.top_admission_box img{
	display:block;
	line-height:38px;
}


.top_admission_box{
	border:#AAA solid 1px;
	border-top:0;
}
.top_admission_box h2{
	padding-bottom: 13px;
	margin-bottom: 0;
	float: left;
	width: 250px;
}

.top_admission_box a{
	display:block;
	float:right;
	margin:8px 10px 0 0;
}

.admission_bottom{
	clear:both;
	border-top:#AAA solid 1px;
}

.admission_bottom p{
	padding:15px 15px 10px;
}
	
.bk_color{
	background:#F2EEE6;
	margin:0 15px 10px 15px;
	padding:5px 10px;
}
.bk_color p{
	padding:0;
}
.info.pn .text{
	display:inline-block;max-width : 35em;vertical-align:top;
}

/*-------------------
ボタンのデザイン 201906追加
-------------------*/
table.top-news div.btn_box {
  width:100%;
  display: inline-block;
}
table.top-news div.btn{
  width:75px;
  height:26px;
  margin:0 auto;
  padding:0;
  text-align: center;
}
table.top-news div.btn a{
  text-align: center;
  margin:0 auto;
  font-size: .8em !important;
  font-weight:normal;
  padding: 0em 0.2em;
  text-decoration: none;
  color: #FFF;
  background: #ff7f50;/*色*/
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
table.top-news div.btn a:hover{
  /*押したとき*/
//  opacity:0.5;
  background: #ff4500;/*色*/
  box-shadow: none;
  text-shadow: none;
}