@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: #2c72c7;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: #2c72c7;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;}
}

/*--------------------------------
footer
--------------------------------*/
@media screen and (max-width: 980px){
footer {width: 1000px;}
}

@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;text-align: center;padding: 25px 0;}
footer div.footerLink ul li{display: inline;padding: 0 15px;border-right: 1px solid #ddd;}
footer div.footerLink ul li:last-child {border: none;padding-left: 10px;}
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 {width: 1000px;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;}
}

@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;} 
}

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

@media screen and (max-width: 480px) {
footer { width:100%; margin:0 auto;}
footer div.footerLink ul{ width:100%;}
footer div.groupLink div{ width:100%;}
footer div.groupLink ul{ width:100%;}
footer div.groupLink ul li{ min-height:35px;} 
p#page-top {display: none;}
div.footerLink ul li {border-bottom: 1px #e0dfe0 solid;padding: 8px 0 8px 30px;background: url(../../img/_shared/footer/footer_icon.png) no-repeat 10px center;}
div.footerLink ul li:first-child {border-top: 1px #e0dfe0 solid;}
div.groupLink p {text-align: center;border-bottom: 1px #e0dfe0 solid;padding: 12px 0 6px 0;}
div.groupLink ul li {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width: 50%;padding: 10px 0;text-align: center;vertical-align: middle;border-bottom: 1px #e0dfe0 solid;float: left;}
div.groupLink p img {width: 118px;}
div.groupLink ul li img {width: 50%;}
div.groupLink ul li:nth-child(odd) { border-right: 1px #e0dfe0 solid;}
div.groupLink ul li:nth-child(7), div.groupLink ul li:nth-child(8) { height: 65px;}
p.copyright {text-align: center;clear: both;margin: 0 auto;font-size: 0.75em;padding: 20px 0;}
}

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