@charset "UTF-8";

/* home.css
**************************************************************************************/


/* Layout
=============================================================================*/

/* Main-visual
=============================================================================*/

.home .mainvisual-area ul.sp-main {
    display:none;
}
.home .mainvisual-area {
    margin:0;
    padding:0;
    position:relative;
    z-index:1 !important;
}
.home .mainvisual-area ul.pc-main {
    margin:0 auto;
    padding:0;
    width:100%;
}
.home .mainvisual-area ul.pc-main li.slick-slide {
    width:100%;
    /* box-shadow */
    box-shadow:0 -10px 35px 10px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow:0 -10px 35px 10px rgba(0, 0, 0, 0.15) inset;
    -webkit-box-shadow:0 -10px 35px 10px rgba(0, 0, 0, 0.15) inset;
}
.home .mainvisual-area ul.pc-main li.slick-slide span {
    display:block;
    overflow: hidden;
}

.home .mainvisual-area ul.pc-main li.slick-slide a:hover span{
    background-color:rgba(255,255,255,0.2);
}
.home .mainvisual-area ul.pc-main li.slick-slide img{
    position:relative;
    z-index:-1 !important;
    margin: 0 auto;
}
@media screen and (max-width: 1366px){
.home .mainvisual-area ul.pc-main li.slick-slide img{
    position:relative;
    z-index:-1 !important;
    left:50%;
    margin-left: -683px;
    overflow: hidden;
}
}
/*slick*/
.home .mainvisual-area button.slick-prev {
    background:url("../../image/main-ar001.png") no-repeat center center;
    background-size:44px 44px;
    display: block;
    font-size: 0%;
    height: 44px;
    width: 44px;
    margin-top: -22px;
    margin-left:-610px;
    padding: 0;
    position: absolute;
    top:50%;
    left:50%;
}
.home .mainvisual-area button.slick-next {
    background:url("../../image/main-ar002.png") no-repeat center center;
    background-size:44px 44px;
    display: block;
    font-size: 0%;
    height: 44px;
    width: 44px;
    margin-top: -22px;
    margin-right:-610px;
    padding: 0;
    position: absolute;
    top:50%;
    right:50%;
}
.home .mainvisual-area button.slick-prev:hover ,
.home .mainvisual-area button.slick-next:hover {
    /*op*/
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
}


/* Dots */
.home .mainvisual-area .slick-dots {
    position: absolute;
    bottom: 10px;
    left:50%;
    display: block;
    width: 1140px;
    padding: 0;
    margin:0 0 0 -570px;
    list-style: none;
    text-align: right;
}
.home .mainvisual-area .slick-dots li {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 5px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.home .mainvisual-area .slick-dots li button {
    font-size: 0%;
    line-height: 0;

    display: block;

    width: 52px;
    height: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.home .mainvisual-area .slick-dots li button:hover,
.home .mainvisual-area .slick-dots li button:focus {
    outline: none;
}
.home .mainvisual-area .slick-dots li button:hover:before,
.home .mainvisual-area .slick-dots li button:focus:before {
    background:#FFF;
}
.home .mainvisual-area .slick-dots li button:before {
    font-family: 'slick';
    font-size: 0%;
    line-height: 5px;
    background:#FFF;

    position: absolute;
    top: 0;
    left: 0;

    width: 52px;
    height: 5px;

    content: '';
    text-align: center;
    opacity: 1;

    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* box-shadow */
    box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.07) ;
    -moz-box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.07);
}
.home .mainvisual-area .slick-dots li.slick-active button:before {
    background:#cd4606;
    opacity: 1;
}


