@charset "utf-8";
/*
Theme Name: Tohoku Forum for Creativity
Description: Tohoku Forum for Creativity, Tohoku University
Author: Tohoku Forum for Creativity
Author URI: 
Version: 
License: 
*/


@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* ------------------------------------------------------------------------------
  WordPress theme style
------------------------------------------------------------------------------ */

/* ------------------------------------------------------------
 Reset
------------------------------------------------------------ */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, img, ins, kbd, 
q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure, 
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

fieldset{
    border: 0;
}

address, caption, cite, code, dfn,
th, var {
    font-style: normal;
    font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	/*clear: both;*/
    font-weight: normal;
}

li {
    list-style: none;
    display: list-item;
    /*margin-bottom:10px;*/
}

table {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

table.regi{
	width:70%;
}

table.regi th{
	width:50%;
}

table.regi td{
	width:20%;
	text-align: right;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

sub, sup {
	font-size: 65%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

hr {
	border: 0;
	height: 1px;
    margin: 1em 0;
	background: #ccc;
}
hr.iab {
	margin: 1em 0 40px 0;
}

small {
	font-size: smaller;
}

img {
    max-width: 100%;
    /*height: auto;*/
    width /***/: auto;/*for IE8*/
	border: 0;
	-ms-interpolation-mode: bicubic;
    vertical-align: bottom;
}

form{
	clear:both;	
}

/* end : reset */

/* --------------------------------------------------
body
-------------------------------------------------- */
body {
	font-family: 'Noto Sans','Noto Sans JP',  Meiryo, "MS PGothic", "Hiragino Kaku Gothic Pro", sans-serif;
	/*font-family: Meiryo, "MS PGothic", "Hiragino Kaku Gothic Pro", sans-serif;*/
	line-height: 1.5;
    text-align: center;
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
	color:#333;
    /*background: #3e1485;*/
    background: #fff;
    /*background-color: #095697;*/
	counter-reset: number 0;
}
/*.mac body {
	font-family: "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
.win body {
	font-family: Meiryo, "MS PGothic", sans-serif;
}*/

/* ------------------------------------------------------------
common
------------------------------------------------------------ */
/* font
------------------------------------------ */
/* base font size : 14px */
.font10 { font-size:71.5%; } /* 10px */
.font11 { font-size:78.6%; } /* 11px */
.font12 { font-size:85.7%; } /* 12px */
.font13 { font-size:92.9%; } /* 13px */
.font15 { font-size:107.2%; } /* 15px */
.font16 { font-size:114.3%; } /* 16px */
.font17 { font-size:121.4%; } /* 17px */
.font18 { font-size:128.6%; } /* 18px */
.font19 { font-size:135.7%; } /* 19px */
.font20 { font-size:142.9%; } /* 20px */
.font21 { font-size:150%; } /* 21px */
.font22 { font-size:157.1%; } /* 22px */
.font23 { font-size:164.3%; } /* 23px */
.font24 { font-size:171.4%; } /* 24px */

/* link
------------------------------------------ */
a { text-decoration: none;}
a:hover { text-decoration: underline;}

a:link{ color: #00b7ed;}
a:visited{ color: #095697;/*#00b7ed*/;}
a:hover{ color: #f60;}
a:active{ color: #f60;}

a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
}

#main a:link{ color: #06c; text-decoration: none;}
#main a:visited{ color: #095697 ; text-decoration: none;}
#main a:hover{ color: #39c; text-decoration: underline;}
#main a:active{ color: #39c; text-decoration: underline;}

.list_link_01 a,
.list_icon_01{
    padding: 0 0 0 15px;
    background: url(images/common/list_arrow_02.gif) 0 48% no-repeat;
}

/* text-decoration
------------------------------------------ */
.line-through {text-decoration:line-through;}

/* text-aline
------------------------------------------ */
.center { text-align: center !important;}
.left { text-align: left !important;}
.right { text-align: right !important;}

/* vertical-align
------------------------------------------ */
.top { vertical-align: top !important;}
.middle { vertical-align: middle !important;}
.bottom { vertical-align: bottom !important;}

/* table
------------------------------------------ */
th,
td {
    padding: 3px 5px;
    border: 1px solid #ddd;
}

.nowrap {
    white-space: nowrap;
}

.table_01 th{
    vertical-align: middle;
    font-weight: bold;
    background: #eee;
}

.table_01 span{
  color: #eee;
  display: block;
  float: left;
  line-height: 20px;
  margin-right: 5px;
  text-align: center;
  height: 20px;
  width: 20px;
  border-radius: 50%;
}

.table_01 span.blue{  
background-color: #095697;
}

.table_01 span.orenge{  
background-color: #f60;
}

.table_01 span.green{  
background-color: #60812a;
}

/* list
------------------------------------------ */
.dl_01 dt{
    font-weight: bold;
}

.list_disc li{
    list-style-type: disc;
    margin: 0 0 0 1.5em;
}


.list_decimal li{
	list-style-type: decimal!important;
}

.list_arrow_01 > li{
    padding: 5px 0 5px 15px;
    background: url(images/common/list_arrow_02.gif) 0 12px no-repeat;
}

.list_arrow_02 > li{
    padding: 5px 0 5px 15px;
    background: url(images/common/list_arrow_01.gif) 0 11px no-repeat;
}

/* hidden
------------------------------------------ */
.hidden{
    display: none;
}

/* margin / padding
------------------------------------------ */
.mt0 { margin-top:0 !important;}
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt1em { margin-top:1em !important; }
.mt2em { margin-top:2em !important; }

.mb0 { margin-bottom:0 !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }

.ml0{ margin-left: 0 !important;}
.ml10{ margin-left: 10px !important;}
.ml0_5em{ margin-left: 0.5em !important;}
.ml1em{ margin-left: 1em !important;}
.ml1_5em{ margin-left: 1.5em !important;}
.ml2em{ margin-left: 2em !important;}
.ml2_5em{ margin-left: 2.5em !important;}
.ml3em{ margin-left: 3em !important;}
.ml3_5em{ margin-left: 3.5em !important;}
.ml4em{ margin-left: 4em !important;}
.ml4_5em{ margin-left: 4.5em !important;}
.ml5em{ margin-left: 5em !important;}
.ml5_5em{ margin-left: 5.5em !important;}
.ml6em{ margin-left: 6em !important;}
.ml6_5em{ margin-left: 6.5em !important;}

.mr10{ margin-right: 10px !important;}

/* clearfix
------------------------------------------ */
.clearfix, .cf { overflow:hidden; }
.clearfix:after,  .cf:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clearfix, * html .cf{ zoom:1; }
*:first-child+html .clearfix, *:first-child+html .cf{ zoom:1; }

.clear{
	display: block;
	clear: both;
	height:0px;
	line-height:0px;
}

/* float
------------------------------------------ */
.float_l {
    float: left;
    margin: 0 30px 10px 0;
}

.float_r {
    float: right;
    margin: 0 0 10px 20px;
}

.no_around {
    overflow: hidden;
}

/* parallel
------------------------------------------ */
/* 2 column */
.parallel_2{
    display: block;
    float: left;
    width: 50%;
}

.parallel_2:nth-child(2n+1) {
	clear: left;
	margin-left: 0;
}

.parallel_2 a{
    display: block;
    padding-right: 15px !important;
}

/* video
------------------------------------------ */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    
}
 
.video-container iframe,  
.video-container object,  
.video-container embed,
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 97%;
    height: 97%;
    border: solid 1px #eee;
}


/* --------------------------------------------------
 target brank link icon
-------------------------------------------------- */
#main a[href^="http"] {
    padding: 5px 18px 5px 0;
    background:transparent url(images/common/icon_link_blank.gif) right 42% no-repeat;
	margin: 0;
}

#main .top_news .more_index a[href^="http"],
#main .program_post .read-more a[href^="http"],
#main .program_tbl.video a[href^="http"],
#main .wp-pagenavi a[href^="http"] {
    padding: 0;
    background-image: none;
    margin: 0;
}

#main a[href^="http://www.tfc.tohoku.ac.jp"],
#main a[href^="http://tfc.tohoku.ac.jp"],
#main a[href^="https://www.tfc.tohoku.ac.jp"],
#main a[href^="https://tfc.tohoku.ac.jp"],
#main a[href^="http://dl.ptr99.public.gmocloud.com"],
#main a[href^="http://tfc.sty-rhythm.jp"],
#main a[href^="http://tfcwebsite.php.xdomain.jp"],
#main a[href^="http://localhost/"],
#search_result a[href^="http"]{
	padding-right: 0px !important;
	background-image: none !important;
}

#main a.imageLink{
	padding: 4px 18px 5px 0!important;
	background:transparent url(images/common/icon_link_inner.gif) right 42% no-repeat!important;
	margin: 0 5px 0 0!important;
}

.imageLink_no {
	padding-right: 0px !important;
	background: none !important;
	margin: 0!important;
}

#sponsor {
	max-width:920px;
    width: 100%;
    /*min-width: 640px;*/
    /*margin: 0 auto;*/
    background-color: #ffffff;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-box;
    box-pack: justify;
    -moz-box-pack: justify;
    -webkit-box-pack: justify;
    -o-box-pack: justify;
    -ms-box-pack: justify;
	box-align:center;
    -webkit-box-align:center;
    -moz-box-align:center; 
}
#sponsor .sponsor_logo {
    width: 150px !important;
   /*height: auto !important;*/
    background: none !important;
    display: block !important;
}
#sponsor .sponsor_logo_nin {
    width: 180px !important;
   /*height: auto !important;*/
    background: none !important;
    display: block !important;
}
#sponsor .sponsor_logo_ste, .sponsor_logo_nin {
    width: 200px !important;
   /*height: auto !important;*/
    background: none !important;
    display: block !important;
}
#sponsor .agr_sponsor_logo {
    width: 130px !important;
   /*height: auto !important;*/
    background: none !important;
    display: block !important;
}
#sponsor .agr_sponsor_logo_ihe {
    width: 90px !important;
   /*height: auto !important;*/
    background: none !important;
    display: block !important;
}
 /* end : common style */


/* ------------------------------------------------------------
layout
------------------------------------------------------------ */

/* header
-------------------------------------------------- */
#headerWrapper{
	/* width: 100%; 7/31@pise shiga*/
    /*min-width: 960px; */
    padding-bottom: 30px;
	text-align: left; 
    /*border-top: 20px solid #3e1485; */
    border-top: 20px solid #095697; 
	/*border-bottom: 5px solid #786da6;*/
    background: #fff;
}

/* #header_line
------------------------------------- */
#header_line{
    position:relative;
	max-width: 1180px; 
    height: 20px;
    margin: -20px auto 0 auto;
	padding:0 10px;
    color: #fff;
    line-height: 18px;
    background: #095697;
    overflow: hidden;
    _zoom: 1;
}

#header_line .link{
    float: right;
    font-size: 12px ;
}

#header_line .link a:link,
#header_line .link a:visited{
    color: #e2dfec;
    text-decoration: none;
}

#header_line .link a:hover, 
#header_line .link a:active{
    color: #e2dfec;
    text-decoration: underline;
}

#header_line .link a.sitemap{
    background: url(images/common/icon_sitemap.png) 0 2px no-repeat;
    padding: 0 0 0 15px;
    margin: 0 0 0 10px;
}

#header_line .link a.help{
    background: url(images/common/icon_help.png) 0 2px no-repeat;
    padding: 0 0 0 15px;
    margin: 0 0 0 10px;
}

/* #header
------------------------------------- */
#header{
	max-width: 1180px;
	width:98%;
    margin: 0 auto;
	padding:25px 1% 0;
    _zoom: 1;
    overflow: hidden;
}

#header{
 /*   position:relative;
	max-width: 1180px; 
    margin: 0 auto;
    height: 120px;
    _zoom: 1;
    overflow: hidden;*/
}

/* #logo
------------------------------------- */
#header #logo{
	float:left;
    max-width: 580px;
	width:100%;
    height: auto;
}

#header #logo{
 /*   position: absolute;
    top: 24px;
    left: 0;
    max-width: 580px;
	width:100%;
    height: auto;*/
}

.logo2{
    float:left;
    width:70px;
    height: 93px;
}

.logo_main{
	float:right;
	width:491px;
	height: 54px;
	padding-top: 15px;
}

.logo_width{
	max-width: none;
	width:150px;
	margin:0 2em; 
}
.logo_width1{
	max-width: none;
	width:250px;
	margin:0 2em; 
}
.logo_width2{
	max-width: none;
	width:350px;
	margin:0 2em; 
}

div.logo_host p {
    display: table-cell;   
    vertical-align: middle;
}

* html .logo_host p {    
    display: inline;    
    zoom: 1;    
}    
*:first-child+html .logo_host p {    
    display: inline;    
    zoom: 1;    
}   

/* #search
------------------------------------- */
#header #searchWrap {
	display:none;
	position: relative;
    width: 220px;
	float: left;
    margin: 10px 5px;
	z-index: 2;
}

#header #searchWrap {
    /*position: absolute;
    top: 30px;
    right: 0;
    width: 220px;*/
}

#header #search {  
    width: 220px;  
    background: url(images/common/search_input.gif) left top no-repeat;   
    display: block;  
    height: 25px;  
    position: relative;  
}  
#header #s{  
    position: absolute;  
    top: 1px;  
    left: 12px;  
    width: 180px;  
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    border: 0;
    background-color:transparent;
}
  
#header #searchsubmit {  
    position: absolute;  
    top: 3px;  
    left: 190px;
    width: 18px;
    height: 18px;
}  

