@charset "Shift_JIS";

/* ========BASIC======== */
*{
font-family:Verdana, Helvetica, sans-serif;
color:#330000;
}

body{
margin:0;
padding:0;
font-size:0.8em;
text-align:center;
line-height:1.4em;
letter-spacing:1px;
}

a{
text-decoration:none;
}

a:hover{
border:0;
text-decoration:none;
}

br{
letter-spacing:normal;
}

img{
border:0;
}

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

span{
color:red;
}

div.clear{
clear: both;
border:0;
}

strong{
border:0;
}

/* ========TEMPLATE======== */
div#bg{
width:840px;
margin:0 auto;
text-align:left;
padding:20px 10px 10px;
border-top:1px solid #9999ff;
border-bottom:1px solid #9999ff;
border-right:1px solid #9999ff;
border-left:1px solid #9999ff;
background:#ffffff url(../nspimages/image-bg.gif) 50% 50% repeat-y fixed;
}

div#header{
width:793px;
height:109px;
margin:0 20px;
border-top:1px solid #9999ff;
border-right:2px solid #ff9933;
border-left:1px solid #9999ff;
background:#ffffff url(../nspimages/image0-0.gif) 0% 0% no-repeat;
}

div#contents{
width:793px;
clear:both;
margin:0 20px;
background:#ffffff;
border-bottom:1px solid #9999ff;
border-right:2px solid #ff9933;
border-left:1px solid #9999ff;
}

div#sub{
width:783px;
height:233px;
margin:6px 5px;
background:#ffffff url(../nspimages/image-sb03.gif) 0% 0% no-repeat;
}

div#main{
width:580px;
float:right;
padding:0px 10px;
border-left:1px solid #9999ff;
}

div#main1{
width:285px;
float:left;
padding:5px 0px;
margin:5px 0px 10px;
border-bottom:1px solid #9999ff;
}

div#main2{
width:285px;
float:right;
padding:5px 0px;
margin:5px 0px 10px;
border-bottom:1px solid #9999ff;
}

div#main3{
width:285px;
float:left;
padding:10px 0px;
margin:10px 0px 0px;
border-top:1px solid #9999ff;
}

div#main4{
width:285px;
float:right;
padding:10px 0px;
margin:10px 0px 0px;
border-top:1px solid #9999ff;
}

div#main5{
float:left;
padding:0px 0px;
margin:0px 0px 0px;
}

div#menu{
width:188px;
float:left;
padding-bottom:20px;
background:#ffffff;
}

div#menu1{
padding:0px 0px 0px;
}

div#menu2{
padding:0px 0px 0px;
}

div#menu3{
padding:30px 0px 10px;
}

div#footer1{
width:793px;
margin:5px 20px;
padding:0;
background:#000000;
}

div#footer{
width:760px;
padding:15px;
clear:both;
}

/* ========HEADER======== */
div#header h1{
font-size:1em;
text-align:right;
margin:0;
padding:3px 10px 2px;
color:#ff0000;
}

div#header p{
margin:0;
padding:10px;
font-size:1em;
font-weight:bold;
text-align:right;
color:#99ffff;
}

div#header a{
border:0;
color:#ff0000;
}

div#header a:hover{
border:0;
color:#ff0000;
}

/* ========MENU======== */
div#menu h2{
text-align:left;
}

div#menu ul{
margin:0px;
padding:0px 0px 0px;
font-size:0.9em;
text-align:left;
}

/* ========MENU1======== */
div#menu1 ul{
margin:0px;
padding:0px 0px 30px;
text-align:center;
}

div#menu1 li{
list-style-type:none;
line-height:1.4em;
color:#000099;
font-weight:bold;　 
font-size:1.4em;
border-top:1px solid #ff0000;
border-right:1px solid #ff0000;
border-left:1px solid #ff0000;
border-bottom:1px solid #ff0000;
margin:0px 0px 10px 3px;
background:#ffffff url(../nspimages/imagel01.gif) 0% 0% no-repeat;
}

