/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 30.06.2009
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <div><ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
 *                  </li>
 *              </ul></div>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */

/* menu::base */
div#menu {
    height:52px;
    background:url(images/nav-bg.png) repeat-x;
    _background:url(images/nav-bg.gif) repeat-x;
}

div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
div#menu ul.menu {
    padding-left: 35px;
}


div#menu li {
    position: relative;
    z-index: 9;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    padding:0 10px 0 10px;
}
   
div#menu li:hover>ul {
    left: -2px;
}

div#menu li div {
    list-style: none;
    float: left;
    position: absolute;
    top: 52px;
    left: 0;
    width: 208px;
    z-index: 11;
    visibility: hidden;
    padding: 0 0 9px 7px;
    _padding: 0 0 9px 3px;
    background: url(images/submenu-bottom.png) no-repeat 7px bottom;
    _background-image: url(images/submenu-bottom.gif);
    margin: 0 0 0 -9px;
}
div#menu li:hover>div {
    visibility: visible;
}

div#menu li.current a {}

/* menu::level1 */
div#menu a {
    position: relative;
    z-index: 10;
    height: 52px;
    display: block;
    float: left;	
    padding: 0 10px 0 10px;
    line-height: 60px;
    text-decoration: none;
}
div#menu span {
    font: normal 16px 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif;
    padding-top: 16px;
    color: #ffffff;
    font-weight:bold;
    text-transform:uppercase;
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;		
}
div#menu ul a:hover span {
    color: #FFF55C;
}

div#menu li { background: url(images/nav_separator.png) top left no-repeat; }
div#menu li.last span{
    background: url(images/nav_separator.png) top right no-repeat;
    padding: 16px 20px 16px 0px;
}

/* menu::level2 */
div#menu ul ul li {
    background: url(images/nav_dropdown_sep.gif) left bottom repeat-x;
    padding: 4px 0;
    z-index: 9;	
}
div#menu ul ul {
    z-index: 12;	
    padding: 0;
    background: rgb(0,103,130) url(images/nav_dropdown_grad.png) right top no-repeat;
    margin-top:0px;
    margin-left:4px;
    margin-right:5px;
}
div#menu ul ul a {
  	width: 184px;
	  padding: 0px 7px 3px 8px;
    height: auto;
    float: none;
    display: block;
    background:none;
    margin-bottom: 2px;
    z-index: -1;
}
div#menu ul ul a span {
	  padding: 0 10px 0px 10px;
    line-height: 20px;
    color: #ffffff;
    font-weight:normal;
    text-transform: none;
    background:none;
}
div#menu ul ul a:hover {
    background: url(images/submenu-selected-bottom.gif) no-repeat 8px bottom;
}
div#menu ul ul a:hover span {
    background: url(images/submenu-selected-top.gif) no-repeat 0px 0px;
    color: #FFF55C;
}

div#menu ul ul li.last { background: none; }
div#menu ul ul li {
    width: 100%;
}

/* menu::level3 */
div#menu ul ul div {
    width: 208px;
    margin: -50px 0 0 190px !important;
    height: auto;
    _padding: 0 0 9px 3px;
}
div#menu ul ul ul {
	_padding-right:1px;
}

/* lava lamp */
div#menu li.back {
}
div#menu li.back .left {
}

/* お知らせ */
/* --- 新着情報エリア --- */


div.up {
width: 240px; /* 新着情報エリアの幅 */
height: 336px;
    background: url(images/topnews3.png) no-repeat 0px 0px;
border: 0px #c0c0c0 solid;
overflow: hidden; /* scroll */
position: absolute;
top: 195px;
right: 30px;
z-index: 50;
color: #FFF;
font-size: 90%;
}

div.up a{
color: #FFF;
}

div.update {
width: 215px; /* 新着情報エリアの幅 */
height: 290px;
border: 0px #c0c0c0 solid;
overflow: hidden; /* scroll */
position: absolute;
top: 45px;
left: 18px;
}

