@charset "UTF-8";

body {
	background: #FFF url(../image/all/menu.jpg) no-repeat;
	width: 900px;
}

a { -webkit-tap-highlight-color: rgba(0,0,0,0); }

#header_title {
  height: 56px;
  margin: 57px 0 0 39px;
  text-indent: -9999px;
  width: 273px;
}

#menu {
  background: url(../image/menu/personal/menu_bg.png) no-repeat;
  float: left;
  height: 528px;
}

#personal #menu {
  background: url(../image/menu/personal/menu_bg.png) no-repeat;
  margin: 39px 0 0 32px;
  padding: 17px 0 0 0;
  width: 260px;
}

#association #menu {
  background: url(../image/menu/association/menu_bg.png) no-repeat;
  margin: 39px 0 0 17px;
  padding: 17px 0 0 8px;
  width: 267px;
}

#menu h2 {
  height: 20px;
  margin: 0 auto;
  text-indent: -9999px;
}

#personal #menu h2 {
  background: url(../image/menu/personal/menu_header.png) no-repeat;
  width: 203px;
}

#association #menu h2 {
  background: url(../image/menu/association/menu_header.png) no-repeat;
  width: 223px;
}

#menu ul {
  margin: 23px auto 0;
  list-style-type: none;
  padding: 0;
  width: 237px;
}

#menu li {
  float: left;
  margin-left: 4px;
  margin-right: 1px;
  margin-top: 5px;
}

#personal #menu li.human, #personal #menu li.brain {
  margin-top: 0px;
}

#association #menu li.adult_disease, #association #menu li.general {
  margin-top: 0px;
}

#menu li.etc {
  margin-left: 0;
  margin-right: 0;
  margin-top: 1px;
}

#menu li.option {
  margin-left: 0;
  margin-right: 0;
  margin-top: -2px;
}

#menu a {
  display: block;
  height: 112px;
  overflow: hidden;
  outline: none;
  text-indent: 100%;
  white-space: nowrap;
  width: 112px;
}

#personal #menu a {
  background: url(../image/menu/personal/menu_item.png) no-repeat;
}

#personal #menu a:active {
  background: url(../image/menu/personal/menu_item_pushed.png) no-repeat;
}

#personal #menu a:hover {
  background: url(../image/menu/personal/menu_item_pushed.png) no-repeat;
}

#personal #menu li.active a {
  background: url(../image/menu/personal/menu_item_active.png) no-repeat;
}

#association #menu a {
  background: url(../image/menu/association/menu_item.png) no-repeat;
}

#association #menu a:active {
  background: url(../image/menu/association/menu_item_pushed.png) no-repeat;
}

#association #menu a:hover {
  background: url(../image/menu/association/menu_item_pushed.png) no-repeat;
}

#association #menu li.active a {
  background: url(../image/menu/association/menu_item_active.png) no-repeat;
}

#personal #menu li.ladies a {
  background: url(../image/menu/personal/menu_item_ladies.png) no-repeat;
}

#personal #menu li.ladies a:active {
  background: url(../image/menu/personal/menu_item_ladies_pushed.png) no-repeat;
}

#personal #menu li.ladies a:hover {
  background: url(../image/menu/personal/menu_item_ladies_pushed.png) no-repeat;
}

#menu li.etc a, #menu li.option a {
  height: 57px;
  width: 237px;
}

#personal #menu li.etc a, #personal #menu li.option a {
  background: url(../image/menu/personal/menu_item_slim.png) no-repeat;
}

#association #menu li.etc a, #association #menu li.option a {
  background: url(../image/menu/association/menu_item_slim.png) no-repeat;
}

#personal #menu li.etc a:active, #personal #menu li.option a:active {
  background: url(../image/menu/personal/menu_item_slim_pushed.png) no-repeat;
}

#association #menu li.etc a:active, #association #menu li.option a:active {
  background: url(../image/menu/association/menu_item_slim_pushed.png) no-repeat;
}

#personal #menu li.etc a:hover, #personal #menu li.option a:hover {
  background: url(../image/menu/personal/menu_item_slim_pushed.png) no-repeat;
}

#association #menu li.etc a:hover, #association #menu li.option a:hover {
  background: url(../image/menu/association/menu_item_slim_pushed.png) no-repeat;
}

