@charset "UTF-8";


/*--------------------------------------------------------------------
初期設定
--------------------------------------------------------------------*/


/* =============== 標準化 */

/* ------ framework */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, var, i, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary,time, mark, audio, video
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-style:normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}
audio, canvas, video {display:inline-block;}
html {overflow-y:scroll;}
body {-webkit-text-size-adjust:100%;}

/* ------ block elements */
ul {margin:0; padding:0; list-style-type:none;}
ol {margin:0; padding:0 0 0 2em;}
p {margin:0 0 .6em;}

/* ------ inline elements */
a {outline:none; background:transparent;}
a:focus, a:active, a:hover {outline:none;}
small {font-size:80%;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-.5em;}
sub {bottom:-.25em;}

/* ------ form */
button, input, select, textarea {font-family:inherit; font-size:100%; margin:0;}
button, input {line-height:normal;}
button, select {text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer;}
button[disabled], html input[disabled] {cursor:default;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0;}
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto; vertical-align:top;}

/* ------ table */
table {border-collapse:collapse; border-spacing:0;}
caption {text-align:left;}

/* ------ img */
img {border:0; vertical-align:bottom;}
.ie7 img {-ms-interpolation-mode:bicubic;}



/* --------------- 基本設定 */

body {font-size:78%; line-height:2;}
a {text-decoration:none; color:#aac0ee;}
a:hover {text-decoration:underline;}
address {display:block; text-align:center; padding-top:10px;}
em, strong {font-weight:bold;}
ol {padding-left:2em; list-style-type:decimal;}
p {margin-bottom:.6em;}
i {font-style:italic;}



/*--------------------------------------------------------------------
共通設定
--------------------------------------------------------------------*/


/* --------------- a:hoverで透明度変更 */

.opacity a:hover, .opacity a:hover * {opacity:.70;}
.opacity_minus, .opacity_minus * {opacity:.70;}
.opacity_minus a:hover, .opacity_minus a:hover * {opacity:1.00;}


/* --------------- accordion.js */

.accordion dt {cursor:pointer;}
.accordion dt:hover {color:#aaa;}
.accordion dd {overflow:hidden;}


/* --------------- class設定 */

.clear {clear:both;}
.noMgnTop {margin-top:0!important;}
.noMgnBtm {margin-bottom:0!important;}
.top10 {margin-top:10px!important;}
.top15 {margin-top:15px!important;}
.top20 {margin-top:20px!important;}
.top25 {margin-top:25px!important;}
.btm10 {margin-bottom:10px!important;}
.btm15 {margin-bottom:15px!important;}
.btm20 {margin-bottom:20px!important;}
.btm25 {margin-bottom:25px!important;}
.nrw5 {margin-left:5px!important; margin-right:5px!important;}
.nrw10 {margin-left:10px!important; margin-right:10px!important;}
.nrw15 {margin-left:15px!important; margin-right:15px!important;}
.nrw20 {margin-left:20px!important; margin-right:20px!important;}
.hidden {height:0!important; width:0!important; overflow:hidden!important;}
.photo-r {float:right; margin: 0 20px 10px 10px; font-size:.8em;}
.photo-l {float:left; margin: 0 10px 10px 20px; font-size:.8em;}
.photo-r img, .photo-l img {display:block;}
.btn_details {height:7px; overflow:hidden; margin-top:.8em;}
.btn_details a {background:url(../../images/tool/btn_details.gif) no-repeat 0 0; display:block; height:7px; text-align:-9999px;}
.btn_details a:hover {filter:alpha(opacity=70); opacity:.70; -moz-opacity:.70;}
.inv {display:none;}
.subHL {border-bottom:1px #7787b8 dotted;}
.subHL img {margin-bottom:.5em;}
.txtHL {border-left:5px #89b solid; padding-left:6px; line-height:1.2;}
.arrowedHL {padding-left:14px; background:url(../../images/tool/arrow1.gif) no-repeat 0 50%;}
.enHL {font-size:1.5em; letter-spacing:.03em;}
.larger {font-size:1.2em;}
.catch {margin:2em 20px 1.5em!important;}
.rel_link {margin:0 20px;}
.rel_link li {padding:0 0 0 15px; background:url(../../images/tool/arrow2.gif) no-repeat 0 .5em;}


/* --------------- table */

table.bordered th {background:#678; text-align:center; border:1px #abc solid; padding:.2em .4em;}
table.bordered td {background:#fff; color:#555; border:1px #abc solid; padding:.4em;}


/* --------------- その他 */

hr {border:1px #fff solid; border-width:1px 0px 0px 0px; height:1px; padding:0; margin:3em 60px;}
#content h2 {border-bottom:1px #7787b8 dotted; margin:0 0 2em; padding-bottom:.5em;}
#content h3 {margin:3em 20px 1em;}
#content h4 {margin:2em 20px 1em;}


/*--------------------------------------------------------------------
基本レイアウト
--------------------------------------------------------------------*/


/* --------------- 枠と背景 */

body {text-align:center; background:#063056 url(../../images/bg-10.jpg) repeat-x fixed 55% bottom; color:#fff; font-family:Arial,Helvetica,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",san-serif;}
#wrap {margin:0 auto; min-width:980px;}
#main {width:900px; margin-left:auto; margin-right:auto; background:url(../../images/main-bg.png) repeat-y 50% 0; clear:left; text-align:left;margin-bottom:40px; zoom:1;}
#main:after {content:""; display:block; clear:both;}



/* --------------- ヘッダー */

#header {width:100%;}
#header img {vertical-align:bottom;}
h1 {background:#fff; text-align:left;}
h1 a {display:block; width:500px; height:85px; background:url(../../images/logo.gif) no-repeat 0 0; text-indent:-9999px; margin-left:10px;}
.en h1 a {background:url(../../images/logo_en.gif) no-repeat 0 0;}
#header_buttons {width:120px; height:85px; overflow:hidden; float:right; margin-top:-85px;}
#header_buttons div {margin:0 0 0 48px; height:60px;}
#header_buttons div img {vertical-align:top;}
#header ul {width:120px;}
#header ul li {display:inline; padding:0 1px;}

  /* ナビ */
#gNavi {height:36px; margin-bottom:30px; white-space:nowrap;}
#gNavi dt {margin-top:2px; background:#64769d url(.././images/gnavi/gnavi_bg.gif) no-repeat 0 0; text-indent:-9999px; height:34px; filter:alpha(opacity=66); opacity:.66; -moz-opacity:.66;}
#gNavi dd {float:left; width:163px;}
.japanese #gNavi dd {width:140px;}
#gNavi dd a {display:block; height:34px; border-right:1px #345 solid; text-indent:-9999px; background-color:none; background-position:0 0; background-repeat:no-repeat; position:relative; top:-34px; left:0;}

#gNavi dd#menu_01 a {background-image:url(../../images/gnavi/menu_01.gif);}
#gNavi dd#menu_02 a {background-image:url(../../images/gnavi/menu_02.gif);}
#gNavi dd#menu_03 a {background-image:url(../../images/gnavi/menu_03.gif);}
#gNavi dd#menu_04 a {background-image:url(../../images/gnavi/menu_04.gif);}
#gNavi dd#menu_05 a {background-image:url(../../images/gnavi/menu_05.gif);}
#gNavi dd#menu_06 a {background-image:url(../../images/gnavi/menu_06.gif);}
#gNavi dd#menu_07 a {background-image:url(../../images/gnavi/menu_07.gif);}

.en #gNavi dd#menu_01 a {background-image:url(../../images/gnavi/menu_01_en.gif);}
.en #gNavi dd#menu_02 a {background-image:url(../../images/gnavi/menu_02_en.gif);}
.en #gNavi dd#menu_03 a {background-image:url(../../images/gnavi/menu_03_en.gif);}
.en #gNavi dd#menu_04 a {background-image:url(../../images/gnavi/menu_04_en.gif);}
.en #gNavi dd#menu_05 a {background-image:url(../../images/gnavi/menu_05_en.gif);}
.en #gNavi dd#menu_06 a {background-image:url(../../images/gnavi/menu_06_en.gif);}

#gNavi dd a:hover {background-color:/*#64769d*/#28446b; border-right:1px #0d365f solid;}

/* --------------- フッター */
#footer {width:980px; margin-left:auto; margin-right:auto; clear:both; font-size:.9em; line-height:1.5; text-align:center;}
#footer ul {width:920px; margin:0 auto; text-align:center; padding-top:45px;}
#footer li {display:inline; margin:0 2px; line-height:48px; background:#fff;}
#footer address {width:920px; margin:0 auto; clear:left; text-align:left; padding-bottom:15px;}

/* --------------- コンテンツ枠 */
#content {width:680px; padding:15px 0 30px; float:right;}
#content p, 
#content dl, 
#content ol, 
#content ul,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content table {margin-left:20px; margin-right:20px;}
#content * p, 
#content * dl, 
#content * ol, 
#content * ul,
#content * h2,
#content * h3,
#content * h4,
#content * h5,
#content * h6,
#content * table {margin:0 0 .6em;}

/* --------------- サイド枠 */
#side {width:210px; padding:55px 0 75px; float:left;}
#side #sideMenu li {padding-left:16px; background:url(../../images/tool/arrow1.gif) no-repeat 0 50%;}
#side #sideMenu a {color:#fff;}
#side p, #side ul {margin-left:15px;}



@media screen and (max-width:680px){
  #wrap {min-width:680px; font-size:1.5rem; line-height:1.67;}
  #header {position:relative;}
  #header ul {width:auto;}
  #header_buttons {float:none; width:auto; height:85px; margin:0; position:absolute; right:20px; top:0; text-align:right; overflow:visible;}
  #header_buttons div {margin:0; height:auto;}
  [id^="lang_switch"] {font-size:1rem; line-height:1.4;}
  [id^="lang_switch"] a {display:inline-block; background:#A69BC5; color:#fff; border-radius:0 0 5px 5px; padding:.1em .5em; font-weight:bold;}
  [id^="lang_switch"] img {display:none;}
  #lang_switch_en a:before {content:"ENGLISH";}
  #lang_switch_jp a:before {content:"日本語";}
  #header_buttons ul {position:absolute; bottom:0; right:0; white-space:nowrap;}
  #header_buttons ul img {display:none;} 
  #header_buttons li {display:inline-block; vertical-align:bottom; border-bottom:4px rgba(179,182,201,.5) solid; font-size:1rem;}
  #header_buttons li a {color:#777; font-weight:bold; letter-spacing:-.1em;}
  #menu_a_jp a:before {content:"アクセス";}
  #menu_b_jp a:before {content:"サイトマップ";}
  #menu_a_en a:before {content:"Access"; letter-spacing:-.02em;}
  #menu_b_en a:before {content:"Site Map"; letter-spacing:-.02em;}
  #gNavi {height:auto; margin:0; overflow:hidden; zoom:1; background:#143A5C;}
  #gNavi dt {display:none;}
  #gNavi dd {width:25%!important; box-sizing:border-box; border-bottom:3px #0F2338 solid; border-right:3px #0F2338 solid;}
  #gNavi dd:nth-child(n+6) {border-bottom:none;}
  #gNavi dd:nth-child(4n + 1) {border-right-width:0;}
  #gNavi dd a {padding:.6em 0; background-size:auto 40px; background-position:0 50%; top:0;}
  .en #gNavi dd {width:16.6%!important; border-bottom:0;}
  .en #gNavi dd:nth-child(5) {border-right-width:3px;}
  .en #gNavi dd:nth-child(7) {border-right-width:0;}
        
  #main {position:relative; width:auto; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-flex-direction:column-reverse; flex-direction:column-reverse;}
  #index #main {position:relative; width:auto; display:block!important; -webkit-flex-direction:column; flex-direction:column;}
  h2.inv {display:block; position:absolute; top:15px; left:0; width:90%; width:calc(100% - 30px); padding:0; color:#B0B9D7; font-size:42px;}
  #side {width:auto; float:none; padding-top:140px; padding-bottom:30px; overflow:hidden; zoom:1; background:none!important;}
  #side:before {display:block; position:absolute; top:15px; left:20px; width:90%; width:calc(100% - 40px); padding:0; color:#B0B9D7; font-size:42px; font-weight:bold; border-bottom:1px #7787b8 dotted; padding-bottom:.5em; font-family:'Lucida Grande','游ゴシック体','Yu Gothic',YuGothic,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;}
  #side li {float:left; width:50%; box-sizing:border-box;}
  #footer,
  #footer address {width:auto; font-size:1.3rem;}
  #footer address {padding:20px;}
}




/*--------------------------------------------------------------------
トップページ
--------------------------------------------------------------------*/

#index h1 a {width:500px; background:url(../../images/logo_top.gif) no-repeat 0 0;}
#index .en h1 a {width:400px; background:url(../../images/logo_top_en.gif) no-repeat 0 0!important;}
#index #flash {background:url(../../images/index/flash-bg.jpg) no-repeat 0 0; height:321px; overflow:hidden;}
#index #content {float:left; line-height:1.75;zoom:1;}
#index #side {float:right; zoom:1;}
#index #main {background:url(../../images/main-bg-top.png) repeat-y 50% 0!important; zoom:1; overflow:hidden;}

  /* Latest News */
#index #content h2#top_news, 
#index h2#top_ss {margin:25px 0 0; border:0;}
#index #content p.last_up {text-align:right; margin:-24px 30px 0 0; color:#89b;}
#index #content #latestNews {height:13.5em; margin:.8em 20px 1.2em; overflow:auto;}
.en #latestNews {height:9em!important;}
#index #seminarSchedule {height:17em; margin:.8em 20px 1.2em; overflow:auto;}
.en #seminarSchedule {height:34em!important;}
#index #content #latestNews dt, 
#index #seminarSchedule dt {padding:0 0 0 18px; background:url(../../images/tool/arrow3.gif) no-repeat 0 50%; font-weight:bold; line-height:2.2em; font-size:.93em;}
#index #content #latestNews dd, 
#index #seminarSchedule dd {margin:-2em .8em .3em 9em;}
#index #content #latestNews a, #index #seminarSchedule a {color:#fff;}

  /* headline */
#index #headlines {border:1px #fff dotted; border-width:1px 0; margin:0 20px;}
#index #headlines dl {width:315px; margin:10px 0; float:left;}
#index #headlines .line-l {border-left:1px #fff dotted;}
#index #headlines .line-r {border-right:1px #fff dotted;}
#index #headlines dt {margin:0 14px; line-height:1.5; font-size:1.2em; color:#aac0ee; font-weight:bold;}
#index #headlines dd {margin:0 14px;}
#index #headlines dd img {display:block; margin:.8em 0;}
#index #headlines dd img.f_left {float:left; margin-right:1em;}
#index #headlines p.btn_details {margin:.5em 0 0 230px;}

#index #headlines a:hover img {filter:alpha(opacity=70); opacity:.70; -moz-opacity:.70;}

#index #headlines .single {width:100%!important;}
#index #headlines .single dt {margin-left:160px;}
#index #headlines .single dd a.img {display:block; float:left; margin-top:-4em;}
#index #headlines .single p.btn_details {margin:.5em 0 0;}

  /* side */
#index #side {padding-top:15px;}
#index #side p, #index #side ul {margin-right:10px; margin-left:0;!important;}
#index #side h2#side_link {margin-top:20px; text-align:right;}
#index #side #link {margin:25px 0 30px;}
#index #side #link li {margin-bottom:8px;}
#index #side #subside {text-align:right; margin:0 8px 10px;}
#index #side #subside li {line-height:1.4; border-right:4px #3b4e6f solid; margin-bottom:1px; padding:.2em 4px;}
#index .en #side #subside li {line-height:1.4;}
#index #side #subside a {color:#fff;}


@media screen and (max-width:680px){
  #index #content p.last_up {margin-top:-1.6em;}
  #index #content #latestNews,
  #index #content #seminarSchedule {background:rgba(255,255,255,.1); zoom:1; padding:.5em 0;}
  #index #content #latestNews:after,
  #index #content #seminarSchedule:after {content:""; display:block; clear:both;}
  #index #content #latestNews dt,
  #index #content #seminarSchedule dt {clear:left; width:25%; width:calc(8em); float:left; box-sizing:border-box; padding-left:1.33em; background-position:.5em 50%; line-height:inherit;}
  #index #content #latestNews dd,
  #index #content #seminarSchedule dd {width:75%; width:calc(100% - 8em); float:left; margin:0 0 .4em;}
  #index #ban_news {text-align:center;}
  #index #side_link {display:none;}
  #index #side #link {padding:20px; overflow:hidden; zoom:1;}
  #index #side #link li {width:33%; float:left; padding:3px 0;}
  #index #side #link li:nth-child(3n+1) {clear:left;}
  #index #side #subside {text-align:left; padding:20px;}
  #index #side #subside li {float:none; display:inline-block; padding:.2em .6em; border-left:4px #3b4e6f solid; border-right:0; width:auto;}
  #index #flash {background-size:contain;}
  #flash li img {width:100vw; height:35.667vw;}
}


/*--------------------------------------------------------------------
概要
--------------------------------------------------------------------*/

#aboutus #content li {float:left; width:25%; margin:0 1em;}
#aboutus h3 {clear:left; margin-top:0!important;}
#aboutus #side {background:url(../../images/rep/side_aboutus_jp.gif) no-repeat 98% 10px;}
#aboutus .en #side {background:url(../../images/rep/side_aboutus_en.gif) no-repeat 98% 16px;}

@media screen and (max-width:680px){
  #aboutus #content li {width:50%; margin:0;}
  #aboutus #side {padding-top:100px;}
}

/*--------------------------------------------------------------------
スタッフ
--------------------------------------------------------------------*/

#staff #content h3 {clear:left;}
#staff #content .withPic dt {line-height:28px; margin:0 0 0 135px; clear:left;}
#staff #content .withPic dt.division {margin:2em 0 1em; font-weight:bold; font-size:1.2em; border-bottom:1px #7787b8 dotted; font-size:1.3em;}
#staff #content .withPic dd {margin:0 0 0 135px;}
#staff #content .withPic dd.img {float:left; margin:-20px 0 10px; width:120px; height:140px; background:#eee;}
#staff #side {background:url(../../images/rep/side_staff_jp.gif) no-repeat 98% 10px;}
#staff .en #side {background:url(../../images/rep/side_staff_en.gif) no-repeat 98% 16px;}

#staff #content .noPic dt,
#staff #content .noPic dd,
#staff #content dt.noPic,
#staff #content dd.noPic {border-left:5px #568 solid; padding-left:6px;}
#staff #content .noPic dd {margin-bottom:20px;}
#staff #content dt.noPic,
#staff #content dd.noPic, {margin:0!important;}

#staff #content .noPic dt.division {margin:0 0 1em; font-weight:bold; font-size:1.2em; border-bottom:1px #7787b8 dotted; border-left:0; padding:0; font-size:1.3em;}

@media screen and (max-width:680px){
  #staff #side {padding:0 0 50px;}
  #staff #content .noPic dt.division {border:0;}
}


/*--------------------------------------------------------------------
構成教員
--------------------------------------------------------------------*/

#professors #content p {margin-bottom:25px;}
#professors #content h3 {clear:left;}
#professors #content .withPic dt {line-height:28px; margin:0 0 0 135px; clear:left;}
#professors #content .withPic dt.division {margin:2em 0 1em; border-left:.6em #89b solid; padding-left:6px; line-height:1.2!important; font-weight:bold; font-size:1.2em;}
#professors #content .withPic dd {margin:0 0 0 135px;}
#professors #content .withPic dd.img {float:left; margin:-20px 0 10px; width:120px; height:140px; background:#eee;}
#professors #side {background:url(../../images/rep/side_professors_jp.gif) no-repeat 15px 10px;}
#professors .en #side {background:url(../../images/rep/side_professors_en.gif) no-repeat 15px 16px;}

#professors #content .noPic dt,
#professors #content .noPic dd,
#professors #content dt.noPic,
#professors #content dd.noPic {border-left:5px #568 solid; padding-left:6px;}
#professors #content .noPic dd {margin-bottom:20px;}
#professors #content dt.noPic,
#professors #content dd.noPic {margin:0!important;}

#professors #content .normal dt {margin:.5em 0 0; clear:left;}
#professors #content dt a {font-weight:bold!important;}
#professors #content .normal dt.division {margin:2em 0 1em; border-left:.6em #89b solid; padding-left:6px; line-height:1.2!important; font-weight:bold; font-size:1.2em;}
/* #professors #content .normal dd {margin:0 0 1.5em; border-left:2px #347 dotted; padding-left:9px;} */
#professors #content .normal dd {margin:-2em 0 0 11em;}
#professors #content .normal dd.img {display:none;}

#professors .en #content dd {margin-left:20em!important;}

@media screen and (max-width:680px){
  #professors #content .normal dd {margin:0 0 .6em 1em!important;}
}


.directors dt.division {margin:0 0 1em; border-left:.6em #89b solid; padding-left:6px; line-height:1.2!important; font-weight:bold; font-size:1.2em;}
.japanese .directors dd {margin:-2em 0 .2em 14em;}
#professors #content .directors dd {margin:-2em 0 .2em 10em!important;}





/*--------------------------------------------------------------------
研究 共通
--------------------------------------------------------------------*/

.research #side {background:url(../../images/rep/side_research_jp.gif) no-repeat 15px 10px;}
.research .en #side {background:url(../../images/rep/side_research_en.gif) no-repeat 15px 16px;}

@media screen and (max-width:680px){
  .research #side:before {content:"Research";}
  .japanese.research #side:before {content:"研究";}
}

/*--------------------------------------------------------------------
共同研究分野
--------------------------------------------------------------------*/

#research-collaboration #content dt {clear:both; float:left; width:7em;}
#research-collaboration #content dd {width:calc(100% - 7em); float:right; border-left:1px #def solid; margin-bottom:1.5em; padding-left:8px; box-sizing:border-box;}
#research-collaboration #content dd + dd {margin-top:-1.5em;}
#research-collaboration .en #content dt {width:5em;}
#research-collaboration .en #content dd {width:calc(100% - 5em);}



/*--------------------------------------------------------------------
施設 共通
--------------------------------------------------------------------*/

.facilities #side {background:url(../../images/rep/side_facilities_jp.gif) no-repeat 15px 10px;}
.facilities .en #side {background:url(../../images/rep/side_facilities_en.gif) no-repeat 15px 16px;}
.facilities .photo-r img {margin-bottom:8px;}

@media screen and (max-width:680px){
  .facilities #content h2 {border:0;}
  .facilities #side:before {content:"Facilities";}
  .japanese.facilities #side:before {content:"施設";}
  .facilities #side li {width:auto; float:none;}
  .japanese.facilities #side li {width:50%; float:left;}
}


/*--------------------------------------------------------------------
野依記念物質科学研究館
--------------------------------------------------------------------*/

#facilities-nmsl #content ul li {display:inline;}



/*--------------------------------------------------------------------
野依記念学術交流館
--------------------------------------------------------------------*/

#facilities-nch #content ul li {display:inline;}



/*--------------------------------------------------------------------
ケミストリーギャラリー
--------------------------------------------------------------------*/

#facilities-gallery #content dt {font-weight:bold;}
#facilities-gallery #content dd {margin:-2em 0 0 8em;}



/*--------------------------------------------------------------------
セミナー
--------------------------------------------------------------------*/

#seminar #content h3 {width:6em;}
#seminar #content p.subHL {font-weight:bold;}
#seminar #content dl {margin:-2.9em 20px 2em 7em; border-left:1px #568 solid; padding-left:6px;}
#seminar #content dt {width:5em; text-align:center;}
#seminar #content dd {margin:-2em 0 0 6em;}
#seminar #side {background:url(../../images/rep/side_seminar_jp.gif) no-repeat 15px 10px;}
#seminar .en #side {background:url(../../images/rep/side_seminar_en.gif) no-repeat 15px 16px;}

@media screen and (max-width:680px){
  #seminar #side li {width:25%;}
  #seminar #content .subHL {border:0;}
  #seminar #content h3 {margin-bottom:.4em;}
  #seminar #content dl {margin:0; overflow:hidden;}
  #seminar #content dt {width:20%; width:calc(6em); clear:left; float:left;}
  #seminar #content dd {width:80%; width:calc(100% - 6em); float:left; margin:0;}
}

/*--------------------------------------------------------------------
アクセス
--------------------------------------------------------------------*/

#access #side {background:url(../../images/rep/side_access_jp.gif) no-repeat 98% 10px;}
#access .en #side {background:url(../../images/rep/side_access_en.gif) no-repeat 98% 16px;}
#access #content #map {margin:20px 0 8px 20px;}
#access #content dt {font-weight:bold; padding-left:16px; background:url(../../images/tool/arrow1.gif) no-repeat 0 .3em; margin-top:.8em;}

@media screen and (max-width:680px){
  #access #side {padding-top:100px;}
}


/*--------------------------------------------------------------------
サイトマップ
--------------------------------------------------------------------*/

#sitemap #side {background:url(../../images/rep/side_sitemap_jp.gif) no-repeat 98% 10px;}
#sitemap .en #side {background:url(../../images/rep/side_sitemap_en.gif) no-repeat 98% 16px;}
#sitemap #content table {border-collapse:separate; border-spacing:8px;}
#sitemap #content th {background:#346!important; padding:1px 7px; text-align:center; width:280px;}
#sitemap #content td {background:#235!important; padding:1px 7px; text-align:center; width:320px;}
#sitemap #content td.vacant {background:none!important;}

@media screen and (max-width:680px){
  #sitemap #side {padding-top:100px;}
}


/*--------------------------------------------------------------------
RCMSニュース
--------------------------------------------------------------------*/

#rcms_news #side {background:url(../../images/rep/side_rcmsnews_jp.gif) no-repeat 98% 10px;}
#rcms_news .en #side {background:url(../../images/rep/side_rcmsnews_en.gif) no-repeat 98% 16px;}



/*--------------------------------------------------------------------
過去のイベント
--------------------------------------------------------------------*/

#event #side {background:url(../../images/rep/side_event_jp.gif) no-repeat 98% 10px;}
#event .en #side {background:url(../../images/rep/side_event_en.gif) no-repeat 98% 16px;}
#event #content dt {font-weight:bold; margin-bottom:.8em; border-left:5px #568 solid; padding-left:6px;}
#event #content dt span {display:block; font-weight:normal; font-size:.9em; line-height:1.6em;}
#event #content dd {margin-bottom:2em;}



/*--------------------------------------------------------------------
新着情報 （個別ページ）
--------------------------------------------------------------------*/

.latest_news #side {background:url(../../images/rep/side_news_jp.gif) no-repeat 15px 10px;}
.latest_news .en #side {background:url(../../images/rep/side_news_en.gif) no-repeat 15px 16px; padding-top:100px;}
.latest_news .en #sideMenu {padding-left:80px;}
.latest_news #content h2 {border-bottom:1px #7787b8 dotted; font-size:1.3em; padding-bottom:0; margin-bottom:10px;}
.latest_news #content p.date {text-align:right; margin-bottom:1em;}
.newsPhoto li {float:left; margin-right:4px;}
.newsPhoto li img {display:block;}

#gallery_200 li {display:inline; float:left; width:200px; height:200px; text-align:center; margin-bottom:16px; background:#000;}
#gallery_200 li img {border:1px #eee solid; margin-top:33px;}
#gallery_200 li img.portrait {margin-top:0;}

@media screen and (max-width:680px){
  .latest_news #side:before {content:"Latest News";}
  .japanese.latest_news #side:before {content:"お知らせ";}
  .latest_news #content h2 {border:0;}
}






/*--------------------------------------------------------------------
外部ライブラリ
--------------------------------------------------------------------*/

/* --------------- .eml */
.eml {cursor:pointer;}
.eml abbr {display:inline; width:1em; overflow:hidden; white-space:nowrap;}
.eml abbr:not(.done):before {content:"@";}

/* --------------- bxslider */
.bx-wrapper {position:relative; margin:0 auto 60px; padding:0; *zoom:1;}
.bx-wrapper img {max-width:100%; display:block;}
.bx-wrapper .bx-viewport {/*-moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc; border:solid #fff 5px; left:-5px; */background:#fff;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position:absolute; bottom:-30px; width:100%;}
.bx-wrapper .bx-loading {min-height:50px; background:url(../img/bx_loader.gif) center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000;}
.bx-wrapper .bx-pager {text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666; padding-top:20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block; *zoom:1; *display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background:#666; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; border-radius:5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background:#000;}
.bx-wrapper .bx-prev {left:10px; background:url(../img/bx_controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {right:10px; background:url(../img/bx_controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {background-position:0 0;}
.bx-wrapper .bx-next:hover {background-position:-43px 0;}
.bx-wrapper .bx-controls-direction a {position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999;}
.bx-wrapper .bx-controls-direction a.disabled {display:none;}
.bx-wrapper .bx-controls-auto {text-align:center;}
.bx-wrapper .bx-controls-auto .bx-start {display:block; text-indent:-9999px; width:10px; height:11px; outline:0; background:url(../img/bx_controls.png) -86px -11px no-repeat; margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position:-86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display:block; text-indent:-9999px; width:9px; height:11px; outline:0; background:url(../img/bx_controls.png) -86px -44px no-repeat; margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position:-86px -33px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align:left; width:80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right:0; width:35px;}
.bx-wrapper .bx-caption {position:absolute; bottom:0; left:0; background:#666\9; background:rgba(80, 80, 80, .75); width:100%;}
.bx-wrapper .bx-caption span {color:#fff; font-family:Arial; display:block; font-size:.85em; padding:10px;}

/* --------------- fancybox */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {padding:0; margin:0; border:0; outline:none; vertical-align:top;}
.fancybox-wrap {position:absolute; top:0; left:0; z-index:8020;}
.fancybox-skin {position:relative; background:#f9f9f9; color:#444; text-shadow:none; border-radius:4px;}
.fancybox-opened {z-index:8030;}
.fancybox-opened .fancybox-skin {box-shadow:0 10px 25px rgba(0, 0, 0, .5);}
.fancybox-outer,
.fancybox-inner {position:relative;}
.fancybox-inner {overflow:hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling:touch;}
.fancybox-error {color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap;}
.fancybox-image,
.fancybox-iframe {display:block; width:100%; height:100%;}
.fancybox-image {max-width:100%; max-height:100%;}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {background-image:url('../img/fancybox_sprite.png');}
#fancybox-loading {position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:.8; cursor:pointer; z-index:8060;}
#fancybox-loading div {width:44px; height:44px; background:url('../img/fancybox_loading.gif') center center no-repeat;}
.fancybox-close {position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040;}
.fancybox-nav {position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; 
  background:transparent url('../img/blank.gif'); /* helps IE */ -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040;}
.fancybox-prev {left:0;}
.fancybox-next {right:0;}
.fancybox-nav span {position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden;}
.fancybox-prev span {left:10px; background-position:0 -36px;}
.fancybox-next span {right:10px; background-position:0 -72px;}
.fancybox-nav:hover span {visibility:visible;}
.fancybox-tmp {position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important;}
.fancybox-lock {overflow:hidden;}
.fancybox-overlay {position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url('../img/fancybox_overlay.png');}
.fancybox-overlay-fixed {position:fixed; bottom:0; right:0;}
.fancybox-lock .fancybox-overlay {overflow:auto;/* overflow-y:scroll;*/}
.fancybox-title {visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050;}
.fancybox-opened .fancybox-title {visibility:visible;}
.fancybox-title-float-wrap {position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center; max-width:90%;}
.fancybox-title-float-wrap .child {display:inline-block; margin-right:-100%; padding:2px 20px; 
  background:transparent; /* Fallback for web browsers that doesn't support RGBa */ background:rgba(0, 0, 0, .8); border-radius:15px; 
  text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; width:680px;}
.fancybox-title-outside-wrap {position:relative; margin-top:10px; color:#fff;}
.fancybox-title-inside-wrap {padding-top:10px;}
.fancybox-title-over-wrap {position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0, 0, 0, .8);}