@charset "UTF-8";
/* common.css */

article,
section,
aside,
hgroup,
nav,
header,
footer,
figure,
figcaption {
  display: block;
}

html, body {
  font-family: Verdana,Roboto,"Droid Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  color: #222;
}

p {
  line-height: 1.5;
}

a {
  color: #0054c3;
}

a:visited {
  color: #0f6fb9;
}

.wrapper {
  width: 980px;
  height: auto;
  margin-left:auto;
  margin-right:auto;
}

.bw_t {
  border-top: solid 1px #ddd;
}

.bw_b {
  border-bottom: solid 1px #ddd;
}


#top {
  padding-bottom: 0.2em;
}

#sitedesc {
  font-size: smaller;
  line-height: 2;
}

#submenu {
  float: right;
}

#submenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#submenu ul li {
  float: left;
  margin: 0;
  padding: 0;
  font-size: smaller;
  line-height: 2;
}

.divider {
  color: #ccc;
  margin: 0 0.1em;
}

#globalmenu {
  position:  relative;
  width: 980px;
  height: 75px;
  margin: 0;
  padding: 0;
}

#gm_logo {
  position: absolute;
  top: 10px;
  left: 0;
  margin: 0;
  padding: 0;
}

#gm_menu {
	display: none;
  position: absolute;
  top: 25px;
  left: 450px;
  width: 500px;
}

#gm_menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#gm_menu ul li {
  float: left;
  margin: 0;
  padding: 0;
}

#gm_contact {
  display: block;
  position: absolute;
  top: 20px;
  right: 0;
}

.float-rt {
	clear: right;
	float: right;
}

.clear-rt {
	clear: right;
}
 
.flexslider {
  border: none;
}

#idx_menu_wrap {
  margin-top: -10px;
  width: 100%;
  padding: 8px 0 5px 0;
  background: #e8e8e8;
}

#idx_menu {
  background: #e8e8e8;
  height: 67px;
}

#idx_menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#idx_menu ul li {
  float: left;
  margin: 0;
  padding: 0;
  margin-right: 13px;
}

#idx_menu ul li.last {
  margin-right: 0;
}

.pd_menu {
  display: none;
  position: absolute;
}

#idx_menu ul .pd_menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

#idx_menu ul .pd_menu li {
  margin: 0;
  padding: 0 0 0 7px;
  clear: left;
  background: url(../img/common/li_carw.png) 9px 6px no-repeat;
  line-height: 1.8;
}

.pd_menu li a {
  display: block;
  padding-left: 27px;
  padding-right: 3px;
  color: #fff;
  text-decoration: none;
}

.pd_menu li a:hover {
  text-decoration: underline;

}

#main {
  padding-top: 6px;
}

#nav {
  clear: both;
}

nav {}

.navi {
  margin: 0;
  padding: 0;
}

.navi a, .navi span {
  font-size: 0.9em;
}

#content {
  float: left;
  width: 745px;
}

#content h2 {
  margin: 0;
  padding: 0;
}

#page_inner_ns {
  width: 980px;
}

#page_inner_md {
  box-sizing: border-box;
  margin: 0 80px 50px 80px;
  border: solid 12px #e8e8e8;
  padding: 10px;
}

#page_inner {
  float: left;
  width: 745px;
}

#page_inner_ns h2, #page_inner_md h2, #page_inner h2 {
  margin: 0;
  padding: 0;
  padding-bottom: 0.5em;
}

#sidebar {
  float: left;
  width: 235px;
  position: relative;
}

#sidebar h2 {
  margin: 0;
  padding: 0;
}

#sidebar p {
  padding: 0;
  margin: 0;
}

.tag {
  box-sizing: border-box;
  width: 180px;
  font-size: 0.9em;
  color: #fff;
  font-weight: normal;
  padding: 4px;
  margin: 5px 3;
}

.tg_news {
  background: #00A6F0;
}

.tg_event {
  background: #0A8700;
}

.tg_cafe {
  background: #7C1414;
}

.tg_epark {
  background: #FF6E00;
}

ul.about_menu {
  list-style-image: url(../img/common/li_arw.png);
  margin: 0;
  padding: 0;
  margin-left: 0em;
  padding-left: 1.5em;
  margin-bottom: 1em;
}

ul.about_menu li {
  font-size: 1.2em;
  line-height: 1.8;
}
ul.latest_news {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: 0em;
  margin-bottom: 0.3em;
}

ul.latest_news li {
  margin: 0;
  padding-left: 85px;
  font-size: 1em;
  line-height: 1.7;
  background-position: 20px 6px;
  background-repeat: no-repeat;
}
ul.latest_news li.no_label {
    padding-left: 0px;
	background: none;
}

ul.latest_news li.label_1 {
  background-image: url(../img/common/icon_news.png);
}
ul.latest_news li.label_2 {
  background-image: url(../img/common/icon_event.png);
}
ul.latest_news li.label_3 {
  background-image: url(../img/common/icon_bus.png);
}
ul.latest_news li.label_4 {
  background-image: url(../img/common/icon_cafe.png);
}

