@charset "utf-8";

            
/* This sight is written alog CSS3  */

/*
reset css
*/

html, body, div, span, object, iframe, h1, h2, h3, h4,
 h5, h6, p, blockquote, pre, a, abbr, acronym, address,
 code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend, table, caption, tbody,
 tfoot, thead, tr, th, td {margin:0;padding:0;border:0;
font-weight:inherit;font-style:inherit;font-size:100%;
font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle; border: solid 1px #ccc; }
table { border-collapse: collapse; border-spacing: 0; }
blockquote:before, blockquote:after, q:before,
 q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* 
html5doctor.com Reset Stylesheet
v1.6.1

*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    background:transparent;
}

body {
    line-height:1.6;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#fff;
    color:#666;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}              
               
               
/* ------------------------------------------------------*/    
               
               
               
               /* GENERAL SETTING
------------------------------------------------- */

html{
padding-top:  0;
background: #ceffff url(images/back.jpg) repeat-x;  
}

body {font-size:100%; line-height: 1.8;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; 
    
     
     } /* 16 x  87.5% = 14px */

/* HEADING
------------------------------------------------ */

h1, h2, h3, h4, h5, h6 {
font-weight : bold; }

h1, h2 {
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-size : 1em;
} /* 28px | 28px x 1.5 = 42px */

h3 {
line-height :  1;
font-size: 1em;
} /* 21px | 14px x 1.5 = 21px */

h4, h5, h6 {
font-size  : 1em; }     /* 14px |　14px x 1.5 = 21px */

amp {
font-style  : italic;
font-weight  : normal;
margin-right  : 5px;}

 
/* Text elements
------------------------------------------------ */
 
p{margin:0px;}
a,a:visited {color:#003399;text-decoration:none;}
a:focus,a:hover{color:#0099ff;}
blockquote{margin:1.5em;font-style:italic;}
strong{font-weight:bold; color: #59b789; }
b{font-weight:bold; color: #59b789;}
em,dfn{font-style:normal;}
dfn{font-weight:bold;}
sup,sub{line-height:0;}
abbr,acronym{border-bottom:1px dotted #666;}
address{margin:0 0 1.5em;font-style:italic;}
del{color:#666;}
pre{margin:1.5em 0;white-space:pre;}
pre,code,tt{font:1em 'andale mono','lucida console';}
 
/* Lists
-------------------------------------------------  */

ul{list-style-type:none;}
ol{list-style-type:none;}
dl{margin:0 0 1em 0;}
dl dt{font-weight:bold;}
 
/* Tables
------------------------------------------------ */
 
table{margin-bottom:1.5em;}
th{font-weight:bold; text-align: center; }
th,td,caption{padding:3px;vertical-align:top;}
tfoot{font-style:italic;}

/*  Link
-------------------------------------------------  */

a { color : #003399; }
a:hover { color : #0099ff; }

        
/*  BASIC LAYOUT
----------------------------------------  */

body {  position: relative; 
      color:#666;
      }

/* default width setting MARGIN 0 auto,  センタリング */

      
#container { 
    width : 1090px; 
    margin : 0 auto; 
    position: relative;
         background: url(images/con-back.png) repeat-y; 
}
   #inner {
   width: 1040px;
   margin: 0px 25px;
   position: relative;
   overflow: hidden;
  }
   
/*  HEADDER
================================*/
         
/* HEADER */
#branding {
width : 1090px;
    height: 170px;
    margin : 0 auto;
color: #fff;
position: relative;
overflow: hidden;
}
             .bran-wrap {
             width: 1040px;
             margin: 0 auto;
             position: relative;
             }

.name-info {
width: 600px;
height: 170px;
float: left;
}
.name-info h1.toujyu {
font-size: 24px;
line-height:1;
color: #fff;
margin: 55px 0px 5px 22px;
font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','ＭＳ 明朝','Lato', serif;
}
.name-info h1.sato {
font-size: 44px;
line-height: 1;
color: #ffffff;
margin: 15px 0px 0px 20px;
letter-spacing: 0.8em;
font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','ＭＳ 明朝','Lato', serif;
}

.sub-info {
       width: 440px;
       height: 170px;
       float: left;
       margin: 0;
}
.sub-info h2 {
font-size: 18px;
margin: 40px 0px 0px 20px;
line-height: 1;
color: #fff;
}
.sub-info h3 {
font-size: 18px;
margin: 15px 0px 0px 20px;
line-height: 1;
color: #fff;
}
             .sub-info h3 a,.sub-info h3 a:visited {
color: #fff;
}   
.sub-info .smart {
width: 340px;
height: 38px;
margin: 5px 20px 0px 80px;
position: relative;
overflow: hidden;
}

 .sub-info .smart .small-nav {
background: url(images/sblist.gif) top left no-repeat; 
         height: 30px;
         text-indent: 22px;
         color: #fff;
         float: left;
         margin: 8px 15px 0px 15px;
         font-size: 16px;
 font-weight: bold;
         line-height: 1.2;
        }
.sub-info .smart .small-nav a {
color: #fff;
display: block;
}
.sub-info .smart .small-nav a:hover {
color: #0099ff;
}

/*  TOUJYUKAI & JAVA-WAKU
================================*/

.toujyukai {
       width: 1040px;
       height: 300px;
background-color: #003399;
margin: 0px;
       position: relative;
       overflow: hidden;
}
       .toujyukai .annai {
       width: 340px;
       height: 300px;
       float: left;
       margin: 0;
       }
             .annai ul {
             padding: 20px 20px 10px 20px;
             }
             .annai ul li {
             width: 280px;
             height:45px;
             margin: 0px 0px 7px 0px;
             }
             .annai ul li h2 {
             font-size: 24px;
             font-weight: normal;
             padding: 10px 0px 8px 10px; 
             line-height: 1.1;
             font-family:'ヒラギノ丸ゴ ProN','ヒラギノ丸ゴ Pro','FC丸ゴシック体-B','HG丸ｺﾞｼｯｸM-PRO','平成丸ゴシック体',sans-serif;
             }
             .annai ul li a { 
             display: block;
             color: #fff;  
             }
             .annai ul li a:hover {
             color: #003399;
             }
             .annai ul li:hover {
             background: #8abdec;
             color: #003399;
             }
             
             
             
    #java-waku {
       width: 700px;
       height: 300px;
       float: left;
       margin: 0;
       }
 
       
       
/*  TOP NAVIGATION
================================*/            
             
/* navigation */
#top-nav {
width: 1040px;
height: 70px;      
margin: 0 auto;
background: url(images/b3-back.jpg) repeat-x; 
color: #003399;
position: relative;
border-top: solid #999 1px;
border-bottom: solid #999 1px;

}             
             
/*  navigation bottom   */


#top-nav ul {
margin: 0 auto;
width: 1000px;
height: 68px;
position: relative;
overflow: hidden;
border-top: solid #fff 1px;
border-bottom: solid #fff 1px;
border-left: solid #ccc 1px;
border-right: solid #fff 1px;
}

#top-nav ul li {
width: 248px;
height: 68px;
float: left;
margin: 0px;
border-left: solid #fff 1px;
border-right: solid #ccc 1px;
text-align: center;
background: url(images/b3-back.jpg) repeat-x; 
}
#top-nav ul li.info-sougou {
background: url(images/blue-barb.jpg) top left no-repeat; 
}
#top-nav ul li.info-geka {
background: url(images/pink-barb.jpg) top left no-repeat; 
}
#top-nav ul li.info-naika {
background: url(images/green-barb.jpg) top left no-repeat; 
}             
#top-nav ul li.info-ganka {
background: url(images/orange-barb.jpg) top left no-repeat; 
}               
                

