@charset "utf-8";

/* ----- slideshow ----- */

#mainvisual-container, #cover-left, #cover-right { background: #FFF; }

#mainvisual-wrapper, #mainvisual, #slides-wrapper, #cover-left, #cover-right { height: 386px; }

#mainvisual-wrapper { width: 100%; }

#mainvisual {
	position: relative;
	min-width: 960px;
    width: auto;
	overflow: hidden;
}

#slides-wrapper {
	position: absolute;
	left: 50%;
	margin-left: -1465px;
	min-width: 2880px;
	width: auto;
}

#slides div { float: left; }

/* add 20170620 */
#slides div a {
display: block;
width: 960px;
height: 380px;
position: relative;
text-align: center;
}
#slides div {
padding: 3px;
}

#slides div a:hover ,
#slides div a:focus {
opacity:1;
}
#slides div a:hover,
#slides div a:focus{
box-shadow: #0096ff 0px 0px 4px 2px;
}


#cover-left, #cover-right {
	display: block;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 956px;
}
#cover-left { left: 0; }
#cover-right { left: 1926px; }

#console {
	display: block;
	position: absolute;
	top: 345px;
	left: 50.8%;
	margin: 0 0 0 410px;
	width: 26px;
	height: 26px;
	cursor: pointer;
}

#play { display: none; }

#pause { display: block; }

.menu-button { margin-bottom: 6px; }

/* ----- rewrite ----- */

#main { padding-bottom: 30px; }

/* ----- list-contents ----- */

#list-contents {
    margin-top: 8px;
    width: 100%;
	height: auto;
}

.content {
    position: relative;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    width: 234px;
    height: 235px;
}


.content a img.ro {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}


/* ----- $clearfix ----- */

#list-contents:before, #list-contents:after {
    content: "";
    display: table;
}
#list-contents:after { clear: both; }

/* ============================================================ *\
    $news
\* ============================================================ */


#news {
    width: 100%;
    font-size: 1.4em;
    background-color: #fff;

}

#news .wrapper {
    padding-top: 20px;
    padding-bottom: 27px;
	position:relative;	
}

#tweet_grid #release p {
text-align: center;
margin: 0;
padding: 1em 0 0;
font-size:0.8em;
}
#tweet_grid  a#release {
position:relative;
top:0;
left:0!important;
display:inline;
background: transparent;
color: #666;
text-decoration: none;
}


#news .list-date {
    line-height: 1.2;
	float:right;
	width:820px;
}

#news .link-arrow {
    width: 917px;
    text-align: right;
}

.link-arrow a {
    padding-left: 8px;
    background: transparent url(../images/icon_arrow.gif) 0 center no-repeat;
    text-decoration: underline;
}

/* ============================================================ *\
    $footer-sitemap
\* ============================================================ */

#footer-sitemap {
    width: 100%;
    background-color: #4c4848;
}

#footer-sitemap .wrapper {
    margin-right: auto;
    margin-left: auto;
    padding-top: 45px;
    padding-left: 10px;
    padding-bottom: 95px;
    width: 788px;
}
body.en #footer-sitemap .wrapper {
    padding-right: 20px;
    padding-left: 0;
    width: 790px;
}

#footer-sitemap dl {
    float: left;
    margin-right: 20px;
    width: 182px;
}
body.en #footer-sitemap dl { width: 250px; }

#footer-sitemap dt {
    padding-bottom: 19px;
    width: 100%;
    color: #fff;
    font-size: 1.4em;
    line-height: 1.5;
}

#footer-sitemap dd {
    margin-top: 5px;
    padding-left: 2px;
    width: 167px;
}
body.en #footer-sitemap dd { width: 235px; }

#footer-sitemap dd a {
    display: block;
    padding-left: 12px;
    width: 155px;
    background: transparent url(../images/icon_gt_gray.gif) 0 6px no-repeat;
    color: #fff;
    font-size: 1.2em;
    line-height: 1.689;
}
body.en #footer-sitemap dd a { width: 238px; }

