@charset "UTF-8";

/* =====  ロゴ  ===== */
body {
	position: relative;
}
body div#logo_roppongi {
	position: absolute;
	right: 30px;
	top: 600px;
	z-index: 999;
}


/* =====  ヘッダ  ===== */
header {
	background: #fff;
	height: 730px;
	background: url(../images/top_bg_1280.jpg) no-repeat 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    width: 100%;
}
header p.top_lead {
	background: #e7e7eb;
	padding: 10px 0 0 10px;
	margin: 0;
	height: 28px
}
header .hd_wrapper {
	width: 100%;
	margin: auto;
	position: relative;
	height: 148px;
	background: #005dea;
	filter:alpha(opacity=90);
    -moz-opacity: 0.90;
    opacity: 0.90;
}

/* =====  ボディ  ===== */
article {
	background: #fff;
}

article section {
	width: 100%;
	margin: 0 auto;
}
/* =====  パネル  ===== */
article section#panel {
	width: 100%;
}
/* =====  メインパネル  ===== */
article section#panel ul#main_panel {
	margin: 2px auto;
}
article section#panel ul#main_panel li {
	float: left;
	height: 390px;
	width: 25%;
	border-right: 2px solid #fff;
	box-sizing: border-box;
	overflow: hidden;
}
article section#panel ul#main_panel li#p_activity {
	background: url(../images/p_bg_activity.png) no-repeat 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}
article section#panel ul#main_panel li#p_meeting {
	background: url(../images/p_bg_meeting.png) no-repeat 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}
article section#panel ul#main_panel li#p_weeklyreport {
	background: url(../images/p_bg_weeklyreport.png) no-repeat 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}
article section#panel ul#main_panel li#p_takuwa {
	background: url(../images/p_bg_takuwa.png) no-repeat 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
	border-right: none;
}
article section#panel ul#main_panel li:hover {
	filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

article section#panel ul#main_panel li dl {
	margin: 40px 15px 15px 15px;
	color: #fff;
	height: 350px;
	position: relative;
}
article section#panel ul#main_panel li dl dt {
	font-size: 1.2em;
}
article section#panel ul#main_panel li dl dd.summary {
	margin: 10px 0 0 ;
	font-size: .9em;
	max-height: 220px;
	overflow: hidden;
}
article section#panel ul#main_panel li dl dd.link {
	position: absolute;
	right: 0;
	bottom: 10px;
	margin: 0 ;
}
article section#panel ul#main_panel li dl dd.link2 {
	position: absolute;
	right: 0;
	bottom: 40px;
	margin: 0 ;
}
article section#panel ul#main_panel li dl dd a {
	color: #fff;
	text-decoration: underline;
}
article section#panel ul#main_panel li dl dd a:hover {
	color: #f00;
	text-decoration: none;
}

/* =====  サブパネル  ===== */
article section#panel ul#news_panel:before {
	color:#fff;
	font-size:1.2em;
	content:"お知らせ";
	position:relative;
	top:-0.5em;
	left:10px;
}
article section#panel ul#news_panel {
	width: 100%;
	margin-bottom:10px;
	background:#005dea;
	padding-top:1em;;
}
article section#panel ul#news_panel li {
	line-height: 1.2;
	text-indent:-10.8em;
	padding-left: 12em;
	background: url(../images/menu_bullet_li.png) no-repeat 10px 8px;
	padding-bottom:0.5em;
}
article section#panel ul#news_panel li a {
	color: #fff;
	font-size: 1.2em;
	text-decoration: underline;
}
article section#panel ul#news_panel li a:hover {
	text-decoration: none;
}
article section#panel ul#sub_panel {
	width: 100%;
}
article section#panel ul#sub_panel li#pb_polio {
	height: 80px;
	line-height: 80px;
	padding-left: 120px;
	background: #ed1b2f url(../images/logo_polio.png) no-repeat 20px 0;
}
article section#panel ul#sub_panel li:hover {
	filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}
article section#panel ul#sub_panel li#pb_polio a {
	color: #fff;
	font-size: 1.2em;
	text-decoration: underline;
}
article section#panel ul#sub_panel li#pb_polio a:hover {
	text-decoration: none;
}

.program {
	min-height: 120px;
}
.program dl dt,
.program dl dd {
	line-height: 2em;
}
.program dl dt:nth-child(1),
.program dl dd:nth-child(1) {
	margin-bottom: 0.5em;
}
.program dl dt {
	background: #1f3669;
	padding-left: 1.5em;
	padding-right: 1.5em;
	color: #fff;
	clear: left;
	width: 3em;
	white-space: nowrap; 
}
.program dl dd {
	margin-left: 0.5em;
	
}

/* =====  オフィス情報  ===== */
article section#office_info {
	width: 100%;
	margin: auto;
	border: 10px solid #fff;
	box-sizing:border-box;
}

