@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;
}
#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; */
	height: 66px;
 }
#top #head #head-menu{
	text-align: right;
	float: right;
	width: 295px;
/* 	padding-top: 55px; */
	padding-top: 36px;


}
/****************************************************************************/
/* 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;
	display: none;
}
/****************************************************************************/
/* 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{
	background: url(../img/arrow_m.gif) no-repeat 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: 235px;
	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;
}
#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;
}

