/**
{
  outline: 1px solid red;
}*/

body
{ margin : 0px;
  padding : 0px;
  background-image: url(../image/cherry-blossom_00009.jpg); 
/*--追加分-------------------------------*/
  background-size : cover;
  background-attachment : fixed;
  background-position : center ;
  background-repeat : no-repeat;
/*---------------------------------------*/
  overflow-x: hidden;
}

/*2025/08/11追加*******************************/
.my_btn
{
  padding : 5px;
  color : black;
  text-decoration : none;
  background-color : aquamarine;
  border : 1px double #333333;
  border-radius : 3px;
  box-shadow : 0px 5px;
}

.my_btn:hover
{
  background-color : rgb(191, 240, 224);
}

.my_btn:active
{ 
  position : relative;
  top : 5px;
  box-shadow : none;
}
/*********************************************/

.my_text 
{
  line-height:1.5em;
}

.my_padding-top
{
  padding-top: 20px; 
}

.my_padding-left
{
  padding-left: 20px; 
}

/*ヘッダー*/
header 
{
  position : fixed;
  z-index : 10;
  border : solid 1px #aaaaaa;
  width : 100%;
  height : 68px;
  background-color: #ffffff;
}

#logo
{
  float : right;
  margin-right : 10px;
}

header h4
{
  float : right;
}
/*ヘッダーここまで*/

.red
{
  color:red;
}

.green
{
  color:green;
}

.blue
{
  color : blue;
}

/*ドロップダウンメニュー*/
#menu
{
  position : fixed;
  z-index : 10;
  top : 70px;
  width : 294px;
}

#menu li
{
  list-style : none;
  border: solid 1px #aaaaaa;
  border-radius: 7px;
}

#menu a
{
  display : block;
  border : none;
  text-decoration : none;
  color : black;
  padding : 10px 16px;
}

#to_top
{
  background : #eeeeee;
}

#to_top:hover
{
  background : #ffffff;
  font-weight : bold;
}

#nurse
{
  background : #fac4cd;
  font-weight : bold;
}

#nurse:hover
{
  background : #fbe0e4;
}

#works
{
  background : #bbfc7f;
  font-weight : bold;
}

#works:hover
{
  background : #d9f7be;
}

.work
{
  background : #bbfc7f;
}

.work:hover
{
  background : #d9f7be;
  font-weight : bold;
}

.other
{
  background : #eeeeee;
  font-weight : bold;
}

.other:hover
{
  background : #ffffff;
}
/*ドロップダウンメニューここまで*/

/*看護士キャラ*/
#chara_nurse
{
  position : fixed;
  z-index : 10;
  top : 100px;
  right : 0px;
  width : 50%;
  height : auto;
}

/*メイン*/
main
{
  max-width: 100%; 
}

#slideshow
{
  position : absolute;
  top : 80px;
  left : 350px;
  width : 60%;
  height : auto;
  visibility: hidden;
}

/* スライダー全体に3Dトランスフォームを適用 */
#slideshow.slick-slider 
{
  /* 余分な再描画を防ぐ */
  transform: translate3d(0, 0, 0);
}

/* 各スライド要素にバックフェイス隠蔽を適用 */
#slideshow .slick-slide 
{
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; /* Safari 対策 */
  transform: translateZ(0);
  -webkit-transform: translateZ(0);     /* iOS Safari 対策 */
}

/* 画像要素はブロック要素にして余白やラインを消す */
#slideshow .slick-slide img 
{
  display: block;
}

#main_text
{
  position : absolute;
  top : 80px;
  left : 350px;
  width : 100%;
  height : auto;
}

.main_image
{
  width: 50%;
  height: auto;
}

#page_title
{
    background-color: #ffff55;
    width: 50%;
    height: auto;
    border-radius: 16%;
    text-align: center;
}

.bg
{
  display: block;
  border: solid 1px #aaaaaa;
  border-radius: 7px;
  background-color: #99ff99;
  width: 50%;
}

/*フッター*/
footer 
{
  position : absolute;
  top : 2555px;
  left : 0px;
  border: solid 1px #aaaaaa;
  border-radius: 10px;
  background-color :#ffffff;
  width: 100%;
}
/*フッターここまで*/

table
{
  margin-left: 1em;
}