@charset "shift-jis";
 
html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
}
 
html,body{
 margin:0px;
 padding:0px;
 text-align:center; 
}
 
a:link {
  text-decoration:none;
}
 
a:visited {
  text-decoration:none;
  color:#414141;
}
 
a:hover {
  text-decoration:none;
}
 
ul#nav {
 float: right;
 position: relative;
 padding-top:15px;
}
 
ul#nav li{
 padding-left: 20px;
 display: inline;
 font: 13px Helvetica, Arial, Geneva, sans-serif;
}
 
ul#nav li a {
 color:  #fff;
 text-shadow: #0b2440 1px 1px 1px;
 text-decoration: none; 
}
 
ul#nav li a:hover {
 color: #e3cb70;
 text-decoration: none;
}
 
ul#nav li a:active {
 position: relative;
 top: 1px;
}
 
 
/* -- ヘッダーの外枠 -- */

body{
 min-width:980px;
}

#header2 {
 background-image:url(mainmaterials.jpg);
 background-repeat:no-repeat;
 background-position:center;
 height:215px;
}

#header1 {
 width:900px;
 height:215px;
 font: 13px Helvetica, Arial, Geneva, sans-serif;
 margin: 0 auto;
}
#header1 h1{
 text-align:right;
 font: 13px Helvetica, Arial, Geneva, sans-serif;
 font-weight:normal;
 margin-top:0px;
 margin-bottom:5px;
 padding-top:3px;
 color:  #fff;
 text-shadow: #0b2440 1px 1px 1px;
}
 
#header1 h2{
 white-space:nowrap;
 text-align:left;
 font: 52px Helvetica, Arial, Geneva, sans-serif;
 color:white;
 text-shadow: #17446f 2px 2px 2px;
 position:absolute;
 top:110px;
 margin:0px;
}
 
#image1 a{
margin-top:10px;
float:left;
width:130px;
height:40px;
display:block;
background:url(./rogo2.png) no-repeat;
text-decoration:none;
}
 
#image1 a:hover{
background:url(./rogo3.png) no-repeat;
}

/* ---------------------------------------- #container内の指定 */ 

#container {
  text-align:left;
  width:900px;
  margin: 0 auto;
}
 
#contents-left {
 float:left;
 width:630px;
 background:url(shadowc.jpg) no-repeat right top;
}
 
#contents-left p{
 line-height:20px;
 font-size:13px;
 color: #848484;
 text-indent:1em;
}

#contents-left h2{
 text-align:left;
 color: #145ea5;
 font-size: 18px;
 font-weight: bold;
 margin-bottom:10px;
 margin-top:30px;
}

#contents-left h2 a:hover {
 color:#145ea5;
 text-decoration: underline;
}

#contents-left h2 a:visited {
 color:#145ea5;
 }

#wrap{
 float:left;
 width:630px;
 margin-top:20px;
 margin-bottom:30px;
}

#wrap p{
 width:600px;
}

.bfaf{
 float:left;
 width:130px;
 margin-right:20px;
 margin-top:20px;
 margin-bottom:20px;
}



#contact{
margin-top:90px;
width:600px;
height:90px;
margin-top:700px;
}

#contact p{
 font-family: Arial,'Yu Gothic UI';
 color: #145ea5;
 font-size:13px;
 line-height:20px;
 width:380px;
 height:70px;
 padding-top:35px;
 padding-left:215px;
}

#contact a{
display:block;
width:600px;
background:url(contact.jpg) no-repeat;
text-decoration:none;
text-align:right;}

#contact a:hover{
background:url(contact.jpg) no-repeat;
}

#pageup{
 float:right;
 margin-right:20px;
 margin-top:40px;
}
 
#contents-right {
 float:right;
 width:250px;
 margin-top:80px;
 padding-bottom:30px;
 border-top: 1px solid #c8c8c8;
 border-bottom: 1px solid #c8c8c8;
 padding-left:10px;
}

#contents-right h3{
 text-indent:1em;
 font-size:16px;
 color:white;
 margin-bottom:3px;
 padding-top:35px;
}