@media screen and (max-width: 1199px){
.home .mainvisual-area ul.pc-main {
    margin:0 auto;
    padding:0;
    width:100%;
}
.home .mainvisual-area ul.pc-main li img{
    margin:0 auto;
    width:100%;
    height:auto;
}
.home .mainvisual-area ul.pc-main li.slick-slide img{
    position:relative;
    z-index:-1 !important;
    left:inherit;
    margin-left: 0;
}
/*slick*/
.home .mainvisual-area button.slick-prev {
    background:url("../../image/main-ar001.png") no-repeat center center;
    background-size:28px 28px;
    display: block;
    font-size: 0%;
    height: 28px;
    width: 28px;
    margin-top: -14px;
    margin-left:-370px;
    padding: 0;
    position: absolute;
    top: 50%;
    left:50%;
}
.home .mainvisual-area button.slick-next {
    background:url("../../image/main-ar002.png") no-repeat center center;
    background-size:28px 28px;
    display: block;
    font-size: 0%;
    height: 28px;
    width: 28px;
    margin-top: -14px;
    margin-right:-370px;
    padding: 0;
    position: absolute;
    top: 50%;
    right:50%;
}

/* Dots */
.home .mainvisual-area .slick-dots {
    position: absolute;
    bottom: 6px;
    left:50%;
    display: block;
    width: 680px;
    padding: 0;
    margin:0 0 0 -370px;
    list-style: none;
    text-align: right;
}
.home .mainvisual-area .slick-dots li {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 3px;
    margin: 0 3px;
    padding: 0;

    cursor: pointer;
}
.home .mainvisual-area .slick-dots li button {
    font-size: 0%;
    line-height: 0;

    display: block;

    width: 36px;
    height: 3px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.home .mainvisual-area .slick-dots li button:hover,
.home .mainvisual-area .slick-dots li button:focus {
    outline: none;
}
.home .mainvisual-area .slick-dots li button:hover:before,
.home .mainvisual-area .slick-dots li button:focus:before {
    background:#FFF;
}
.home .mainvisual-area .slick-dots li button:before {
    font-family: 'slick';
    font-size: 0%;
    line-height: 5px;
    background:#FFF;

    position: absolute;
    top: 0;
    left: 0;

    width: 36px;
    height: 3px;

    content: '';
    text-align: center;

    color: black;
    opacity: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.home .mainvisual-area .slick-dots li.slick-active button:before {
    background:#cd4606;
    opacity: 1;
}


}
@media screen and (max-width: 679px){
.home .mainvisual-area ul.pc-main {
    display:none;
}
.home .mainvisual-area ul.sp-main {
    display:block;
}
.home .mainvisual-area ul.sp-main li img{
    margin:0 auto;
    width:100%;
    height:auto;
}
/*slick*/
.home .mainvisual-area button.slick-prev {
    background:url("../../image/main-ar001.png") no-repeat center center;
    background-size:28px 28px;
    display: block;
    font-size: 0%;
    height: 28px;
    width: 28px;
    margin-top: -14px;
    margin-left:-50%;
    padding: 0;
    position: absolute;
    top: 50%;
    left:50%;
}
.home .mainvisual-area button.slick-next {
    background:url("../../image/main-ar002.png") no-repeat center center;
    background-size:28px 28px;
    display: block;
    font-size: 0%;
    height: 28px;
    width: 28px;
    margin-top: -14px;
    margin-right:-50%;
    padding: 0;
    position: absolute;
    top: 50%;
    right:50%;
}

}

/* Information
=============================================================================*/

.home .info-area {
    background-color:#eeeeee;
    padding:20px 0;
}
.home .info-area .info-inner {
    width:1200px;
    margin:0 auto;
    display:table;
}

/*title*/
.home .info-area .title {
    display:table-cell;
    width:230px;
    vertical-align:middle;
    background:url("../../image/info-li001.gif") repeat-y right center;
}
.home .info-area .title h2 {
    text-align:center;
    padding-top:30px;
    background:url("../../image/info-ic001.png") no-repeat center top;
    background-size:27px auto;
    height:32px;
    font-size: 164%;
    font-weight: 700;
}
.home .info-area .title h2 img {
    vertical-align:top;
}

/*list*/
.home .info-area .list-area {
    display:table-cell;
    vertical-align:middle;
    padding:0 0 0 50px;
    font-size:107%;
}
.home .info-area .list-area dl {
    display:table;
    width:100%;
}
.home .info-area .list-area dt {
    display:table-cell;
    width:9em;
    vertical-align:top;
    padding:10px 108px 10px 0;
    font-weight:bold;
    line-height:1.4em;
}
.home .info-area .list-area dd {
    display:table-cell;
    vertical-align:top;
    padding:10px 0 10px 20px;
    line-height:1.4em;
}
.home .info-area .list-area dt.info001 {
    background:url("../../image/info-ic001.gif") no-repeat right 2px;
}
.home .info-area .list-area dt.info002 {
    background:url("../../image/info-ic002.gif") no-repeat right 2px;
}
.home .info-area .list-area dt.info003 {
    background:url("../../image/info-ic003.gif") no-repeat right 2px;
}


@media screen and (max-width: 1199px){
.home .info-area {
    background-color:#eeeeee;
    padding:22px 0 15px;
}
.home .info-area .info-inner {
    width:auto;
    display:block;
    padding:0 30px;
}

/*title*/
.home .info-area .title {
    display:block;
    width:auto;
    vertical-align:top;
    background:none;
    margin-bottom:5px;
}
.home .info-area .title h2 {
    text-align:left;
    padding:2px 0 0 30px;
    background:url("../../image/info-ic001.png") no-repeat 0 7px;
    background-size:22px auto;
    height:40px;
}

/*list*/
.home .info-area .list-area {
    display:block;
    vertical-align:top;
    padding:0;
    font-size:100%;
}
.home .info-area .list-area dt {
    width:9em;
    padding:9px 85px 9px 0;
}
.home .info-area .list-area dd {
    font-size:93%;
    padding:9px 0 9px 15px;
}
.home .info-area .list-area dt.info001 {
    background:url("../../image/info-ic001-tab.gif") no-repeat right 2px;
}
.home .info-area .list-area dt.info002 {
    background:url("../../image/info-ic002-tab.gif") no-repeat right 2px;
}
.home .info-area .list-area dt.info003 {
    background:url("../../image/info-ic003-tab.gif") no-repeat right 2px;
}
}
@media screen and (max-width: 767px){
.home .info-area {
    padding:22px 0 15px;
}
.home .info-area .info-inner {
    padding:0 10px;
}

/*title*/
.home .info-area .title {
    text-align:center;
    margin-bottom:10px;
}
.home .info-area .title h2 {
    display:inline-block;
    padding:0 0 0 30px;
}

/*list*/
.home .info-area .list-area dl {
    display:block;
    margin-bottom:22px;
}
.home .info-area .list-area dt {
    display:inline-block;
    width:auto;
    padding:1px 70px 6px 0;
}
.home .info-area .list-area dd {
    display:block;
    font-size:93%;
    padding:0;
}
.home .info-area .list-area dt.info001 {
    background:url("../../image/info-ic001-sp.png") no-repeat right 0;
    background-size:60px auto;
}
.home .info-area .list-area dt.info002 {
    background:url("../../image/info-ic002-sp.png") no-repeat right 0;
    background-size:60px auto;
}
.home .info-area .list-area dt.info003 {
    background:url("../../image/info-ic003-sp.png") no-repeat right 0;
    background-size:60px auto;
}
}

/* top-area
=============================================================================*/
.home .top-area {
    width:100%;
}
.home .top-area-in {
    width:1200px;
    padding:40px 0 60px 0;
    margin:0 auto 0 auto;
}

/* Topics
=============================================================================*/	
.home .topics-area {
    margin-bottom: 0px;
}
/*title*/
#main .topics-area .title {
    position: relative;
    margin: 0 0 44px 0;
}
#main .topics-area .title h2 {
    line-height:0;
    padding:8px 0 0 0;
}
/*一覧*/
#main .topics-area p.list-link {
    width: 130px;
    height: 40px;
    position: absolute;
    top: 0px;
    right: 95px;
}
#main .topics-area p.list-link a {
    width:130px;
    height:40px;
    display:block;
    background:url("../../image/news-bt001-pc.gif") no-repeat 0 0;
    text-indent:101%;
    white-space:nowrap;
    overflow:hidden;
}
#main .topics-area p.list-link a:hover {
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}