ul.latest_news li a {
  text-decoration: none;
}


#members_link {
  clear: both;
  height: 192px;
  box-sizing: content-box;
  border-top: solid 5px #eee;
  text-align: center;
}

#members_link ul {
  list-style-type: none;
  padding: 0;
  width: 980px;
  margin: 14px auto;
}

#members_link ul li {
  float: left;
  margin: 0;
  padding: 0;
  margin-right: 14px;
}

#members_link ul li.ml_cr {
  margin-right: 0;
}

#members_link ul li a {
  display: block;
  width: 180px;
  height: 75px;
}

#members_link ul li a img {
  border: none;
}

#members_link a {
  text-decoration: none;
  color: #777;
}

#members_link ul li a span {
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
  color: #777;
  text-align: center;
  border: solid 1px #ccc;
  width: 180px;
  height: 75px;
  padding: 0 5px;
  box-sizing: border-box;
}

footer {
  clear:both;
}

#footer {
  padding-top: 1.5em;
}

#footer_top {
  width: 100%;
  height: 20px;
  background: #000;
}

#ft_c1, #ft_c2 {
  float: left;
  width: 34%;
  line-height: 1.5;
}

#ft_c3_wrap {
  float: left;
  width: 31.5%;

}

#ft_c1, #ft_c2 {
  font-size: 1em;
}

#ft_c3 {
  border-left: solid 2px #ddd;
  margin: 1em;
  padding: 1em;
}

.bf-sm {
  display: block;
  font-size: 0.9em;
  line-height: 1.7;
}
.bf-nm {
  display: block;
  line-height: 1.7;
}

.bold {
  font-weight: bold;
}

#copyright {
  clear: both;
  text-align: center;
  color: #666;
  font-size: smaller;
  margin-bottom: 2em;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

#cal_wrap {
  width: 235px;
  margin: 0;
  padding: 0;
  margin-bottom: 0.3em;
}

#cal_wrap h3 {
  margin: 0;
  padding: 1px;
  text-align: center;
  font-weight: normal;
  background: #f0f0f0;
  color: #333;
}
#cal_wrap h3 a {
  color: #333;
  text-decoration: none;
}

.tbl_cal_top {
  border-collapse: collapse;
  width: 100%;
}
.tbl_cal_top th {
  width: 14%;
  font-size: smaller;
  font-weight: normal;
  color: #666;
}

.tbl_cal_top th.sunday, .tbl_cal_top td.sunday {
  color: #994B51;
}

.tbl_cal_top td.today {
  background: url(../img/common/today.png) center center no-repeat;
}


.tbl_cal_top td {
  text-align: center;
  line-height: 2;
  color: #666;
}

#sidebar p.note {
  font-size: 14px;
  padding: 0 5px;
  line-height: 1.6;
}

#page_inner_ns h1, #page_inner h1 {
  font-size: 24px;
  border-left: solid 4px #3962c3;
  padding-left: 10px;
}

#page_inner_ns h2, #page_inner h2 {
  font-size: 21px;
  font-weight: normal;
  padding-left: 14px;
}

table.members {
  width: 85%;
  margin-left: 5%;
  margin-top: 10px;
  margin-bottom: 10px;

  border-collapse: collapse;
}

table.members th {
	background-color: #f0f0f0;
}

table.members th, table.members td  {
  padding: 10px;
  border: solid 1px #ccc;
}


table.members tr:nth-child(odd) {
	background-color: #e9ecf3;
}

table.members th:first-child {
	width: 50px;
}

#content h2.h2_news {
margin-bottom: 5px;
}

#content .img_head {
	margin: 10px 0 5px 0;
}

#list_news {
  width: 720px;
  height: 500px;
  overflow-y: scroll;
  border-right: solid 2px #fff;
}
.news_date {
  color: #111;
  font-weight:normal;
  font-size: 0.9em;
  display:block;
}
.news_subject {
  margin: 0;
  padding: 0;
  margin-top: 0.3em;
  font-size: 16px;
  font-weight: normal;
}
.news_subject a {
  text-decoration: none;
}

.news_body {
  margin: 0;
  padding: 0;
  color: #666;
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 0.5em;
}

table.cafe, table.event {
  width: 95%;
  margin-top: 10px;
  margin-bottom: 10px;

  border-collapse: collapse;
}

table.cafe th {
	background-color: #f0f0f0;
}

table.cafe th, table.cafe td  {
  padding: 5px;
  border: solid 1px #ccc;
  line-height: 1.8;
  text-align: left;
}


table.cafe tr:nth-child(odd) {
	background-color: #e9ecf3;
}

table.cafe th {
	width: 100px;
	text-align: left;
	font-weight: normal;
	vertical-align:top;
}


table.event {
	border: solid 1px $f0f0f0;
}

table.event th, table.event td  {
  padding: 5px;
  border: solid 1px #ccc;
  line-height: 1.8;
	text-align: left;
}

table.event th {
	background-color: #f0f0f0;
}

.event_wrap {
	padding: 5px;
}