#personal #menu li.active.etc a, #personal #menu li.active.option a {
  background: url(../image/menu/personal/menu_item_slim_active.png) no-repeat;
}

#association #menu li.active.etc a, #association #menu li.active.option a {
  background: url(../image/menu/association/menu_item_slim_active.png) no-repeat;
}

#personal #menu li.active.ladies a {
  background: url(../image/menu/personal/menu_item_ladies_active.png) no-repeat;
}

#menu a span {
  display:block;
  height: 112px;
  width: 112px;
}

#menu li.etc a span, #menu li.option a span {
  height: 57px;
  width: 237px;
}

#menu li.human a span {
  background: url(../image/menu/personal/menu_label_human.png) no-repeat;
}

#menu li.brain a span {
  background: url(../image/menu/personal/menu_label_brain.png) no-repeat;
}

#menu li.periodical_checkup a span {
  background: url(../image/menu/shared/menu_label_periodical_checkup.png) no-repeat;
}

#menu li.specific_checkup a span {
  background: url(../image/menu/shared/menu_label_specific_checkup.png) no-repeat;
}

#menu li.ladies a span {
  background: url(../image/menu/personal/menu_label_ladies.png) no-repeat;
}

#menu li.etc a span {
  background: url(../image/menu/shared/menu_label_etc.png) no-repeat;
}

#menu li.option a span {
  background: url(../image/menu/shared/menu_label_option.png) no-repeat;
}

#menu li.general a span {
  background: url(../image/menu/association/menu_label_general.png) no-repeat;
}

#menu li.uterus_cancer a span {
  background: url(../image/menu/association/menu_label_uterus_cancer.png) no-repeat;
}

#menu li.young a span {
  background: url(../image/menu/association/menu_label_young.png) no-repeat;
}

#personal #menu li.adult_disease a span {
  background: url(../image/menu/personal/menu_label_adult_disease.png) no-repeat;
}

#association #menu li.adult_disease a span {
  background: url(../image/menu/association/menu_label_adult_disease.png) no-repeat;
}

#main {
  float: right;
  position: relative;
  width: 608px;
}

#check_item, #option_item {
  float: left;
  width: 388px;
  margin-left: 47px;
}

#check_item h3, #option_item h3 {
  height: 16px;
  text-indent: -9999px;
}

#check_item h3 {
  background: url(../image/menu/shared/check_header.png) no-repeat;
  margin: 102px 0 0 0;
  width: 63px;
}

#option_item h3 {
  background: url(../image/menu/shared/option_header.png) no-repeat;
  margin: 184px 0 0 0;
  width: 138px;
}

#check_item ul, #option_item ul {
  padding: 0;
  list-style-type: none;
}

#check_item ul {
  margin-top: 4px;
}

#option_item ul {
  margin-top: 7px;
  width: 291px;
}

#check_item li, #option_item li {
  float: left;
}

#check_item a, #option_item a {
  background: url(../image/menu/shared/check_item.png) no-repeat;
  display: block;
  height: 87px;
  position: relative;
  overflow: hidden;
  outline: none;
  text-indent: 100%;
  white-space: nowrap;
  width: 97px;
}

#personal #check_item li.active a, #personal #option_item li.active a {
  background: url(../image/menu/personal/check_item_active.png) no-repeat;
}

#association #check_item li.active a, #association #option_item li.active a {
  background: url(../image/menu/association/check_item_active.png) no-repeat;
}


#check_item li.disable a {
  background: url(../image/menu/shared/check_item_disable.png) no-repeat;
  cursor: default;
}

#check_item a span, #option_item a span {
  display: block;
  height: 87px;
  width: 97px;
}

#check_item a span.label, #option_item a span.label {
  position: absolute;
  top: 0;
}

#check_item li.exam a span {
  background: url(../image/menu/shared/check_icon_exam.png) no-repeat;
}
#check_item li.exam.disable a span {
  background: url(../image/menu/shared/check_icon_exam_disable.png) no-repeat;
}
#check_item li.exam a span.label {
  background: url(../image/menu/shared/check_label_exam.png) no-repeat;
}

#check_item li.body a span {
  background: url(../image/menu/shared/check_icon_body.png) no-repeat;
}
#check_item li.body.disable a span {
  background: url(../image/menu/shared/check_icon_body_disable.png) no-repeat;
}
#check_item li.body a span.label {
  background: url(../image/menu/shared/check_label_body.png) no-repeat;
}

