body { 
margin: 0px; 
background-color: #eeeeee; 

}

/*ここがページ全体の枠の部分です*/
.all
{
width:908px;
border-color:#eeeeee;
border-width:2px;
border-style:solid;
background-color: #ffffff;
margin-right:auto;
margin-left:auto;
}
/*ここまでがページ全体の枠の部分です*/



#site-box
{
width : 908px;
}


#header
{
}


#left-box
{
float: left;
width: 286px;
background-color: #ffffff;
border-top   : solid 1.5px #ffbbff;
border-right : solid 1.5px #ffbbff;
border-bottom: solid 1.5px #ffbbff;
}

#left-box2
{
float: left;
width: 286px;
background-color: #ffffff;
border-top   : solid 1.5px #ffffff;
border-right : solid 1.5px #ffffff;
border-bottom: solid 1.5px #ffffff;
}


#right-box
{
float: right;
width: 618px;
background-color: #ffffff;
}


#footer {
clear: both;
width: 908px;
height:1px;
}


#tatemono
{
text-align:center;
font-size: 16px;
font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3",  "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

#tatemono_address
{
text-align:center;
font-size: 16px;
font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3",  "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}


#map
{
text-align:center; 
}

#calender1
{
width: 290px;
float       : left;
padding     : 0px;
margin      : auto;
font-size   : 16px;
font-family : "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3",  "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}



#menu { 
  width:908px; 
  padding:0; 
  margin:0; 
  list-style-type: none; 
} 

#menu li { 
  width : 25.00%;
  float:left;
  padding:0px;
  margin:auto;
  text-align:center;
}

#menu li a { 
  width:auto; 
  color:#fff; 

  text-align:center;
  font-size: 18px;
  font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3",  "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;

  font-weight:bold; 
  text-shadow:0-1px 0px #ff9999,0 0px 0px #ff9999;
  padding:7px 0;
  text-decoration:none; 
  display:block; 
  background:#ff9999; 

  background: -webkit-gradient(linear, left top, left bottom, from(#ff99cc), to(#ff3399));
  background: linear-gradient(to bottom, #ff99cc, #ff3399);

  border-radius:0px 0 0 0px;
  border-left:1px solid #ffffcc; 
  box-shadow: 0px  0px 0px   rgba(225,225,225,0.3) inset, 
              0px  0px 0px   rgba(0,0,0,0.1)       inset, 
              0px  0px 0px   rgba(0,0,0,0.3)       inset, 
              0px  0px 0px   #0000cc; 
} 

#menu li:first-child a{ 
  border-radius:10px 0 0 10px;
  border-left:0; 
  box-shadow: 0px  0px 0px   rgba(225,225,225,0.3) inset, 
              0px  0px 0px   rgba(0,0,0,0.1)       inset, 
              0px  0px 0px   rgba(0,0,0,0.3)       inset, 
              0px  0px 0px   #0000cc; 
} 

#menu li:last-child a{ 
  border-radius:0 10px 10px 0;
  box-shadow: 0px  0px 0px   rgba(225,225,225,0.3) inset, 
              0px  0px 0px   rgba(0,0,0,0.1)       inset, 
              0px  0px 0px   rgba(0,0,0,0.3)       inset, 
              0px  0px 0px   #0000cc; 
} 

#menu li a:hover { 
  background:#ffffcc; 

background: -webkit-gradient(linear, left top, left bottom, from(#33ff66), to(#33cc00));
background: linear-gradient(to bottom, #33ff66, #33cc00);

  box-shadow: 1px 0px 0px rgba(225,225,225,0) inset, 
             -1px 0px 0px rgba(225,225,225,0) inset, 
              0px 1px 1px rgba(0,0,0,0.1) inset, 
              0px -1px 1px rgba(0,0,0,0.3) inset, 
              0px 1px 3px #ffffcc; 

  text-shadow:0-1px 0px #33cc00,0 0px 0px #33cc00;
} 


h1{
    margin :10px 3px;
    padding: 6px 10px 2px;

    text-align:left;
    font-size: 16px;
font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3",  "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;

    font-weight:   300;

    border-top:    1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-left:   1px solid #aaa;
    border-right:  1px solid #aaa;

    border-radius: 6px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background: linear-gradient(to bottom, #fff, #eee);

    text-shadow:        1px 1px 0        rgba(255,255,255,1);
    box-shadow:         0   5px 4px -4px rgba(0,0,0,0.3) solid;
    -moz-box-shadow:    0   5px 4px -4px rgba(0,0,0,0.3) solid;
    -webkit-box-shadow: 0   5px 4px -4px rgba(0,0,0,0.3) solid;
    -o-box-shadow:      0   5px 4px -4px rgba(0,0,0,0.3) solid;
    -ms-box-shadow:     0   5px 4px -4px rgba(0,0,0,0.3) solid;
}

h2{
    width:75%;
    text-align:center; 
    margin:        0 auto;
    padding:       0.5em;
    font-size:     0.9em;
    font-weight:   300;
    border-top:    1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-left:   1px solid #aaa;
    border-right:  1px solid #aaa;
    border-radius: 6px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background: linear-gradient(to bottom, #fff, #eee);

    text-shadow:        1px 1px 0        rgba(255,255,255,1);
    box-shadow:         0   5px 4px -4px rgba(0,0,0,0.3) solid;
    -moz-box-shadow:    0   5px 4px -4px rgba(0,0,0,0.3) solid;
    -webkit-box-shadow: 0   5px 4px -4px rgba(0,0,0,0.3) solid;
    -o-box-shadow:      0   5px 4px -4px rgba(0,0,0,0.3) solid;
    -ms-box-shadow:     0   5px 4px -4px rgba(0,0,0,0.3) solid;
}

p { 
    text-align:left;
    font-size: 16px;
font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3",  "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

p-right-box { 
    text-align:left;
    font-size: 16px;
font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3",  "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;

    margin :5px 12px;
}



a:link { color: #000000; }
a:visited { color: #000000; }

a:hover { 
color: blue; 
background-color: #888888; 
} 

address{
font-style:normal;
text-align:center;
}



/* --- 表全体 --- */
table.example {
width: 400px; /* 表の幅 */
margin-left: 1px;
margin-right: auto;
border: 3px #c0c0c0 solid; /* 大枠の境界線 */
border-collapse: collapse;
font-size: 13px;
font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3",  "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

/* --- 表タイトル --- */
table.example caption {
padding-bottom: 5px; /* 表タイトルの下パディング */
}

/* --- セル --- */
table.example th,
table.example td {
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 6px 3px; /* セルのパディング（上下、左右） */
border: 1px #c0c0c0 solid; /* セルの境界線 */
text-align: center;
}


th:first-child {
    -moz-border-radius:    6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius:         6px 0 0 0;
}
 
th:last-child {
    -moz-border-radius:    0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius:         0 6px 0 0;
}


/* --- 1列目 --- */
table.example colgroup.item {
background-color: #fffce7; /* 1列目の背景色 */
}

/* --- 2列目以降 --- */
table.example colgroup.data {
background-color: #ffffff; /* 2列目以降の背景色 */
}

/* --- 見出しセル --- */
table.example thead th {
background-color: #deefff; /* 見出しセルの背景色 */
}

/* --- フッタセル --- */
table.example tfoot td {
}


tfoot td:first-child {
    -moz-border-radius:    0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius:         0 0 0 6px;
}
 
tfoot td:last-child {
    -moz-border-radius:    0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius:         0 0 6px 0;
}