@charset "shift-jis";


/*
----------------------------------------------------------------------- */
#pankuzu,
#b-inquiry	{display:none;}
#imghd	{height:490px; margin:0 auto !important; overflow: hidden; text-align:center; background:url(../img/index/imghd.jpg) center 0 no-repeat;}
#wrap2	{background:url(../img/index/bg-wrap2.png) center 0 no-repeat;}
#left,
#right	{margin-top:-100px;}



/* bnr-top
----------------------------------------------------------------------- */
#bnr-top			{width:702px; margin:0 0 15px 0; overflow:hidden; clear:both;}
#bnr-top li			{float:left; display:inline;}
#bnr-top #bnr-top4	{margin:0  0 1px;}
#bnr-top #bnr-top5	{margin:0 1px 0 0; float:right;}



/* wrap-stay
----------------------------------------------------------------------- */
#wrap-stay		{
  width:680px;
  margin:0 0 15px 0;
  border:10px solid #e7798b;
  border-top:0;
  overflow:hidden;
  background:url(../img/index/bg-stay.png) 0 bottom no-repeat #e7798b;
  clear:both;

  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;

  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:10px;

  -webkit-border-bottom-left-radius:10px;
  -webkit-border-bottom-right-radius:10px;
}
#wrap-stay ul	{width:185px; float:left;}
#wrap-stay li	{padding:0 27px 0 0;}
#wrap-stay li a	{width:158px; height:46px; border-bottom:1px solid #e7798b; background-image:url(../img/index/btn-stay.png); background-repeat:no-repeat; text-indent:-9999px; display:block;}
#wrap-stay div	{
  width:480px;
  padding:0 15px 10px 0;
  background:url(../img/index/bg-div.png) right top no-repeat;
  float:right;

  border-bottom-right-radius:7px;
  -moz-border-radius-bottomright:7px;
  -webkit-border-bottom-right-radius:7px;
}
#wrap-stay div div	{

  float:none;
  position:relative;
  background:none;
  overflow:hidden;

  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  width:auto;
}
#wrap-stay div div.post{	min-height:109px;
  height: auto !important;
  height: 109px;

  padding:10px 0;
  border-bottom:1px dotted #aaa;}

#wrap-stay .title	{padding:0 0 0 162px; margin:0 0 5px 0; font-size:14px; line-height:1.3; font-weight:bold; background:url(../img/icon04.png) 150px 4px no-repeat;}
#wrap-stay .txt		{padding:0 0 0 162px; line-height:1.4;}
#wrap-stay .img		{padding:1px; border:1px solid #ccc; position:absolute;top:10px;left:0;width:134px;min-height:105px;height:105px;}

#tab-stay1	{background-position:0 0;}
#tab-stay2	{background-position:0 -46px;}
#tab-stay3	{background-position:0 -92px;}
#tab-stay4	{background-position:0 -138px;}
#tab-stay5	{background-position:0 -184px;}
#tab-stay6	{background-position:0 -230px;}
#tab-stay7	{background-position:0 -276px;}
#tab-stay8	{background-position:0 -322px;}
#tab-stay9	{background-position:0 -368px;}

#tab-stay10	{background-position:0 -414px;}
#tab-stay11	{background-position:0 -460px;}

.ui-tabs-selected			{background:url(../img/icon03.png) 162px center no-repeat;}
.ui-tabs-selected #tab-stay1{background-position:-158px 0;}
.ui-tabs-selected #tab-stay2{background-position:-158px -46px;}
.ui-tabs-selected #tab-stay3{background-position:-158px -92px;}
.ui-tabs-selected #tab-stay4{background-position:-158px -138px;}
.ui-tabs-selected #tab-stay5{background-position:-158px -184px;}
.ui-tabs-selected #tab-stay6{background-position:-158px -230px;}
.ui-tabs-selected #tab-stay7{background-position:-158px -276px;}
.ui-tabs-selected #tab-stay8{background-position:-158px -322px;}
.ui-tabs-selected #tab-stay9{background-position:-158px -368px;}

.ui-tabs-selected #tab-stay10{background-position:-158px -414px;}
.ui-tabs-selected #tab-stay11{background-position:-158px -460px;}



/* wrap-new
----------------------------------------------------------------------- */
#wrap-new		{
  width:680px;
  margin:0 0 15px 0;
  border:10px solid #e7798b;
  border-top:0;
  overflow:hidden;
  background:url(../img/index/bg-new.png) 0 bottom no-repeat #e7798b;
  clear:both;

  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;

  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:10px;

  -webkit-border-bottom-left-radius:10px;
  -webkit-border-bottom-right-radius:10px;
}
#wrap-new div {
-moz-border-radius-bottomright:7px;
background:url("../img/index/bg-div.png") no-repeat scroll right top transparent;
float:right;
padding:0 15px 10px 0;
width:480px;
}
#wrap-new ul	{width:185px; float:left;}
#wrap-new li	{padding:0 27px 0 0;}
#wrap-new li a	{width:158px; height:46px; border-bottom:1px solid #e7798b; background-image:url(../img/index/btn-new.png); background-repeat:no-repeat; text-indent:-9999px; display:block;}
#wrap-new div	{
  width:480px;
  padding:0 15px 10px 0;
  background:url(../img/index/bg-div.png) right top no-repeat;
  float:right;

  border-bottom-right-radius:7px;
  -moz-border-radius-bottomright:7px;
  -webkit-border-bottom-right-radius:7px;
}
#wrap-new div div.post	{
  padding:10px 0;
  border-bottom:1px dotted #aaa;
  float:none;
  position:relative;
  background:none;
  overflow:hidden;

  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
}
#wrap-new .title{padding:0 0 0 7px; margin:0 0 10px 0; font-size:14px; line-height:1.3; font-weight:bold; border-left:5px solid #ff9648; float:left;}
#wrap-new .day	{float:right;}
#wrap-new .txt	{padding:0 0 0 7px; line-height:1.4; clear:both;-moz-border-radius-bottomright:0px;
background:none;
float:none;
width:auto;}
#wrap-new .more,
#wrap-stay .more	{padding:0 0 0 12px; margin:7px 0 0 0; font-weight:bold; background:url(../img/icon05.png) 0 center no-repeat; float:right;}

