@charset "Shift_JIS";

/* ========hj nsp======== */
*{
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: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;
border-bottom: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#contents p{
font-size:1em;
color:#000000;
padding:0 0 10px;
text-align:center;
}

div#contents .ps{
margin:0;
padding:5px 0 10px 35px;
text-align:left;
font-size:9px;
color:#330000;
}

div#sub{
width:700px;
height:189px;
margin:5px 0 0 50px;
background:#ffffff url(../nspimages/image-m1.gif) 0% 0% no-repeat;
}

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

div#main1{
margin:0;
padding:0;
}

div#main2{
clear:both;
padding:20px 0 0;
border-top:1px solid #9999ff;
}

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

}

div#menu1{
padding:0;
}

div#menu2{
padding:0;
}

div#menu3{
padding:60px 0 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:0 10px 0 0;
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;
}

/* ========NAVEBER======== */
div#navbar { 
height : 31px;
width : 775px;
margin : 0 5px 10px;
position : relative;
font-weight:bold;
color : #ffffff;
background-color: #0000cc;
background-image: url(../nspimages/naveber.gif);
background-repeat: repeat-x;
} 

div#navbar ul { 
margin : 0;
padding : 0 10px 0 0;
font-size : 0.9em;
line-height : 31px;
white-space : nowrap;
float : right;
} 

div#navbar li { 
list-style-type : none;
display : inline;
color : #ffffff;
} 

div#navbar li a { 
text-decoration : none;
padding : 0 10px;
color : #ffffff;
} 

div#navbar li a:hover { 
color : #ff00cc;
} 

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

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

div#menu a{
color:#0066ff;
}

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

div#menu p{
margin:0 0 0.9em 0;
padding:2px 0px 2px 8px;
font-size:0.8em;
text-align:left;
}

/* ========MENU1======== */
div#menu1 ul{
margin:0;
padding:0 0 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:1px solid #ff0000;
margin:0 0 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 0 0;
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 li{
padding:0 0 0 10px;
}

div#menu2 p{
margin:10px 0 10px;
font-size:0.8em;
padding:0 0 0 15px;
color:#000000;
}

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

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

/* ========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: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 0 2px 5px;
text-align:left;
}

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

/* ========MAIN1======== */
div#main1 ul{
margin:0;
padding:2px 0 50px;
text-align:center;
}

div#main1 li{
padding:0;
margin:10px 5px 10px 35px;
width:420px;
height:85px;
list-style-type:none;
float:left;
line-height:2em;
color:#000099;
font-weight:bold;　 
font-size:1em;
border-top:3px outset #ccffff;
border-right:3px inset #ccffff;
border-left:3px outset #ccffff;
border-bottom:3px inset #ccffff;
}

div#main1 li a{
display:block;
width:420px;
padding:40px 0 20px;
font-weight:bold;　 
font-size:1.8em;
color:#000099;
background:#ccffff;
}

div#main1 li a:hover{
display:block;
color:#ff0000;
background:#ffff00;
}

div#main1 .re{
padding:0;
width:420px;
height:85px;
list-style-type:none;
float:left;
border:2px outset #000099;
border-right:2px inset #000099;
border-left:2px outset #000099;
border-bottom:3px inset #000099;
}

div#main .ctr{
margin:20px 0 0 1em;
text-align:center;
}

div#main .ctr a{
display:block;
color:#000000;
}

div#main1 .ctr a:hover{
display:block;
color:#ff0000;
}

/* ========MAIN2======== */
div#main2 h2 {
font-size:1em;
color:#000099;
padding:2px 12px;
font-weight:bold;
background:#ccccff;
margin-bottom:2px;
border:1px solid #9999ff;
}

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

div#main2 p{
margin:0 0 0.9em 0;
padding:2px 0 2px 5px;
text-align:left;
}

div#main2 .ct{
margin:15px 0 10px 1em;
text-align:center;
font-weight:bold;
}

/* ========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:3px 0 0;
font-style:italic;
text-align:right;
line-height:1em;
}

div#sub p{
font-size:1em;
font-weight:bold;　 
color:#000000;
padding:0 5px 0;
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;
}