/*RSS*/
#main .topics-area .title p.rss {
    width: 95px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
}
#main .topics-area p.rss a {
    width:95px;
    height:40px;
    display:block;
    background:url("../../image/news-bt002-pc.gif") no-repeat 0 0;
    text-indent:101%;
    white-space:nowrap;
    overflow:hidden;
}
#main .topics-area .title p.rss a:hover {
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}


/*topics-box*/
.home .topics-area-in .topics-box {
    width:285px;
    float:left;
    margin-right:20px;
    position:relative;
}
.home .topics-area-in .topics-box:last-child {
    margin-right:0;
}
.home .topics-area-in .topics-box p {
    width:285px;
    height:176px;
    display:table;
    margin-bottom:15px;
    background:#DDD;
    text-align:center;
}
.home .topics-area-in .topics-box p img {
    max-width:285px;
    max-height:176px;
    width:auto;
    height:auto;
}
.home .topics-area-in .topics-box a:hover p img {
    /*op*/
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;

}
.home .topics-area-in .topics-box p span {
    display:table-cell;
    vertical-align:middle;
}
.home .topics-area-in .topics-box a {
    text-decoration:none;
}
.home .topics-area-in .topics-box ul {
    padding:0 0 0 5px;
}
.home .topics-area-in .topics-box ul li.data {
    color:#222;
    font-size:107%;
    font-weight:bold;
}
.home .topics-area-in .topics-box ul li.txt {
    font-size:123.1%;
    line-height:1.6;
}
.home .topics-area-in .topics-box a ul li.txt {
    text-decoration:underline;
}
.home .topics-area-in .topics-box p::before {
    content: "";
    width: 89px;
    height: 42px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    background:#DDD;
}
/*icon*/
.home .topics-area-in .topics001 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics001.gif") no-repeat scroll left top;}
.home .topics-area-in .topics002 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics002.gif") no-repeat scroll left top;}
.home .topics-area-in .topics003 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics003.gif") no-repeat scroll left top;}
.home .topics-area-in .topics004 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics004.gif") no-repeat scroll left top;}
.home .topics-area-in .topics005 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics005.gif") no-repeat scroll left top;}
.home .topics-area-in .topics006 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics006.gif") no-repeat scroll left top;}
.home .topics-area-in .topics007 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics007.gif") no-repeat scroll left top;}
.home .topics-area-in .topics008 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics008.gif") no-repeat scroll left top;}
.home .topics-area-in .topics009 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics009.gif") no-repeat scroll left top;}
.home .topics-area-in .topics010 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics010.gif") no-repeat scroll left top;}
.home .topics-area-in .topics011 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics011.gif") no-repeat scroll left top;}
.home .topics-area-in .topics012 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics012.gif") no-repeat scroll left top;}
.home .topics-area-in .topics013 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics013.gif") no-repeat scroll left top;}
.home .topics-area-in .topics014 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics014.gif") no-repeat scroll left top;}


@media screen and (max-width: 1199px){
.home .top-area-in {
    width: 710px;
    padding: 30px 0 10px 0;
    margin: 0 auto 0 auto;
}
/*title*/
#main .topics-area .title {
    position: relative;
    margin: 0 0 34px 0;
}
#main .topics-area .title h2 {
    line-height:0;
    padding:7px 0 0 0;
}
/*一覧*/
#main .topics-area p.list-link {
    width: 117px;
    height: 36px;
    position: absolute;
    top: 0;
    right: 83px;
}
#main .topics-area p.list-link a {
    width: 117px;
    height: 36px;
    display:block;
    background:url("../../image/news-bt001-tab.gif") no-repeat 0 0;
    text-indent:101%;
    white-space:nowrap;
    overflow:hidden;
}

/*RSS*/
#main .topics-area .title p.rss {
    width:83px;
    height: 36px;
    position: absolute;
    top: 0;
    right: 0;
}
#main .topics-area p.rss a {
    width:83px;
    height:36px;
    display:block;
    background:url("../../image/news-bt002-tab.gif") no-repeat 0 0;
    text-indent:101%;
    white-space:nowrap;
    overflow:hidden;
}

/*topics-box*/
.home .topics-area-in .topics-box {
    width:345px;
    float:left;
    margin-right:20px;
    margin-bottom:25px;
}
.home .topics-area-in .topics-box:nth-child(even) {
    margin-right:0;
}
.home .topics-area-in .topics-box p {
    width:345px;
    height:213px;
    display:table;
    margin-bottom:10px;
    background:#DDD;
    text-align:center;
}
.home .topics-area-in .topics-box p img {
    max-width:345px;
    max-height:213px;
    width:auto;
    height:auto;
}
.home .topics-area-in .topics-box p span {
    display:table-cell;
    vertical-align:middle;
}
.home .topics-area-in .topics-box a {
    text-decoration:none;
}
.home .topics-area-in .topics-box ul  {
    padding:0 0 0 0;
}
.home .topics-area-in .topics-box ul li.data {
    color:#222;
    font-size:107%;
    font-weight:bold;
}
.home .topics-area-in .topics-box ul li.txt {
    font-size:107%;
    line-height:1.6;
}
}

