@charset "UTF-8";
@font-face { 
    font-family: 'mamicons';
    src: url("../../css/fonts/mamicons.eot");
    src: url("../../css/fonts/mamicons.eot?#iefix") format("embedded-opentype"), url("../../css/fonts/mamicons.svg#mamicons") format("svg"), url("../../css/fonts/mamicons.woff") format("woff"), url("../../css/fonts/mamicons.ttf") format("truetype"); 
    font-weight: normal; 
    font-style: normal; }

.clear, .mod-mam-header, .mod-mam-header .right ul,.mod-mam-header .right_fif ul, .mod-navi ul, .mod-snavi, .mod-content .clr, .item-news, .news-ticker { *zoom: 1; }

.clear:before, .mod-mam-header:before, .mod-mam-header .right ul:before,.mod-mam-header .right_fif ul:before, .mod-navi ul:before, .mod-content .clr:before, .item-news:before, .clear:after, .mod-mam-header:after, .mod-mam-header .right ul:after,.mod-mam-header .right_fif ul:after, .mod-mam-header .right ul:after,.mod-mam-header .right_fif ul:after, .mod-navi ul:after, .mod-snavi, .mod-content:after .clr:after, .mod-content .clr:after, .item-news:after { content: ""; display: table; }

.clear:after, .mod-mam-header:after, .mod-mam-header .right ul:after, .mod-mam-header .right_fif ul:after, .mod-navi ul:after, .mod-snavi, .mod-content .clr:after, .item-news:after .news-ticker:after { clear: both; }

.clear { clear: both; overflow:hidden;}
.left { float: left; }
.right { float: right; }
.right_fif { float: right; }

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

body { 
    font-size: 75%; /* 12px */ 
    line-height: 170%; 
    font-family: Arial,Helvetica,sans-serif; 
    -webkit-text-size-adjust: 100%;
}

a, a:link, a:visited { 
    text-decoration: none;}

a:hover, a:active { 
    color: #999; 
    text-decoration: underline; 
}

table { 
    border-collapse: collapse; 
}

table th, table td { 
    text-align: left; 
    border-collapse: collapse; 
    border: 0 none; 
}

table th, table td { 
    vertical-align: top; 
}

li { 
    list-style-type: none; 
}

.LayerBase { 
    width: 980px; 
    margin: 0 auto; 
    padding: 7px 0 0; 
    overflow: hidden; 
}

/* ----- header ----- */
.mod-mam-header { margin-bottom: 10px; overflow: hidden; }
.mod-mam-header a img { vertical-align: bottom; }
.mod-mam-header .left { width: 36px; }
.mod-mam-header .right { width: 340px; }
.mod-mam-header .right li { float: left; margin-left: 10px; }
.mod-mam-header p { margin: 0; padding: 0; }
.mod-header p { margin: 0; padding: 0; }

/* ----- header five navi----- */
.mod-mam-header .right_fif { width: 487px; }
.mod-mam-header .right_fif li { float: left; margin-left: 10px; }

.mod-navi li { float: left; }
.mod-navi li a img { vertical-align: bottom; }

/* ----- contents ----- */
.mod-content { 
    margin-top: 5px; 
    margin-bottom: 35px; 
    padding: 10px 15px 15px; 
}

.mod-content ul.area-link { 
    letter-spacing: -0.4em; 
    padding-left: 0; 
}

.mod-content .area-link li { 
    display: inline-block; 
    letter-spacing: normal; 
    margin-right: 10px; 
    *display: inline; 
    *zoom: 1; 
}

.mod-content .area-link li .cross { 
    margin: 0 0.4em 0 -1.4em; 
    font-family: 'mamicons'; 
    -webkit-font-smoothing: 
    antialiased; font-size: 84%; 
    vertical-align: baseline; 
}

