@charset "utf-8";
/* CSS Document */

#page {
    background: transparent url(../img/bg_tab.png) no-repeat scroll 0% 0% !important;
}

/* タブ */
#tab-area .tab-set-2 .tab-all{
  background: url(../img/tab_kikikon_1.png) no-repeat;
}
#tab-area .tab-set-2 .tab-desc-1{
  background: url(../img/tab_kikikon_2.png) no-repeat;
}

/**ボタン部分**/
.button_wrapper {
  position: absolute;
  left:76px;
  top:40px;
}
.button_area {
  position: absolute;
  width:151px;
  height: 140px;
}
.time_text {
  position: absolute;
  left:0px;
  top:116px;
  width:151px;
  height: 24px;
  line-height: 24px;
  font-size: 18px;
  text-align:center;
}
.time_text > * {
  display: inline-block;
  margin:0 2px;
  height: 24px;
  vertical-align:middle;
}

.button_area.col_1 {
	left: 0;
}
.button_area.col_2 {
	left: 170px;
}
.button_area.col_3 {
	left: 340px;
}
.button_area.col_4 {
	left: 510px;
}

.button_area.row_1 {
	top: 0;
}
.button_area.row_2 {
	top: 160px;
}

.h113.button .button_text {
padding-top:78px;
height:31px;
line-height:31px;
background-repeat:no-repeat;
background-position:center 8px;
background-size: auto 72px;
}

.button_text.btnimg_01 { background-image: url(../img/s_31_1.svg);}
.button_text.btnimg_02 { background-image: url(../img/s_31_2.svg);}
.button_text.btnimg_03 { background-image: url(../img/s_31_3.svg);}
.button_text.btnimg_04 { background-image: url(../img/s_31_4.svg);}
.button_text.btnimg_05 { background-image: url(../img/s_31_5.svg);}
.button_text.btnimg_06 { background-image: url(../img/s_31_6.svg);}
.button_text.btnimg_07 { background-image: url(../img/s_31_7.svg);}
.button_text.btnimg_08 { background-image: url(../img/s_31_8.svg);}
.button_text.btnimg_09 { background-image: url(../img/s_31_9.svg);}
.button_text.btnimg_10 { background-image: url(../img/s_31_10.svg);}
.button_text.btnimg_11 { background-image: url(../img/s_31_11.svg);}
.button_text.btnimg_12 { background-image: url(../img/s_31_12.svg);}
.button_text.btnimg_13 { background-image: url(../img/s_31_13.svg);}
.button_text.btnimg_14 { background-image: url(../img/s_31_14.svg);}
.button_text.btnimg_15 { background-image: url(../img/s_31_15.svg);}




.top_text {
  position: absolute;
  left:51px;
  top:4px;
  width:749px;
  text-align:center;
  font-size:20px;
  line-height:26px;
}


/* 上下スクロール */
.scroller {
  position: absolute;
  width: 54px;
  height: 367px;
  top: 0;
  left: 742px;
}
.scroll_bottom {
  top: 303px;
}
.scroll_bar_wrap {
  height: 249px;
}
.scroll_bar {
  height: 40px;
}




/* 1枚目(初期表示) */
#page #button_wrapper_1 {
display:block;
}
#page #button_wrapper_2 {
display:none;
}

/* 2枚目 */
#page.page2 #button_wrapper_1 {
display:none;
}
#page.page2 #button_wrapper_2 {
display:block;
}