#top-nav ul li h3 {
font-size: 20px;
font-weight: normal;
line-height: 1;
padding: 24px 0px;
font-family:'ヒラギノ丸ゴ ProN','ヒラギノ丸ゴ Pro','FC丸ゴシック体-B','HG丸ｺﾞｼｯｸM-PRO','平成丸ゴシック体',sans-serif;         
}             
#top-nav a {  color: #003399; }
#top-nav a:hover {  color: #0099ff; }
#top-nav ul li:hover {
background: #fff;
}

             
/*  TOP Contents Division
================================*/

#maincontents {
width: 1040px;
margin: 0px;
background-color: #fff;
position: relative;
overflow: hidden;
}

.alpha { width: 660px;
        margin: 0px 0px 0px 30px;
        float: left;
       }
.beta {  width: 320px;
       margin: 0px 30px 0px 0px;
       float: left;
      }

/* parts  */
.awaku {
width: 638px;
margin: 15px 20px 0px 0px;
border: solid #003399 1px;
background-color: #f2f2f2;
}
.c-title {
width: 618px;
height: 60px;
margin: 10px 10px 0px 10px;
border: solid #cccccc 1px;
border-bottom: solid #003399 7px;
background: url(images/s-back.jpg) repeat-x;

}

.c-title h3,h3.title3 {
font-size: 22px;
color: #003366;
line-height: 1;
margin: 20px 15px 22px 15px;
text-indent: 24px;
background: url(images/klist.gif) top left no-repeat; 
}
.c-title h3 span {
font-size: 16px;
}
               