/* #font (size changer)
------------------------------------- */
#header #font{
    position: absolute;
    top: 40px;
    right: 0;
    width: 140px;
    height: 30px;
    overflow: hidden;
    _zoom: 1;
}

#header #font p, 
#header #font ul{
    float: left;
    font-size: 12px;
}
#header #font p{
    margin: 0 10px 0 0;
}

#header #font li{
    display: block;
    float: left;
    width: 21px;
    height: 20px;
    margin: 0 0 0 2px;
    text-align: center;
    vertical-align: bottom;
    font-weight: bold;
    line-height: 20px;
    background: #d9d9d9;
    cursor: pointer;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}
#header #font li.small{
    font-size: 88%;
}
#header #font li.medium{
    font-size: 110%;
}
#header #font li.large{
    font-size: 125%;
}

#header #font li.active{
    color: #fff;
    background: #786da6;
}

#header #snsIcon {
	margin:25px 0 20px;
	overflow: hidden;
	_zoom: 1;
	clear:right;
	float:right;
}

.fa {
	vertical-align:middle;
}

#header  #snsIcon #searchWrap {
	display:none;
	position: static;
    width: 220px;
	float: left;
    margin: 6px 5px;
	z-index: 1;
}

#header #snsIcon .fa-search {
	position: relative;
	font-size:1.5em;
	color: #fff;
	background: #cecece;
	padding:6px 4px;
	z-index: 2;
}

#header #snsIcon .fa-facebook {
	font-size:1.5em;
	color: #fff;
	background: #3b5998;
	padding:6px 4px;
	}

#header #snsIcon .fa-twitter {
	font-size:1.5em;
	color: #fff;
	background: #1da1f2;
	padding:6px 4px;
	}
	

#header #snsIcon .fa-youtube-play {
	font-size:1.5em;
	color: #fff;
	background: #DA1725;
	padding:6px 4px;
	}

#sp-snsIcon {
        display: none;
    }
	
#footer-snsIcon {
	display: block;
    margin: 20px 0 0;
}


#footer-snsIcon .fa {
	font-size:3.5em;
}

#footer-snsIcon a {
	margin: 0 10px 0 0;
	padding: 0;
	 }


#header #snsIcon {
	/*position: absolute;
	top: 69px;
	right: 8px;
	overflow: hidden;
	_zoom: 1;*/
}

/* end : header */


/* nav
-------------------------------------------------- */
#navWrapper {
    background-color: #FFF;
}
.home #navWrapper {
    padding-bottom: 0px;
}

#sp-navbutton{
	/*position:absolute;
	top:0;
	left:0;
	display:none;*/
	position: relative;
    display: none;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    /*color: #fff;*/
    background-color: #095697;
    cursor: pointer;
}


/* #nav
-------------------------------------------------- */
/* nav */


/* #nav
-------------------------------------------------- */
/*



#nav {
    max-width: 1180px;
    padding-bottom: 20px;
    margin: 0 auto;
    background-color: #FFF;
    border-bottom: 1px solid #ccc;
}
.home #nav {
    border-bottom: none;
}
#nav li {
    padding: 5px 10px;
    display: inline-block;
}
#nav li a {
    font-size: 100%;
    text-decoration: none;
    color: #333;
}
#nav li a:hover {
    color: #f60;
}
*/


#menu-mainmenu {
    max-width: 1180px;
	width:100%;
    padding-bottom: 20px;
    margin: 0 auto;
    background-color: #FFF;
    border-bottom: 1px solid #ccc;
}

.home #menu-mainmenu {
    border-bottom: none;
}

#menu-mainmenu li {
    padding: 5px 1.8% 5px 1.3%;
    display: inline-block;
    position: relative;
    border-right:1px solid #ccc;
	/*word-wrap:break-word;*/
}

#menu-mainmenu li.menu-item-about{
	width:6%;
}

#menu-mainmenu li.menu-item-programs{
	width:6%;
}


#menu-mainmenu li.menu-item-propose{
	width:11%;
}


#menu-mainmenu li.menu-item-other{
	width:9%;	
}


#menu-mainmenu li.menu-item-design{
	width:7%;
}

#menu-mainmenu li.menu-item-dx{
	width:6%;
}

#menu-mainmenu li.menu-item-video{
	width:4%;
}

#menu-mainmenu li.menu-item-info{
	width:14%;
}

#menu-mainmenu li.menu-item-sponsors{
	width:5%;
}




#menu-mainmenu li:last-child{
	border:none;
}

#menu-mainmenu li a {
    font-size: 100%;
    text-decoration: none;
    color: #333;
}

#menu-mainmenu li a:hover {
    color: #f60;
}

#menu-mainmenu li ul {
    display:none;
    width: 350px;
    padding: 10px;
    position: absolute;
    z-index: 200;
    background-color: #000\9; 
    background-color: rgba(0,0,0,0.8);
    display: none;
}
#menu-mainmenu li ul li {
    display: block;
    text-align: left;
    border:none;
    color: #FFF;
}
#menu-mainmenu li ul li a {
    font-size: 90%;
    color: #FFF;
}
#menu-mainmenu li ul li ul {
    width: 100%;
    position: static;
    background-color: none\9;
    background-color: rgba(0,0,0,0);
}

/*#nav FY2018*/
#gnav > ul {
    width: 600px;
    margin: 0 auto;
    text-align: center;
}

#gnav > ul {
    display: table;
    margin: 0 auto;
}

#gnav > ul > li {
    display: table-cell;
    margin-right: 2em;
}

#gnav > ul > li:hover {
    color: #fff;
    background-color: darkseagreen;
}

#gnav > ul > li:hover > a {
    color: #fff;
}

#gnav > ul > li:hover .menu {
    max-height: 1000px;
    opacity: 1;
}

#gnav > ul > li > a {
    display: block;
    padding: 25.5px 1em 15.5px;
    transition: all .3s ease-in;
}

#gnav > ul .menu {
    transition: all .3s ease-in;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    left: 0;
    text-align: center;
    position: absolute;
    background-color: darkseagreen;
}

#gnav > ul .menu .menu_inner {
    padding: 1em 0;
}

#gnav > ul .menu .menu_inner li {
    display: inline-block;
    margin: 0 .5em;
}

#gnav > ul .menu a {
    color: #fff;
}

/* slider
-------------------------------------------------- */
#sliderWrapper {
    max-width: 1180px;
    height: auto;
    margin: 0 auto;
    background-color: #FFF;
	overflow: hidden;
}

#slider {
	/*width: 1180px;
    height: 300px;*/
}

#slider img {
   /*height: 100%;*/
}

/* bannerWrapper
-------------------------------------------------- */
#bannerWrapper {
	margin-top: 40px;
    padding: 20px 0px 10px 0px;
    background-color: #f2f2f2;
}

#bannerArea {
    max-width: 1180px;
    margin: 0 auto;
}
#bannerArea p {
    text-align: center;
    float: left;
    padding: 10px;
}


/* footer
-------------------------------------------------- */
#footerWrapper{
    width: 100%;
    padding: 30px 0px 50px;
    text-align: center;
    background: #095697;
    _zoom: 1;
    overflow: hidden;
}

/* #footer
------------------------------------- */
#footer{
    max-width: 1180px;
    margin: 0 auto;
    padding: 20px 0;
    text-align: left;
    color: #fff;
    _zoom: 1;
    overflow: hidden;
}

#footer a{
    color: #fff;
    text-decoration: none;
}

#footer a:hover{
    color: #eee;
    text-decoration: underline;
}

/* logo */
#footer_logo{
    float: left;
    width:101px;
    height: 135px;
    margin: 0 50px 0 0;
}

/* Column link */
#footer_link{
    _zoom: 1;
    overflow: hidden;
	padding: 0 20px 20px 20px;
}

#footer_link ul{
    float: left;
    width:185px;
    margin: 0 30px 0 0;
}

#footer_link ul li{
    color: #FFF;
    font-size: 80%;
}

#footer_link p{
    color: #FFF;
    font-size: 100%;
    margin-bottom: 10px;
}

#footer_link ul h3{
    margin: 0 0 7px 0;
    font-weight: bold;
    color: #b0a7c8;
    border-bottom: 1px solid #b0a7c8;
}

#footer_link ul:last-child{
    margin: 0;
}

#footer_link ul.last{
    margin: 0;
}

/* Side-by-side link */
#footer_link.lnline_link{
    /*margin: 15px 0 0 0;*/
	width: 60%;
	float: left;
}

#footer_link.lnline_link ul{
    float: none;
    width: auto;
    _zoom: 1;
    overflow: hidden;
}

#footer_link.lnline_link ul li{
    display:block;
    float: left;
    margin: 0 10px 0 0;
    line-height: 1.5;
    color: #FFF;
    font-size: 80%;
}

#footer_link.lnline_link ul h3{
    width: 60px;
    border-bottom: 0;
    color: #FFF;
    font-size: 80%;
}

/* address */
#footer address{
    clear: both;
    /*color: #b0a7c8;*/
    color: #FFF;
    font-size: 80%;
    margin-top: 5px;
}

.footer address{
    clear: both;
    /*color: #b0a7c8;*/
    color: #FFF;
    font-size: 80%;
    margin-top: 5px;
}

.full-width {
  max-width: 1180px;
}

.footer {
  max-width: 1180px;
  margin: 0 auto;
  padding: 20px 0;
  text-align: left;
  color: #fff;
  _zoom: 1;
  overflow: hidden;
}

.footer i {
  font-size: 100px;
}

.footer h2 {
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  text-decoration: none;
  margin-bottom: 1em;
}

.footer h3{
    margin: 0 0 7px 0;
    font-weight: bold;
    color: #b0a7c8;
    border-bottom: 1px solid #b0a7c8;
}

.footer h4 {
  color: #fff;
  font-size: 1em;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 2.5rem;
  margin-bottom: 10px;
}

.footer p, .footer a {
  font-weight: 300;
  font-size: .8em;
  color: #fff;
  text-decoration: none;

}

.footer a:hover{
    color: #eee;
    text-decoration: underline;
}

@media only screen and (min-width: 40.063em) {	
  .footer .columns:nth-child(n+2) {
    border-left: 1px solid #cccccc;
    min-height: 200px;
	float: left;
  }
}

.footer-links {
  list-style-type: none;
  padding: 0 20px 20px 20px;
  float: left;
}

.footer-links figure {
	position: relative;
	overflow: hidden;
}

.footer-links figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}

.footer-links figure:hover figcaption {
	opacity: 1;
}

.footer-links li.box {
  /*z-index: 1;*/
  position: relative;
  top: 10px;
  right: 0px;
  background-color: #3eba2b;
  margin: 10px 0;
  padding: 10px 12px;
}

/*.footer-links li.box:hover{
  background-color:#1daf9e;
}*/

.footer-links li.box a {
  font-size: .8em;
  color: #fff;
  text-decoration: none;
}

.footer-links li.box p.main {
  font-size: 1.8em;
  text-align:center;
  line-height:1em;
}

.footer-links li.box p.sub {
  font-size: .9em;
  text-align:center;
}

.footer-links li.box p.remark {
    font-size: 1.1em;
    text-align:center;
	padding: 17px 12px;
}

/*.footer-links li.box a:hover span.remark {
    background: none repeat scroll 0 0 #EEFFEE;
    border: 1px solid #CCCCCC;
    color: #000000;
    display: block;
    line-height: 1.2em;
    margin: 0.5em;
    padding: 0.5em;
    position: absolute;
    top: 50px;
    width: 14em;
	text-align:center;
}*/

/* end : footer */


/* contentsWrapper
-------------------------------------------------- */
#contentsWrapper{
    /*position:relative;*/
	/* width: 100%; 7/31@pise shiga*/
    /*min-width: 960px;*/
    /*margin: 0 auto;*/
    background: #fff;
    /*padding-bottom: 30px;*/
}

/* container
-------------------------------------------------- */
#container {
    max-width: 1180px;
    margin: 0 auto;
    padding-top: 30px;
}

#rightArea {
    width: 200px;
	display: block;
    float: right;
    /*background-color: #ccc;*/
}

/* contents
-------------------------------------------------- */
#contents {
    width: 920px;
    /* min-height: 400px; */
    /*margin: 0 auto;*/
	margin: 0 0 40px 0;
    /*padding: 0 30px 40px 0; */
	padding: 0 30px 0 0;
    text-align: left;
    overflow: hidden;
    _zoom: 1;
    background: #fff;
    float: left;
    border-right: 1px solid #ccc;
	padding-bottom: 10000px;
    margin-bottom: -10000px;
}

/* sidebar(nav)
-------------------------------------------------- */
#sidebar{
    float: left;
    width: 200px;
}

#sidebar.archive{
    display: none;
}

.home #sidebar{
    display: none;
}

#sidebar .navTitle{
    margin: 0 0 1px 0;
    padding: 10px 10px 10px 38px;
    color: #a1a1a1;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    background: url(images/common/icon_navTitle.png) 2px 5px  no-repeat;
}

#sidebar .nav{
    margin: 0;
}

/* sidebar Gradient Design */
/*
#sidebar .nav{
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
*/
/*#sidebar li, */
/*
#sidebar li a, 
#sidebar li span{
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU0ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e4e4));
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=0 );

-moz-box-shadow:inset 1px 1px 0 #fff;
-webkit-box-shadow:inset 1px 1px 0 #fff;
-ms-box-shadow:inset 1px 1px 0 #fff;
box-shadow:inset 1px 1px 0 #fff;
}
*/
/* end : sidebar Gradient Design */

#sidebar .nav > li{
    margin: 0 0 1px 0;
    color: #333;
    font-weight: bold;
    /*background: url(images/common/icon_li_r_arrow.gif) 11px 0  no-repeat;*/
}