@media screen and (max-width: 767px){
.home .top-area-in {
    width:100%;
    padding:22px 10px 20px 10px;
    /*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/*title*/
#main .topics-area .title {
    position: relative;
    margin: 0 0 33px 0;
}
#main .topics-area .title h2 {
    line-height:0;
    padding:12px 0 0 0;
}
#main .topics-area .title h2 img{
    width:105px;
    height:22px;
}
/*一覧*/
#main .topics-area p.list-link {
    width: 97px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 63px;
}
#main .topics-area p.list-link a {
    width: 97px;
    height: 45px;
    display:block;
    background:url("../../image/news-bt001-sp.gif") no-repeat 0 0;
    background-size:97px auto;
    text-indent:101%;
    white-space:nowrap;
    overflow:hidden;
}

/*RSS*/
#main .topics-area .title p.rss {
    width:64px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 0;
}
#main .topics-area p.rss a {
    width:64px;
    height:45px;
    display:block;
    background:url("../../image/news-bt002-sp.gif") no-repeat 0 0;
    background-size:64px auto;
    text-indent:101%;
    white-space:nowrap;
    overflow:hidden;
}
/*topics-box*/
.home .topics-area-in .topics-box {
    width:100%;
    float:none;
    margin-right:0;
    margin-bottom:20px;
    display:table;
}
.home .topics-area-in .topics-box:nth-child(even) {
    margin-right:0;
}
.home .topics-area-in .topics-box p {
    width:120px;
    height:auto;
    display:table-cell;
    vertical-align:top;
    margin-bottom:10px;
    background:none;
    text-align:center;
}
.home .topics-area-in .topics-box p img {
    max-width:120px;
    max-height:none;
    width:auto;
    height:auto;
}
.home .topics-area-in .topics-box p span {
    display:block;
    vertical-align:middle;
}
.home .topics-area-in .topics-box ul {
    text-decoration:none;
    display:table-cell;
    vertical-align:middle;
    padding:5px 0 0 13px;
}
.home .topics-area-in .topics-box ul li.data {
    color:#222;
    font-size:100%;
    font-weight:bold;
    margin-bottom:2px;
}
.home .topics-area-in .topics-box ul li.txt {
    font-size:100%;
    line-height:1.6;
}
.home .topics-area-in .topics-box p::before {
    content: "";
    width: 75px;
    height: 28px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    background:#DDD;
}
/*icon*/
.home .topics-area-in .topics001 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics001-sp.gif") no-repeat scroll left top;background-size:75px 28px;}
.home .topics-area-in .topics002 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics002-sp.gif") no-repeat scroll left top;background-size:75px 28px;}
.home .topics-area-in .topics003 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics003-sp.gif") no-repeat scroll left top;background-size:75px 28px;}
.home .topics-area-in .topics004 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics004-sp.gif") no-repeat scroll left top;background-size:75px 28px;}
.home .topics-area-in .topics005 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics005-sp.gif") no-repeat scroll left top;background-size:75px 28px;}
.home .topics-area-in .topics006 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics006-sp.gif") no-repeat scroll left top;background-size:75px 28px;}
.home .topics-area-in .topics007 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics007-sp.gif") no-repeat scroll left top;background-size:75px 28px;}
.home .topics-area-in .topics008 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics008-sp.gif") no-repeat scroll left top;background-size:75px 28px;}
.home .topics-area-in .topics009 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics009-sp.gif") no-repeat scroll left top;background-size:75px 28px;}
.home .topics-area-in .topics010 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics010-sp.gif") no-repeat scroll left top;background-size:75px 28px;}
.home .topics-area-in .topics011 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics011-sp.gif") no-repeat scroll left top;background-size:75px 28px;}
.home .topics-area-in .topics012 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics012-sp.gif") no-repeat scroll left top;background-size:75px 28px;}
.home .topics-area-in .topics013 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics013-sp.gif") no-repeat scroll left top;background-size:75px 28px;}
.home .topics-area-in .topics014 p::before {background: rgba(0, 0, 0, 0) url("../../image/topics014-sp.gif") no-repeat scroll left top;background-size:75px 28px;}
}


@media screen and (max-width: 374px){
.home .topics-area-in .topics-box p img {
    max-width:100px;
    width:auto;
    height:auto;
}
.home .topics-area-in .topics-box p {
    width:100px;
    height:auto;
    padding-top:3px;
}
.home .topics-area-in .topics-box ul {
    text-decoration:none;
    display:table-cell;
    vertical-align:middle;
    padding:5px 0 0 8px;
}
.home .topics-area-in .topics-box ul li.txt {
    line-height:1.4;
}
}

/* middle-area
=============================================================================*/
.home .middle-area {
    background-color:#eeeeee;
    /* box-shadow */
    box-shadow:0px 4px 8px -3px rgba(0,0,0,0.1) inset;
    -moz-box-shadow:0px 4px 8px -3px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow:0px 4px 8px -3px rgba(0,0,0,0.1) inset;
}
.home .middle-area-in {
    width:1200px;
    margin:0 auto;
    padding:47px 0 104px;
    position:relative;
}

/*title*/
.home .middle-area .title {
    margin-bottom:44px;
    height:29px;
}
.home .middle-area .title img {
    vertical-align:top;
}