#footer-sitemap dt.addpadding {
    padding-top: 18px;
    padding-bottom: 9px;
}


/* ============================================================ *\
    20150715 add
\* ============================================================ */


#list-contents:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	line-height: 0.1;
}


#list-contents .content.end_box {
    float: right;
    margin-right: 0;
}

#list-contents .tall_box {
	float: right;
}

#list-contents .st_box { clear: both; }

#list-contents .col2_box {
    width: 476px;
    height: 235px;
}
#list-contents .row2_box {
    height: 478px;
}
#list-contents .row3_box {
    height: 721px;
}

#list-contents #tweet_grid {
    height: 388px;
    background: transparent url(../../j/img/pic_twitter.jpg) 0 0 no-repeat;
}
#list-contents #fb_grid {
    height: 721px;
    background: transparent url(../../j/img/pic_facebook.jpg) 0 0 no-repeat;
}


#tweet_grid, #fb_grid { overflow: hidden; }

#tweet_grid iframe, #fb_grid iframe {
    margin-top: 65px !important;
    margin-left: 10px !important;
}

#tweet_grid a, #fb_grid a {
    position: absolute;
    top: 85px;
    left: -300px;
    display: block;
    padding: 3px 5px 2px;
    width: 205px;
    color: #fff;
    background-color: #71528f;
    font-size: .923em;
    text-align: center;
}

/* add 20180507 */
.home #main h2 {
text-decoration:none;
background: none;
font-size:1.2em;
margin-top: 1em;
margin-left:1em;
}

#news dl.list-date {
 width:880px!important;
 padding-right: 50px!important;
 margin-top:0;
 padding-bottom:5em!important;
}
#news dl.list-date dt {
width: auto!important;
}
#news dl.list-date dd {
	padding-bottom:0.2em;
	margin-left: 8em;
}
#news dl.list-date dd.tall_dd a {
height: 2em;
}

.lspace2 {letter-spacing: 0.2em;}
.lspace3 {letter-spacing: 0.3em;}
.lspace4 {letter-spacing: 0.4em;}
.lspace5 {letter-spacing: 0.5em;}
.lspace6 {letter-spacing: 0.6em;}

#news dl.list-date span.pre_topic {
color:#ed143d;
letter-spacing:-0.1em;
}
#news dl.list-date span.pre_event {
color:#c05300;
}
#news dl.list-date span.attension {
color:#c609a5;
}
#news dl.list-date span.pre_experience {
color:#8a2be2;
}
#news dl.list-date span.pre_experience span {
letter-spacing: -0.3em;
}
#news dl.list-date span.pre_lecture {
color:#483d8b;
}

#news dl dd {position:relative;}
#news dl span.genre {
display:block;
position:absolute;
left:0.2em;
top:0;
font-weight: bold;
width:4em;
}
#news dl dd {
padding-left:5em;
}
#release {
height:80px;
width:234px;
background:#FFF;
}

/* event_button */
#event_button {
background-image:url(img/event_btn_arrow.jpg) no-repeat top left;
text-align: center;
}
#event_button span {
font-size:80%;
}
#event_button a {
text-decoration:none;
color:#fff;
font-weight:bold;
text-shadow:
2px 2px 2px #118263,
-2px 2px 2px #118263,
2px -2px 2px #118263,
-2px -2px 2px #118263;
position:absolute;
bottom:1.25em;
left:300px;font-size:120%;
line-height:1em;
display:block;
background:#53b69e url("../../j/img/event_btn_arrow.png") no-repeat 90% 54%;
border-radius:5px;
padding:12px 0 8px;
width:417px;
box-shadow: 2px 2px 4px #25856b;
}
#event_button a:hover,
#event_button a:focus {
background-color:#7fcbb8;
}

/* for english page */
body.en #news dl.list-date dd {
padding-left: 2em;
}
body.en #news dl.list-date {
padding-bottom: 2em!important;
}
#news_wrap #news #infolink {
bottom: 75px;
}
.en #news_wrap #news #infolink {
bottom: 15px;
}