@charset "UTF-8";

/* ========BASIC======== */
* {
  font-family:  "Osaka","ＭＳ Ｐゴシック",sans-serif;
  margin: 0;
  padding: 0;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   background:#fff;
}

br {
   letter-spacing:0;
}

a {
   color:#660033;
   text-decoration:none;
}

a:hover {
   color:#660033;
   text-decoration:none;
}

img {
   border:0;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}


/* ========TEMPLATE LAYOUT======== */
div#top {
   width:840px;
   margin:0 auto;
   background:#fff;
}

div#header {
   width:840px;
   background:#fff;
}

div#menu {
   width:840px;
/*   margin-bottom : 1px;*/
}

div#contents {
   clear:both;
   margin-left: auto;
   margin-right: auto;
   width:840px;
   padding-bottom : 10px;
   border-bottom:1px solid #666666;
}

div#footer {
   position:relative;
   clear:both;
   width:840px;
   border-top:1px solid #666666;
}

/* 回り込み解除 */
div#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

/* ========MENU CUSTOMIZE======== */
div#menu ul {
   width:840px;
   margin:0px;
   padding:1px 0 1px 0px;  
}

div#menu li {
   float:left;
   font-size : 85%;
   font-weight:bold;
   color : navy;
   text-align:center;
   list-style-type:none;
}

div#menu li a {
   display:block;
   width:138px;
   margin-right:0px;
   padding:0px 0;
   border: ridge 1px white;
   color:#fff;
   background-color:navy;
}

div#menu li a:hover {
   color:#fff;
   background-color:blue;
}

/* 回り込み解除 */
div#menu ul:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

/* ========PULLDOWN MENU CUSTOMIZE======== */

#outside{
        width:828px;
	border:1px solid #000099;
	background:#000099;
        margin-bottom : 1px;
	}
#menu-1 {
	padding:1px 0;
	margin:0px;
	list-style:none;
	width:100%;
	height:24px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font:bold 11pt verdana, arial, helvetica;
}
#menu-1 li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	width:138px;
}
#menu-1 li a:link, #menu-1 li a:visited {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#000099;
	color:#ffffff;
	width:136px;
	height:17px;
}
#menu-1 li:hover a, #menu-1 li a:hover, #menu-1 li a:active {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#0066FF;
	color:#ffffff;
	width:134px;
	height:17px;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
#menu-1 li ul.menu-2 {
	margin:0;
	padding:1px 1px 0;
	list-style:none;
	display:none;
	background:#ffffff;
	width:134px;
	position:absolute;
	top:25px;
	left:-1px;
	border:1px solid #000099;
	border-top:none;
}
#menu-1 li:hover ul.menu-2 {
	display:block;
}
#menu-1 li ul.menu-2 li {
	width:134px;
	clear:left;
	width:134px;
}
#menu-1 li ul.menu-2 li a:link, #menu-1 li ul.menu-2 li a:visited {
	clear:left;
	background:#000099;
	padding:4px 0;
	width:134px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#menu-1 li ul.menu-2 li:hover a, #menu-1 li ul.menu-2 li a:active, #menu-1 li ul.menu-2 li a:hover {
	clear:left;
	background:#0066FF;
	padding:4px 0;
	width:134px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#menu-1 li ul.menu-2 li ul.navigation-3 {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:133px;
	top:-2px;
	padding:1px 1px 0 1px;
	border:1px solid #000099;
	border-left:1px solid #000099;
	background:#ffffff;
	z-index:900;
}
#menu-1 li ul.menu-2 li:hover ul.navigation-3 {
	display:block;
}
#menu-1 li ul.menu-2 li ul.navigation-3 li a:link, #menu-1 li ul.menu-2 li ul.navigation-3 li a:visited {
	background:#000099;
}
#menu-1 li ul.menu-2 li ul.navigation-3 li:hover a, #menu-1 li ul.menu-2 li ul.navigation-3 li a:hover, #menu-1 li ul.menu-2 li ul.navigation-3 li a:active {
	background:#0066FF;
}
#menu-1 li ul.menu-2 li a span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#fe676f;
}
#menu-1 li ul.menu-2 li:hover a span, #menu-1 li ul.menu-2 li a:hover span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#ffffff;
}

/* ========CONTENTS CUSTOMIZE======== */
table {
 margin-left: auto;
 margin-right: auto;
 text-align: left; 
}

/* ========FOOTER CUSTOMIZE======== */
div#sclname {
   margin:10px 10px;
   text-align:left;
   font-size:70%; 
   border-bottom:1px solid #666666;
}
address {
   padding:0px 0;
   text-align:center;
   font-size:70%;
   color:#333;
}