div.update2 {
width: 215px; /* 新着情報エリアの幅 */
height: 120px;
border: 0px #c0c0c0 solid;
overflow: hidden; /* scroll */
position: absolute;
top: 200px;
left: 18px;
}



/* --- side --- */
div.up-side {
width: 240px; /* 新着情報エリアの幅 */
height: 680px;
    background: url(images/topnews-side3.png) no-repeat 0px 0px;
border: 0px #c0c0c0 solid;
overflow: hidden; /* scroll */
position: relative;
top: 0px;
right: 20px;
color: #000;
margin:10 0 30px 0;
font-size: 90%;
}

div.up-side a{
color: #000;
}

div.update-side {
width: 210px; /* 新着情報エリアの幅 */
height: 320px;
border: 0px #c0c0c0 solid;
overflow: hidden; /* scroll */
white-space: nowrap;
position: relative;
top: 25px;
left: 18px;
}

div.update2-side {
width: 210px; /* 新着情報エリアの幅 */
height: 320px;
border: 0px #c0c0c0 solid;
overflow: hidden; /* scroll */
white-space: nowrap;
position: relative;
top: 25px;
left: 18px;
}

div.update-side dt {
width: 6.7em; /* 日付エリアの幅 */
float: left;
//margin: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%;
}

div.update-side dd {
margin: 0;
padding: 7px 3px 6px 5px; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 120%;
}

div.update2-side dt {
width: 6.7em; /* 日付エリアの幅 */
float: left;
//padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%;
}

div.update2-side dd {
margin: 0;
padding: 7px 3px 8px 5px; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 120%;
}

p.itiran1-side {
margin: 0 0 0px; /* 見出しのマージン（上、左右、下） */
font-size: 100%;
position: relative;
left: 15px;
width:200px;
top: 20px;
text-align: right;
}

p.itiran2-side {
margin: 0 0 0px; /* 見出しのマージン（上、左右、下） */
font-size: 100%;
position: relative;
left: 15px;
width:200px;
top: 25px;
text-align: right;
}


/* --- 見出し --- */
p.itiran1 {
margin: 0 0 5px; /* 見出しのマージン（上、左右、下） */
font-size: 100%;
position: absolute;
right: 20px;
top: 20px;
}

p.itiran2 {
margin: 0 0 5px; /* 見出しのマージン（上、左右、下） */
font-size: 100%;
position: absolute;
right: 20px;
top: 180px;
}

div.update2 h3 {
margin: 0 0 5px; /* 見出しのマージン（上、左右、下） */
font-size: 100%;
}

/* --- お知らせ  --- */
div.update dl {
width: 100%; /* 新着リストの幅 */
margin: 0;
}
/* --- 新着リスト --- */
div.update2 dl {
width: 100%; /* 新着リストの幅 */
margin: 0;
}

/* --- お知らせ  --- */
div.update dt {
width: 6.7em; /* 日付エリアの幅 */
float: left;
padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%;
}

/* --- リストエリア --- */
div.update2 dt {
width: 6.7em; /* 日付エリアの幅 */
float: left;
padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%;
}

/* --- お知らせ  --- */
div.update dd {
margin: 0;
padding: 7px 3px 6px 5px; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 120%;
}

/* --- おしらせ本文エリア --- */
div.update2 dd {
margin: 0;
padding: 7px 3px 6px 5px; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 120%;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


div#photos_here a img {
margin: 5px;
}


/* --- Tableスタイル --- */
.thss{
border-style: none solid solid; margin: 0px; padding: 10px; width: 160px; color: rgb(89, 89, 96); line-height: 1.4; vertical-align: top; border-right-color: rgb(214, 206, 180); border-bottom-color: rgb(214, 206, 180); border-left-color: rgb(214, 206, 180); overflow-x: hidden; overflow-y: hidden; background-color: rgb(238, 236, 228);
}

.tdss{
border-style: none solid solid none; margin: 0px; padding: 10px; color: rgb(89, 89, 96); line-height: 1.4; vertical-align: top; border-right-color: rgb(214, 206, 180); border-bottom-color: rgb(214, 206, 180); overflow-x: hidden; overflow-y: hidden;
}