/*.sub_nav li{*/
#sidebar .sub-menu li{
    font-weight: normal;
    /*background: url(images/common/icon_li_r_arrow.gif) 11px 0  no-repeat;*/
}

#sidebar .nav li a,
#sidebar .nav li span{
    display: block;
    padding: 10px 5px 10px 0px;
    color: #333;
    text-decoration: none;
    /*border-bottom: 1px solid #ccc;*/
}

#sidebar .nav li a:hover{
    color: #f60;
    text-decoration: none;
}

#sidebar .nav li.current-menu-item a,
#sidebar .nav li.current-page-ancestor a,
#sidebar .nav li.current-menu-parent a{
	color: #f60;
}

#sidebar .nav li.current-menu-parent li a{
	color: #333;
}

#sidebar .nav li.current-menu-parent li.current-menu-item a,
#sidebar .nav li a.active,
/*#sidebar .nav li.active a, */
#sidebar .nav span.active{
    color: #f60;
}



#sidebar .nav li ul{
	display:none;
}
#sidebar .nav li ul li{
    /*background: #f9f9f9;*/
}

#sidebar .nav li ul li a,
#sidebar .nav li ul li .parent{
    padding: 10px 5px 10px 20px;
    background: url(images/common/icon_li_r_arrow.gif) 5px 0  no-repeat;
}

#sidebar .parent:hover{
    color: #f60 !important;
}

#sidebar .nav li ul li ul li a{
    padding: 10px 5px 10px 50px;
    background: url(images/common/icon_li_r_arrow.gif) 31px 0 no-repeat;
}

#sidebar .widget_links{
	margin-top:40px;
}
#sidebar .widget_links .widget-title{
	margin-bottom:5px;
}

/*
#sidebar .nav .visitors-list-template {
    display: none;
}
*/

#sidebar .hide{
	display:none;
}
/* sidebar(video)
-------------------------------------------------- */

#sidebar_video{
    float: left;
 	color: #333;
 	font-weight: bold;
 	text-decoration: none;
 	margin-bottom: 40px;
 	width: 99%;
}

#sidebar_video a{
 	color: #333;
 	text-decoration: none;
}

#sidebar_video .nav li {
	float: left;
    border-radius: 10px;
    padding: 8px 23px;
    margin: 0.5%;
    border: solid 1px #ccc;
    border-bottom: solid 3px #ccc;
}

#sidebar_video .nav li a:hover{
    text-decoration: none;
}

#sidebar_video .nav li:hover{
    color: #f60;
    text-decoration: none;
    background: #eee;
    border-top: solid 3px #ccc;
    border-bottom: solid 1px #ccc;


}

/* mian
-------------------------------------------------- */
#main{
    float: right;
    width: 700px;
    /*
    text-align: justify;
    text-justify: distribute;
    */
    text-align: left;
}

.home #main{
    width: auto;
    float: none;
}


#main .entry-content{
	position:relative;
	margin-bottom:20px;
}

#main .entry-content img.title{
	margin-bottom:10px;
}

#main .entry-content ul {
	margin: 10px 0 10px 0;
}
#main .entry-content ul li{
	margin-bottom: 3px;
}

#main .entry-content span.regist {
    padding: 0 5px;
    font-size: 78.6%;
    color: #fff;
    background: #095697;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    white-space: nowrap;
    display: inline-block;
	vertical-align: middle;
	font-weight: normal;
}


#main .entry-content span.regist-info {
    padding: 10px 15px;
    font-size: 165%;
    font-weight: bold;
    color: #fff;
    background: #095697;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
}

#main .entry-content p.indent1 { 
    text-indent:1em;
    margin:0px;
}

#main .entry-content p.indent1_br { 
    text-indent:1em;
    margin: 0 0 1em 0;
}

.indent_00 {
	padding-left:0.5em;
}

.indent_01 {
	padding-left:1em;
}

.indent_02 {
	padding-left:1em;
    text-indent:-1em;
}

.indent_02_br {
	padding: 0.5em 0 0 1em;
    text-indent:-1em;
}

/* 2col
-------------------------------------------------- */
.parent-pageid-1827 #rightArea,
.parent-pageid-150 #rightArea,
.parent-pageid-3440 #rightArea,
.page-id-150 #rightArea,
.single-post #rightArea,
.single-program #rightArea,
.single-event #rightArea,
.single-schedule #rightArea,
.tax-program_category #rightArea,
.tax-visitor_category #rightArea {
    display: none;
}

.parent-pageid-1827 #contents,
.parent-pageid-150 #contents,
.parent-pageid-3440 #contents,
.page-id-150 #contents,
.single-post #contents,
.single-program #contents,
.single-event #contents,
.single-schedule #contents,
.tax-program_category #contents,
.tax-visitor_category #contents {
    width: 100%;
}

.parent-pageid-1827 #main,
.parent-pageid-150 #main,
.parent-pageid-3440 #main,
.page-id-150 #main,
.single-post #main,
.single-program #main,
.single-event #main,
.single-schedule #main,
.tax-program_category #main,
.tax-visitor_category #main {
    width: 920px;
}



/* pagetop
-------------------------------------------------- */
.pagetop {
display: none;
position: fixed;
bottom: 30px;
right: 15px;
}
.pagetop a {
display: block;
padding: 5px 5px 6px 5px;
border-radius: 30px;
width: 35px;
height: 35px;
background-color: #095697;
color: #fff;
font-size: 20px;
text-decoration: none;
text-align: center;
/*filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;*/
}
.pagetop a:hover {
display: block;
background-color: #39c;
text-align: center;
color: #fff;
font-size: 20px;
text-decoration: none;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}


/* pagenavi
-------------------------------------------------- */
.wp-pagenavi{
	margin:30px 0;
	text-align:center;
}

#main .wp-pagenavi a{
	padding:3px 5px !important;
}

/* breadcrumb
-------------------------------------------------- */
#breadcrumbWrap{
    width: 100%;
    height: 30px;
    background:url(images/common/breadcrumb_bg.gif) 0 0 repeat-x #f7f7f7;
}

.breadcrumb{
    width: 960px;
    height: 25px;
    margin: 0 auto;
    font-size: 85.7% ; /*12px*/
    text-align: left;
    overflow: hidden;
}

.breadcrumb li{
    float: left;
    height: 25px;
    line-height: 25px;
    color:#333;
}

.breadcrumb li a{
    display: inline-block;
    padding: 0 17px 0 0;
    height: 25px;
    line-height: 25px;
    font-weight: bold;
    color:#999;
    text-decoration: none;
    background:url(images/common/breadcrumb_path.png) top right no-repeat;
}

.breadcrumb a:hover{
    color:#999;
    text-decoration: underline;
}

/*
.breadcrumb li.home{
    padding: 0 0 0 0;
    background-image: none;
}
*/

.breadcrumb2{
    margin: 0 0 40px 0;
    padding: 5px;
    /*font-size:171.4%;*/
    /*font-weight: bold;*/
    border-bottom: 1px solid #ccc;
    /*color: #095697;*/
}


/* jquery.rcrumbs.css */
.rcrumbs {
  width: 960px; 
  margin:0 auto;
  text-align:left; 
  white-space: nowrap;
}
.rcrumbs > ul {
  padding: 0;
  list-style: none;
}
.rcrumbs > ul > li {
  overflow: hidden;
  display: none;
}
.rcrumbs > ul > li.show {
  display: inline-block;
}
.rcrumbs > ul > li.ellipsis {
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}

/* end : layout */



/* ------------------------------------------------------------
Global style
------------------------------------------------------------ */

/* Category Title
-------------------------------------------------- */
#categoryTitleWrap{
    height: 85px;
    padding-bottom: 20px;
    /*border-bottom: 1px solid #ccc;*/
}
#categoryTitle{
    max-width: 1180px;
    margin: 0 auto;
    text-align: left;
    border-bottom: 1px solid #ccc;
}

#categoryTitle .c_title{
    height: 55px;
    /*line-height: 65px;*/
    font-size:20px;
    font-weight: bold;
    /*color: #ccc;*/
    color: #095697;
}


/* Heading title
-------------------------------------------------- */
.main_title_parent{
	color: #095697;
	font-weight:bold;
}

.entry-header{
	border-bottom: 1px solid #ccc;
    margin: 0 0 40px 0;
}

.entry-header-regi {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin: 0 0 40px 0;
}

.main_title{
    padding: 5px 0;
    font-size:171.4%;
    font-weight: bold;
    color: #095697;
}

.main_title_regi {
    max-width: 75%;
    float: left;
    padding: 0 0 10px 0;
    font-size: 171.4%;
    font-weight: bold;
    color: #095697;
}

.home .main_title{
	display: inline-block;
    margin: 0;
    border: none;
}

.main_title2{
    margin: 0 0 40px 0;
    padding: 5px 0;
    font-size:130%;
    /*font-weight: bold;*/
    border-bottom: 1px solid #ccc;
    color: #095697;
}

.main_title3 {
    font-size: 150%;
    /* padding: 0 0 0 85px; */
    line-height: 70px;
    font-weight: bold;
    color: #333;
}

/*.Topics_title {
    font-size: 150%;
    color: #095697;
    border-bottom: 1px solid #ccc;
}*/

.entry-header-regi div#button_box {
    width: 25%;
    float: right;
    text-align: right;
    padding: 0 0 10px 0;
	position: relative;
	z-index: 2;
}

.entry-header div#button_box div{
	float:right;
	margin: 0 0 15px 10px;
}

.article_title{
    margin: 0 0 40px 0;
    padding: 18px 10px;
    font-size:171.4%;
    color: #4280d3;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    background:url(images/common/title_article_bg.gif) 0 0;
}

.article_title a:link{
    color: #4280d3;
    text-decoration: none;
}

.article_title a:hover{
    color: #f60;
    text-decoration: none;
}

.subtitle_01{
    margin: 15px 0;
    padding: 5px 0;
    font-size:128.6%;
    border-bottom: 1px solid #ccc;
}
/*
.subtitle_02{
    margin: 1.5em 0;
    padding: 10px 0 10px 15px;
    font-size:157.1%;
    border-left: 7px solid #387db8;
}
*/
.subtitle_02{
    margin: 1.5em 0 0;
    padding: 10px 0 10px 0px;
    font-size:130%;
    font-weight: bold;
    /*border-left: 7px solid #387db8;*/
    color: #095697;
}

.subtitle_03{
    margin: 15px 0;
    padding: 5px 0;
    font-size:128.6%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.subtitle_04{
    font-size:128.6%;
    font-weight: bold;
}

.subtitle_05{
    font-weight: bold;
}
/*
.subtitle_06{
    margin: 1em 0;
    padding: 5px 0 5px 15px;
    font-size:128.6%;
    font-weight: bold;
    border-left: 7px solid #387db8;
    border-bottom: 1px solid #ccc;
}
*/
.subtitle_06{
    margin: 1em 0;
    padding: 5px 0 5px 0px;
    font-size:100%;
    font-weight: bold;
    /*border-left: 7px solid #387db8;*/
    /*border-bottom: 1px solid #ccc;*/
    color: #095697;
}

/* text */
#main p{
    margin: 0 0 1em 0;
	word-break: break-word;
}
/* end : Global style */


/* ------------------------------------------------------------
 Top page (HOME)
------------------------------------------------------------ */

/* topics */
#topic {
    padding-bottom: 40px;
    margin-bottom: 40px;
    /*border-bottom: 1px solid #ccc;*/
}

ul.topicbox {
	display: flex;
	justify-content: space-between;
	margin: 0 auto 15px;
	flex-wrap: wrap;
    /*width: 103%;*/ /*Topicが3つの場合*/
	/*width: 100%;*/　　 /*Topicが1つの場合*/
    /*max-width: 960px;
    list-style: none;
	padding: 0,
	position:relative;*/
}

ul.topicbox .slick-list {
	margin-right: -10px;  /* ガター分ネガティブマージン */
}

ul.topicbox .slick-slide {
  margin-right: 10px;  /* ガター */
}

ul.topicbox img {
	 /*width: 100vw;*/
	 max-width: 100%;
}

ul.topicbox li {
	background-color: #f2f2f2;
	width: 32.5%; 　/*Topicが3つで画像が1つの場合*/
	/*margin: 0 2% 40px 0;*/ 　/*Topicが3つで画像が1つの場合*/
    /*list-style: none !important;*/
    /*padding: 0;*/
    /*float: left;*/
}
ul.topicbox li.item{
	/*margin: 0 2% 0 0%;*/
}

/* NEXTボタン・PREVボタン */

