@charset "UTF-8";

/* default ------------------------------------------------------------------------- */
.liquid-wrapper:after { content: ""; display: block; position: absolute; z-index: 0; top: 0; right: 360px; bottom: 0; left: 0;}
.aside:after, .aside-min:after { content: ""; display: block; position: absolute; width: 360px; z-index: 0; top: 0; right: 0; bottom: 0;}
.container-wrapper { background: url(../img/bg.png) no-repeat 50% 0;}

/*
 * target: IE6,7
 * Validator: Valid
 */
html*.container-wrapper { background: url(../img/bg.png) no-repeat 50% 0;}
.aside:after { background-position: -920px 0;}
.aside-min:after { background-position: -1260px 0;}
.aside-container { position: relative; z-index: 1;}
.main-container { margin-bottom:30px; padding: 0 20px 0 20px; background-color:#FFFFFF; border:3px solid #B5B5B6;}
.main-container section { padding: 30px 0 30px 0;}
.main-container section p { margin-top: 10px; text-indent: 1em;}

/*
 * addition
 */

/* common ------------------------------------------------------------------------- */
body, input { margin: 0; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; font-size: 14pt; line-height: 1.5em; color: #333333;}
body { background: #ffffff url(../img/bg2.png) repeat top center;}
.header { padding-left:5px; !important;}
.header-image a:hover { background: none !important;}

.page-nav { padding-top: 0px; background: none;}
.page-nav ul { background: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; border: none;}
.page-nav ul li { width:20%; background: none; text-align:center;}
.page-nav ul li a { margin-right: 5px; padding: 10px 20px !important; color: #ffffff; font-size: 80%; background-color: #f84c1a; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: #43b6ad solid 3px; background-image: -moz-linear-gradient(top, #fac324 10%, #f84c1a 90%) !important; background-image: -o-linear-gradient(top, #fac324 10%, #f84c1a 90%) !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #fac324), color-stop(0.9, #f84c1a)) !important; background-image: -webkit-linear-gradient(top, #fac324 10%, #f84c1a 90%) !important; background-image: linear-gradient(to bottom, #fac324 10%, #f84c1a 90%) !important; box-shadow: 0px 0px 0px 3px #fefbe2 inset; -moz-box-shadow: 0px 0px 0px 3px #fefbe2 inset; -webkit-box-shadow: 0px 0px 0px 3px #fefbe2 inset; -o-box-shadow: 0px 0px 0px 3px #fefbe2 inset; -ms-box-shadow: 0px 0px 0px 3px #fefbe2 inset; }
.page-nav ul li a:hover, .page-nav ul li a.active { border: #fc6590 solid 3px; background-color: #fc648b; background-image: -moz-linear-gradient(top, #fc648b 10%, #f84924 90%) !important; background-image: -o-linear-gradient(top, #fc648b 10%, #f84924 90%) !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #fc648b), color-stop(0.9, #f84924)) !important; background-image: -webkit-linear-gradient(top, #fc648b 10%, #f84924 90%) !important; background-image: linear-gradient(to bottom, #fc648b 10%, #f84924 90%) !important; box-shadow: 0px 0px 0px 3px #fefbe2 inset; -moz-box-shadow: 0px 0px 0px 3px #fefbe2 inset; -webkit-box-shadow: 0px 0px 0px 3px #fefbe2 inset; -o-box-shadow: 0px 0px 0px 3px #fefbe2 inset; -ms-box-shadow: 0px 0px 0px 3px #fefbe2 inset; }
a.btn { display: block; width: 64%; margin: 0 auto; padding: 15px 20px !important; color: #ffffff; font-size: 180%; background-color: #f84c1a; font-weight: bold; text-align: center; text-decoration: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; border: #43b6ad solid 3px; background-image: -moz-linear-gradient(top, #fac324 10%, #f84c1a 90%); background-image: -o-linear-gradient(top, #fac324 10%, #f84c1a 90%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #fac324), color-stop(0.9, #f84c1a)); background-image: -webkit-linear-gradient(top, #fac324 10%, #f84c1a 90%); background-image: linear-gradient(to bottom, #fac324 10%, #f84c1a 90%); box-shadow: 0px 0px 0px 3px #fefbe2 inset; -moz-box-shadow: 0px 0px 0px 3px #fefbe2 inset; -webkit-box-shadow: 0px 0px 0px 3px #fefbe2 inset; -o-box-shadow: 0px 0px 0px 3px #fefbe2 inset; -ms-box-shadow: 0px 0px 0px 3px #fefbe2 inset; }
a.btn2 { display: block; width: 64%; margin: 0 auto; padding: 15px 20px !important; color: #ffffff; font-size: 180%; background-color: #57C7C0; font-weight: bold; text-align: center; text-decoration: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; border: #43b6ad solid 3px; background-image: -moz-linear-gradient(top, #57c7c0 10%, #0b908b 90%); background-image: -o-linear-gradient(top, #57c7c0 10%, #0b908b 90%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #57c7c0), color-stop(0.9, #0b908b)); background-image: -webkit-linear-gradient(top, #57c7c0 10%, #0b908b 90%); background-image: linear-gradient(to bottom, #57c7c0 10%, #0b908b 90%); box-shadow: 0px 0px 0px 3px #fefbe2 inset; -moz-box-shadow: 0px 0px 0px 3px #fefbe2 inset; -webkit-box-shadow: 0px 0px 0px 3px #fefbe2 inset; -o-box-shadow: 0px 0px 0px 3px #fefbe2 inset; -ms-box-shadow: 0px 0px 0px 3px #fefbe2 inset; }
a.btn:hover, a.btn2:hover { border: #fc6590 solid 3px; background-color: #fc648b; background-image: -moz-linear-gradient(top, #fc648b 10%, #f84924 90%); background-image: -o-linear-gradient(top, #fc648b 10%, #f84924 90%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #fc648b), color-stop(0.9, #f84924)); background-image: -webkit-linear-gradient(top, #fc648b 10%, #f84924 90%); background-image: linear-gradient(to bottom, #fc648b 10%, #f84924 90%); box-shadow: 0px 0px 0px 3px #fefbe2 inset; -moz-box-shadow: 0px 0px 0px 3px #fefbe2 inset; -webkit-box-shadow: 0px 0px 0px 3px #fefbe2 inset; -o-box-shadow: 0px 0px 0px 3px #fefbe2 inset; -ms-box-shadow: 0px 0px 0px 3px #fefbe2 inset; }

.contentsarea { margin-bottom:30px; font-size: 70%;}
.contentsimg { margin:10px auto; padding-bottom:10px; text-align:center; border-bottom: 1px #43b6ad dashed;}
.contentsimg img {width: 80%;}

p.text { text-indent:0 !important; line-height:1.6em;}
p.center { text-align:center;}
p.center img { width:80%}
p.attention { width:64%; margin:5px auto; border:#FF0000 dashed 1px; padding:10px;}
div.address { font-size:1.8em;}

/* top ------------------------------------------------------------------------- */
.info { }
.info dl { padding: 5px 10px 10px 10px;}
.info dt { display: block; color: #43b6ad; font-size: 70%; line-height: 1.6em;}
.info dd { color: #1c1c1c; margin: 0 0 10px 0; margin-bottom: 5px; padding-bottom: 5px; /*border-bottom: 1px dotted #6d6a64;*/ font-size: 90%; line-height: 1.6em;}

.wlist { margin-top: 10px;}
.wlist dl { padding: 5px 10px 10px 10px;}
.wlist dt { display: block; color: #43b6ad; font-size: 70%; line-height: 1.6em;}
.wlist dd { color: #1c1c1c; margin: 0 0 10px 0; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #6d6a64; font-size: 80%; line-height: 1.2em;}

.main-container section .site-title, .info h2, .wlist h2, .csbnr p
{ margin: 0 0 5px 0; padding: 4px 0 3px 44px; background:url(../img/h2-bg.png) left top no-repeat; border-bottom: 2px #43b6ad solid; color:#fc6590; letter-spacing: .1em; font-size: 120%; font-weight:bold; line-height: 1.2em;}
.main-container section .site-title span { font-size:0.8em;}
.main-container section h3 { margin: 15px 0 5px 0; padding: 4px 0 3px 0; color:#43b6ad; letter-spacing: .1em; font-size: 120%; font-weight:bold; line-height: 1.6em;}
.info a, .wlist a, section a { color:#fc6590; font-weight: bold;}
.info a:hover, .wlist a:hover, section a:hover { font-weight: bold; background: none;}

/* under ------------------------------------------------------------------------- */

.contentsarea .profile { margin-top:15px;}
.contentsarea .profile img { width:30%; margin-left:15%; float:left;}
.contentsarea .profile .profile-info { width:50%; padding-top:10%; font-size: 180%; float:right;}
.contentsarea .profile .profile-info h3 { margin-bottom:10px; color:#fc6590; letter-spacing: .1em; font-size: 180%; font-weight:bold;}
.contentsarea .profile .profile-info .profile-neme { margin-bottom:10px; color:#fc6590; letter-spacing: .1em; font-size: 100%; font-weight:bold;}
.contentsarea .profile .profile-info .profile-neme2 { margin-bottom:10px; color:#43b6ad; letter-spacing: .5em; font-size: 70%; font-weight:bold;}
.contentsarea .profile .profile-info p { margin-top:0;}
.contentsarea .profile .profile-info p.text { font-size:60%;}


.thum-box { float: left; width: 20%;}
.thum-box a { display: block; text-align: center; margin: 2px; padding: 30px 10px 10px 10px; text-decoration: none; font-size: 95%; color: #43b6ad; border: 1px solid #ffffff;}
.thum-box a.movie { background: url(../img/tab.png) no-repeat 10px top;}
.thum-box a:hover { color: #ffffff; background-color:#fc6590;}
.thum-box a .thum-title { margin: 0; padding: 0; font-size: 85%; line-height: 1.2em; text-indent: 0 !important;}
.thum-box a img { width: 100%; height: auto;}
@media (max-width: 990px) { .thum-box {   width: 33%; }}

/*
 * javascript
 */
 
/* scrolltopcontrol.js ------------------------------------------------------------------------- */
.scroll2top { display: table-cell; width: 50px; height: 50px; z-index: 10; color: #fff; background-color: #dfe1e1; background:url(../img/scroll2top.png) center top no-repeat;}

/* shadowbox.js ------------------------------------------------------------------------- */
#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message { font-family: "HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 200; color: #fff;}
#sb-container { position: fixed; margin: 0; padding: 0; top: 0; left: 0; z-index: 999; text-align: left; visibility: hidden; display: none;}
#sb-overlay { position: relative; height: 100%; width: 100%;}
#sb-wrapper { position: absolute; visibility: hidden; width: 100px;}
#sb-wrapper-inner { position: relative; border: none; overflow: hidden; height: 100px;}
#sb-body { position: relative; height: 100%;}
#sb-body-inner { position: absolute; height: 100%; width: 100%;}
#sb-player.html { height: 100%; overflow: auto;}
#sb-body img { border: none;}
#sb-loading { position: relative; height: 100%;}
#sb-loading-inner { position: absolute; font-size: 14px; line-height: 24px; height: 24px; top: 50%; margin-top: -12px; width: 100%; text-align: center;}
#sb-loading-inner span { background: url(../js/shadowbox/img/loading.gif) no-repeat; padding-left: 34px; display: inline-block;}
#sb-body, #sb-loading { background-color: #060606;}
#sb-title, #sb-info { position: relative; margin: 0; padding: 0; overflow: hidden;}
#sb-title, #sb-title-inner { height: 26px; line-height: 26px;}
#sb-title-inner { font-size: 16px;}
#sb-info, #sb-info-inner { height: 20px; line-height: 20px;}
#sb-info-inner { font-size: 12px;}
#sb-nav { float: right; height: 16px; padding: 2px 0; width: 45%;}
#sb-nav a { display: block; float: right; height: 16px; width: 16px; margin-left: 3px; cursor: pointer; background-repeat: no-repeat;}
#sb-nav-close { background-image: url(../js/shadowbox/img/close.png);}
#sb-nav-next { background-image: url(../js/shadowbox/img/next.png);}
#sb-nav-previous { background-image: url(../js/shadowbox/img/previous.png);}
#sb-nav-play { background-image: url(../js/shadowbox/img/play.png);}
#sb-nav-pause { background-image: url(../js/shadowbox/img/pause.png);}
#sb-counter { float: left; width: 45%; display: none;}
#sb-counter a { padding: 0 4px 0 0; text-decoration: none; cursor: pointer; color: #fff;}
#sb-counter a.sb-counter-current { text-decoration: underline;}
div.sb-message { font-size: 12px; padding: 10px; text-align: center;}
div.sb-message a:link, div.sb-message a:visited { color: #fff; text-decoration: underline;}

/* 140122追記 */
.banner {
width: 100%;
}


.banner ul.bannerlist {
padding-bottom: 120px;
}


.banner ul.bannerlist li {
float: left;
width: 50%;
}


.bannerlist a, .bannerlist span {
display: block;
line-height: 0;
margin: 2px;
}


.bannerlist img {
width: 100%;
height: auto;
}



.external-link-tooltip {
  display: none;
}

.external-link {
  display: block;
}

.spinoff { }
.spinoff dl { padding: 5px 10px 10px 10px;}
.spinoff dt { display: block; color: #43b6ad; font-size: 70%; line-height: 1.6em;}
.spinoff dd { color: #1c1c1c; margin: 0 0 10px 0; margin-bottom: 5px; padding-bottom: 5px; /*border-bottom: 1px dotted #6d6a64;*/ font-size: 90%; line-height: 1.6em;}