/*link*/
.home .middle-area .link-area {
    position:absolute;
    top:40px;
    right:0;
    width:393px;
}
.home .middle-area .link-area ul {
    display:table;
    width:100%;
}
.home .middle-area .link-area li {
    display:table-cell;
    vertical-align:middle;
    /* box-shadow */
    box-shadow:0px 4px 8px -2px rgba(0,0,0,0.18);
    -moz-box-shadow:0px 4px 8px -2px rgba(0,0,0,0.18);
    -webkit-box-shadow:0px 4px 8px -2px rgba(0,0,0,0.18);
}
.home .middle-area .link-area li.link001 {
    width:175px;
    border-right:1px solid #e5e5e5;
}
.home .middle-area .link-area li.link002 {
    width:120px;
    border-right:1px solid #e5e5e5;
}
.home .middle-area .link-area li a {
    display:block;
    background-color:#555555;
    text-decoration: none;
    color: #fff;
}
.home .middle-area .link-area li.link001 a {
    background-color:#cd4606;
}
.home .middle-area .link-area li a:hover {
    background-color:#393939;
}
.home .middle-area .link-area li.link001 a:hover {
    background-color:#b03b04;
}
.home .middle-area .link-area li a span {
    display:block;
    height:40px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}

.home .middle-area .link-area li a span img {
    vertical-align:top;
    -webkit-backface-visibility: hidden; 
}
.home .middle-area .link-area li.link001 a span {
    padding:10px 0 0 48px;
    background:url("../../image/events-ic001.png") no-repeat 20px 10px;
    background-size:19px auto;
}
.home .middle-area .link-area li.link002 a span {
    padding:10px 0 0 43px;
    background:url("../../image/events-ic002.png") no-repeat 20px 14px;
    background-size:15px auto;
}
.home .middle-area .link-area li.link003 a span {
    padding:10px 0 0 47px;
    background:url("../../image/events-ic003.png") no-repeat 24px 13px;
    background-size:14px auto;
}

/*list*/
.home .middle-area .events-list {
    width:1218px;
    margin-left:-18px;
    letter-spacing:-0.4em;
}
.home .middle-area .events-list p {
    width:100%;
    margin-left:0;
    letter-spacing:0;
    text-align:center;
    font-size:107%;
    padding:10px 0;
}
.home .middle-area .events-list .box-area {
    letter-spacing:normal;
    display:inline-block;
    vertical-align:top;
    padding-left:18px;
    width:388px;
    margin-bottom:17px;
}
.home .middle-area .events-list .box-area-in {
    background-color:#FFFFFF;
    /* box-shadow */
    box-shadow:0px 4px 8px -2px rgba(0,0,0,0.15);
    -moz-box-shadow:0px 4px 8px -2px rgba(0,0,0,0.15);
    -webkit-box-shadow:0px 4px 8px -2px rgba(0,0,0,0.15);
}
.home .middle-area .events-list h3 {
    font-size:123.1%;
    display:table;
    width:100%;
    height:60px;
}
.home .middle-area .events-list h3 a {
    display:table-cell;
    padding:0 9px 0 20px;
    background-color:#31840d;
    color:#FFFFFF;
    line-height:1.4em;
    text-decoration:none;
    vertical-align:middle;
}
.home .middle-area .events-list h3 a span {
    display:block;
    font-weight:bold;
    padding:10px 11px 10px 0 ;
    background:url("../../image/events-ar001.png") no-repeat right center;
    background-size:9px auto;
}
.home .middle-area .events-list h3 a:hover {
    background-color:#1e5d03;
}
.home .middle-area .events-list .content {
    padding:25px 20px 20px;
    line-height:1.4em;
}
.home .middle-area .events-list .content dl {
    display:table;
    width:100%;
    font-size:107%;
    margin-bottom:8px;
}
.home .middle-area .events-list .content dl dt {
    display:table-cell;
    width:2.5em;
    color:#31840d;
    font-weight:bold;
}
.home .middle-area .events-list .content dl dd {
    display:table-cell;
    padding:0 0 0 6px;
}

/*学内イベントボタン*/
.home .middle-area .event-btn001 {
    position: absolute;
    bottom: 60px;
    right: 0;
}
.home .middle-area .event-btn001 a {
    display: block;
    background-color: #555555;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    padding: 10px 20px 9px 20px;
    box-shadow:0px 4px 8px -2px rgba(0,0,0,0.18);
    -moz-box-shadow:0px 4px 8px -2px rgba(0,0,0,0.18);
    -webkit-box-shadow:0px 4px 8px -2px rgba(0,0,0,0.18);
}
.home .middle-area .event-btn001 a:hover {
    background-color: #393939;
}
.home .middle-area .event-btn001 a span {
    display: block;
    padding: 0 0 0 26px;
    background: url(../../image/events-ic004.png) no-repeat top 3px left;
    background-size: 20px auto;
}