#check_item li.eye a span, #option_item li.eye a span {
  background: url(../image/menu/shared/check_icon_eye.png) no-repeat;
}
#check_item li.eye.disable a span {
  background: url(../image/menu/shared/check_icon_eye_disable.png) no-repeat;
}
#check_item li.eye a span.label {
  background: url(../image/menu/shared/check_label_eye.png) no-repeat;
}
#option_item li.eye a span.label {
  background: url(../image/menu/shared/option_label_eye.png) no-repeat;
}

#check_item li.hearing a span {
  background: url(../image/menu/shared/check_icon_hearing.png) no-repeat;
}
#check_item li.hearing.disable a span {
  background: url(../image/menu/shared/check_icon_hearing_disable.png) no-repeat;
}
#check_item li.hearing a span.label {
  background: url(../image/menu/shared/check_label_hearing.png) no-repeat;
}

#check_item li.blood a span, #option_item li.blood a span {
  background: url(../image/menu/shared/check_icon_blood.png) no-repeat;
}
#check_item li.blood.disable a span {
  background: url(../image/menu/shared/check_icon_blood_disable.png) no-repeat;
}
#check_item li.blood a span.label, #option_item li.blood a span.label {
  background: url(../image/menu/shared/check_label_blood.png) no-repeat;
}

#check_item li.urine a span {
  background: url(../image/menu/shared/check_icon_urine.png) no-repeat;
}
#check_item li.urine.disable a span {
  background: url(../image/menu/shared/check_icon_urine_disable.png) no-repeat;
}
#check_item li.urine a span.label {
  background: url(../image/menu/shared/check_label_urine.png) no-repeat;
}

#check_item li.slop a span {
  background: url(../image/menu/shared/check_icon_slop.png) no-repeat;
}
#check_item li.slop.disable a span {
  background: url(../image/menu/shared/check_icon_slop_disable.png) no-repeat;
}
#check_item li.slop a span.label {
  background: url(../image/menu/shared/check_label_slop.png) no-repeat;
}

#check_item li.heart a span {
  background: url(../image/menu/shared/check_icon_heart.png) no-repeat;
}
#check_item li.heart.disable a span {
  background: url(../image/menu/shared/check_icon_heart_disable.png) no-repeat;
}
#check_item li.heart a span.label {
  background: url(../image/menu/shared/check_label_heart.png) no-repeat;
}

#check_item li.breast a span {
  background: url(../image/menu/shared/check_icon_breast.png) no-repeat;
}
#check_item li.breast.disable a span {
  background: url(../image/menu/shared/check_icon_breast_disable.png) no-repeat;
}
#check_item li.breast a span.label {
  background: url(../image/menu/shared/check_label_breast.png) no-repeat;
}

#check_item li.stomach a span {
  background: url(../image/menu/shared/check_icon_stomach.png) no-repeat;
}
#check_item li.stomach.disable a span {
  background: url(../image/menu/shared/check_icon_stomach_disable.png) no-repeat;
}
#check_item li.stomach a span.label {
  background: url(../image/menu/shared/check_label_stomach.png) no-repeat;
}

#check_item li.abdomen a span {
  background: url(../image/menu/shared/check_icon_abdomen.png) no-repeat;
}
#check_item li.abdomen.disable a span {
  background: url(../image/menu/shared/check_icon_abdomen_disable.png) no-repeat;
}
#check_item li.abdomen a span.label {
  background: url(../image/menu/shared/check_label_abdomen.png) no-repeat;
}

#check_item li.lung a span {
  background: url(../image/menu/shared/check_icon_lung.png) no-repeat;
}
#check_item li.lung.disable a span {
  background: url(../image/menu/shared/check_icon_lung_disable.png) no-repeat;
}
#check_item li.lung a span.label {
  background: url(../image/menu/shared/check_label_lung.png) no-repeat;
}

#check_item li.brain a span, #option_item li.brain a span {
  background: url(../image/menu/shared/check_icon_brain.png) no-repeat;
}
#check_item li.brain.disable a span {
  background: url(../image/menu/shared/check_icon_brain_disable.png) no-repeat;
}
#check_item li.brain a span.label {
  background: url(../image/menu/shared/check_label_brain.png) no-repeat;
}
#option_item li.brain a span.label {
  background: url(../image/menu/shared/option_label_brain.png) no-repeat;
}