.slide-arrow{
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
.prev-arrow{
  left: -40px;
  width: 0;
  height: 0;
  /*border-left: 0 solid transparent;
  border-right: 15px solid #113463;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;*/
}
.next-arrow{
  right: -40px;
  width: 0;
  height: 0;
  /*border-right: 0 solid transparent;
  border-left: 15px solid #113463;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;*/
}


div.topicimg_TP{
	border-bottom: 7px solid #095697;
}

div.topicimg_TP_oa {
	border-bottom: 7px solid #002e4f;
}

div.topicimg_JRP {
	border-bottom: 7px solid #60812a;
}

div.topicimg_FSD {
	border-bottom: 7px solid #E06168;
}

div.topicimg_FWLS {
	border: 1px solid #ccc; 
	border-bottom: 7px solid #d6251e;
}


div.topicimg ,
div.topicimg_pc {
    /*display: table-cell;
	table-layout: fixed;*/
}

/*div.topicimg_sp {
    display: none;
    }*/

div.topictext {
	text-align: left; 
    /*padding: 5px 10px 0;*/
    margin: 5px 10px 0;
}

div.topictext p.TP_title,
div.topictext p.JRP_title,
div.topictext p.FSD_title,
div.topictext p.FWLS_title,
div.topictext p.TP_oa_title {
	font-size: 130%;
	height: 40px;    /*Topicが3つの場合*/
	/*font-size: 150%;  
	margin: 0 0 0 0 !important;*/  /*Topicが1つの場合*/
	line-height: 1.3em;
}

div.topictext p.TP_title{
	color:#095697 !important;
}

div.topictext p.TP_oa_title {
	color:#002e4f !important;
}

div.topictext p.JRP_title {
	color:#60812a !important;
}

div.topictext p.FSD_title {
	color:#E06168 !important;
}

div.topictext p.FWLS_title {
	color:#d6251e !important;
}

div.topictext p.TP_title a:link, 
div.topictext p.TP_title a:visited {
	color:#095697 !important;
    text-decoration: none !important;
}

div.topictext p.JRP_title a:link,
div.topictext p.JRP_title a:visited {
	color:#60812a !important;
    text-decoration: none !important;
}

div.topictext p.FSD_title a:link,
div.topictext p.FSD_title a:visited {
	color:#E06168 !important;
    text-decoration: none !important;
}


div.topictext p.FWLS_title a:link,
div.topictext p.FWLS_title a:visited {
	color:#d6251e !important;
    text-decoration: none !important;
}

div.topictext p.TP_date {
	font-size: 80%;
	color:#095697 !important;
}

div.topictext p.JRP_date {
    font-size: 80%;
	color:#60812a !important;
}


div.topictext p.FSD_date {
    font-size: 80%;
	color:#E06168 !important;
}

div.topictext p.FWLS_date {
    font-size: 80%;   /*Topicが3つの場合*/
    /*font-size:100%;*/       /*Topicが1つの場合*/
	color:#d6251e !important;
}

div.topictext p.TP_oa_date {
    font-size: 80%;   /*Topicが3つの場合*/
    /*font-size:100%;*/       /*Topicが1つの場合*/
	color:#002e4f !important;
}

div.topictext p.TP_border {
	font-size: 80%;
	padding: 2px 10px;
	color: #fff;
    background: #095697;
	display: inline-block;
}

div.topictext p.JRP_border {
	font-size: 80%;
	padding: 2px 10px;
	color: #fff;
    background: #60812a;
	display: inline-block;
}

div.topictext p.FSD_border {
	font-size: 80%;
	padding: 2px 10px;
	color: #fff;
    background: #E06168;
	display: inline-block;
}

div.topictext p.FWLS_border {
	font-size: 80%;
	padding: 2px 10px;
	color: #fff;
    background: #d6251e;
	display: inline-block;
}

div.topictext p.TP_oa_border {
	font-size: 80%;
	padding: 2px 10px;
	color: #fff;
    background: #002e4f;
	display: inline-block;
}

div.topictext p.TP_border a:link,
div.topictext p.TP_border a:visited,
div.topictext p.JRP_border a:link,
div.topictext p.JRP_border a:visited,
div.topictext p.FSD_border a:link,
div.topictext p.FSD_border a:visited,
div.topictext p.FWLS_border a:link, 
div.topictext p.FWLS_border a:visited,
div.topictext p.TP_oa_border a:link, 
div.topictext p.TP_oa_border a:visited {
    color: #FFF !important;
}

div.topictext span {
	display: inline-block;
}

div.topicunderline_FWLS {
	width: 300px;
	height:7px;
	background-color: #d6251e;
}

.topic .read-more {
    text-align: right;
    font-size: 90%;
}

.topic .rightlinks {
	float: right;
    font-size: 90%;
	margin:0;
	margin-bottom: 30px;
	
}

.more_index {
    z-index: 1;
    position: absolute;
    top: 14px;
    right: 0px;
    background-color: #095697;
    padding: 0 10px;
}

#main .more_index a {
    font-size: 80%;   
}
#main .more_index a:link,
#main .more_index a:visited {
    color: #FFF;
}

/* news */
.top_news {
    position: relative;
    margin: 0px 0 10px 0;
    overflow: hidden;
}

/*.top_news{
    position: relative;
    height: 50px;
    margin: 0px 0 10px 0;
    /*background: url(images/top/title_news.gif) 0 0 no-repeat;*/
    /*overflow: hidden;
    _zoom: 1;
}*/

.top_news h2 {
    z-index: 2;
    font-size: 170%;
    color: #095697;
    border-bottom: 1px solid #ccc;
}

.top_news h3{
	z-index: 2;
    font-size:150%;
    /*padding: 0 0 0 85px;   */
    color: #095697;
    border-bottom: 1px solid #ccc;
}

/* news headline */
.news{
    /*margin: 0 0 0 40px;*/
    /*padding: 0px 20px 10px 20px;*/
    /*background: #f1f1f1;*/
}

.news .register_now {
    position: absolute;
    /* right: 0; */
    font-size: 78.6%;
    color: #fff;
    background: #095697;
    width: auto;
    padding: 2px 10px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    z-index: 2;
    margin: 125px 0 0 105px;
}
.news .register_closed {
    position: absolute;
    /* right: 0; */
    font-size: 78.6%;
    color: #fff;
    background: #d6251e;
    width: auto;
    padding: 2px 5px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    z-index: 2;
    margin: 125px 0 0 105px;
}

.news dl{
    padding: 10px 0;
}

.news dl dt{
    float:left;
    width: 8em;
    padding-top: 10px;
    color: #786da6;
}

.news dl dd{
    padding-left: 25px;
}

.news dl dd.news_title{
    padding-top: 10px;
    font-weight: bold;
}

.news dl dd.news_update{
    font-size: 85%;
}

.news dl dd.news_summary{
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

/* Updating Information */
#Archive_box{
	width: 60%;
    float: right;
    margin-left: 10px;
    margin-top: -15px;
    margin-bottom: 5px;
}

.updating_infomation {
    position: relative;
    overflow: hidden;
}

.updating_infomation h3{
	z-index: 2;
    font-size:150%;
    /*padding: 0 0 0 85px;   */
    color: #095697;
    border-bottom: 1px solid #ccc;
}

.more_index_update {
    z-index: 1;
    position: absolute;
    top: 10px;
    right: 0px;
    background-color: #095697;
    padding: 0 10px;
}

.more_index_update a {
    font-size: 80% !important;   
}

.more_index_update a:link,
.more_index_update a:visited {
    color: #FFF !important;
}

#update{
    /*margin: 0 0 0 40px;*/
    /*padding: 0px 20px 10px 20px;*/
    /*background: #f1f1f1;*/
}	

#update dl{
	/*overflow: hidden;
    zoom: 1;  */
    display: block;
    clear: both;
    padding: 5px 0px;
	border-bottom: 1px solid #ccc;
}

#update dt {
    font-size: 80%;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 0;
    float: left;
    clear: both;
    width: 100px;
    color: #095697;
}

/*#update dd.category {
	margin-bottom : 10px;
}

#update dd.category span{
    font-size: 70%;
    padding: 0px 5px;
    background-color: #095697;
    color: #fff;
	display: inline-block;
    vertical-align: middle;
}

#update dd.category a:link{
	text-decoration: : none!important;
	color: #000!important;
}*/

#update dd.title {
    /*margin-bottom : 10px;
	  margin-top: -8px;
      margin-bottom : 1em;*/
	padding-left: 100px;
	text-indent: -6.8em;
	margin-left: 6.8em;
}

#update dd.title span {
    font-size: 60%!important;
    -webkit-transform: scale(0.9);
    -webkit-transform-origin: 0 0;
    width: 8em;
    text-align: center;
    padding: 0px 5px;
    margin: 0 5px 0 0;
    background-color: #095697;
    color: #fff;
    display: inline-block;
    vertical-align: top;
	text-indent: 0em;
}

#update dd.title a {
	font-size:85%!important;
    color: #333!important;
	vertical-align: top;
}

#update  dd.title a:link{
	text-decoration: none!important;
	color: #333!important;
}

#update  dd.title a:hover{
	text-decoration: underline!important;
	color: #333!important;
}

#update hr{
	border: 0;
    height: 1px;
    margin: 0 0;
    background: #ccc;
}

.updated {
    font-size: 11px;
	font-weight: normal;
	font-style:italic;
    color: #f60;
}

.old_updated {
    font-size: 11px;
	font-weight: normal;
	font-style:nano;
    color: #333;
}	

.Open {
	font-weight: normal;
	font-style:italic;
    color: red;
}
 
/*
.news dl dd:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
*/

/* news slider */
/*
#news .inner{
    overflow: hidden;
    _zoom: 1;
}

#news .inner .thumb{
    float: left;
    width: auto;
    height: auto;
    margin: 0 15px 10px 0;
    border: 3px solid #fff;
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	-ms-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}

#news .inner .right-text{
}

#news .inner .right-text p{
    margin: 0 0 7px 0;
}

#news .inner .right-text .date{
   font-size:85.7%; 
   font-weight: bold;
}

#news .inner .right-text .category-label span{
   font-size:85.7%; 
    padding: 0 10px;
    color: #fff;
    background: #000;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}

#news .inner .right-text .news-title a{
    font-weight: bold;
}

#news .inner .lead{
    clear: both;
    width: 270px;
    height: 65px;
    margin: 15px 0 0 0;
    overflow:hidden;
}
*/

/* movie */
.top_movie{
    position: relative;
    height: 70px;
    margin: 40px 0 20px 0;
    background: url(images/top/title_movie.gif) 0 0 no-repeat;
    overflow: hidden;
    _zoom: 1;
}

.top_movie h2{
    font-size:171.4%;
    padding: 0 0 0 85px;   
    line-height: 70px;
}


/* program */

.top_program{
    position: relative;
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
}

.top_program h2 {
    padding: 2px;
    margin-bottom: 1px;
    background-color: #00688e;
    font-size: 90%;
    color: #fff;
}

.JRP_program{
    position: relative;
    /*height: 70px;*/
    /*margin: 40px 0 20px 0;*/
    /*background: url(images/top/title_program.gif) 0 0 no-repeat;*/
    /*overflow: hidden;*/
    /*_zoom: 1;*/
}
.JRP_program h2 {
    padding: 2px;
    margin-bottom: 1px;
    background-color: #60812a;
    font-size: 90%;
    color: #fff;
}

.fsd_program h2 {
    padding: 2px;
    margin-bottom: 1px;
    background-color: #E06168;
    font-size: 90%;
    color: #fff;
}

.epp_program h2 {
    padding: 2px;
    margin-bottom: 1px;
    background-color: #a19859;
    font-size: 90%;
    color: #fff;
}


.rdx_program h2 {
    padding: 2px;
    margin-bottom: 1px;
    background-color: #3E1485;
    font-size: 90%;
    color: #fff;
}
.fdh_program h2 {
    padding: 2px 0 0 3px;
    margin-bottom: 1px;
    background-color: #630B0C;
    font-size: 88%;
    color: #fff;
}
.online_program{
    position: relative;
}
.online_program h2 {
    padding: 2px;
    margin-bottom: 1px;
    background-color: #a52a2a;
    font-size: 90%;
    color: #fff;
}

#program .inner .thumb{
    /*float: left;*/
    width: auto;
    /*height: 70px;*/
    margin: 0 0 0 0;
    overflow: hidden;
}
#program .inner .thumb img {
    width: 100%;
    height: auto;
}

#program .inner .thumb img p { 
    position: relative;
	 }
	 
#program .inner .thumb img p span.inside { 
    position: absolute;
	top: 30px;
	left: 75px;
	width: 145px;
	 }

#program .inner img {
    width: 200px;
    height: auto;
	z-index: 0;
}


#program .inner .code_pr {
    position: absolute;
	/*right: 0;*/
    font-size: 80%;
	font-weight: 700;
    color: #fff;
	text-transform: uppercase;
    background: #095697;
    width: auto;
    padding: 2px 10px;
    z-index: 2;
}

#program .inner .code_jrp {
    position: absolute;
	/*right: 0;*/
    font-size: 80%;
	font-weight: 700;
    color: #fff;
	text-transform: uppercase;
    background: #60812a;
    width: auto;
    padding: 2px 10px;
    z-index: 2;
}

#program .inner .code_fsd {
    position: absolute;
	/*right: 0;*/
    font-size: 80%;
	font-weight: 700;
    color: #fff;
	text-transform: uppercase;
    background: #E06168;
    width: auto;
    padding: 2px 10px;
    z-index: 2;
}


#program .inner .code_online {
    position: absolute;
	/*right: 0;*/
    font-size: 80%;
	font-weight: 700;
    color: #fff;
	text-transform: uppercase;
    background: #a52a2a;
    width: auto;
    padding: 2px 10px;
    z-index: 2;
}


#program .inner .text {
	position: absolute;
    bottom: 0px;
    color: #fff;
    width: 100%;
    text-align: left;
	/*background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.7));
    background: -o-linear-gradient(transparent, rgba(0,0,0,0.7));
    background: -moz-linear-gradient(transparent, rgba(0,0,0,0.7));
    background: linear-gradient(transparent, rgba(0,0,0,0.7));*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-8 */
z-index: 1;
}

#program .inner .text a:link,
#program .inner .text a:visited {
    color: #fff;
    text-decoration: none !important;
}

/*#program .inner .text a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	/*-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	/*-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	/*-khtml-opacity: 0.8;              /* Safari 1.x */
/*}*/

#program .inner .text p{
    margin: 0 0 0 0;
    font-size: 90%;
	width:100%;
	line-height: 1.3em;
}