#contents-right img{
 margin-top:5px;
}

#menu{
 margin-top:-25px;
 height:260px;
 margin-bottom:20px;
 padding-top:1px;
 background:url(2.jpg) no-repeat;
}

.cds-navi {
 margin-bottom:20px;
 font-size:13px;
 line-height:40px;
 margin-top:30px;
}

.cds-navi li {
 width:200px;
 height:40px;
 display:block;
 background:url(list1.gif) no-repeat;
 background-position:3% 50%;
 border-bottom:1px solid #ffffff;
}

.cds-navi li a {
 padding:10px 10px 10px 20px;
 display:inline;
 color:#145ea5;
 text-decoration:underline;
}

.cds-navi li a:hover {
 color:#145ea5;
 text-decoration: underline;
}

#annai{
 width:240px;
 height:110px;
 background:url(annai.jpg) no-repeat;
}

#annai p{
 font-family: Arial,'Yu Gothic UI';
 font-size:13px;
 margin-top:40px;
 padding-top:2px;
 padding-right:5px;
 color:white;
 line-height:22px;
 text-align:right
}

#annai img{
 float:right;
 margin-right:10px;
}

.line {
 width:610px;
 height:80px;
 border-bottom: 1px dotted #c8c8c8;
 margin-bottom:30px;
}

.line p{
 float:left;
 color: #145ea5 !important;
 font: 20px Helvetica, Arial, Geneva, sans-serif !important;
 font-weight: bold !important;
 margin-top:55px;
 text-indent:0em !important;
}

.line span{
 float:right;
 text-align:right;
 margin-top:60px;
 font: 13px Helvetica, Arial, Geneva, sans-serif;
 color: #848484;
 text-decoration:none;
}

.line span a{
 color: #848484;
 text-decoration:none;
}

dl.list {
margin: 0 0 15px;
padding: 0 10px 10px;
width:580px;
margin-bottom:40px;
}

dl.list dt {
float: left;
width:10em;
padding: 12px 0;
font-weight: bold !important;
text-indent: 1em;
line-height: 150%;
color: #145ea5;
font: 13px Helvetica, Arial, Geneva, sans-serif;      
}

dl.list dd {
padding: 12px 0 12px 10em;
line-height: 150%;
border-bottom: 1px #CCCCCC solid;
font: 13px Helvetica, Arial, Geneva, sans-serif;
color: #848484;
}

dl.list dd a{
 color: #848484;
}


/* ---------------------------------------- #undernavi内の指定 */

#undernavi {
  clear: both;
  text-align: right;
  padding: 0.5em 0 1em;
}

#undernavi p {
 text-align: center;
 font: 13px Helvetica, Arial, Geneva, sans-serif;
 color: #848484;
}
#undernavi a{
  text-decoration:none;
  color: #848484;
}


/* ---------------------------------------- #footer内の指定 */
#footer {
 margin: auto;
 background-image:url(footer2.jpg);
}

#sitemap {
 margin: auto;
 width: 900px;
 padding-top:20px;
 height:200px;
 font-size: 0;
}


.item-list {
  display: flex;
  align-items: stretch;
  width:100%;
}

.item1 {
   width:40%;
}

.item2 {
   width:40%;
}

.item3 {
   width:20%;
}

.item-list ul li{
 list-style-type: none!important;
 text-align:left;
 padding-top:3px;
 margin-left:20px;
 color:  #fff;
 text-decoration:none;
}

.item1 li:nth-child(5){
 padding-top:20px;
}

.item1 li:nth-child(2){
 padding-left:20px;
}

.item2 li:nth-child(even){
 padding-left:20px;
}

.item3 li:nth-child(n+2){
 padding-left:20px;
}

.item-list a{
 color:  #fff;
 font-family:sans-serif;
 font-size:13px;
 text-decoration:none;
}


#footer-inner {
 width: 900px;
 height:60px;
 margin: 0 auto;
}

#footer p{
 margin-top:-20px;
 font-size:13px;
 color:  #fff;
}

#rogo {
 float:left;
 margin-right:75px;
}

#tel {
 float:right;
 margin-top:5px;
}