#check_item li.bone a span, #option_item li.bone a span {
  background: url(../image/menu/shared/check_icon_bone.png) no-repeat;
}
#check_item li.bone.disable a span {
  background: url(../image/menu/shared/check_icon_bone_disable.png) no-repeat;
}
#check_item li.bone a span.label, #option_item li.bone a span.label {
  background: url(../image/menu/shared/check_label_bone.png) no-repeat;
}

#check_item li.breast_cancer a span, #option_item li.breast_cancer a span {
  background: url(../image/menu/shared/check_icon_breast_cancer.png) no-repeat;
}
#check_item li.breast_cancer.disable a span {
  background: url(../image/menu/shared/check_icon_breast_cancer_disable.png) no-repeat;
}
#check_item li.breast_cancer a span.label, #option_item li.breast_cancer a span.label {
  background: url(../image/menu/shared/check_label_breast_cancer.png) no-repeat;
}

#check_item li.uterus_cancer a span, #option_item li.uterus_cancer a span {
  background: url(../image/menu/shared/check_icon_uterus_cancer.png) no-repeat;
}
#check_item li.uterus_cancer.disable a span {
  background: url(../image/menu/shared/check_icon_uterus_cancer_disable.png) no-repeat;
}
#check_item li.uterus_cancer a span.label, #option_item li.uterus_cancer a span.label {
  background: url(../image/menu/shared/check_label_uterus_cancer.png) no-repeat;
}

#option_item li.super_sound a span {
  background: url(../image/menu/shared/option_icon_super_sound.png) no-repeat;
}
#option_item li.super_sound a span.label {
  background: url(../image/menu/shared/option_label_super_sound.png) no-repeat;
}

#option_item li.ct a span {
  background: url(../image/menu/shared/option_icon_ct.png) no-repeat;
}
#option_item li.ct a span.label {
  background: url(../image/menu/shared/option_label_ct.png) no-repeat;
}

#option_item li.respiratory a span {
  background: url(../image/menu/shared/option_icon_respiratory.png) no-repeat;
}
#option_item li.respiratory a span.label {
  background: url(../image/menu/shared/option_label_respiratory.png) no-repeat;
}

#other_item {
  float: right;
  margin-left: 30px;
  margin-top: 246px;
  width: 140px;
}

#other_item ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#other_item li {
  margin-top: 5px;
}

#other_item li:first-child {
  margin-top: 0;
}

#other_item li a {
  display: block;
  height: 110px;
  overflow: hidden;
  outline: none;
  text-indent: 100%;
  white-space: nowrap;
  width: 110px;
}

#other_item li.list a {
  background: url(../image/menu/shared/other_item_list.png) no-repeat;
}

#other_item li.list.active a {
  background: url(../image/menu/shared/other_item_list_active.png) no-repeat;
}

#other_item li.option a {
  background: url(../image/menu/shared/other_item_option.png) no-repeat;
}

#other_item li.option.active a {
  background: url(../image/menu/shared/other_item_option_active.png) no-repeat;
}

#info {
  background: url(../image/menu/shared/info_bg.png) no-repeat;
  clear: both;
  margin-left: 15px;
  height: 95px;
  position: relative;
  width: 560px;
}

#info #detail {
  position: absolute;
  height: 95px;
  width: 560px;
}

#personal #info #detail.human {
  background: url(../image/menu/personal/info_human.png) no-repeat;
}

#personal #info #detail.brain {
  background: url(../image/menu/personal/info_brain.png) no-repeat;
}

#personal #info #detail.adult_disease {
  background: url(../image/menu/personal/info_adult_disease.png) no-repeat;
}

#personal #info #detail.periodical_checkup {
  background: url(../image/menu/personal/info_periodical_checkup.png) no-repeat;
}

#personal #info #detail.specific_checkup {
  background: url(../image/menu/personal/info_specific_checkup.png) no-repeat;
}

#personal #info #detail.ladies {
  background: url(../image/menu/personal/info_ladies.png) no-repeat;
}

#association #info #detail.adult_disease {
  background: url(../image/menu/association/info_adult_disease.png) no-repeat;
}

