@import url(base.css);
/****************************************************************************/
/*GlobalSite header menu
.global-site{
        display: none;
}*/
/****************************************************************************/
/*GlobalSite header menu*/
.old-hp{
        display: block;
        margin-top: 5px;
        border-top-width: 1px;
        border-top-style: dotted;
        border-top-color: #2A5844;
        margin-right: 8px;
        padding-top: 3px;
        padding-right: 3px;
        padding-bottom: 0px;
        padding-left: 3px;
        /*display: none;*/
}


/****************************************************************************/
/****************************************************************************/
/* Layout */
/****************************************************************************/
/****************************************************************************/
#container{margin: 0px auto;width: 750px;}
/* header */
#head{
        font-size: 12px;
}
#head p{
        margin: 0;
        padding: 0;
}
#head h1{
        float: left;
        width: 450px;
}
#top #head h1 {
        float: none;
        display: inline;
}
#head #fontSize{
        color: #336A56;
}

/* footer */
#foot{
        clear: both;
        border-top: 7px solid #64A674;
}
#copyright{
        font-size: 10px;
        line-height: 1em;
        color: #336A56;
        padding-top: 5px;
        float: left;
        width: 550px;
}
#foot-menu{
        text-align: right;
        float: right;
        width: 190px;
}

/****************************************************************************/
/* address and Maps*/
#address{
        border: 1px solid #8EBAA9;
        display: block;
        line-height: 1.2em;
        font-size: 80%;
        margin-top: 10px;
}

#address p{
        margin: 0;
        padding: 0;
}
#address .title{
        font-weight: bold;
        color: #FFFFFF;
        background: #336A56;
        padding: 3px 5px 3px 10px;
}
#address .facility{     font-weight: bold;
        color: #FFFFFF;}
#address .title table{
}
#address .title .map a{
        background: #FFFFFF;
        padding: 1px 3px;
        font-size: 10px;
        color: #CC3300;
}
#address .doc{
        padding: 5px 2px 5px 10px;
}
/****************************************************************************/
/****************************************************************************/
/* topPage */
/****************************************************************************/
/****************************************************************************/
#top #head{
        height: 85px;
        white-space: nowrap;
}
#top #head #head-menu{
        text-align: right;
        display: inline;
        width: 255px;
        padding-top: 55px;

}
#top #head #head-menu p {
        vertical-align: bottom;
        display: inline;
        margin-left: 12px;
        padding-top: 55px;

}
/****************************************************************************/
/* topPagePhotos*/
#top #photo{
        border-top: 7px solid #64A674;
        border-bottom: 7px solid #64A674;
        margin-top: 5px;
        margin-bottom: 0.8em;
}
#top #cont{
        width: 750px;
        padding-bottom: 1em;
}
#top #cont-left{
        float: left;
        width: 235px;
        padding-bottom: 1em;
}
#top #cont #doc{
        float: right;
        width: 495px;
        margin: 0px 0px 0px 0px;
        padding: 0px;
}
/****************************************************************************/
/* topPageMenu */
#top #head #head-menu ul li img {
        vertical-align: baseline;
}

#top #menu ul,
#top #menu li{
        list-style-type: none;
        margin: 0px;
        padding: 0px;
}
#top #menu{
        border-top: 1px solid #B2B2B2;
        border-right: 1px solid #B2B2B2;
        border-bottom: 1px none #B2B2B2;
        border-left: 1px solid #B2B2B2;
}
#top #menu ul li a,
#top #menu ul li a:link,
#top #menu ul li a:visited{
        padding: 5px 5px 5px 15px;
        border-bottom: 1px solid #B2B2B2;
        font-size: 13px;
/*      line-height: 1em;*/
        display: block;
        background: url(../img/arrow_menu.gif) no-repeat left center;
        font-weight: bold;
}
#top #menu ul li a:active,
#top #menu ul li a:hover {
        background: url(../img/arrow_menu_f2.gif) no-repeat left center;
        text-decoration: none;
}

/* banner */
#top #banner p{
        margin: 0;
        padding: 0;
}
#top #banner{
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: small;
	line-height: 1em;
	text-align: center;
}
/****************************************************************************/
/* topPageMainCont */
#top p{
        margin: 0px;
        padding: 0px;
}
#top h2{
        padding-top: 5px;
        padding-bottom: 0.5em;
}
#top h3{
        padding-bottom: 0.5em;
}

#top #doc .box{
        clear: both;
        padding-top: 1em;
}

#top #doc .box a {
	line-height: 110%;
	margin-bottom: 8px;
}

#top #doc .box a{
        background: url(../img/arrow_m.gif) no-repeat top left;
        padding-left: 12px;
}
/* oshirase */
#top #doc .oshirase{
        height: 10em;
        width: 492px;
        display: block;
        margin-bottom: 5px;
        padding-bottom: 10px;
        border-bottom-width: 2px;
        border-bottom-style: dotted;
        border-bottom-color: #AAC292;
}
#top #doc .box .doc-right{
        float: right;
        width: 245px;
        clear: right;
}
#top #doc .box .doc-right a{
        display: block;
}
#top #doc .box .doc-left{
        float: left;
        width: 250px;
}
#top #doc .box .doc-left table{
        font-size: 1em;
}
caption {
	font-size: 140%;
	line-height: 120%;
	font-weight: bold;
}

