@charset "utf-8";/* CSS Document */

/*--------------------------------
base
--------------------------------*/
/*-- ---- btm ---- --*/
.btm10 {margin-bottom: 10px;}
.btm20 {margin-bottom: 20px;}
.btm30 {margin-bottom: 30px;}

/*-- ---- align ---- --*/
.center {text-align: center;}

@media screen and (min-width:481px) {
html {font-size: 0.9em;color: #444444;}

/*-- ---- linkbtn ---- --*/
p.linkbtn a {padding-left: 30px;background: url(../../img/_shared/common/icon_list.png) no-repeat;color: #f6a615;background-size:22px auto;}
p.linkbtn a:hover {color: #a0a0a0;}

/*-- ---- img hover ---- --*/
body a:hover img{ filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
body a.nonehover img{ filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}

section {width: 1000px;margin: 0 auto 20px auto;}

/*-- ---- h2 ---- --*/
section h2 {font-size: 1.3em;color: #a0a0a0;font-weight: bold;letter-spacing: 4px;margin-bottom: 20px;}
section h2 small {font-size: 0.7em;color: #f6a615;font-weight: normal;letter-spacing : 2px;padding-left: 10px;}

}

@media screen and (max-width:480px) {
	html {color: #444444;-webkit-text-size-adjust: 100%;}
}


/*--------------------------------
header
--------------------------------*/
@media screen and (min-width: 480px) {
header {width: 1000px;margin: 0 auto 17px auto;padding-top: 17px;}
header h1 {float: left;}
header p.grouplink {text-align: right;}
header p.grouplink a {padding-left: 10px;background: url(../../img/_shared/common/icon_vector_s.jpg) no-repeat 0 6px;color: #a0a0a0;}
header p.grouplink a:hover {color: #2c72c7;}
}
@media screen and (min-width: 481px) and (max-width: 999px) {
header { width: 90%; padding:0 5%; margin: 0 auto 17px auto; padding-top:17px; }
}
@media screen and (max-width: 480px) {
header {width: 98%;margin: 0 auto 15px auto;padding-top: 15px;}
hgroup {padding: 0 10px;}
header h1 {float: left;}
header h1 img {width: 118px;}
header p.grouplink {text-align: right;}
header p.grouplink a {padding-left: 10px;background: url(../../img/_shared/common/icon_vector_s.jpg) no-repeat 0 6px;color: #a0a0a0;}
header p.grouplink a:hover {color: #2c72c7;}
}

@media screen and (max-width: 1040px) {
	header{ width:98%; box-sizing:border-box;}
}
/*--------------------------------
gnav
--------------------------------*/
nav#gnav{ width:1000px; padding-top:37px;}
nav#gnav p.btn{ display:none;}
nav#gnav ul{ overflow:hidden; width:1000px; font-size:15px;}
nav#gnav ul li{ display:inline-block; margin-right:22px; margin-bottom: 12px;}
nav#gnav ul li a{ color:#a0a0a0;}
nav#gnav ul li.contact_f a{ color: #fff;}
nav#gnav ul li.close{ display:none;}

.contact_f a{ cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none; display:inline-block; font-size:14px; color:#ffffff; margin-right:10px; padding:8px 16px;background-color:#f6a615; line-height:1em;border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
.contact_f a:hover{ background-color:#fdb738;}

@media screen and (min-width: 481px) and (max-width: 999px) {
nav#gnav{ width:100%;}
nav#gnav ul{ width:100%;}
}

/*--------------------------------
footer
--------------------------------*/
@media screen and (min-width: 1000px){
p.copyright { width:1000px; display:block; margin:0 auto;}
}
@media screen and (max-width: 1000px){
footer {width: 1000px;}

}
@media screen and (min-width: 640px) {
font-size: 12px;
}
@media screen and (min-width: 480px) {
footer div.footerLink {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
footer div.footerLink ul{width: 1000px;margin: 0 auto;padding: 25px 0 10px 0; font-size: 12px;}
footer div.footerLink ul li{display: inline;padding: 0 10px;border-right: 1px solid #ddd;}
footer div.footerLink ul li:last-child {border: none;padding-left: 10px;}
footer div.footerLink ul.sns{ padding:0 0 25px 0;}
footer div.footerLink ul.sns li{ border:none; vertical-align:top; padding:0 5px;}
.fb_iframe_widget > span {
  vertical-align: baseline !important;
}
footer div.footerLink ul.sns li.twitter{ padding-top:5px;}
footer div.footerLink ul.sns li.googleP{ padding-top:5px;}
footer div.groupLink {overflow: hidden;padding: 20px 0 5px 0;border-bottom: 1px solid #ddd;margin-bottom: 20px;}
footer div.groupLink p {margin-bottom: 20px;}
footer div.groupLink div {width: 1000px;margin: 0 auto;text-align: center;}
footer div.groupLink ul {width: 1000px;overflow: hidden;margin-bottom: 10px;}
footer div.groupLink ul li {margin-right: 14px;float: left;}
footer div.groupLink ul li:last-child {margin: none;}
p.copyright {margin: 0 auto;font-size: 0.9em;padding-bottom:20px;}
#page-top {width: 56px;position:fixed;left:50%;margin-left:500px;z-index:100;bottom:20px;}

div.footerLink #Affiliation_List{ width:1000px; margin:0 auto; margin-bottom:15px;}
div.footerLink #Affiliation_List h3{ background:url(../../img/_shared/footer/footer_icon02.png) no-repeat 100% 50%; display:inline-block; padding-right:20px; cursor:pointer;}
div.footerLink #Affiliation_List ul{ display:none;}
div.footerLink #Affiliation_List ul li{ display:inline-block; margin-bottom:8px; list-style:none; padding:0 3px;}
div.footerLink #Affiliation_List ul li a{ font-size:11px;}
div.footerLink #Affiliation_List ul li a:hover{ text-decoration:underline;}
}

@media screen and (max-width: 999px) {
footer { width:98%; margin:0 auto;}
footer div.footerLink ul{ width:98%;}
footer div.groupLink div{ width:98%;}
footer div.groupLink ul{ width:100%;}
footer div.groupLink ul li{ min-height:35px;} 
div.footerLink #Affiliation_List{ width:98%; margin:0 auto; margin-bottom:15px;}

}

@media screen and (max-width: 1150px) {
footer #page-top { left:auto; margin-left:0px; right:1%;}
}

section.today_event .Birthday{ background:url(../../img/_shared/common/Birthday.png) no-repeat 0% 50%; padding-left:15px; background-size:15px 15px;}

body #ui-datepicker-div{ z-index:10000 !important}


.m00{ margin:0px!important; }
.m03{ margin:3px!important; }
.m05{ margin:5px!important; }
.m08{ margin:8px!important; }
.m10{ margin:10px!important; }
.m15{ margin:15px!important; }
.m20{ margin:20px!important; }
.m25{ margin:25px!important; }
.m30{ margin:30px!important; }
.m35{ margin:35px!important; }
.m40{ margin:40px!important; }
.m45{ margin:45px!important; }
.m50{ margin:50px!important; }
.m1em{ margin:1em!important; }
.m2em{ margin:2em!important; }

.mt00{ margin-top:0px!important; }
.mt03{ margin-top:3px!important; }
.mt05{ margin-top:5px!important; }
.mt08{ margin-top:8px!important; }
.mt10{ margin-top:10px!important; }
.mt15{ margin-top:15px!important; }
.mt20{ margin-top:20px!important; }
.mt25{ margin-top:25px!important; }
.mt30{ margin-top:30px!important; }
.mt35{ margin-top:35px!important; }
.mt40{ margin-top:40px!important; }
.mt45{ margin-top:45px!important; }
.mt50{ margin-top:50px!important; }
.mt1em{ margin-top:1em!important; }
.mt2em{ margin-top:1em!important; }

.mr00{ margin-right:0px!important; }
.mr03{ margin-right:3px!important; }
.mr05{ margin-right:5px!important; }
.mr08{ margin-right:8px!important; }
.mr10{ margin-right:10px!important; }
.mr15{ margin-right:15px!important; }
.mr20{ margin-right:20px!important; }
.mr25{ margin-right:25px!important; }
.mr30{ margin-right:30px!important; }
.mr35{ margin-right:35px!important; }
.mr40{ margin-right:40px!important; }
.mr45{ margin-right:45px!important; }
.mr50{ margin-right:50px!important; }
.mr1em{ margin-right:1em!important; }
.mr2em{ margin-right:1em!important; }

.mb00{ margin-bottom:0px!important; }
.mb03{ margin-bottom:3px!important; }
.mb05{ margin-bottom:5px!important; }
.mb08{ margin-bottom:8px!important; }
.mb10{ margin-bottom:10px!important; }
.mb15{ margin-bottom:15px!important; }
.mb20{ margin-bottom:20px!important; }
.mb25{ margin-bottom:25px!important; }
.mb30{ margin-bottom:30px!important; }
.mb35{ margin-bottom:35px!important; }
.mb40{ margin-bottom:40px!important; }
.mb45{ margin-bottom:45px!important; }
.mb50{ margin-bottom:50px!important; }
.mb1em{ margin-bottom:1em!important; }
.mb2em{ margin-bottom:1em!important; }

.ml00{ margin-left:0px!important; }
.ml03{ margin-left:3px!important; }
.ml05{ margin-left:5px!important; }
.ml08{ margin-left:8px!important; }
.ml10{ margin-left:10px!important; }
.ml15{ margin-left:15px!important; }
.ml20{ margin-left:20px!important; }
.ml25{ margin-left:25px!important; }
.ml30{ margin-left:30px!important; }
.ml35{ margin-left:35px!important; }
.ml40{ margin-left:40px!important; }
.ml45{ margin-left:45px!important; }
.ml50{ margin-left:50px!important; }
.ml1em{ margin-left:1em!important; }
.ml2em{ margin-left:1em!important; }

.p00{ padding:0px!important; }
.p03{ padding:3px!important; }
.p05{ padding:5px!important; }
.p08{ padding:8px!important; }
.p10{ padding:10px!important; }
.p15{ padding:15px!important; }
.p20{ padding:20px!important; }
.p25{ padding:25px!important; }
.p30{ padding:30px!important; }
.p35{ padding:35px!important; }
.p40{ padding:40px!important; }
.p45{ padding:45px!important; }
.p50{ padding:50px!important; }

.pt00{ padding-top:0px!important; }
.pt03{ padding-top:3px!important; }
.pt05{ padding-top:5px!important; }
.pt08{ padding-top:8px!important; }
.pt10{ padding-top:10px!important; }
.pt15{ padding-top:15px!important; }
.pt20{ padding-top:20px!important; }
.pt25{ padding-top:25px!important; }
.pt30{ padding-top:30px!important; }
.pt35{ padding-top:35px!important; }
.pt40{ padding-top:40px!important; }
.pt45{ padding-top:45px!important; }
.pt50{ padding-top:50px!important; }

.pr00{ padding-right:0px!important; }
.pr03{ padding-right:3px!important; }
.pr05{ padding-right:5px!important; }
.pr08{ padding-right:8px!important; }
.pr10{ padding-right:10px!important; }
.pr15{ padding-right:15px!important; }
.pr20{ padding-right:20px!important; }
.pr25{ padding-right:25px!important; }
.pr30{ padding-right:30px!important; }
.pr35{ padding-right:35px!important; }
.pr40{ padding-right:40px!important; }
.pr45{ padding-right:45px!important; }
.pr50{ padding-right:50px!important; }

.pb00{ padding-bott.p:0px!important; }
.pb03{ padding-bott.p:3px!important; }
.pb05{ padding-bott.p:5px!important; }
.pb08{ padding-bott.p:8px!important; }
.pb10{ padding-bott.p:10px!important; }
.pb15{ padding-bott.p:15px!important; }
.pb20{ padding-bott.p:20px!important; }
.pb25{ padding-bott.p:25px!important; }
.pb30{ padding-bott.p:30px!important; }
.pb35{ padding-bott.p:35px!important; }
.pb40{ padding-bott.p:40px!important; }
.pb45{ padding-bott.p:45px!important; }
.pb50{ padding-bott.p:50px!important; }

.pl00{ padding-left:0px!important; }
.pl03{ padding-left:3px!important; }
.pl05{ padding-left:5px!important; }
.pl08{ padding-left:8px!important; }
.pl10{ padding-left:10px!important; }
.pl15{ padding-left:15px!important; }
.pl20{ padding-left:20px!important; }
.pl25{ padding-left:25px!important; }
.pl30{ padding-left:30px!important; }
.pl35{ padding-left:35px!important; }
.pl40{ padding-left:40px!important; }
.pl45{ padding-left:45px!important; }
.pl50{ padding-left:50px!important; }