#program .inner .date p{
    font-size: 90%;
    margin: 5px 0 0 0;
    padding: 10px;
}

.top_past {
    position: relative;
    /* border: 1px solid #ccc; */
    font-size: 90%;
    background: #666;
}

.top_past a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 10px 5px;
}

.top_past a:hover {
	/*background: #ccc;*/
}

/* calendar */

.top_calendar {
	position: relative;
    background: none repeat scroll 0 0 #095697;
	/*weight:auto;*/
}

.top_calendar a {
    /*position: relative;
    background: none repeat scroll 0 0 #095697;*/
    color: #ffffff;
    display: block;
    font-weight: 700;
    padding: 10px 10px;
    margin: 10px;
    text-decoration: none;
    text-transform: uppercase;
}

.gc_wrapper {
  max-width: 800px; /* 最大幅 */
  min-width: 200px; /* 最小幅 */
  margin: 2.0833% auto;
}

.responsive-iframe-container {
    position: relative;
    padding-bottom: 109.286%;
    height: 0;
    overflow: hidden;
}

.responsive-iframe-container iframe,   
.responsive-iframe-container object,  
.responsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.small-container {
        display: none;
    }

.top_calendar h3 {
    z-index: 2;
    font-size: 120%;
    color: #095697;
    /* border-bottom: 1px solid #ccc; */
    text-align: left;
}

.more_calendar {
    text-align: right;
    font-size: 90%;
	text-decoration: none;
}

.more_calendar a:link {
    color: #06c;
    text-decoration: none;
}

.text-overflow {
    position: relative;
    /*width: 270px;*/
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.news-title {
	/*height: 3em;*/
	font-weight: bold;
	text-align: left;
}

.news-lead{
	height: 4.5em;
	margin: 5px 0 0 0;
}

/*.news-title p,
.news-lead p{
	padding: 0 1.2em 0 0;
}*/
/* end : Top page(HOME) */




/* ------------------------------------------------------------
 About Us
------------------------------------------------------------ */
.staff-wrap{
	overflow: hidden;
	_zoom: 1;
}

.staff-wrap .staff-list{
	width: 190px;
	float: left;
	margin: 0 30px 30px 0;
}

.staff-wrap .staff-list img{
	width: 190px;
	height: 190px;
}

.staff-wrap .staff-list p{
	clear: both;
}

.address dt{
	float: left;
	width: 10em;
	font-weight: bold;
}

.address dd{
    margin: 0 0 1em 10em;
}

.people_box{
	border-left:none!important;
	width:99%;
	border-bottom: 1px solid #ccc;
}

.people_box td{
	display: inline-table;
	border:none!important;
	text-align:center;
	width:32.5%;
	padding:0 0 0 0;
}

.people_box td.aa{
	border-collapse:separate;
    border-spacing:35px 0;
	text-align:left;
}

.people_box span{
	display: inline-block
}

/* ------------------------------------------------------------
 About Us People director
------------------------------------------------------------ */

.people_box01{
	border-left:none!important;
	width:99%;
	border-bottom: solid 1px #ccc;
	text-align: center;
}

.people_box01 td{
	display: inline-table;
	border: none!important;
	vertical-align: text-top;
	padding: 1%;
}

.people_box01 td.aa{
	border-collapse: collapse;
    border-spacing: 0px;
    width: 22.7%;
    padding: 5%;
    text-align: center;
}

.people_box01 img{
	max-width: 140px;
}

.people_box01 span{
	display: inline-block;
}





.people_AO_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.people_AO_box{
	/*margin-bottom: 1rem;*/
	padding: 1rem;
	width: 20%;
}

.people_AO_box img {
	display: block;
	margin-bottom: 0.5rem;
	width: 100%;
	height: auto;
}

.people_AO_box h2 {
	/*margin-bottom: 1rem;*/
	font-size: 100%;
	font-weight: bold;
	text-align: center;
}

.people_AO_box p {
	margin:0 0 1rem;
	font-size: 90%;
	text-align: center;
}

#map_img img{
	width:650px;
	height:382.4px;
}

/* end : About Us */


/* ------------------------------------------------------------
 Visitors Information
------------------------------------------------------------ */
.tab01{
	margin-bottom: 0px;
	border-bottom: 2px solid #786da6;
	overflow: hidden;
	_zoom: 1;
}

.tab li{
	display: block;
	float: left;
	height: 34px;
	margin: 0 3px 0 0;
	padding: 0 10px;
	line-height: 34px;
	color: #786da6;
	text-align: center;
	background: #eee ;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	-ms-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
}

.tab li.active{
    background: #786da6 ;
    color: #fff;
}

.related_info{
	margin: 30px 0 0 0;
	padding: 20px;
	background: #f5f5f5;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}

.related_info h4{
    font-size: 114.3%;
    font-weight: bold;
    color: #666;
    border-bottom: 1px solid #ccc;
    margin-bottom:20px;
}

/* end : Visitors Information */


/* ------------------------------------------------------------
 Program
------------------------------------------------------------ */

/* Heading title
-------------------------------------------------- */
/*index*/
.program_index h2,
.event_index h2{
    margin: 40px 0 20px 0;
    padding: 5px 0;
    font-size:171.4%;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}
.program_index h2:first-child,
.event_index h2:first-child{
    margin: 0 0 20px 0;
}

/*article*/
/*
.program_article h2, 
.event_article h2{
    margin: 40px 0 30px 0;
    padding: 18px 10px;
    font-size:171.4%;
    font-weight: bold;
    color: #4280d3;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    background:url(images/common/title_article_bg.gif) 0 0;
}
*/

/*.program_article h2:first-child, 
.event_article h2:first-child{
    margin: 0 0 30px 0;
}*/

.program_article h2 a:link, 
.event_article h2 a:link{
    color: #4280d3;
    text-decoration: none;
}

.program_article h2 a:hover, 
.event_article h2 a:hover{
    color: #f60;
    text-decoration: none;
}
/*
.program_article h3, 
.event_article h3{
    margin: 1.5em 0;
    padding: 10px 0 10px 15px;
    font-size:157.1%;
    border-left: 7px solid #387db8;
}
*/
.program_article h3, 
.event_article h3,
.entry-content h3{
    margin: 2em 0 0.5em;
    padding: 5px 0 5px 0px;
    font-size:128.6%;
    font-weight: bold;
    /*border-left: 7px solid #387db8;*/
    /*border-bottom: 1px solid #ccc;*/
    color: #095697;
}

.program_article h4, 
.event_article h4{
    margin: 2em 0 0.5em;
    font-size:114.3%;
    font-weight: bold;
}

.program_article h4.subtitle_01, 
.event_article h4.subtitle_01{
    margin: 2em 0 0.5em;
    padding: 5px 0 5px 0px;
    font-size:114.3%;
    font-weight: bold;
    /*border-left: 7px solid #387db8;*/
    /*border-bottom: 1px solid #ccc;*/
    color: #095697;
    border: none;
}

/*ボタンの装飾*/
.hidden_box label {
	font-weight: 700;
	color: #06c;
	cursor: pointer;
	padding: 0 0 0 35px;
	position: relative;
}

#CfC.hidden_box label,
#IYL.hidden_box label,
#REG.hidden_box label{
	font-size:114.3%;
	font-weight: 700;
	color: #06c;
	cursor: pointer;
	padding: 0 0 0 35px;
	position: relative;
}

/*アイコンを表示*/
.hidden_box label:before {
    content: '\f054';
    position: absolute;
    font-family: 'FontAwesome';
    color: #fff;
    top: 40%;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: #06c;
    opacity: 1;
    margin: -10px 0;
	padding: 2px;
    text-align: center;
    vertical-align: middle;
}

/*ホバー時の装飾*/
.hidden_box label:hover {
	color: #39c;
	text-decoration: underline;
}

#CfC.hidden_box label:hover,
#IYL.hidden_box label:hover,
#REG.hidden_box label:hover{
	color: #39c;
	text-decoration: underline;
}

.hidden_box label:hover:before{
background: #39c;
}