#association #info #detail.general {
  background: url(../image/menu/association/info_general.png) no-repeat;
}

#association #info #detail.uterus_cancer {
  background: url(../image/menu/association/info_uterus_cancer.png) no-repeat;
}

#association #info #detail.specific_checkup {
  background: url(../image/menu/association/info_specific_checkup.png) no-repeat;
}

#association #info #detail.periodical_checkup {
  background: url(../image/menu/association/info_periodical_checkup.png) no-repeat;
}

#association #info #detail.young {
  background: url(../image/menu/association/info_young.png) no-repeat;
}

#info a {
  display: block;
  height: 46px;
  left: 363px;
  position: absolute;
  overflow: hidden;
  outline: none;
  text-indent: 100%;
  white-space: nowrap;
  top: 46px;
  width: 188px;
}

#personal #info a {
  background: url(../image/menu/personal/button_reservation.png) no-repeat;
}

#association #info a {
  background: url(../image/menu/association/button_reservation.png) no-repeat;
}

#balloon {
  background: url(../image/menu/shared/balloon.png) no-repeat;
  height: 215px;
  left: 319px;
  position: absolute;
  top: 19px;
  width: 546px;
}

#option_balloon {
  background: url(../image/menu/shared/option_balloon.png) no-repeat;
  height: 293px;
  left: 319px;
  position: absolute;
  top: 19px;
  width: 546px;
}

#balloon .detail_wrapper {
  margin: 13px 0 0 11px;
  height: 166px;
  overflow: hidden;
  position: relative;
  width: 516px;
}

#option_balloon .detail_wrapper {
  margin: 13px 0 0 11px;
  height: 244px;
  overflow: hidden;
  position: relative;
  width: 516px;
}

#notice_balloon {
  background: url(../image/menu/association/notice_balloon.png) no-repeat;
  height: 194px;
  left: 299px;;
  position: absolute;
  top: 19px;
  width: 567px;
}

#check_list_balloon, #option_list_balloon {
  position: absolute;
  width: 755px;
  height: 650px;
  left: 9px;
  top: 54px;
}

#personal #check_list_balloon {
  background: url(../image/menu/personal/check_list_balloon.png) no-repeat;
}

#association #check_list_balloon {
  background: url(../image/menu/association/check_list_balloon.png) no-repeat;
}

#option_list_balloon {
  background: url(../image/menu/shared/option_list_balloon.png) no-repeat;
}

#option_list_balloon .nano {
  margin: 49px 0 0 38px;
  height: 580px;
  overflow: hidden;
  position: relative;
  width: 681px;
}

#check_list_balloon .nano {
  overflow: hidden;
  position: relative;
  width: 694px;
}

#personal #check_list_balloon .nano {
  margin: 80px 0 0 25px;
  height: 550px;
}

#association #check_list_balloon .nano {
  margin: 94px 0 0 25px;
  height: 536px;
  overflow: hidden;
  position: relative;
  width: 694px;
}

#check_list_balloon .nano > .pane, #option_list_balloon .nano > .pane {
  top: 3px;
  bottom: 3px;
}

#check_list_balloon a.close, #option_list_balloon a.close {
  background: url(../image/menu/shared/button_close.png) no-repeat;
  cursor: pointer;
  top: 7px;
  height: 36px;
  left: 692px;
  position: absolute;
  width: 35px;
}

#etc {
  background: url(../image/menu/shared/etc.png) no-repeat;
  margin: 39px 0 0 17px;
  height: 528px;
  width: 433px;
}

#consortium #notice {
  background: url(../image/menu/consortium/notice.png) no-repeat;
  margin: 39px 0 0 32px;
  width: 834px;
  height: 528px;
  position: relative;
}

#consortium a {
  background: url(../image/menu/personal/button_reservation.png) no-repeat;
  display: block;
  height: 46px;
  left: 638px;
  position: absolute;
  overflow: hidden;
  outline: none;
  text-indent: 100%;
  white-space: nowrap;
  top: 476px;
  width: 188px;
}

.nano > .pane {
  background: #BBB8B8;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  top: 8px;
  bottom: 8px;
  padding: 2px 0;
}

.nano > .pane > .slider {
  background: #FFFFFF;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  margin: 0 2px;
  top: 6px;
}