div#menu1 li a{
display : block ;
height:100px;
text-align:center ;
line-height:2em;
padding:24px 0px 0px;
background-repeat:no-repeat ;
background-position:top center ;
color:#000099;
background-image:url(../nspimages/imagel01.gif);
}

div#menu1 li a:hover{
color:#00ffff;
background-image:url(../nspimages/imagel02.gif) ;
}

div#menu1 .ko a:hover{
color:#ff0099;
background-image:url(../nspimages/image-lko.gif) ;
}

div#menu1 .go a:hover{
color:#ff0000;
background-image:url(../nspimages/image-lgo.gif) ;
}

div#menu1 .od a:hover{
color:#ff9900;
background-image:url(../nspimages/image-lod.gif) ;
}

/* ========MENU2======== */
div#menu2 ul{
margin:0px;
padding:360px 0px 30px;
text-align:center;
border-top:1px solid #9999ff;
}


div#menu2 li{
list-style-type:none;
float:right;
line-height:1.3em;
color:#000099;
height:35px;
font-weight:bold;　 
font-size:1.3em;
border-top:5px outset #ccffff;
border-right:5px inset #ccffff;
border-left:5px outset #ccffff;
border-bottom:5px inset #ccffff;
padding:10px 10px 10px;
margin:0px 0px 10px 3px;
background:#ffffff;
}

div#menu2 li a{
color:#000099;
display:block;
width:150px;
}

div#menu2 li a:hover{
color:#ff0000;
}

/* ========MENU3======== */
div#menu3 li{
padding:0px 0px 0px 15px;
}
div#menu3 p{
margin:10px 0px 10px;
font-size:0.8em;
padding:0px 0px 0px 15px;
color:#000000;
}

div#menu3 h2{
margin:30px 0px 0px;
padding:2px 5px 2px;
font-size:0.9em;
text-align:left;
color:#000099;
border-bottom:3px dotted #ccffcc;
border-top:3px dotted #ccffcc;
}

div#menu3 h3{
margin:0px;
padding:12px 5px 2px;
font-size:0.9em;
text-align:left;
font-weight:bold;　 
}


/* ========MAIN======== */
div#main a{
color:#000099;
}

div#main a:hover{
border:0;
color:#000099;
}

div#main h2 {
font-size:1em;
color:#000099;
padding:2px 12px;
font-weight:bold;
background:#ccccff;
margin-bottom:2px;
border-top:1px solid #9999ff;
border-bottom:1px solid #9999ff;
border-right:1px solid #9999ff;
border-left:1px solid #9999ff;
}

div#main h3 {
padding:2px 8px;
margin-bottom:2px;
font-size:0.9em;
color:#ff0000;
}

div#main p{
margin:0 0 0.9em 0;
padding:2px 0px 2px 5px;

}

div#main pre{
margin:0 0 1em 0;
text-align:right;
}

div#main1 p{
font-size:0.8em;
}

div#main2 p{
font-size:0.8em;
}

div#main3 p{
font-size:0.8em;
}

div#main4 p{
font-size:0.8em;
}

/* ========SUB======== */
div#sub a{
border:0;
color:#ff0000;
text-align:right;
}

div#sub a:hover{
border:0;
color:#ff0000;
text-align:right;
}

div#sub H2{
font-size:1.5em;
font-weight:bold;　 
color:#ff0000;
padding:60px 15px 10px;
font-style:italic;
text-align:right;
line-height:1.6em;
}

div#sub p{
font-size:1em;
font-weight:bold;　 
color:#000000;
padding:0px 5px 10px;
text-align:left;
}


/* ========FOOTER======== */
address{
color:#000000;
text-align:center;
font-size:0.8em;
}

div#footer1 ul {
margin:0;
padding:0;
font-size:0.7em;
}

div#footer1 li {
list-style-type:none;
float:right;
text-align:center;
margin:0;
padding:0;
}

div#footer1 li a{
display:block;
width:120px;
line-height:26px;
color:#ffffff;
}

div#footer1 li a:hover{
color:#ff0000;
}

div#footer1 .hm a{
list-style-type:none;
float:right;
text-align:center;
width:193px;
margin:0;
padding:0;
color:#000099;
background:#9999ff;
}