/*アイコンを切り替え*/
.hidden_box input:checked ~ label:before {
     content: '\f078';
    /* -ms-transform: rotate(360deg);
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);*/
     color: #fff;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

/* list
-------------------------------------------------- */
/*article*/
.program_article li, 
.event_article li{
    list-style-type: disc;
    margin: 0 0 0 2em;
}

/*program_index
-------------------------------------------------- */
.program_index .list-box{
    padding: 18px 0;
    background: url(images/common/line_dot.gif) left bottom repeat-x;
}

.program_index .list-box p{
    margin: 0 !important;
}

.program_index .list-box p.period{
}

.program_index .list-box dl.period{
}

.program_index .list-box dl.period dt{
    float: left;
    width: 4.5em;
}

.program_index .list-box dl.period dd{
    margin-left: 4.5em;
}

.visitor{
	width:100%;
    margin-bottom: 50px;
	/*border-bottom: 2px solid #ccc;*/
}

.visitor tr:nth-child(even){
	/*border-bottom: 2px solid #ccc;*/
}

.program_tbl th{
    text-align:center;
    font-weight:bold;
    background-color:#ebebeb;
    padding:7px 0;
    border: none;
}



.program_tbl.poster th{
	text-align: left;
    padding: 2px 10px;
    border: none;
}

.program_tbl td{
	padding:15px 10px;
    border: none;
    border-bottom: 1px solid #ebebeb;
}

.program_tbl td span{
	white-space: nowrap;
}

.program_tbl.poster td {
    padding: 2px 10px;
    border: none;
    border-bottom: 1px solid #ebebeb;
}

/*.program_tbl.video th{
    padding:15px 10px;
    text-align: left;
    width:30px;
}*/

.program_tbl.video th.code{
    width: 120px;
}
.program_tbl.video th.date{
    width: 180px;
}

.program_tbl.video th.link{
    width: 50px;
}


@media all and (max-width: 767px) {
.program_tbl.video th,td {
    display: block;
  }
  
  
  .program_tbl.video th{
    display: none;
}
  }


.program_post {
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

.program_post .photo {
    width: 200px;
    float: left;
	position:	relative;
}

.program_post .photo img {
    max-width: 200px;
    height: auto;
}

.program_post .text-area {
    max-width: 700px;
	width:100%;
	float: left;
    margin-left: 20px;
}

.program_post .text-area p {
    margin-top: 0px;
}
.program_post .text-area p.date {
    color: #095697;
}
.program_post .text-area p.title {
    font-size: 120%;
    font-weight: bold;
}

.program_post .text-area p.news_text {
  /*white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;*/
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 45px;
}

.program_post .text-area p.read-more {
    text-align: right;
    font-size: 90%;
}


/*program_article
-------------------------------------------------- */
.program_article li{
    list-style-type: disc;
    margin: 0 0 0 2em;
}

.program_article dl{
    margin: 0.5em 0;
}

.program_article dl.event_info dt{
    float: left;
    width:5em;
    font-weight: bold;
}

.program_article dl.event_info dd{
    margin-left: 6em;
}

.program_article dl.time_chedule{
    margin: 0;
    padding: 10px 0;
    background: url(images/common/line_dot.gif) left bottom repeat-x;
}

.program_article dl.time_chedule dt.date{
    /*width:10.5em;*/
    margin:1em 0;
    /*white-space:nowrap;*/
    /* 7/15@pise SHIGA */
    /*padding: 15px 0px 0px 0px;}*/
}

.program_article dl.time_chedule dt.chair{
	color: #095697;
    /*width:10.5em;*/
    margin:1em 0.5em;
    /*white-space:nowrap;*/
    /* 7/15@pise SHIGA */
    /*padding: 15px 0px 0px 0px;}*/
}

.program_article dl.time_chedule dd.time{
    float: left;
    margin-left: 0.5em;
}

.program_article dl.time_chedule dd.session_class{
    margin: 0 0 5px 20em;
    margin-left: 20em;
}

/*.program_article dl.time_chedule dd.session_class span{*/
.program_article dl.time_chedule span.group{
    padding: 0 5px;
    font-size:78.6%;
	font-weight: bold;
    color: #fff;
    background: #786da6;
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	white-space:nowrap;
	display:inline-block;
}

.program_article dl.time_chedule dd.session_title{
    margin-left: 10em;
    font-weight: bold;
}

.program_article dl.time_chedule dd.session_title.margin{
    margin-bottom: 0.8em;
}

.program_article dl.time_chedule dd.session_speaker{
	margin-left: 10em;
	font-weight:normal;
}

.program_article dl.time_chedule dd.session_title_one{
    font-weight: bold;
}

.program_article dl.time_chedule dd.session_title_02{
	margin-left: 10em;
	font-weight:normal;
}

.program_article dl.schedule dd.session_title_02{
	margin-left: 2em;
	font-weight:normal;
}

.date_and_time dl {
  width:100%;
}

.date_and_time dt {
  float:left;
}

.date_and_time dd {
  margin-left:80px;
}

.program_article ol.numbering,
.program_article ol.poster_pre,
.program_article ol.poster_P,
.program_article ol.poster_TT,
.program_article ol.poster_TU,
.program_article ol.poster_A,
.program_article ol.poster_B,
.program_article ol.poster_zeroY1,
.program_article ol.poster_zeroY1_12,
.program_article ol.poster_zeroY2,
.program_article ol.poster_zeroY2_13{
	margin: 1em 0;
	padding-left: 0.5em;
	counter-reset:number;
}

.program_article ol.numbering{
	padding-left: 0;
}

.program_article ol.poster_A,
.program_article ol.poster_zeroY1,
.program_article ol.poster_zeroY1_12,
.program_article ol.poster_zeroY2,
.program_article ol.poster_TT,
.program_article ol.poster_TU,
.program_article ol.poster_zeroY2_13{
	margin: 1em 0;
	padding-left: 0.5em;
}

.program_article ol.numbering li {
    margin: 0 0 10px 0;
    list-style-type: none;
    padding-left: 1.6em;
    text-indent: -1.6em;
}

.program_article ol.poster_pre li {
/*	margin-bottom:10px;
	list-style-type: decimal;*/
	margin: 0 0 10px 0.8em;
    list-style-type: none;
    padding-left: 2em;
    text-indent: -2em;
}

.program_article ol.poster_P li,
.program_article ol.poster_A li,
.program_article ol.poster_B li{
	margin: 0 0 10px 0.8em;
    list-style-type: none;
    padding-left: 2.2em;
    text-indent: -2.2em;
}

.program_article ol.poster_zeroY1 li,
.program_article ol.poster_zeroY1_12 li,
.program_article ol.poster_zeroY2 li,
.program_article ol.poster_TT li,
.program_article ol.poster_TU li,
.program_article ol.poster_zeroY2_13 li{
	margin: 0 0 10px 0;
    list-style-type: none;
    padding-left: 3.2em;
    text-indent: -3.2em;
}

.program_article ol.poster_pre li.two_digit{
    padding-left: 2em;
    text-indent: -2em;
}

.program_article ol.poster_P li.two_digit,
.program_article ol.poster_A li.two_digit,
.program_article ol.poster_B li.two_digit{
    padding-left: 2.3em;
    text-indent: -2.3em;
}

.program_article ol.poster_zeroY1,
.program_article ol.poster_zeroY1_12,
.program_article ol.poster_zeroY2,
.program_article ol.poster_TT,
.program_article ol.poster_TU,
.program_article ol.poster_zeroY2_13{
    padding-left: 2.3em;
    text-indent: -2.3em;
}
.program_article ol.numbering li:before,
.program_article ol.poster_pre li:before,
.program_article ol.poster_P li:before,
.program_article ol.poster_TT li:before,
.program_article ol.poster_TU li:before,
.program_article ol.poster_A li:before,
.program_article ol.poster_B li:before,
.program_article ol.poster_zeroY1 li:before,
.program_article ol.poster_zeroY2 li:before{
 counter-increment: number 1;
}
.program_article ol.poster_zeroY1_12 li:before{
 counter-increment: number 1;
}
.program_article ol.poster_zeroY2_13 li:before{
 counter-increment: number 1;
}

.program_article ol.numbering li:before {
  content: counter(number) ". ";
		margin: 0 0.5em 0 0;
}

.program_article ol.poster_pre li:before {
  content: counter(number) ". ";
		margin: 0 1em 0 0;
}

.program_article ol.poster_P li:before {
  content: "P" counter(number) ". ";
		margin: 0 0.5em 0 0;
}

.program_article ol.poster_A li:before {
  content: "A" counter(number) ". ";
		margin: 0 0.5em 0 0;
}

.program_article ol.poster_B li:before {
  content: "B" counter(number) ". ";
	margin: 0 0.5em 0 0;
}


.program_article ol.poster_zeroY1 li:before {
  content: "1-" counter(number, decimal-leading-zero) "Y ";
	margin: 0 0.5em 0 0;
}

.program_article ol.poster_TT li:before {
  content: "TT-" counter(number, decimal-leading-zero) " ";
	margin: 0 0.5em 0 0;
}

.program_article ol.poster_TU li:before {
  content: "TU-" counter(number, decimal-leading-zero) "";
	margin: 0 0.5em 0 0;
}


.program_article ol.poster_zeroY1_12 li:before {
  content: "1-" counter(number, decimal-leading-zero) " ";
	margin: 0 1em 0 0;
}
.program_article ol.Y1_12 {
	counter-reset: item 12;
}
.program_article ol.Y1_13 {
	counter-reset: item 13;
}
.program_article ol.poster_zeroY2 li:before {
  content: "2-" counter(number, decimal-leading-zero) "Y ";
	margin: 0 0.5em 0 0;
}
.program_article ol.poster_zeroY2_13 li:before {
  content: "2-" counter(number, decimal-leading-zero) " ";
	margin: 0 1em 0 0;
}


.program_article ol.poster_pre li.two_digit:before{
	margin: 0 0.4em 0 0;
}


.program_article ol.poster_P li.two_digit:before,
.program_article ol.poster_TT li.two_digit:before,
.program_article ol.poster_A li.two_digit:before,
.program_article ol.poster_B li.two_digit:before,
.program_article ol.poster_zeroY1 li.two_digit:before,
.program_article ol.poster_zeroY1_12 li.two_digit:before,
.program_article ol.poster_zeroY2 li.two_digit:before,
.program_article ol.poster_zeroY2_13 li.two_digit:before{
	margin: 0 0 0 0;
}

.program_article ol.poster_pre li span.regist,
.program_article ol.poster_P li span.regist,
.program_article ol.poster_TT li span.regist,
.program_article ol.poster_A li span.regist,
.program_article ol.poster_B li span.regist,
.program_article ol.poster_zeroY1 li span.regist,
.program_article ol.poster_zeroY1_12 li span.regist,
.program_article ol.poster_zeroY2 li span.regist,
.program_article ol.poster_zeroY2_13 li span.regist{
	text-indent: 0em;
	font-weight: normal;
}


/*	In-page navigation
--------------------------------------------------*/
.btn {
    display: inline-block;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
	margin: 0 8px 8px 0;
    font-size: 16px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
a.btn {
	text-decoration: none;
}
.btn:hover,
.btn:focus,
.btn.focus {
	border-color: #095697;
	background-color: #095697;
  color: #fff;
  text-decoration: none;
}
.btn-nav a {
	border: 1px solid #095697;
	width: 20%;
}
.btn-nav a:hover,
.btn-nav a:focus {
	border-color: #06c;
	background-color: #06c;
	color: #fff!important;
}
.btn-nav > a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
#target-nav a {
	color: #06c;
	font-size: 90%;
}

 #target-nav a:hover {
    text-decoration: none;
}
#target-nav a.current {
	background-color: #095697;
	color: #fff;
	cursor: default;
}
#target-nav.btn-group-justified {
	display: flex;
    flex-wrap: wrap;
}
span.circle-down{
	float: right;
}

@media (max-width: 600px) {
	.btn-nav a {
	width: 38%;
}
	#target-nav a {
		font-size: 80%;
	}
}

/* end : Program */


/* ------------------------------------------------------------
 Travel Support
------------------------------------------------------------ */
.travel_support_ctg {
    position: relative;
    background-color: #fff;
    /*background-color: #095697; */
    color: #06c !important;
    font-size: 120%;
	font-weight: bold;
	text-align:center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	border: 2px solid #06c;
    width: auto;
	margin: 2px;
	/*margin-bottom: 1em;*/
    padding: 20px 54px !important;
    display: inline-block;
}



.travel_support_ctg:hover {
    background-color: #06c;
    color: #fff !important;
    text-decoration: none !important;
}


.ctg {
    background-color: #06c;
    /*background-color: #095697; */
    color: #FFFFFF !important;
    /* font-size: 80%; */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    width: 96%;
	margin: 2px;
	margin-bottom: 1em;
    padding: 2px 10px !important;
    display: inline-block;
}

.ctg:visited {
	background-color: #095697 ; 
	text-decoration: none;
}

.ctg:hover {
    background-color: #39c;
    color: #fff;
    text-decoration: none;
}

/* ------------------------------------------------------------
 Other Activities
------------------------------------------------------------ */
ul.content_img {
    display: table;
    margin: 0 auto 20px 0;
    padding: 0 0 0 0;
    max-width: 98%;
    border-collapse: separate;
    border-spacing: 10px 0;
}

ul.content_img li {
    display: table-cell;
    /*vertical-align: middle;*/
}

dl.other-contents dt {
	position: relative;
	margin-left: 2em;
}

dl.other-contents dt::after {
	display: block;
	content: '';
	position: absolute;
	top: .7em;
	left: -1em;
	width: 8px;
	height: 1px;
	background-color: #333;
}

dl.other-contents dd {
margin-left: 3em;
}

/*Registration Form*/
#formWrap {
	/*max-width:640px;*/
	width:100%;
	/*margin:0 auto;*/
	/*padding: 0 0 0 2%;*/
	color:#555;
	line-height:120%;
	font-size:90%;
}
#formWrap table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
#formWrap table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
#formWrap table.formTable th{
	width:30%;
	font-weight:bold;
	background:#efefef;
	text-align:left;
}
#formWrap span.s_red{
	font-size:80%;
	color:#F00;
	font-weight: normal;
}
#formWrap p.formButton{
	padding:0 0;
	margin:10px 0 20px;
}

@media screen and (max-width: 600px){
#formWrap {
    margin: 0 0;
}
#formWrap .formTable td, table.formTable th {
    width: 100%;
    display: block;
}
#formWrap table.formTable th{
	width:100%;
}
/*.imgBlock{
	margin:0 !important;
	}*/
.imgBlock img{
	width:100% !important;
	}
/*.people_AO_wrap {
		flex-direction: column;
	}

.people_AO_box {
		width: 46%;
	}*/
}


/* ----------------------------------------------------------
Google Search Box
----------------------------------------------------------- */
#header #searchWrap #___gcse_0{
    width: 220px;  
    height: 25px;  
}
#header #searchWrap #___gcse_0 *{
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0,0,0,0) inset;
    background-color: transparent !important;
}


#header #searchWrap .gsc-control-searchbox-only{
    display: block;  
    position: relative;  
    width: 220px;  
    height: 25px;  
    background: url(images/common/search_input.gif) left top no-repeat;   
    background-color: transparent !important;
}

#header #searchWrap .gsc-search-box{
    position: relative;
    top: -3px;
    height: 25px;  
	border-collapse: collapse;
	border-spacing: 0;
    margin: 0 0 0 5px !important;
}

#header #searchWrap .gsc-search-box th, 
#header #searchWrap .gsc-search-box td{
    height: 25px !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 0 0 0 !important;
    font-size: 12px !important;
	vertical-align: middle;
}


#header #searchWrap table:focus,
#header #searchWrap div#gsc-iw-id1:hover{
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0,0,0,0) inset;
}

#header #searchWrap .gsc-input-box{
    position: relative;
    width: 183px !important;
    border: none !important;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0;
}

#header #searchWrap .gsc-input-box input[type="text"] {
    position: relative;
    width: 183px !important;
    height: 18px !important;
    line-height: 18px !important;
    font-size: 12px !important;
    border: none !important;
    margin: 0 0 0 0 !important;
    padding: 0;
}

#header #searchWrap .gsc-input-box input[type="text"]:focus,
#header #searchWrap .gsc-input-box input[type="text"]:hover {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0,0,0,0) inset;
    background-image: none;
}

.gsst_b{
	/*
	position: absolute;
	top: 2px;
	right: 4px;
	*/
	display: none;
}

.gscb_a{
	color: #ccc !important;
}

#header #searchWrap input.gsc-search-button-v2{
    width: 18px;
    height: 18px;
    line-height: 18px;
    background-image: none;
    background-color: transparent;
    border: none;
    background: url(images/common/search_btn.gif) 0 7px no-repeat transparent;
}


/* news */

.newslist{
	clear:both;
	margin: 0;
    padding: 10px 0 10px 0;
    background: url(images/common/line_dot.gif) left bottom repeat-x;
	/*overflow:auto;*/

}

.newslist:after {
	content: "";
	display: block;
	clear: both;
}


.newslist_day{
    text-align: right;
    font-size: 85%;
	float: right;
	width: 19%;
}

.newslist_day span {
	display: inline-block;
}

.newslist_txt{
	float:left;
	width: 80%;
}


/*.imgBlock{
	margin:0 50px;
				}*/

.imgBlock img{
	display:block;
	float:left;
	width:30%;
    margin: 0 20px 20px 0;
				}

/*.imgBlock img:nth-child(odd){
	margin-right:2%;
}*/

/* iab */
.iab_box{
	margin: 0 0 40px 0;
    padding: 5px;
    border-bottom: 1px solid #ccc;
	overflow:auto;
	clear:both;
}

.iab_box:after {
	content: "";
	display: block;
	clear: both;
}


.iab_ph{
	float:left;
	margin:0 30px 40px 0;
	width:155px;
}

.iba_name{
	font-weight:bold;
	margin:0 0 0 0;
	padding:0 0 0 0;
}


.red{
	color:#F00;
}

.underline{
	text-decoration:underline;
}

.bold{
	font-weight:700;
}

.italic{
	font-style: italic;
}

/* ----------------------------------------------------------
Print Setting
----------------------------------------------------------- */
@media print {
   body {
        background: #fff !important;
		width:1200px;
		zoom:90%;
    }
	  
	#contents {
        border-right: none !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    
    .pagetop{
        clear: both;
        display: none !important;
    }
    
    .clearfix:after, .cf:after {display:inline;}
    
    #tonegawa_img {
    border: solid 1px #ccc;
    width: 340px;
    float: right;
    margin-left: 20px;
    
    }
    
    #footerWrapper *{
        background: #fff !important;
        color: #666 !important;
    }
}

/* ----------------------------------------------------------
 2014/05/12 Chenged @ SHIGA CSS : Button & Tables Frontend.
----------------------------------------------------------- */
button {
    width: auto;
    background: none;
    border: 0;
    overflow: visible;
}

input.txt{
    border:none;
    background-color:#f0f0f0;
    background-image:url(images/common/txt_input_on.jpg);
    background-repeat:no-repeat;
    max-width:505px;
	width:100%;
    height:25px;
    padding:0 0 0 5px;
}