a.pdf:after 
{
  content: url(../img/common/pdf.png);
  padding-left:2px;
}

img {
  vertical-align: bottom;
}

.mt3 {
  margin-top: 3px;
}
.bt3 {
  margin-bottom: 3px;
}

a.icon_pdf {
	background: url(../img/icon/icon_pdf.gif) no-repeat 0 50%;
	padding-left: 20px;
}
a.icon_xls {
	background: url(../img/icon/icon_xls.gif) no-repeat 0 50%;
	padding-left: 20px;
}
a.icon_doc {
	background: url(../img/icon/icon_doc.gif) no-repeat 0 50%;
	padding-left: 20px;
}

.inner p {
  margin:0;
  padding:0;
}


/* TOP::TAB */
ul.tab {
	margin: 5px 0 0 0;
	padding: 0;
	list-style-type: none;
}
ul.tab li.tab-index {
	margin: 0;
	padding: 0;
	float: left;
	width: 193px;
	height: 36px;
}

.tab-content {
	box-sizing: border-box;
	margin-top: 1px;
	margin-bottom: 1em;
	width: 720px;
    height: 420px;
    overflow-y: scroll;
}

#tab-news {
	border-top: solid 16px #004096;
}
#tab-event {
	border-top: solid 16px #1c7740;
}
#tab-science-cafe {
	border-top: solid 16px #722323;
}


/* PAGETOP */

.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 45px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #0054c3;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}


table.common {
  width: 98%;
  border-collapse: collapse;
}


table.common th, table.common td  {
  padding: 15px 5px;
  border: solid 1px #ccc;
}

table.common tr:nth-child(odd) {
	background-color: #f0f3f7;
}

table.contact_form {
  width: 96%;
  margin: 0 auto;	
}
table.contact_form th {
  font-weight: normal;
  width: 290px;
  text-align: left;	
}


/* FORM */

.form-common {
  margin: 0;
  padding: 0;
}

.form-common label {
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
}

.form-common label.radio {
  display: inline;
  font-size: 1em;
  margin-left: 5px;
  margin-bottom: 0;
}

.form-common .fg {
  border-bottom: solid 12px #fff;
  background: #f0f0f0;
  padding:10px;
  margin: 0 20px;
}

.form-common input[type=text], #mod_guide_app input[type=password], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 5px 3px 5px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
  line-height: 1.8;
  height: 30px;
}

.form-common input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

.form-common .submit {
  position: relative;
  vertical-align: top;
  width: 100%;
  height: 60px;
  padding: 0;
  font-size: 22px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #2980b9;
  border: 0;
  box-sizing: border-box;
  border-bottom: 2px solid #2475ab;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #2475ab;
  box-shadow: inset 0 -2px #2475ab;
}


dl#operation {
	width: 720px;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 1em;
}

dl#operation dt {
	margin: 0;
	padding: 0;
	width: 120px;
	clear: both;
	float: left;
}

dl#operation dd {
	margin: 0;
	padding: 0;
	width: 600px;
	float: right;
}

dl#operation dt span, dl#operation dd span {
	display: block;
	padding: 3px;
}

.fc_ffffff { color: #ffffff; }

.fd_bold { font-weight: bold; }

.bc_c0504d { background-color: #c0504d; }
.bc_d0d8e8 { background-color: #d0d8e8; }
.bc_e9edf4 { background-color: #e9edf4; }


h3.intro {
	width: 590px;
	height: 33px;
	font-size: 16pt;
	color: #fff;
	margin: 0;
	padding: 0;
}

h3.intro span {
	display: block;
	padding: 4px 6px;
}

#intro_1 {
	background: url(../img/info/intro_1t.png) no-repeat;
}

#intro_2 {
	background: url(../img/info/intro_2t.png) no-repeat;
}

#intro_3 {
	background: url(../img/info/intro_3t.png) no-repeat;
}

div.intro_box {
	margin: 0;
	padding: 0;
	padding-left: 256px;
	padding-top: 0.5em;
	padding-right: 1em;
	font-size: 1em;
	line-height: 1.3em;
	color: #333;
}

div.intro_box p {
	margin: 0;
	padding: 0;
	text-indent: 1em;
}

#intro_1_box {
	background: url(../img/info/intro_1.png) 8px 8px no-repeat;
	min-height: 170px;
	height: auto !important;
	height: 170px;
}

#intro_2_box {
	background: url(../img/info/intro_2.png) 8px 24px no-repeat;
	min-height: 190px;
	height: auto !important;
	height: 190px;
}

#intro_3_box {
	background: url(../img/info/intro_3.png) 8px 8px no-repeat;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

div.intro_box p.intro_href {
	margin: 0;
	text-indent: none;
	font-size: 0.9em;
	text-align: right;
	padding-top: 0.5em;
	line-height: 16px;
}

div.intro_box p.intro_href a {
	padding-left: 18px;
	background: url(../img/info/href.png) center left no-repeat;
}

#link-application {
	margin-top: 6px;
	margin-bottom: 5px;
}

#link-blog {
	margin: 20px auto;
}