@charset "utf-8";

/* ==========================================
 big ///////////////////////////////////////
========================================== */
html.big{
    font-size: 14px;
}

html.big .sub-header .size p,
html.big .sub-header .color p {
    margin: 8px 10px 0 0;
}

html.big .sub-header .size li {
    width: auto;
}

html.big .sub-header .size li.normal {
    padding: 3px 20px;
}

html.big .sub-header .size li.big {
    padding: 2px 8px;
}
html.big .sub-header .color li {
    width: auto;
    padding: 3px 6px;
    font-size: 1.083rem;
    text-align: center;
}

html.big .sub-header .member ,
html.big .sub-header .contact {
    margin: 6px 0 0 0;
}

html.big header .main li a{
    padding: 24px 14px;
}

html.big #contents_nav li a{
    line-height: 1.1;
}

html.big #contents_nav li a span{
    font-size: 0.688rem;
}

html.big #contents #main #info {
    padding: 0 0 0;
}

html.big #contents #main #info .head a{
    padding: 11px 0 4px 18px;
    background-position: 0 12px;
}

html.big #contents #main #info ul li .unit {
    padding: 16px 0 16px 10px;
}

html.big #contents #main #pickup h2 br:first-child {
    display: block;
}

html.big #contents #main #pickup .employee h2,
html.big #contents #main #pickup .association h2{
    padding: 68px 0 0 0;
}

html.big #contents #main #pickup li {
    height: auto;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #EAEAEA;
    background-repeat: no-repeat;
    background-position: 0 center;
}

html.big #side .section-01 .head {
    height: 200px;
}

html.big #side .section-01 .head h3{
    padding: 96px 0 0 66px;
    background-position: 12px bottom;
}

html.big #side .section-02 ,
html.big #side .section-03 ,
html.big #side .section-04 {
    padding: 18px 0px;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: 12px 18px;
}

html.big footer .section-01 {
    width: 245px;
    font-size: 1.083rem;
}

html.big footer .section-01 .form {
    width: 190px;
    height: auto;
    padding: 9px 0 9px 50px;
    background-color: #17707D;
    background-image: url(../image/common/icon-mail.png);
    background-repeat: no-repeat;
    background-position: 16px center;
    line-height: 1.2;
}

html.big footer footer .section-02 {
    width: 455px;
}

html.big footer  .section-03,
html.big footer  .section-04 {
    width: 260px;
}

html.big footer .copy p {
    width: 310px;
}

/* ==========================================
 black //////////////////////////////////////
========================================== */
html.black body,
html.black header{
	color: #000;
	background-color: #000;
}

html.black body a{
	color: #000;
}

html.black header li a,
html.black #contents #main #info .head a,
html.black footer a{
	color: #FFF;
}

html.black header a:hover{
	color:#000;
	background-color:#FFF;
}

html.black header #nav_wrap a{
	color: #000;
}

html.black header #nav_wrap a:hover,
html.black #contents_nav li a:hover,
html.black #contents #main #info .head{
	color:#FFF;
	background-color:#000;
}

html.black #contents_nav li a:hover{
	border: 3px solid #FFF;
}

html.black header h1{
	background-image: url(../image/common/logo-l_white.png);
	background-repeat: no-repeat;
	background-position:0 center;
}

html.black header h1 a,
html.black header h1 a.hvr:hover{
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -moz-opacity:0;
    -khtml-opacity: 0;
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    transition-duration: 0;
}

html.black header h1 a img{
	opacity:0;
}

html.black .sub-header,
html.black footer{
	background-color: #1B535A;
}

html.black .large.mv_container{
	background-color: #0000FF;
	background-image:none;
}

html.black .large.mv_container .mv p a,
html.black #side #other h4,
html.black footer h6,
html.black footer .section-01 .form,
html.black footer .copy{
	background-color: #0D292D;
}

html.black .large.mv_container .mv p a:hover{
	border: 1px solid #000;
	color: #000;
	background-color: #FFF;
}

html.black #contents #main #pickup li,
html.black #side .section-01 .head,
html.black #side .section-02,
html.black #side .section-03,
html.black #side #other .section-01,
html.black #side #other .section-02{
	border-bottom: 1px solid #000;
}

html.black #contents #main #pickup li:last-child{
	border-bottom: none;
}

html.black #side .section-01 li{
	border-bottom: 1px solid #000;
}