/* =====  事務局所在等（左エリア）  ===== */
article section#office_info .of_left {
	width:35%;
	height: 437px;
	background: #e7e7eb;	
	float: left;
	border-right: 10px solid #fff;
	box-sizing:border-box;
	overflow: hidden;
}
article section#office_info h3 {
	margin: 50px 0 0 40px;
}
article section#office_info p {
	margin: 20px 40px;
}
article section#office_info dl {
	margin: 30px 40px;
}
article section#office_info dl dt {
	float: left;
	margin-right: 20px;
}

/* =====  マップ  ===== */
article section#office_info #map {
	width:65%;
	height: 437px;
	float: right;
}

.theme {float:right;margin:3em 1em 0 0;width:200px;}
.theme img {width:200px;}

@media screen and (max-width: 768px)  and (min-width: 481px) {

header {
	height: 600px;
}
header p.top_lead {
	height: auto;
}
body div#logo_roppongi {
	position: absolute;
	right: 30px;
	top: 380px;
	z-index: 999;
}
#logo_roppongi img {
	width: 100px;
	height: 132px;
}
header .hd_wrapper {
	height: 100px;
}
article section#panel ul#main_panel li {
	height: 240px;
}
article section#panel ul#main_panel li dl dd.summary {
	display: none;
}
article section#panel ul#main_panel li dl dd.link2 {
	position: absolute;
	right: 0;
	bottom: 60px;
	margin: 0 ;
}
article section#panel ul#main_panel li dl {
	height: 180px;
}
/* =====  オフィス情報  ===== */
article section#office_info {
	border: none;
}
/* =====  マップ  ===== */
article section#office_info #map {
	width:100%;
	height: 400px;
	border-top: 2px #fff solid;
	float: none;
}
article section#office_info h3 {
	margin: 30px 0 0 30px;
}
article section#office_info p {
	margin: 0 30px 20px;
}
article section#office_info dl {
	margin: 30px;
	padding: 20px;
	border: #ccc 1px solid;
}
article section#office_info dl dt {
	display: block;
}
article section#office_info .of_left {
	width:100%;
	height: auto;
	background: #fff;	
	float: none;
	border: none;
	border-top: 2px #fff solid;
}

.theme {float:right;margin:3em 1em 0 0;width:120px;}
.theme img {width:120px;}

.program dl dt,
.program dl dd {line-height: 2em;}
.program dl dt:nth-child(1),
.program dl dd:nth-child(1) {margin-bottom: 0.5em;}
.program dl dt {
	background: #1f3669;
	padding-left: 1.0em;
	padding-right: 1.0em;
	color: #fff;
	clear: left;
	width: 3em;
	white-space: nowrap; 
}
.program dl dd {margin-left: 0.5em;}

}




@media screen and (max-width: 480px) {
header {
	height: 500px;
}
header p.top_lead {
	height: auto;
}
body div#logo_roppongi {
	top: 300px;
}
#logo_roppongi img {
	width: 80px;
	height: 106px;
}
header .hd_wrapper {
	height: auto;
	min-height: 100px;
}
sarticle section#panel ul#main_panel {
	max-width: 480px;
}
article section#panel ul#main_panel li {
	width: 50%;
	height: 240px;
	border: none;
}
article section#panel ul#main_panel li:nth-child(1),
article section#panel ul#main_panel li:nth-child(3) {
	border-right: 2px solid #fff;
	box-sizing: border-box;
}
article section#panel ul#main_panel li:nth-child(1),
article section#panel ul#main_panel li:nth-child(2) {
	border-bottom: 2px solid #fff;
	box-sizing: border-box;
}
article section#panel ul#main_panel li dl {
	height: 180px;
}
article section#panel ul#main_panel li dl dd.summary {
	display: none;
}
article section#panel ul#main_panel li dl dd.link2 {
	bottom: 65px;
}
/* =====  オフィス情報  ===== */
article section#office_info {
	border: none;
}
/* =====  マップ  ===== */
article section#office_info #map {
	width:100%;
	height: 300px;
	border-top: 2px #fff solid;
	float: none;
}
article section#office_info h3 {
	margin: 30px 0 0 30px;
}
article section#office_info p {
	margin: 0 30px 20px;
}
article section#office_info dl {
	margin: 30px;
	padding: 20px;
	border: #ccc 1px solid;
}
article section#office_info dl dt {
	display: block;
}
article section#office_info .of_left {
	width:100%;
	height: auto;
	background: #fff;	
	float: none;
	border: none;
	border-top: 2px #fff solid;
}

.theme {display:none;}

.program dl dt,
.program dl dd {line-height: 2em;}
.program dl dt:nth-child(1),
.program dl dd:nth-child(1) {margin-bottom: 0.5em;}
.program dl dt {
	background: #1f3669;
	padding-left: 0.5em;
	padding-right: 0.5em;
	color: #fff;
	clear: left;
	width: 3em;
	white-space: nowrap; 
}
.program dl dd {margin-left: 0.5em;}

	article section#panel ul#news_panel li {
		padding:0 0 0 1em;
		text-indent:0;
	}
}