@media screen and (max-width: 1199px){
.home .middle-area-in {
    width:710px;
    padding:36px 0 84px;
}

/*title*/
.home .middle-area .title {
    margin-bottom:35px;
    height:25px
}
.home .middle-area .title img {
    width:204px;
}

/*link*/
.home .middle-area .link-area {
    top:30px;
    width:345px;
}
.home .middle-area .link-area li.link001 {
    width:155px;
}
.home .middle-area .link-area li.link002 {
    width:107px;
}
.home .middle-area .link-area li a span {
    height:36px;
}
.home .middle-area .link-area li.link001 a span {
    padding:8px 0 0 41px;
    background:url("../../image/events-ic001.png") no-repeat 15px 8px;
    background-size:19px auto;
}
.home .middle-area .link-area li.link002 a span {
    padding:8px 0 0 37px;
    background:url("../../image/events-ic002.png") no-repeat 15px 12px;
    background-size:14px auto;
}
.home .middle-area .link-area li.link003 a span {
    padding:8px 0 0 38px;
    background:url("../../image/events-ic003.png") no-repeat 15px 11px;
    background-size:14px auto;
}
.home .middle-area .link-area li.link001 a img {
    width:99px;
}
.home .middle-area .link-area li.link002 a img {
    width:54px;
}
.home .middle-area .link-area li.link003 a img {
    width:29px;
}

/*list*/
.home .middle-area .events-list {
    width:730px;
    margin-left:-20px;
}
.home .middle-area .events-list h3 {
    font-size:100%;
    height:50px;
}
.home .middle-area .events-list h3 a {
    padding:0 9px 0 12px;
}
.home .middle-area .events-list h3 a span {
    padding:10px 15px 10px 0 ;
}
.home .middle-area .events-list .box-area {
    padding-left:20px;
    width:345px;
    margin-bottom:20px;
}
.home .middle-area .events-list .content {
    padding:12px 12px 12px;
}
.home .middle-area .events-list .content dl {
    margin-bottom:2px;
}
.home .middle-area .events-list .content dl dt {
    font-size:100%;
}
.home .middle-area .events-list .content dl dd {
    font-size:93%;
}

/*学内イベントボタン*/
.home .middle-area .event-btn001 {
    bottom: 40px;
}
}

@media screen and (max-width: 767px){
.home .middle-area-in {
    width:auto;
    padding:28px 10px 84px;
}

/*title*/
.home .middle-area .title {
    margin-bottom:82px;
    text-align:center;
    height:23px;
}
.home .middle-area .title img {
    width:137px;
}

/*link*/
.home .middle-area .link-area {
    top:80px;
    width:100%;
}
.home .middle-area .link-area ul {
    padding:0 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}
.home .middle-area .link-area li.link001 {
    width:43.66%;
}
.home .middle-area .link-area li.link002 {
    width:33.23%;
}
.home .middle-area .link-area li a {
    text-align:center;
    height:45px;
}
.home .middle-area .link-area li a span {
    display:inline-block;
}
.home .middle-area .link-area li.link001 a span {
    padding:12px 0 0 24px;
    background:url("../../image/events-ic001.png") no-repeat 0 12px;
    background-size:19px auto;
}
.home .middle-area .link-area li.link002 a span {
    padding:12px 0 0 20px;
    background:url("../../image/events-ic002.png") no-repeat 0 16px;
    background-size:14px auto;
}
.home .middle-area .link-area li.link003 a span {
    padding:12px 0 0 21px;
    background:url("../../image/events-ic003.png") no-repeat 0 15px;
    background-size:14px auto;
}

/*list*/
.home .middle-area .events-list {
    width:auto;
    margin-left:0;
}
.home .middle-area .events-list h3 a {
    padding:0 15px 0 20px;
}
.home .middle-area .events-list .box-area {
    padding-left:0;
    width:100%;
}
.home .middle-area .events-list .content {
    padding:12px 20px 12px;
}

/*学内イベントボタン*/
.home .middle-area .event-btn001 {
    right: 10px;
}
}


/* bottom-area
=============================================================================*/
.home .bottom-area {
    width:100%;
}
.home .bottom-area-in {
    width:1200px;
    margin:0 auto;
    padding:40px 0 0 0;
}

/*left*/
.home .left-area {
    float:left;
    width:770px;
    }
/*right*/
.home .right-area {
    float:right;
    width:388px;
    }
/*quick*/
.home .quick-area {
    margin: 0 0 50px 0;
    }
.home .quick-area h2 {
    line-height:0;
    margin:0 0 13px 0;
    }
.home .quick-area h2 img {
    vertical-align:bottom;
    }
.home .quick-area .quick-box{
    background:#eeeeee;
    }