#top #doc .box .doc-left a{
        display: block;
}
#top #doc #topics a{
        padding: 0px;
        background-image: none;
}
#top #doc .box .doc-right .caption{
        padding: 2px 0px 2px 8px;
        margin-top: 5px;
        border-left: 5px solid #999999;
}
#top #doc .box .doc-right .caption strong{
        color: #336A56;
}
#top #doc .box .doc-right .caption a{
        padding: 0px;
        background-image: none;
}
/****************************************************************************/
/****************************************************************************/
/* second page */
/****************************************************************************/
/****************************************************************************/

/*secondPageHeader*/
#second #head{
        height: 67px;
}
#second #head #head-menu{
        text-align: right;
        float: right;
        width: 300px;
        padding-top: 35px;

}
#second #head #head-menu ul li img {
        vertical-align: baseline;
}
/****************************************************************************/
/*secondPagePhotos*/
#second #photo{
        margin-top: 5px;
        margin-bottom: 0em;
        border-bottom: 7px solid #64A674;
        clear: both;
}
#second #cont{
        width: 750px;
        padding-bottom: 1em;
}
#second #cont-left{
        float: left;
        width: 210px;
        padding-bottom: 1em;
}
#second #cont #doc{
        float: right;
        width: 515px;
        margin: 0px 0px 0px 0px;
        padding: 0px;
}
/****************************************************************************/
/*secondPageMenu*/
#second #menu{
        border-top: 1px solid #B2B2B2;
        border-right: 1px solid #B2B2B2;
        border-bottom: 1px none #B2B2B2;
        border-left: 1px solid #B2B2B2;
        margin-bottom: 10px;
}
#second #menu ul,
#second #menu li{
        list-style-type: none;
        margin: 0px;
        padding: 0px;
}
/**/
#second #menu ul li a,
#second #menu ul li a:link,
#second #menu ul li a:visited{
        border-bottom: 1px solid #B2B2B2;
        font-size: 12px;
        line-height: 1em;
        display: block;
        background: url(../img/arrow_menu.gif) no-repeat left center;
        font-weight: bold;
        padding-top: 5px;
        padding-right: 0px;
        padding-bottom: 5px;
        padding-left: 11px;
}
#second #menu ul li a:active,
#second #menu ul li a:hover {
        background: url(../img/arrow_menu_f2.gif) no-repeat left center;
        text-decoration: none;
}
#second #menu ul ul li a,
#second #menu ul ul li a:link,
#second #menu ul ul li a:visited{
        border-bottom: 1px solid #B2B2B2;
        font-size: 12px;
        line-height: 1em;
        display: block;
        background: url(../img/arrow_menu2.gif) no-repeat left center;
        font-weight: normal;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left: 21px;
}
/**/
#second #menu ul ul li a:active,
#second #menu ul ul li a:hover {
        background: url(../img/arrow_menu2_f2.gif) no-repeat left center;
        text-decoration: none;
}
#second #menu ul ul ul li a,
#second #menu ul ul ul li a:link,
#second #menu ul ul ul li a:visited{
        padding: 5px 5px 5px 30px;
        border-bottom: 1px solid #B2B2B2;
        font-size: 12px;
        line-height: 1em;
        display: block;
        background: url(../img/arrow_menu3.gif) no-repeat left center;
        font-weight: normal;
}
#second #menu ul ul ul li a:active,
#second #menu ul ul ul li a:hover {
        background: url(../img/arrow_menu3_f2.gif) no-repeat left center;
        text-decoration: none;
}
/*menu-active*/
#second #menu ul li a.active,
#second #menu ul ul li a.active,
#second #menu ul ul ul li a.active{
        font-weight: bold!important;
        background-color: #FFCC66!important;
        background-image: none!important;
}

/****************************************************************************/
/*secondPageLeftCont*/
#second .left-doc{
        padding-right: 10px;
}
/*title*/
#second #cont-title{
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 10px;
        border-left: 7px solid #336A56;
        margin-top: 15px;
        margin-bottom: 1em;
}
#second #cont-title p{
        font-size: small;
}
#second #cont-title h2{
        font-size: 30px;
        line-height: normal;
        font-weight: bold;
        color: #336A56;
        padding-top: 10px;
}
/*title-2nd*/
#second #cont-title2{
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 10px;
        border-left: 7px solid #336A56;
        margin-top: 15px;
        margin-bottom: 1em;
}
#second #cont-title2 h2{
        font-size: 32px;
        line-height: normal;
        font-weight: bold;
        color: #336A56;
        padding-top: 10px;
}
/*description*/
#second .description{color: #336A56;}
/*midashi*/
#second h3.title{
        line-height: 1em;
        font-weight: bold;
        color: #FFFFFF;
        padding: 5px 2px 5px 5px;
        background-color: #336A56;
        margin-top: 1.5em;
        margin-bottom: 0.8em;
}
#second h3.title2{
        line-height: 1em;
        font-weight: bold;
        color: #000000;
        padding: 5px 2px 5px 5px;
        background-color: #CCCCCC;
        margin-top: 1.5em;
        margin-bottom: 0.8em;
}
/*note*/
#second .note{
        font-size: 90%;
        line-height: 1.2em;
        margin: 0px;
        padding: 5px 0px 0px;
}
/****************************************************************************/
/*Print Map*/
p.print{
        display: none;
}
p.screen{
        display: block;
        margin: 0px;
        padding-top: 5px;
        padding-right: 0px;
        padding-bottom: 5px;
        padding-left: 0px;
}

/************ History Table *************/

.history {
        width: 100%;
        padding: 3px;
        margin-top: 5px;
        margin-right: 0px;
        margin-bottom: 5px;
        margin-left: 0px;
}

.history th {
        width: 10%;
        text-align: left;
        font-weight: normal;
}