.tbl,.tbl02{
    width:100%;
}

.tbl th,.tbl02 th{
    background:#b1adc9;
    color:#FFF;
    font-weight:bold;
    border-bottom:2px solid #FFF;
    border-right:2px solid #FFF;
    text-align:center;
    padding:12px 0;
    vertical-align:middle;
}

.tbl td{
    background:#f0f0f0;
    border-bottom:2px solid #FFF;
    text-align:left;
    padding:12px 25px 12px 25px;
}

.order_form{
	margin:2.5em 0 1.5em;
}

/* Sitemap */
#main .sitemap_menu > li.menu-item {
	display:block;
    margin: 15px 0;
    padding: 5px 0;
    /*font-size:128.6%;*/
    border-bottom: 1px solid #ccc;
}

#main .sitemap_menu > li.menu-item > strong {
	display:block;
	margin-bottom:10px;
	font-size:128.6%;
}

#main .sitemap_menu ul.sub-menu li.menu-item a{
    padding: 0 0 0 15px !important;
    background-image: url(images/common/list_arrow_02.gif) !important;
    background-position: 0 48% !important;
    background-repeat: no-repeat !important;
}
#main .sitemap_menu ul.sub-menu ul{
	margin-top: 1em !important;
    margin-left: 1em !important;
}

#main div.gsc-control-cse th,
#main div.gsc-control-cse td{
	border:none !important;
}

/* Sitepolicy */

.sitepolicy_content dl {
}

.sitepolicy_content dt {
    float:left;
    clear:left;
    width:15px;
    margin-bottom:0.3em;

}

.sitepolicy_content dd {
	float:left;
    width:93%;
	margin-bottom:0.3em;
}


/* Page Top Button */
.pagetop_button {
    text-align: right;
}

.pagetop_button img {
    width: 4%;
}

@media screen and (max-width: 1200px) {

.br-sp{   
		display: none;
	}
}


@media screen and (max-width: 1200px) and (min-width: 961px) {	
	.newslist{
		clear:both;
		margin: 0;
		padding: 10px 0 10px 0;
		background: url(images/common/line_dot.gif) left bottom repeat-x;
		/*overflow:auto;*/
	
	}
	
	.newslist:after {
		content: "";
		display: block;
		clear: both;
	}
	
	
	.newslist_day{
		text-align: right;
		font-size: 85%;
		float:none;
		width:100%;
	}
	
	.newslist_txt{
		float:none;
		width:100%;
	}

	#contents {
		width: 98%;
		/* min-height: 400px; */
		margin: 0 1%;
		/* padding: 20px 0 40px 0; */
		padding: 0 0 40px 0;
		text-align: left;
		overflow: hidden;
		_zoom: 1;
		background: #fff;
		float:none;
	}
	
	
	.program_post .text-area {
		max-width:930px;
  		width: 77%;
		float: right;
		margin-left: 0!important;
	}
	
	.program_post .photo {
		/*width: 19%;
	  	float: left;
		margin:0 3% 0 0!important;*/
	}
	
	.program_post .photo img {
  		max-width: 200px;
		width: 100%;
  		height: auto;
	}
	
	#main {
	  float: none;
	  width: 98%!important;
	  text-align: left;
	}
	
	#sidebar{
		display:none;	
	}
	
	#sidebar .archive{
        display:block;
	}
	
	#sidebar .nav li a, #sidebar .nav li span {
    padding: 0 0 0 0;
    }
	
	#rightArea{
		width:98%;
		margin:0 1%;
		float:none;
	}

	#bannerWrapper {
	  padding: 20px;
	  background-color: #f2f2f2;
	}
	
	.footer {
	  max-width: 1180px;
	  margin: 0 auto;
	  padding: 20px;
	  text-align: left;
	  color: #fff;
	  _zoom: 1;
	  overflow: hidden;
	}
}

@media screen and (max-width: 1200px) and (min-width: 601px) {
	
	#header {
        padding: 20px 1% 0;
    }
	
	#container {
	    width: 98%;
    }
	
    .slidesjs-navigation{
		display:none!important;
	}

	#sp-navbutton{
		display:none;
	}
	
	/*#sp-navbutton{
		position:absolute;
		top:0;
		left:0;
		z-index:10000;
		display:block;
		width: 50px;
        height: 50px;
	}*/
	
	#sp-snsIcon {
	display:none;
}
	
	/*#menu-mainmenu li a {
		font-size: 100%;
		text-decoration: none;
		color: #095697;
	}
	
	#menu-mainmenu li a:hover {
		color: #f60;
	}*/
	
	/*#menu-mainmenu li ul {
		display:none;
		width: 100%;
		padding: 0;
		position: inherit;
		z-index: 200;
		background-color: #000\9; 
		background-color: rgba(0,0,0,0.8);
		/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000); /*IE8以下用*/
		/*display: none;
	}
	
	#menu-mainmenu li ul li {
		display: block;
		text-align: left;
		border:none;
		color: #333;
	}
	
	#menu-mainmenu li ul li a {
		font-size: 90%;
		color: #333;
	}
	
	#menu-mainmenu li ul li ul {
		width: 100%;
		position: static;
		background-color: none\9;
		background-color: rgba(0,0,0,0);
		/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#00000000,EndColorStr=#00000000); /*IE8以下用*/
	/*}*/
	
	#header #logo{
		/*float:none;
		max-width: 580px;
		width:100%;
		height: auto;*/
	}
	
	#header #searchWrap #___gcse_0 * {
	    /*display: none;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0,0,0,0) inset;
    background-color: transparent !important;*/
}
	
	#header #snsIcon {
    /*display: none;*/
}
	
	.newslist{
		clear:both;
		margin: 0;
		padding: 10px 0 10px 0;
		background: url(images/common/line_dot.gif) left bottom repeat-x;
		/*overflow:auto;*/
	
	}
	
	.newslist:after {
		content: "";
		display: block;
		clear: both;
	}
	
	
	.newslist_day{
		text-align: right;
		font-size: 85%;
		float:none;
		width:100%;
	}
	
	.newslist_txt{
		float:none;
		width:100%;
	}
	
	#contents {
		width: 100%;
		/* min-height: 400px; */
		margin: 0 1%;
		/* padding: 20px 0 40px 0; */
		padding: 0 0 40px 0;
		text-align: left;
		overflow: hidden;
		_zoom: 1;
		background: #fff;
		float:none;
	}
	
ul.topicbox {
    /*max-width: 1200px;*/
	height: 300px;
}

/*ul.topicbox img {
    width: 100%;
}*/

 /*Topicが3つの場合*/
/*ul.topicbox li {
    width: 48%;
    height: auto;
    margin: 0 10px 40px 0;
}*/

    div.topicunderline_TP,
	div.topicunderline_JRP,
	div.topicunderline_FWLS {
        width: auto;
    }
	
	.topic .rightlinks {
		float: right;
		font-size: 90%;
		margin:15px 0 20px;
	}
	
	#program .program-item-wrap .item .inner {
		width: 49.9%;
        border-right: solid 1px #fff;
        padding: 0;
        float: left;
	}
	
	#program .inner img {
        width: 100vw;
    }


    #program .inner .text {
        width: 100%;
    }

	.program_post .text-area {
		max-width:1200px;
  		width: auto;
		float: none;
		margin-left:0px;
	}
	
	.program_post .photo {
    /* width: auto; */
    /* float: none; */
    margin: 0 2% 0 0!important;
    /* text-align: center; */
    }
	
	.program_post .photo img {
  		max-width: 200px;
		width: 100%;
  		height: auto;
	}
	
	#main {
	  float: none;
	  width: 98%!important;
	  text-align: left;
	}
	
	#sidebar{
		display:none;	
	}
	
	#sidebar .nav li a, #sidebar .nav li span {
    padding: 0 0 0 0;
    }
	
	#sidebar.archive{
		display:block;
        width: 100%;
        clear: both;
    }
	
	#sidebar div.title{
        height: 55px;
        font-size:20px;
        font-weight: bold;
        color: #095697;
	}
	
	#rightArea{
		width:98%;
		margin:0 1%;
		float:none;
	}
	
	#bannerWrapper {
	  padding: 20px;
	  background-color: #f2f2f2;
	}
	
	#footer {
	  max-width: 1180px;
	  margin: 0 auto;
	  padding: 20px;
	  text-align: left;
	  color: #fff;
	  _zoom: 1;
	  overflow: hidden;
	}
	
	#footer_logo {
	  float: none;
	  width: 101px;
	  height: 135px;
	  margin: 0 auto;
	}
}

@media screen and (max-width: 960px) and (min-width: 601px) {
	.entry-header div#button_box{
		float:right;
		margin: 0 5px 0 20px;
	}
	
	.logo2{
		display: none;
	}
	
	.logo_main{
		float: none;
		width:491px;
		height: 54px;
		padding-top: 0px;
		text-align: center;
	}
	
	#headerWrapper {
    padding-bottom: 0;
}
	
	#navWrapper{
		/*position:absolute;
		background-color:#fff;
		top:50px;
		height:100%;
		z-index:1000;
		width:80%;
		padding:50px 0 0;
		display:block;
		border-right: 1px solid #ccc;*/
		height:80px !important;
	}
	
	#menu-mainmenu {
		max-width: 1180px;
		width: 100%;
		padding-bottom: 20px;
		margin: 20px auto;
		background-color: #fff;
		border-bottom: 1px solid #ccc;
	}

	#menu-mainmenu li.menu-item-about{
		width:14%
	}
	
	#menu-mainmenu li.menu-item-programs{
		width:14%;
	}
	
	
	#menu-mainmenu li.menu-item-propose{
		width:24%;
	}
	
	
	#menu-mainmenu li.menu-item-other{
		width:20%;
	}
	
	
	#menu-mainmenu li.menu-item-design{
		width:14%;
	}
	
	#menu-mainmenu li.menu-item-dx{
		width:12%;
	}
	
	#menu-mainmenu li.menu-item-video{
		width:10%;
	}
	
	#menu-mainmenu li.menu-item-info{
		width:98%;
	}
	
	#menu-mainmenu li.menu-item-sponsors{
		width:12%;
	}
	
	
	
	*#menu-mainmenu li:last-child{
		border:none;
	}
	
	div.topictext p.TP_title, p.JRP_title, p.FSD_title, p.TP_oa_title, p.FWLS_title {
    height: 4em !important;
    }

    div.topictext p.TP_date, p.JRP_date, p.FSD_date, p.TP_oa_date, p.FWLS_date {
    height: 2em !important;
    }
    
	
#sponsor {
	max-width:601px;
}

#sponsor .sponsor_logo {
    width: 90px !important;
   /*height: auto !important;*/
}
#sponsor .sponsor_logo_nin {
    width: 110px !important;
   /*height: auto !important;*/
}
#sponsor .sponsor_logo_ste {
    width: 125px !important;
   /*height: auto !important;*/
}
#sponsor .agr_sponsor_logo {
    width: 80px !important;
}
#sponsor .agr_sponsor_logo_ihe {
    width: 50px !important;
}
	
}

@media screen and (max-width: 1120px) and (min-width: 601px),print {
/*#navWrapper{
		height:50px !important;
	}*/
}


/*@media screen and (max-width: 590px) {
	
	#header #logo{
		float:none;
		max-width: 580px;
		width:100%;
		height: auto;
	}
	
	.logo2{
		display:none;
		float:none;
		width:70px;
		height: 93px;
		margin:0 auto;
	}
	
	.logo_main{
        float: none;
        width: 98%;
        height: 54px;
        padding-top: 5px;
        text-align: center;
    }

}*/

@media screen and (max-width: 600px) {
	
	#header {
    width: 95%;
	padding: 15px 1% 0;
    }
	
	#headerWrapper {
    padding-bottom: 15px;
}
	
	#header #logo{
		float:none;
		max-width: 580px;
		width:100%;
		height: auto;
	}
	
	.logo2{
		display:none;
		float:none;
		width:70px;
		height: 93px;
		margin:0 auto;
	}
	
	.logo_main{
        float: none;
        width: 98%;
        height: 54px;
        padding-top: 5px;
        text-align: center;
    }

	#header #searchWrap {
    display: none;
    /*width: 220px;
	float:none;
	margin: 0 auto;
	margin-bottom:15px;*/
	}
	
	
    #header #snsIcon {
	display: none;
    /*width: 100%;
    margin: 0 auto;
    text-align: center;*/
    }
	
	#sp-snsIcon {
		display: block;
        position: static;
        text-align: center;
        /* margin: 0 10px; */
        padding: 10px 10px;
        background: #095697;
		color: #fff;
    }
	
	#sp-snsIcon a {
		color:#FFF;
	}
	
	table {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	word-break: break-word;
	}
	
	table.regi{
	width:100%;
}

table.regi th{
	width:70%;
}

