@charset 'Shift_JIS';

/* base font style
------------------------- */
body{
color: #555;
font-family: 'Hiragino Kaku Gothic Pro', '‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
font-size: 12px;
line-height: 1.3;
}

input,textarea,select{
font-family: 'Hiragino Kaku Gothic Pro', '‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
font-size: 1em;
}


/* Link style
------------------------- */
a:link{
color: #666;
text-decoration: none;
}

a:visited{
color: #666;
text-decoration: none;
}

a:hover,a:active,a:focus{
text-decoration: underline;
}


/* Browser style reset
------------------------- */
h1,h2,h3,h4,h5,h6{
margin: 0;
font-size: 1em;
}

p,form,dl,dd{
margin: 0;
}

ol,ul{
list-style-type: none;
margin: 0;
padding: 0;
}

/* Extra style
------------------------- */
img{
border: 0;
vertical-align: middle;
}

label{
cursor: pointer;
}

hr.separate{
display: none;
}

body {
margin: 0;
padding: 0;
}

/* information
---------------------------------------------------------------------- */
#information {
position: relative;
width: 400px;
}

#information h2 {
margin-bottom:7px;
}

 #tabContainer #tabList {
    clear:both;
    overflow:hidden;
    width: 400px;
  }
    /* tab */
    #tabContainer h3{
      float:left;
      _display:inline;
      _zoom:1;
    }
    #tabContainer h3 a {
      display:block;
      width:100px;
      height:30px;
      color:#fff;
      overflow:hidden;
      text-indent:-9999pt;
      outline:none;
      background:url("../img/index_btnset_tab.png") no-repeat 0 bottom;
    }
    /* 最新情報 */
    #tabContainer h3#tab_latest.selected a{background-position:0 bottom;}
      /* 最新情報 未選択 */
      #tabContainer h3#tab_latest a{width:100px; background-position:0 top;}
    /* お知らせ */
    #tabContainer h3#tab_announce.selected a{background-position:-100px bottom;}
      /* お知らせ 未選択 */
      #tabContainer h3#tab_announce a{width:100px; background-position:-100px top;}
    /* イベント情報 */
    #tabContainer h3#tab_event.selected a{background-position:-200px bottom;}
      /* イベント情報 未選択 */
      #tabContainer h3#tab_event a{width:100px; background-position:-200px top;}
    /* メンテナンス情報 */
    #tabContainer h3#tab_maintenance.selected a{background-position:-300px bottom;}
      /* メンテナンス情報 未選択 */
      #tabContainer h3#tab_maintenance a{width:100px; background-position:-300px top;}

#tabContainer #tabList ul {
padding: 5px 0 0 7px;
}

#tabContainer #tabList li {
position: relative;
margin-bottom: 7px;
padding:3px 60px 3px 45px;
line-height: 15px;
border-bottom: solid 1px #efefef;
text-indent:-45px;
}

#tabContainer #tabList li img {
margin-right: 5px;
}

#tabContainer #tabList li a.subject {
}

#tabContainer #tabList li a.subject:hover{
}

#tabContainer #tabList li span.date {
position: absolute;
right: 0;
color: #999;
font-size: 11px;
font-family: Arial, Verdana, sans-serif;
}




/* more
-------------------------------------------------- */
#information .more {
position: absolute;
right: 0;
top: 0px;
padding-left:10px;
font-size:10px;
background: url(../img/icon_more.gif) no-repeat left;
}

#information .more a img{
vertical-align: top;
}

/*------------------------------------
rotation banner
------------------------------------*/
#lotation {
	padding: 5px;
  background: url(../img/bg_rotationbnr.gif) no-repeat transparent left top; }

 .loopedSlider,
.loopedSlider * {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
  list-style: none outside; }

.loopedSlider {
}

.loopedSlider .container {
  overflow: hidden;
  position: relative;
  cursor: pointer; }

.loopedSlider div.slides {
  position: absolute;
  top: 0;
  left: 0; }

.loopedSlider ul.slides {
  position: absolute;
  top: 0;
  left: 0;
  list-style: none;
  padding: 0;
  margin: 0; }

.loopedSlider div.slides > div, .loopedSlider ul.slides li {
  position: absolute;
  top: 0;
  display: none;
  padding: 0;
  margin: 0; }

.loopedSlider div.slides .slides_img_1 a {
  width: 421px; }

.loopedSlider,
.loopedSlider .container,
.loopedSlider div.slides > div, .loopedSlider ul.slides li {
  width: 390px; }

.loopedSlider .container {
  height: 160px; }

/*
 *  loopedSlider
 */
.loopedSlider {
  position: relative;
  width: 400px;
  height: 188px;
  padding: 0;}
  .loopedSlider .container {
    width: 390px;
    height: 160px;
    overflow: hidden;
    z-index: 1; }
  .loopedSlider ul.pagination {
    margin-right: 10px;
  	text-align: right;
    height: 17px;}
    .loopedSlider ul.pagination li {
      display: inline-block;
      position: relative;
      width: 28px;
      height: 20px;
      margin: 0px 0px 0px 0px; }
    .loopedSlider ul.pagination li a {
      display: block;
      width: 28px;
      height: 20px;
      text-decoration: none;
      display:block;text-indent:-9999px;overflow:hidden;font-size:0; }
    .loopedSlider ul.pagination li a {
      background: url("../img/bg_lotation_btn.png") no-repeat top left; }
    .loopedSlider ul.pagination li#pagination_1 a {
      background-position: 0px 0px; }
    .loopedSlider ul.pagination li#pagination_2 a {
      background-position: -28px 0px; }
    .loopedSlider ul.pagination li#pagination_3 a {
      background-position: -56px 0px; }
    .loopedSlider ul.pagination li#pagination_4 a {
      background-position: -84px 0px; }
    .loopedSlider ul.pagination li#pagination_5 a {
      background-position: -112px 0px; }
    .loopedSlider ul.pagination li#pagination_6 a {
      background-position: -140px 0px; }
    .loopedSlider ul.pagination li#pagination_1.active a,
    .loopedSlider ul.pagination li#pagination_1 a:hover {
      background-position: 0px -20px; }
    .loopedSlider ul.pagination li#pagination_2.active a,
    .loopedSlider ul.pagination li#pagination_2 a:hover {
      background-position: -28px -20px; }
    .loopedSlider ul.pagination li#pagination_3.active a,
    .loopedSlider ul.pagination li#pagination_3 a:hover {
      background-position: -56px -20px; }
    .loopedSlider ul.pagination li#pagination_4.active a,
    .loopedSlider ul.pagination li#pagination_4 a:hover {
      background-position: -84px -20px; }
    .loopedSlider ul.pagination li#pagination_5.active a,
    .loopedSlider ul.pagination li#pagination_5 a:hover {
      background-position: -112px -20px; }
    .loopedSlider ul.pagination li#pagination_6.active a,
    .loopedSlider ul.pagination li#pagination_6 a:hover {
      background-position: -140px -20px; }