#tab-new1	{background-position:0 0;}
#tab-new2	{background-position:0 -46px;}
#tab-new3	{background-position:0 -92px;}

.ui-tabs-selected			{background:url(../img/icon03.png) 162px center no-repeat;}
.ui-tabs-selected #tab-new1{background-position:-158px 0;}
.ui-tabs-selected #tab-new2{background-position:-158px -46px;}
.ui-tabs-selected #tab-new3{background-position:-158px -92px;}



/* ui-tab
----------------------------------------------------------------------- */
@media projection, screen {.ui-tabs-hide{display: none;}}
@media print {.ui-tabs-nav {display:none;}}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {/* min-width: 84px; */ /* be nice to Opera */}
.ui-tabs-nav a {
    /* margin: 1px 0 0; */ /* position: relative makes opacity fail for disabled tab in IE */
    white-space: nowrap; /* required in IE 6 */
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {z-index:2; color:#000;}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: default;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    /* background: #fff; */ /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}



/* bnr-bottom
----------------------------------------------------------------------- */
#bnr-bottom		{width:704px; overflow:hidden; clear:both;}
#bnr-bottom li	{float:left;}

#bnr-bottom li.center {
  width: 100%;
  margin: 20px 0 40px;
  text-align:center;
}

/* iframe
----------------------------------------------------------------------- */
#iframeDocument {
  width:700px;
  border-width: 0px;
  border-style: none;
  margin-bottom:20px;
}

/* topbnrlist
----------------------------------------------------------------------- */
.topbnrlist {
  position: absolute;
    left: 50%;
    bottom: 0px;
    z-index: 10;
    margin-left: 234px;
    margin-bottom: 100px;
}

.topbnrlist li {
  margin-bottom:10px;
}

.topbnrlist_closed {
  position: absolute;
    left: 50%;
    bottom: 0px;
    z-index: 10;
    margin-left: 236px;
    margin-bottom: 100px;
}

.topbnrlist_closed li {
  margin-bottom:15px;
}

/* topcssfade
----------------------------------------------------------------------- */
.topcssfade{
    width:100%;
}
.topcssfade__list{
    position: relative;
    margin:0 auto;
    width: 1280px;
}
.topcssfade__item{
    width:1280px;
    height:490px;
    position:absolute;
    top:0;
    left:0;
    animation-duration:30s;
    animation-iteration-count:infinite; 
    opacity: 0;
}
.topcssfade__item:nth-child(1){
    animation-name:topcssfade_5;
    animation-delay:-3s;
}
.topcssfade__item:nth-child(2){
    animation-name:topcssfade_5;
    animation-delay:3s;
}
.topcssfade__item:nth-child(3){
    animation-name:topcssfade_5;
    animation-delay:9s;
}
.topcssfade__item:nth-child(4){
    animation-name:topcssfade_5;
    animation-delay:15s;
}
.topcssfade__item:nth-child(5){
    animation-name:topcssfade_5;
    animation-delay:21s;
}
@keyframes topcssfade_5{
    0%{
        opacity:0;
    }
    10%{
        opacity:1;
    }
    20%{
        opacity:1;
    }
    30%{
        opacity:0;
    }
    100%{
        opacity:0;
    }   
}

.topcssfade__item--3items{
    animation-duration: 18s;
}
.topcssfade__item--3items:nth-child(1){
    animation-name:topcssfade_3;
    animation-delay:-3s;
}
.topcssfade__item--3items:nth-child(2){
    animation-name:topcssfade_3;
    animation-delay:3s;
}
.topcssfade__item--3items:nth-child(3){
    animation-name:topcssfade_3;
    animation-delay:9s;
}
@keyframes topcssfade_3{
    0%{
        opacity:0;
    }
    16.66%{
        opacity:1;
    }
    33.33%{
        opacity:1;
    }
    50%{
        opacity:0;
    }
    100%{
        opacity:0;
    }   
}

.topcssfade__item:after{
  content: '';
    position: absolute;
    width: 100%;
    height: 640px;
    top: 0;
    left: 0;
    margin-top: -70px;
    box-shadow: 0 0 50px 50px #491722 inset;
}

.topcssfade__titlewrap{
    position: absolute;
    width: 100%;
}