.home .quick-area .quick-box ul{
    display:table;
    width:100%;
    border-bottom:1px solid #FFF;
    /*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    }
.home .quick-area .quick-box ul li{
    display:table-cell;
    vertical-align:central;
    width:50%;
    border-bottom:1px solid #FFF;
    /*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    }
.home .quick-area .quick-box ul li:nth-child(odd){
    border-right:1px solid #FFF;
    }
.home .quick-area .quick-box ul li a{
    padding:10px 20px 10px 10px;
    display:block;
    color:#222222;
    font-size:107%;
    line-height:1.8em;
    text-decoration:none;
    background:url("../../image/quick-ar001.gif") no-repeat right 10px center;
    background-size:7px 11px;
    /*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    }
.home .quick-area .quick-box ul li a:hover{
    color:#FF9900;
    }
/*campus*/
.home .campus-area {
    margin:0 0 61px 0;
    }
.home .campus-area h2 {
    line-height:0;
    margin:0 0 16px 0;
    }
.home .campus-area h2 img {
    vertical-align:bottom;
    }
.home .campus-box {
    background:#658ca8;
    padding:10px;
    }
.home .campus-box ul li {
    float:left;
    padding-bottom:3px;
    }
.home .campus-box ul li:nth-child(3) {
    padding-bottom:0;
    }
.home .campus-box ul li a:hover {
    /*op*/
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    }

@media screen and (max-width: 1199px){
.home .bottom-area-in {
    width:710px;
    margin:0 auto;
    padding:30px 0 0 0;
}
/*left*/
.home .left-area {
    float:none;
    width:100%;
    }
/*right*/
.home .right-area {
    float:none;
    width:100%;
    }
/*quick*/
.home .quick-area {
    margin:0 0 40px 0;
    }
.home .quick-area h2 {
    margin:0 0 18px 0;
    }
.home .quick-area .quick-box ul{
    float:left;
    display:block;
    width:25%;
    border-right:1px solid #FFF;
    /*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    }
.home .quick-area .quick-box ul li{
    float:left;
    display:block;
    width:100%;
    border-bottom:1px solid #FFF;
    /*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    }
.home .quick-area .quick-box ul li:nth-child(odd){
    border-right:none;
    }
.home .quick-area .quick-box ul li a{
    padding:10px 20px 10px 10px;
    display:block;
    color:#222222;
    font-size:107%;
    text-decoration:none;
    background:url("../../image/quick-ar001.gif") no-repeat right 10px center;
    background-size:7px 11px;

    /*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    }
/*campus*/
.home .campus-area {
    margin:0 0 40px 0;
    }
.home .campus-area h2 {
    margin:0 0 18px 0;
    }
.home .campus-box {
    padding:11px 10px;
    }
.home .campus-box ul li {
    float:left;
    padding-bottom:0;
    padding-right:4px;
    }
.home .campus-box ul li:nth-child(3) {
    padding-bottom:0;
    padding-right:0;
    }
}

@media screen and (max-width: 767px){
.home .bottom-area-in {
    width:100%;
    margin:0 auto;
    padding:22px 10px 0 10px;
    /*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/*quick*/
.home .quick-area {
    margin:0 0 30px 0;
    }
.home .quick-area h2 {
    margin:0 0 17px 0;
    text-align:center;
    }
.home .quick-area h2 img {
    width:140px;
    height:23px;
    }
.home .quick-area .quick-box ul{
    float:left;
    width:100%;
    border-right:none;
    /*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    }
.home .quick-area .quick-box ul li{
    float:left;
    width:50%;
    border-bottom:1px solid #FFF;
    /*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    }
.home .quick-area .quick-box ul li:nth-child(odd){
    border-right:1px solid #FFF;
    }
.home .quick-area .quick-box ul li a{
    padding:10px 20px 10px 10px;
    display:block;
    color:#222222;
    font-size:107%;
    text-decoration:none;
    background:url("../../image/quick-ar001.gif") no-repeat right 10px center;
    background-size:7px 11px;

    /*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    }
/*campus*/
.home .campus-area {
    margin:0 0 30px 0;
    }
.home .campus-area h2 {
    margin:0 0 10px 0;
    text-align:center;
    }
.home .campus-area h2 img {
    width:105px;
    height:21px;
    }
.home .campus-box {
    padding:11px 10px;
    }
.home .campus-box ul li {
    float:left;
    width:100%;
    padding-bottom:1px;
    padding-right:1px;
    /*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    }
.home .campus-box ul li:nth-child(2) {
    padding-bottom:0;
    padding-right:1px;
    width:50%;
    }
.home .campus-box ul li:nth-child(3) {
    padding-bottom:0;
    padding-right:1px;
    width:50%;
    }
.home .campus-box ul li img {
    width:100%;
    height:auto;
    }
}

/* News
=============================================================================*/

/*Tab設定*/

.home #main #tab-area {
    padding-top: 47px;
    position: relative;
}

.home #main #tab-area h3 {
    position:absolute;
    top:0;
    height:47px;
}

.home #main #tab-area h3 a {
    display:block;
    height:47px;
    background:url("../../image/news-tab001.gif") no-repeat 0 0;
    text-indent:101%;
    white-space:nowrap;
    overflow:hidden;
}

.home #main #tab-area h3#all-tab {
    left:0;
    width:154px;
}
.home #main #tab-area h3#all-tab a {
    background-position:0 0;
    width:154px;
}
.home #main #tab-area h3#all-tab a.current ,
.home #main #tab-area h3#all-tab a:hover {
    background-position:0 bottom;
}

.home #main #tab-area h3#tab01 {
    left:155px;
    width:153px;
}
.home #main #tab-area h3#tab01 a {
    background-position:-155px 0;
    width:153px;
}
.home #main #tab-area h3#tab01 a.current ,
.home #main #tab-area h3#tab01 a:hover {
    background-position:-155px bottom;
}

.home #main #tab-area h3#tab02 {
    left:309px;
    width:153px;
}
.home #main #tab-area h3#tab02 a {
    background-position:-309px 0;
    width:153px;
}
.home #main #tab-area h3#tab02 a.current ,
.home #main #tab-area h3#tab02 a:hover {
    background-position:-309px bottom;
}

.home #main #tab-area h3#tab03 {
    left:463px;
    width:153px;
}
.home #main #tab-area h3#tab03 a {
    background-position:-463px 0;
    width:153px;
}
.home #main #tab-area h3#tab03 a.current ,
.home #main #tab-area h3#tab03 a:hover {
    background-position:-463px bottom;
}

.home #main #tab-area h3#tab04 {
    left:617px;
    width:153px;
}
.home #main #tab-area h3#tab04 a {
    background-position:-617px 0;
    width:153px;
}
.home #main #tab-area h3#tab04 a.current ,
.home #main #tab-area h3#tab04 a:hover {
    background-position:-617px bottom;
}	

@media screen and (max-width: 1199px){

/*Tab設定*/
.home #main #tab-area {
    padding-top:47px;
    position:relative;
}

.home #main #tab-area h3 {
    position:absolute;
    top:0;
    height:47px;
}

.home #main #tab-area h3 a {
    display:block;
    height:47px;
    background:url("../../image/news-tab002.gif") no-repeat 0 0;
    text-indent:101%;
    white-space:nowrap;
    overflow:hidden;
}