.mod-content .area-link a, .mod-content .area-link a:link, .mod-content .area-link a:visited { padding-left: 1.4em; color: #333; font-weight: bold;  }
.mod-content .area-link a:hover, .mod-content .area-link a:active { text-decoration: none; }
/*.mod-content h1 { margin-bottom: 20px; padding-bottom: 3px; border-bottom: solid 1px #B4B4B5; font-size: 125%; font-weight: bold; }
.mod-content h2, .mod-content h3, .mod-content h4 { padding: 0 0 5px; font-weight: bold; color: #333; }*/

.mod-content .h2-special { 
    padding: 0;
    border-bottom: 1px solid #deafc3; 
    margin-bottom: 0; /*160323追加*/
}

.mod-content .h2-special span { 
    font-size: 12px;
    font-weight: bold;
    position: relative; 
    top: 1px; 
    display: block; 
    width: 140px;
    margin: 0; 
    padding: 10px 30px; 
    border-bottom: 0 none; }

.mod-content .clr { 
    min-height: 1px; 
}

.mod-content .entry_wrap { margin-bottom: 20px; }
.mod-content .entry_wrap .f_right { width: 730px; }
.mod-content .entry_wrap .f_left { width: 200px; }
.mod-content .members_event { margin-bottom: 30px; padding: 20px; border-top: none; }
.mod-content .members_event .f_right { width: 700px; }
.mod-content .members_event .f_left { width: 200px; }
.mod-content ul { padding-left: 20px; }
.mod-content li { list-style-type: disc; }
.mod-content .mod-borderbox { padding: 10px 15px; border: solid 1px #999; }
.mod-content .mod-borderbox02 { 
    padding: 10px 15px; 
    border: solid 1px #d2000b; 
    /* margin-bottom: 15px; 
    margin-top: 10px; */
}
.mod-content .mod-borderbox03 {
    padding: 10px 15px;
    border: solid 1px #d30d41;
    margin-bottom: 15px;
    /* margin-top: 10px; */
}
.mod-content .link-top { margin-top: 20px; text-align: right; font-size: 84%; }

h2 + ul.area-link { margin: 0 0 15px 0; }
.clr ul.area-link { margin: 0 0 10px 0; }

h1#page-title + h2 { margin: 0 0 0 0; }
ul.area-link + h2 { margin: 0 0 0 0; }


/*h2 + ul.area-link { float: left; }*/


/*----- base text color -----*/

body {
    color: #555555;
}

/* text color 1 */
a,
a:link,
a:visited,
.area-link a:hover,
.area-link a:active,
.area-link .cross,
/* .mod-content h3.h3-public, */
.mod-content h4.h4-public,
.mod-content strong {
    color: #d30d41;
}

/* ----- mod-navi ----- */
.mod-navi
    {
    width: 980px;
    height: 42px;
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
    }
.mod-navi ul
    {
    width: auto;
    height: auto;
    }
.mod-navi ul li
    {
    width: 245px;
    height: 42px;
    float: left;
    text-indent: -9999px;
    }
.mod-navi ul li a
    {
    width: 245px;
    height: 42px;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-indent: -9999px;
    display: inline-block;
    background: url(i/navi.png) 0 0;
    }
.mod-navi #navi_01 a
    {
    background-position: 0 0;
    }
.mod-navi ul li#navi_01 a:hover,
.mod-navi ul li#navi_01 strong a
    {
    background-position: 0 41px;
    }

.mod-navi #navi_02 a
    {
    background-position: 735px 0;
    }
.mod-navi ul li#navi_02 a:hover,
.mod-navi ul li#navi_02 strong a
    {
    background-position: 735px 41px;
    }

.mod-navi #navi_03 a
    {
    background-position: 490px 0;
    }
.mod-navi ul li#navi_03 a:hover,
.mod-navi ul li#navi_03 strong a
    {
    background-position: 490px 41px;
    }

.mod-navi #navi_04 a
    {
    background-position: 245px 0;
    }
.mod-navi ul li#navi_04 a:hover,
.mod-navi ul li#navi_04 strong a
    {
    background-position: 245px 41px;
    }

/* ----- mod-snavi ----- */
/*.mod-snavi {
    float: left;
    width: 280px;
    height: auto;
    padding: 0 0 0 0;
    margin: 0 0 20px 0;
}*/
/* fb-like-box */
.fb-like-box {
    margin: 0 0 0 0;
}

/* ----- mod-content ----- */
.LayerBase .mod-content {
    width: auto;
    height: auto;
    padding: 0 0 0 0;
    margin-top: 0;
}

.mod-content h2.h2-special {
  border-bottom: 1px solid #eaa2bf;
}

.mod-content h2.h2-special,
.mod-content h2.h2-special span,
.mod-content .members_event {
  border-color: ;
}

.mod-content .members_event {
    background-color: #fff5f9;
    border-top: none;
    border: 1px solid #eaa2bf;
    border-top: none; /*160323追加*/
    padding: 20px;
    margin-bottom: 30px;
}
.LayerBase .mod-content .entry_wrap {
    margin: 20px 0 20px 0;
}

/*
.LayerBase .mod-content .entry_wrap .f_right {
    width: 440px;
}



.mod-content .members_event .entry_wrap .f_right {
    width: 440px;
} */


.LayerBase .mod-content .entry_wrap .f_left {
    width: 170px;
}

.mod-content .h2-special span {
    width: 140px;
    font-weight: bold;
    background-color: #fff5f9;
    border-top: 1px solid #eaa2bf;
    border-right: 1px solid #eaa2bf;
    border-left: 1px solid #eaa2bf;
}

.mod-content .h2-special {
    border-bottom: 1px solid #eaa2bf;
}

h1 {
    /*color: #000000;*/
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 20px 0;
    padding: 0 0 5px;
    border-bottom: solid 1px #B4B4B5;
}

h2 {
    /*color: #000000;*/
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 14px 0;
    padding: 0;
}

h3 {
    /*color: #000000;*/
    font-size: 13px;
    font-weight: bold;
    margin: 0px 0 10px 0;
    padding: 0;
}

h3.h3-special {
    /*color: #000000;*/
    color: #d30d41;
    font-size: 13px;
    font-weight: bold;
    margin: 0px 0 10px 0;
    padding: 0;
}

h3.h3-event {
    color: #000000;
    font-size: 12px;
    margin: 20px 0 0px 0;
}

h4 {
    color: #8E8E8E;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 5px;
}

h4.h4-special {
    color: #333;
}

p {
    /*color: #000000;*/
    font-size: 12px;
    line-height: 1.8em;
    font-weight: normal;
    margin: 0 0 5px 0;
    /*padding: 0 0 5px;*/
}
table p {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.mod-borderbox {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    padding: 10px 15px;
}

.mod-borderbox-color {
    width: auto;
    height: auto;
    border: 1px solid #01ac68;
    padding: 10px 15px;
}

.mod-borderbox-gray {
    width: auto;
    height: auto;
    border: 1px solid #b3b3b3;
    padding: 10px 15px;
    margin-bottom: 20px;
}

.relative {
    position: relative;
}

.relative2 {
    position: relative;
}

.protection {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(i/protection.gif);
}

@media print {
    .noprint {
    display: none;
    }
    .protection {
    display: none;
    }
}

.caption {
    font-size: 11px;
    line-height: 1.5;
    margin: 5px 0 15px;
}

.artwork img {
    vertical-align: middle;
}

hr {
    border-color: #B4B4B5;
    border-style: solid;
    border-width: 1px 0 0;
    height: 1px;
    margin-bottom: 15px;
}

/*----- .news-ticker -----*/
.news-ticker {
margin: 0 0 30px 0;
padding: 3px 7px;
width: auto;
height: 20px;
text-align: left;
background-color: #f7f7f7;
position: relative;
overflow: hidden;
}
.news-ticker h2 {
width: 50px;
height: auto;
float: left;
padding: 0 0 0 5px;
font-size: 12px;
font-weight: bold;
}
.news-ticker ul {
width: 100%;
position: relative;
}
.news-ticker ul li {
width: 100%;
padding-left: 50px;
display: none;
}
.news-ticker ul li a {
visibility: hidden;
}

/* ----- box-news ----- */
.mod-content .box-news {
    width: auto;
    height: auto;
    margin: 0 0 40px 0;
    border: solid 1px #a9a9a9;
}
.mod-content .box-news .item-news {
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 15px;
}
.mod-content .box-news .item-news p {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.mod-content .box-news .item-news .news-left {
    float: left;
    width: 63px;
    height: 55px;
    margin-right: 15px;
}
.mod-content .box-news .item-news .news-right {
    float: left;
    width: 530px;
    height: auto;
    margin: 0;
}

/*----- event.html -----*/
ul.area-link
    {
    margin: 0 0 26px 0;
    /*margin: 5px 0 0 0;*/
    }

h1 + ul.area-link
    {
    margin: 0 0 12px 0;
    }

ul.area-link + ul.area-link
    {
    margin: 0 0 12px 0;
    }

.mod-content ul.area-link
    {
    clear: both;
    }

.area-link:after
    {
    clear: both;
    margin: 0;
    height: 0;
    content: ".";
    display: block;
    visibility: hidden;
    }

* html .area-link /* IE 6 */
    {
    height: 1px;
    }

*+html .area-link /* IE 7 */
    {
    display:inline-block;
    margin: 0;
    }

.mod-content ul.area-link li.link-list
    {
    line-height: 16px;
    float: left;
    margin: 0 35px 0 5px;
    list-style-type: none;
    }

ul.area-link li.link-list a,
ul.area-link li.link-list a:link,
ul.area-link li.link-list a:visited
    {
    padding-bottom: 0;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    }

ul.area-link li.link-list a:hover,
ul.area-link li.link-list a:active
    {
    color: #d2000b;
    }

ul.area-link li.link-list a.none
    {
    background: none;
    padding-left: 0;
    }

.mod-content ul.area-link li.link-list2
    {
    line-height: 12px;
    float: right;
    margin: 0 5px 0 35px;
    list-style-type: none;
    }

ul.area-link li.link-list2 a,
ul.area-link li.link-list2 a:link,
ul.area-link li.link-list2 a:visited
    {
    padding-bottom: 0;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    }

ul.area-link li.link-list2 a:hover,
ul.area-link li.link-list2 a:active
    {
    color: #d2000b;
    }

p.link-applicate a,
p.link-applicate a:link,
p.link-applicate a:visited
    {
    padding-bottom: 0;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    }

p.link-applicate a:hover,
p.link-applicate a:active
    {
    color: #d2000b;
    }

p.xs {
    font-size: 10px;
    line-height: 17px;
    }

p.xss {
    font-size: 9px;
    line-height: 16px;
    }

p.strong-wb {
    font-weight: bold;  
}

p.page_top {
    font-size: 10px;
    margin-bottom: 30px;
}

img.photo {
    margin-bottom: 5px;
}

table.works {
    border-collapse: collapse;
}

table.works td {
    border: solid 1px #d2000b;
    padding: 15px;
}

table.works td strong {
    color: #4d4d4d;
}

.mod-content .eve_hide {
    display: none;
}

.mod-content .calendar_box .eve_hide {
    display: block;
}

/*----- pre event -----*/
.clr:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clr { min-height: 1px; clear:both; }
* html .clr { height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/ }

.f_left { float:left; display:inline; }
.f_right { float:right; display:inline; }

.entry_wrap { margin-bottom:20px; }
.entry_wrap .f_left { width:200px; }
.entry_wrap .f_right { width:730px; }
.entry_wrap strong { font-weight:bold; /*display:block;*/ margin-bottom:10px; }
#entry_3611 .date,
#entry_3619 .date,
#entry_3670 .date,
#entry_4958 .date,
#entry_5525 .date,
#entry_5613 .date { display: none; }
#entry_3618 h3,#entry_3619 h3 { color: #d2000b; }
/*#entry_3618 .f_left img { display: none; }*/


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

#entry_4883 .date,
#entry_4895 .date,
#entry_5516 .date,
#entry_5784 .date
{
    display: none;
}

/*----- event h3 -----*/
/*#entry_4396 .f_right h3
 { display: none; }*/


/*----- event img -----*/
#entry_4892 img
 { display: none; }



/*----- event calendar -----*/
.mod-content #box {
    position: static;
}
/*#box.single {
    width: 640px;
}*/

/*----- flash -----*/
/*.flash {
    margin: 0;
    width: 978px;
    border: solid 1px #e769a1;
    margin-top: 5px;
}

/*----- face book ----- */
.areaFacebook{
    height: 24px;
}

.fb-like-box,
.fb-like-box.fb_iframe_widget iframe {
width:280px !important;
}

/*----- school invisible ----- */
ul.area-link li.school
{
    display: none;
}

ul.area-link li.school a{
    pointer-events:none;
    cursor: default;
}

.roppongix2016_h2 {
    margin-top: 20px;
}

.artist_f {
    font-size: 100%;
}

/*#entry_3657
{
    display: none;
}*/

/*MT template class invisible deleate*/
/*p.invisible
{
    display: none;
}

p.invisible a{
    pointer-events:none;
    cursor: default;
}*/

/*----- Kevisual ----- */
/*#Kevisualcontainer
{
    clear: both;
    width: 980px;
    height: 463px;
    margin: 0;
    padding: 171px 0 0 0;
    background: url(i/title.png) no-repeat 0 0;
    overflow: hidden;
}*/

/*----- ルビ ----- */ 
.mod-content rt {   
font-size: 8px; 
}   

.w730 { width: 730px; }

.w740 { width: 740px; }

.w780 { width: 780px; }

.past-area {
    float: left;
    width: 230px;
}

.past-area p.cap {
    font-size: 10px;
}