/* TOP PAGE - CONTENTS
================================= */

.top-info {
width: 618px;
position: relative;
overflow: hidden;
margin: 10px;
background-color: #fff;
border: solid #ccc 1px;
}
                .top-info ul {
                width: 560px;
                margin: 10px 20px 20px 20px;
                text-align: left;
                }
                .top-info ul li {
                width: 560px;
                margin: 12px 0px;
                border-bottom: dashed #ccc 1px;
                position: relative;
                overflow: hidden;
                }
                
                .top-info ul li h4 {
                margin: 0px 0px 5px 0px;
                }
                
                
                .top-info .pwaku { padding:20px;  }
                .sougou,.geka,.naika,.ganka { width: 546px;
                         margin: 20px 20px 10px 20px;
                         border-bottom: solid #003399 3px;
                         border-top: solid #003399 3px;
                         border-right: solid #003399 7px;
                         border-left: solid #003399 7px;
                        }
                .geka {  border-bottom: solid #ff66cc 3px;
                border-top: solid #ff66cc 3px;
                         border-right: solid #ff66cc 7px;
                border-left: solid #ff66cc 7px;  }
                 .naika {  border-bottom: solid #66cc99 3px;
                 border-top: solid #66cc99 3px;
                         border-right: solid #66cc99 7px;
                border-left: solid #66cc99 7px;  }
                 .ganka {  border-bottom: solid #ff9900 3px;
                 border-top: solid #ff9900 3px;
                         border-right: solid #ff9900 7px;
                border-left: solid #ff9900 7px;  }
                
                
                
                .sougou h3,.geka h3,.naika h3,.ganka h3 { padding: 3px 10px 3px 15px;
                            font-size: 18px;
                           }
                .sougou h3 span,.geka h3 span,.naika h3 span,.ganka h3 span { text-align: right;
                                 font-size: 16px;
                                }
                         
 .date { width: 80px;
                           float: left;
                margin: 0px 20px 0px 0px;
                           font-size: 14px;
        font-weight: normal;
                           }
               
.text { width: 445px; 
                           float: left;
                           margin: 0px 0px 5px 0px; }
                         

                         

/* SUB NAVIGATiON
================================= */

/* parts  */

.b-title {
width: 318px;
height: 60px;
/*
background: url(images/s-back.jpg) repeat-x;
*/
background-color: #8abdec;

margin: 15px 10px 0px 10px;
border: solid #003399 1px;
border-bottom: solid #003399 7px;
}

.b-title h3 {
font-size: 22px;
color: #003399;
line-height: 1;
margin: 22px 15px 22px 15px;
text-indent: 24px;

background: url(images/klist.gif) top left no-repeat; 

}

/*  nav nakami  */
.side-main,.side-sub {
width: 318px;
margin: 0px 10px 10px 10px;
background-color: #f2f2f2;
border: solid #003399 1px;
}
                .side-main ul,.side-sub ul {
                width: 300px;
                margin: 10px;
                text-align: left;
                }
                .side-main ul li,.side-sub li {
                width: 298px;
                height: 60px;
                margin: 10px 0px;
                border: solid #ccc 1px;
                background: url(images/s-back.jpg) repeat-x;   
                
                }

                
                .side-main ul li h4,.side-sub ul li h4 {
font-weight: normal;
font-family:'ヒラギノ丸ゴ ProN','ヒラギノ丸ゴ Pro','FC丸ゴシック体-B','HG丸ｺﾞｼｯｸM-PRO','平成丸ゴシック体',sans-serif; 
width: 296px;
height: 58px;
border: solid #fff 1px;
                }

.side-main ul li h4.geka-b {
background: url(images/pink-bar.jpg) top left no-repeat; 
                letter-spacing: 1em;
                }
    .side-main ul li h4.naika-b {
background: url(images/green-bar.jpg) top left no-repeat; 
    letter-spacing: 1em;
                }            
   .side-main ul li h4.ganka-b {
background: url(images/orange-bar.jpg) top left no-repeat;
   letter-spacing: 1em;
                }
   .side-main ul li h4.shinsatsu-b {
background: url(images/blue-bar.jpg) top left no-repeat; 
   letter-spacing: normal;
                }             
                
                .side-main ul li h4 a {
                display: block;
                padding: 18px 15px 18px 40px;
                font-size: 22px;
                line-height: 1;
                color: #666;
                
                }
                .side-main ul li h4 a:hover {
                color: #0099ff;  }
                
                .side-main ul li:hover {
                background: #fff;
                }
                

                
 .side-sub ul li { height: 45px; 
                   background: url(images/ss-back.jpg) repeat-x;
                 }  
 .side-sub ul li h4 {  
                background: url(images/ss3-back.jpg) top left no-repeat; 
                
                }
               
                .side-sub ul li h4 a { 
                display: block;
                border: none;
                font-size: 18px;
                padding: 13px 10px;
                text-indent: 20px;
                line-height: 1.2;
                color: #666;  } 
                .side-sub ul li:hover {
                background: #fff;
                }
                 .side-sub ul li h4.many a {  font-size: 16px;
                                            padding: 4px 10px;
                                            text-indent: 20px;
                                            line-height:1.1;
                                           
                                           
                                           }
                
/* BANNER WAKU
================================= */
                #banner-waku {  clear: both;
                width: 1000px;
                margin: 0 auto;
                padding: 20px 0px;
                                      position: relative;
                                      overflow: hidden;
                                     }
                #banner-waku li {   width: 320px;
                height: 82px;
                         margin: 0px 20px 0px 0px;
                         float: left;
                        }
                #banner-waku li.listlast {
                margin: 0px;  }
                
                
                
/* SUB PAGE index
================================= */
                         
                         h1.pagett {
                         width: 600px;
                         margin: 20px 10px 10px 30px;
                         font-size: 30px;
                         font-weight: normal;
                         line-height: 1.2;
                         color: #003399;
                         }
                         
                         .sub-contents {
                         padding: 20px;
                         }
                         
                         .sub-contents b {
                         font-weight: bold;
                         color: #59b789;
                         }
                         
                         h2.dai {
                         clear: both;
                         width: 578px;
                         margin: 20px 0px 10px 0px;
                         text-indent: 20px;
                         font-size: 22px;
                         line-height: 1.4;
                         color: #003399;
                         border-bottom: solid #ccc 4px;
                         }
                         
.date-info { width: 80px;
                           float: left;
                margin: 0px 20px 0px 0px;
                           font-size: 14px;
                           font-weight: normal;
                           }
.category { width: 45px;
                                    float: left;
                                    margin: 0px 20px 0px 0px;
                                   }
               
.text-info { width: 380px; 
                           float: left;
                           margin: 0px 0px 5px 0px; }
                         
/* SUB PAGE Table
================================= */
                         table.geka-table {
                         margin: 7px 0px;
                         font-size: 18px;
                         width: 100%;
                         }
                         tr.youbi td,table.geka-table th {
                         font-size: 20px;
                         font-weight: bold;
                         color: #59b789;
                         text-align: center;
                         }
                         table.geka-table tr,table.geka-table th,table.geka-table td {
                         border: solid #ccc 2px;
                         }
                         h3.tname {
                         font-size: 26px;
                         color: #59b789;
                         margin: 20px 0px 7px;
                         }
                         table.geka-table td {  width: 83px;  }
                         table.geka-table b,table.geka-table strong {
                         color: red;  font-weight: normal;
                         }
                         
                         span.aka {  font-size: 12px;
                                   color: red;
                                  }
                         
                         .pan {  padding: 3px 0px 0px 20px;  }  
                         
/* TOP TABLE-INFORMATION
================================= */                         
                         table.uketsuke {  width: 95%;
                         }
                         table.uketsuke tr.ichidan td:nth-child(1) {  width: 21%;  }
                         table.uketsuke tr.ichidan td:nth-child(2) {  width: 30%;  }
                         table.uketsuke tr.ichidan td:nth-child(3) {  width: 15%;  }
                         
/* SAIYO TABLE
================================= */                         
                         table.saiyou {  width: 95%;
                         border: solid 1px #ccc;
                         margin: 1rem 0rem 3rem;
                         }
                         table.saiyou tr,table.saiyou th,table.saiyou td {
                         border: solid 1px #ccc;
                         font-size: 1em;
                         line-height:1.4;
                         padding: 0.5rem;
                         }
                         table.saiyou th {  background-color: #ededed; 
                         font-weight: normal;
                                          color: #333;
                         }                      
                         h4.saiyou-title {
                         display: block;
                         margin: 0;
                         padding: 0.5rem 1rem;
                         background-color: #003399;
                         color: #fff;
                         font-weight: normal;
                         }
                         
                         
/* SITE-INFORMATION
================================= */
                    
#footer {
clear : both;
margin: 0 auto;
width: 1040px;
text-align: center;
font-size: 12pt;   
height: auto;
color: #fff;
background-color: #003399;
}

#footer p {
padding : 15px;
line-height: 1.6;
color : #fff; 
}
#footer p a {  color: #fff;  }
#footer p a:hover {  color: #ceffff;  }