.home #main #tab-area h3#all-tab {
    left:0;
    width:138px;
}
.home #main #tab-area h3#all-tab a {
    background-position:0 0;
    width:138px;
}
.home #main #tab-area h3#all-tab a.current ,
.home #main #tab-area h3#all-tab a:hover {
    background-position:0 bottom;
}

.home #main #tab-area h3#tab01 {
    left:139px;
    width:142px;
}
.home #main #tab-area h3#tab01 a {
    background-position:-139px 0;
    width:142px;
}
.home #main #tab-area h3#tab01 a.current ,
.home #main #tab-area h3#tab01 a:hover {
    background-position:-139px bottom;
}

.home #main #tab-area h3#tab02 {
    left:282px;
    width:142px;
}
.home #main #tab-area h3#tab02 a {
    background-position:-282px 0;
    width:142px;
}
.home #main #tab-area h3#tab02 a.current ,
.home #main #tab-area h3#tab02 a:hover {
    background-position:-282px bottom;
}

.home #main #tab-area h3#tab03 {
    left:425px;
    width:142px;
}
.home #main #tab-area h3#tab03 a {
    background-position:-425px 0;
    width:142px;
}
.home #main #tab-area h3#tab03 a.current ,
.home #main #tab-area h3#tab03 a:hover {
    background-position:-425px bottom;
}

.home #main #tab-area h3#tab04 {
    left:568px;
    width:142px;
}
.home #main #tab-area h3#tab04 a {
    background-position:-568px 0;
    width:142px;
}
.home #main #tab-area h3#tab04 a.current ,
.home #main #tab-area h3#tab04 a:hover {
    background-position:-568px bottom;
}
}


@media screen and (max-width: 767px){
/*Tab設定*/
.home #main #tab-area {
    padding-top:47px;
    position:relative;
}

.home #main #tab-area h3 {
    position:absolute;
    top:0;
    height:47px;
}

.home #main #tab-area h3 a {
    display:block;
    height:47px;
    background:url("../../image/news-tab003.gif") no-repeat 0 0;
    background-size:355px 94px;
    text-indent:101%;
    white-space:nowrap;
    overflow:hidden;
}

.home #main #tab-area h3#all-tab {
    left:0;
    width:66px;
}
.home #main #tab-area h3#all-tab a {
    background-position:0 0;
    width:66px;
}
.home #main #tab-area h3#all-tab a.current ,
.home #main #tab-area h3#all-tab a:hover {
    background-position:0 bottom;
}

.home #main #tab-area h3#tab01 {
    left:68px;
    width:71px;
}
.home #main #tab-area h3#tab01 a {
    background-position:-68px 0;
    width:71px;
}
.home #main #tab-area h3#tab01 a.current ,
.home #main #tab-area h3#tab01 a:hover {
    background-position:-68px bottom;
}

.home #main #tab-area h3#tab02 {
    left:140px;
    width:71px;
}
.home #main #tab-area h3#tab02 a {
    background-position:-140px 0;
    width:71px;
}
.home #main #tab-area h3#tab02 a.current ,
.home #main #tab-area h3#tab02 a:hover {
    background-position:-140px bottom;
}

.home #main #tab-area h3#tab03 {
    left:212px;
    width:71px;
}
.home #main #tab-area h3#tab03 a {
    background-position:-212px 0;
    width:71px;
}
.home #main #tab-area h3#tab03 a.current ,
.home #main #tab-area h3#tab03 a:hover {
    background-position:-212px bottom;
}

.home #main #tab-area h3#tab04 {
    left:284px;
    width:71px;
}
.home #main #tab-area h3#tab04 a {
    background-position:-284px 0;
    width:71px;
}
.home #main #tab-area h3#tab04 a.current ,
.home #main #tab-area h3#tab04 a:hover {
    background-position:-284px bottom;
}
}

@media screen and (max-width: 374px){
/*Tab設定*/

.home #main #tab-area h3 a {
    display:block;
    height:39px;
    background:url("../../image/news-tab003.gif") no-repeat 0 0;
    background-size:300px 79px;
    text-indent:101%;
    white-space:nowrap;
    overflow:hidden;
}

.home #main #tab-area h3#all-tab {
    left:0;
    width:57px;
}
.home #main #tab-area h3#all-tab a {
    background-position:0 0;
    width:57px;
}
.home #main #tab-area h3#all-tab a.current ,
.home #main #tab-area h3#all-tab a:hover {
    background-position:0 bottom;
}

.home #main #tab-area h3#tab01 {
    left:57px;
    width:61px;
}
.home #main #tab-area h3#tab01 a {
    background-position:-57px 0;
    width:61px;
}
.home #main #tab-area h3#tab01 a.current ,
.home #main #tab-area h3#tab01 a:hover {
    background-position:-57px bottom;
}

.home #main #tab-area h3#tab02 {
    left:118px;
    width:61px;
}
.home #main #tab-area h3#tab02 a {
    background-position:-118px 0;
    width:61px;
}
.home #main #tab-area h3#tab02 a.current ,
.home #main #tab-area h3#tab02 a:hover {
    background-position:-118px bottom;
}

.home #main #tab-area h3#tab03 {
    left:179px;
    width:61px;
}
.home #main #tab-area h3#tab03 a {
    background-position:-179px 0;
    width:61px;
}
.home #main #tab-area h3#tab03 a.current ,
.home #main #tab-area h3#tab03 a:hover {
    background-position:-179px bottom;
}

.home #main #tab-area h3#tab04 {
    left:240px;
    width:60px;
}
.home #main #tab-area h3#tab04 a {
    background-position:-240px 0;
    width:60px;
}
.home #main #tab-area h3#tab04 a.current ,
.home #main #tab-area h3#tab04 a:hover {
    background-position:-240px bottom;
}
}