table.regi td{
	width:30%;
}
	
	#container {
	width: 93%;
    }
	
	#sliderWrapper {
    width: 100%;
	height: 100%;
    margin: 0 auto;
    background-color: #FFF;
    }

		
	.slidesjs-navigation{
		display:none!important;	
	}		

    #sp-navbutton {
        /*position: absolute;
        top: 0;
        left: 0;
        z-index: 10000;*/
        display: block;
		/*width:40px;
		height:40px;*/
    }
	
	/*#sp-navbutton a {
		display: block;
        position: relative;
        padding: 12px 0 10px;
        border-bottom: 1px solid #444;
        color: #fff;
        text-align: center;
        text-decoration: none;
	}*/
	
	#sp-navbutton a{
		font-size: 130%;
        font-weight: bold;
		color: #fff;
		text-decoration: none;
	}
	
	#sp-navbutton:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
	transition: .2s;
  }
  
  #sp-navbutton a:before, #sp-navbutton a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #095697;
	transition: .3s;
  }
  
  #sp-navbutton a:before{
    margin-top: -6px;
  }
  
  #sp-navbutton a:after{
    margin-top: 2px;
  }
  
  /*#sp-navbutton .close{
  background: transparent;
}

#sp-navbutton a.close:before, #sp-navbutton a.close:after{
  margin-top: 0;
}

#sp-navbutton a.close:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

#sp-navbutton a.close:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}*/
	
	#navWrapper{
		/*position:absolute;*/
		position:relative;
		background-color:#fff;
		top:0;
		height:auto;
		z-index:1000;
		/*width:80%;*/
		/*padding:50px 0 0;*/
        display: none;
		/*border-right: 1px solid #ccc;*/
	}
	
	#menu-mainmenu {
		max-width: 1180px;
		width: 100%;
		/*padding-bottom: 20px;*/
		padding-bottom: 0;
		margin: 0 auto;
		background-color: #fff;
		border-bottom: none;
	}
		
	#menu-mainmenu li {
		padding: 8px 1%;
		display: inline-block;
		position: relative;
		border:none;
		border-bottom:1px solid #669;
		word-wrap:break-word;
		background-color:#fff;
	}

	#menu-mainmenu li.menu-item-about{
		width:98%;
	}
	
	#menu-mainmenu li.menu-item-programs{
		width:98%;
	}
	
	
	#menu-mainmenu li.menu-item-propose{
		width:98%;
	}
	
	
	#menu-mainmenu li.menu-item-other{
		width:98%;
	}
	
	
	#menu-mainmenu li.menu-item-visitors{
		width:98%;
	}
	
	#menu-mainmenu li.menu-item-design{
		width:98%;
	}
	
	#menu-mainmenu li.menu-item-dx{
		width:98%;
	}
	
	#menu-mainmenu li.menu-item-video{
		width:98%;
	}
	
	#menu-mainmenu li.menu-item-info{
		width:98%;
	}
	
	#menu-mainmenu li.menu-item-sponsors{
		width:98%;
	}
	
	#menu-mainmenu li.menu-item-links{
		width:98%;
	}
	
	
	#menu-mainmenu li:last-child{
		border:none;
	}
	
	#menu-mainmenu li a {
		font-size: 100%;
		text-decoration: none;
		color: #095697;
	}
	
	#menu-mainmenu li a:hover {
		color: #f60;
	}
	
	#menu-mainmenu li ul {
		display:none;
		width: 100%;
		padding: 0;
		position: inherit;
		z-index: 200;
		background-color: #000\9; 
		background-color: rgba(0,0,0,0.8);
		/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000); /*IE8以下用*/
	}
	
	#menu-mainmenu li ul li {
		display: block;
		padding-left: 4%;
		text-align: left;
		border:none;
		color: #333;
	}
	
	#menu-mainmenu li ul li a {
		font-size: 85%;
		color: #333;
	}
	
	#menu-mainmenu li ul li ul {
		width: 100%;
		position: static;
		background-color: none\9;
		background-color: rgba(0,0,0,0);
		/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#00000000,EndColorStr=#00000000); /*IE8以下用*/
	}
	
/* ----------------------------------------------------------
Google Search Box
----------------------------------------------------------- */
#sp-searchWrap #___gcse_0{
    width: 220px;  
    height: 25px;  
}
#header #searchWrap #___gcse_0 *{
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0,0,0,0) inset;
    background-color: transparent !important;
}


#sp-searchWrap .gsc-control-searchbox-only{
    display: block;  
    position: relative;  
    width: 220px;  
    height: 25px;  
    background: url(images/common/search_input.gif) left top no-repeat;   
    background-color: transparent !important;
}

#sp-searchWrap .gsc-search-box{
    position: relative;
    top: -3px;
    height: 25px;  
	border-collapse: collapse;
	border-spacing: 0;
    margin: 0 0 0 5px !important;
}

#sp-searchWrap .gsc-search-box th, 
#sp-searchWrap .gsc-search-box td{
    height: 25px !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 0 0 0 !important;
    font-size: 12px !important;
	vertical-align: middle;
}


#sp-searchWrap table:focus,
#sp-searchWrap div#gsc-iw-id1:hover{
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0,0,0,0) inset;
}

#sp-searchWrap .gsc-input-box{
    position: relative;
    width: 183px !important;
    border: none !important;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0;
}

#sp-searchWrap .gsc-input-box input[type="text"] {
    position: relative;
    width: 183px !important;
    height: 18px !important;
    line-height: 18px !important;
    font-size: 12px !important;
    border: none !important;
    margin: 0 0 0 0 !important;
    padding: 0;
}

#sp-searchWrap .gsc-input-box input[type="text"]:focus,
#sp-searchWrap .gsc-input-box input[type="text"]:hover {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0,0,0,0) inset;
    background-image: none;
}

#sp-searchWrap .gsst_b{
	/*
	position: absolute;
	top: 2px;
	right: 4px;
	*/
	display: none;
}

#sp-searchWrap .gscb_a{
	color: #ccc !important;
}

#sp-searchWrap input.gsc-search-button-v2{
    width: 18px;
    height: 18px;
    line-height: 18px;
    background-image: none;
    background-color: transparent;
    border: none;
    background: url(images/common/search_btn.gif) 0 7px no-repeat transparent;
}

	
	.ctg {
    width: 93%;
    }
	
	#categoryTitle .c_title {
    height: auto;
    }
	
	#categoryTitleWrap {
    height: auto;
	margin-top: 20px;
	}
	
	.newslist{
		clear:both;
		margin: 0;
		padding: 10px 0 10px 0;
		background: url(images/common/line_dot.gif) left bottom repeat-x;
		/*overflow:auto;*/
	
	}
	
	.newslist:after {
		content: "";
		display: block;
		clear: both;
	}
	
	
	.newslist_day{
		text-align: right;
		font-size: 85%;
		float:none;
		width:100%;
	}
	
	.newslist_txt{
		float:none;
		width:100%;
	}
		
	#contents {
		width: auto;
		/* min-height: 400px; */
		margin: 0 1%;
		/* padding: 20px 0 40px 0; */
		padding: 0 0 40px 0;
		text-align: left;
		overflow: hidden;
		_zoom: 1;
		background: #fff;
		float:none;
		border-right: none;
	}
	
	ul.topicbox {
        /*width: auto!important;*/
    }
	
	ul.topicbox img {
    width: 100vw;
    }
	
	div.topictext p.TP_title, p.JRP_title, p.FSD_title, p.TP_oa_title, p.FWLS_title {
    font-size: 150% !important;
    }
	
	div.topictext p.TP_date, p.JRP_date, p.FSD_date, p.TP_oa_date, p.FWLS_date {
    font-size: 100% !important;
    }
	
	ul.topicbox li {
        width: 100%;
        height: auto;
        margin: 0 0 20px 0;
    }
	
	div.topicimg_pc {
    display: none;
    }
	/*div.topicimg_sp {
    display: table-cell;
}*/
	div.topictext p.FWLS_title span.border {
    margin: 0 0;
    }
	
	div.topictext p.FWLS_title br {
    display: block;
   }

    div.topicunderline_TP,
	div.topicunderline_JRP,
	div.topicunderline_FWLS {
        width: auto;
    }

    .updating_infomation h3 {
        font-size: 115%;
    }

    .more_index_update {
       font-size: 70%;
       vertical-align: top;
    }
	
	.topic .rightlinks {
		float: right;
		font-size: 90%;
		margin:15px 0 20px;
	}
	
	
	#program .inner img {
        width: 100%;
    }
	
	#program .inner .text {
        width: 100%;
	}
	
	#program .inner .text p {
        width: 100%;
        font-size: 100%;
	}
	
	#program .inner .date p {
        font-size: 90%;
    }
	
	.program_post .text-area {
		max-width:930px;
  		width: auto;
		float: none;
		margin-left:0px;
	}
	
	.program_post .photo {
		width: auto;
	  	float: none;
		margin:0;
		padding:0;
		/*margin:0 25% 4% 25%!important;*/
		text-align:center;
	}
	
	.program_post .photo img {
		width: 100%;
	}	
	
	.program_tbl td span{
	    white-space: pre-wrap;
    }
	
	#main {
	  float: none;
	  width: auto!important;
	  text-align: left;
	}
	
	#sidebar{
		display:none;	
	}
	
	#sidebar .nav li a, #sidebar .nav li span {
    padding: 0 0 0 0;
    }
	
	#sidebar.archive{
		display:block;
        width: 100%;
        clear: both;
    }
	
	#rightArea{
		width:98%;
		margin:0 1%;
		float:none;
	}
	
	.top_past {
    margin: 0 0 20px 0;
    }
	
	.top_calendar a {
    margin: 20px 0 0 0;
    }
	
	#bannerWrapper {
	  /*margin-top: 0;*/           /* カレンダー設置前 */
	  margin-top: 20px;            /* カレンダー設置後 */
	  padding: 20px;
	  background-color: #f2f2f2;
	}
	
	#footer {
	  max-width: 1180px;
	  margin: 0 auto;
	  padding: 20px;
	  text-align: left;
	  color: #fff;
	  _zoom: 1;
	  overflow: hidden;
	}
	
	#footer_logo {
	  float: none;
	  width: 101px;
	  height: 135px;
	  margin: 0 auto;
	}
	
	#footer_link.lnline_link{
	  width: auto;
    }
	
	.footer-links {
     margin: 0 20px 0 20px;
	 padding: 10px 0 0 0;
     float: left;
     min-width: 87%;
     border-top: 1px solid #cccccc;
    }
	

.invited{
	display:none;
	color:#39F;
	background-color:#fff;
	border:1px solid #39F;
	border-radius:3px;
	padding:0.2em 0.5em;
	margin:0 0.5em 0 0;
}

.keynote{
	display:none;
	color:#36C;
	background-color:#fff;
	border:1px solid #36C;
	border-radius:3px;
	padding:0.2em 0.5em;
	margin:0 0.5em 0 0;
}

.top_news h2 {
    font-size: 140%;
}
.top_news h3 {
    font-size: 115%;
}

.more_index {
	padding: 1px 7px;
}

.more_index_update {
    padding: 1px 10px;
}

#main .more_index a {
    font-size: 70%;
    vertical-align: top;
}

#main .more_index_update a {
    font-size: 70%!important;
    vertical-align: top;
}

#update dl dd.category span {
    font-size: 70%;
    padding: 1px 7px;
}

.mb10 {
    white-space: nowrap;
}

.people_box td{
	border-collapse: separate;
    border-spacing: 5px 0;	
}

.people_box td.aa{
    border-spacing: 10px 0;
	width:100%;
	margin-bottom: -10px;
}

ul.content_img {
    display: block;
	max-width: 98%;
}

ul.content_img li {
    display: block;
    width: 100%;
    height: auto;
}

/*.entry-header-regi {
    padding: 0 0 10px 0;
}*/

.main_title_regi {
    max-width: 100%;
}

.entry-header-regi div#button_box {
    width: 50%;
}

/*Calender*/
.big-container {
     display: none;
    }
.small-container {
	 display:block;
     /*padding-bottom: 200%;*/   /* 高さ */
	 padding-bottom: 236.25%;   /* 高さ */
    }
	
	#sponsor {
	display: block;
}

#sponsor .sponsor_logo {
    width: 150px !important;
	margin:0 0 10px 0 !important;
   /*height: auto !important;*/
}

#sponsor .sponsor_logo_nin {
	width: 180px !important;
	margin-left: -14px!important;
   /*height: auto !important;*/
}
#sponsor .sponsor_logo_ste {
    width: 200px !important;
	margin:0 0 10px 0 !important;
   /*height: auto !important;*/
}
#sponsor .agr_sponsor_logo_ihe {
    width: 90px !important;
	margin: 0 0 20px 17px!important;
}
	#map_img img{
	width:100%;
	height:auto;
}
}
#infobox{
	margin: 10px 0px 0px 0px;
	border: solid 1px #ccc;
	padding : 1px;
	}


.infobox img{
	padding : 0px;
	border: solid 2px #fff;
	}



.tb-eee {
	background: #eee;
	margin: 10px;
	border: 1px solid #ccc;
	padding: 20px;
	}

.tb-fff {
	background: #fff;
	margin: 10px;
	border: 1px solid #ccc;
	padding: 0px 20px 10px 20px;
	}

.p-box {
	border: 1px solid #ccc;
	padding: 5px;
	}




@media screen and (min-width: 768px) {
article{
	position:relative;	
} 



#poster_pro {
	float: right;
    border: solid 1px #ccc;
    clear: right;
    margin: 10px 0 0 10px;
    width: 30%;


}
@media screen and (max-width: 767px) {

#poster_pro {
    margin: 0 0 1em 0;
    border: solid 1px #ccc;
}
}

#tonegawa_img{
	float: right;
    margin: 0 50px 50px 50px;
    border: solid 1px #ccc;
}

#tonegawa_img a img{
	max-width:320px;
	width:100%;
}
}
@media screen and (max-width: 767px) {

#tonegawa_img{
    margin: 0 0 1em 0;
    border: solid 1px #ccc;
}
}


.speaker_profile{
margin: 20px 20px 20px 0;
border-bottom: solid 1px #ccc;


}

.speaker_profile img{
margin-right: 20px;
float: left;
width: 150px;
border: solid 1px #ccc;
}