@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.6;}
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
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

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%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

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%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    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:#fff;}

body {font-size:14px; 
      line-height: 1.6;
font-family: 'Arimo', sans-serif; } /* 16 x  87.5% = 14px */

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

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

h1, h2 {
font-family: 'Arimo',  sans-serif;
font-size : 12px;
color: #ccc;
} /* 28px | 28px x 1.5 = 42px */

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

h4, h5, h6 {
font-size  : 14px; }     /* 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: #000; }
b{font-weight:bold;}
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:;vertical-align:middle;}
tfoot{font-style:italic;}

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

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

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

body {  position: relative; background-color: #fff; color:#666;}

body { -webkit-text-size-adjust: none; }

/* default width setting MARGIN 0 auto,  センタリング */
#container { 
    width : 100%; 
    margin : 0 auto; 
    position: relative;
    background-color: #fff;
}
         
hgroup { display: block;  }         

/* HEADER */
#branding {
width: 100%;
margin: 0;
color: #fff;
border-bottom: solid 1px #003399;
position: relative;
         overflow: hidden;
background: #003399;
   
/* gradation */
background: -moz-linear-gradient(
90deg,
#83b5ea 0%,
#003399 30%,
#003399 100%
);
background: -webkit-linear-gradient(
90deg,
#83b5ea 0%,
#003399 30%,
#003399 100%
);
background: -o-linear-gradient(
90deg,
#83b5ea 0%,
#003399 30%,
#003399 100%
);
background: -ms-linear-gradient(
90deg,
#83b5ea 0%,
#003399 30%,
#003399 100%
);
background: -webkit-gradient(
linear,
bottom,
top,
from(#83b5ea),
color-stop(30%, #003399),
to(#003399),
);


}


#home {
width: 18%;
float: left;
   margin: 3% 2% 2% 2%;
border: solid 1px #83b5ea;
border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0px 1px #fff;
-webkit-box-shadow: 0 1px #fff;
background: #003399;
/* gradation */
background: -moz-linear-gradient(
90deg,
#83b5ea 0%,
#003399 30%,
#003399 100%
);
background: -webkit-linear-gradient(
90deg,
#83b5ea 0%,
#003399 30%,
#003399 100%
);
background: -o-linear-gradient(
90deg,
#83b5ea 0%,
#003399 30%,
#003399 100%
);
background: -ms-linear-gradient(
90deg,
#83b5ea 0%,
#003399 30%,
#003399 100%
);
background: -webkit-gradient(
linear,
bottom,
top,
from(#83b5ea),
color-stop(30%, #003399),
to(#003399),
);


}

#home a {
display: block;
font-size: 16px;
color: #ceffff;
padding: 4% 1%;
text-align: center;
text-shadow: 0px 1px #fff;
}
             
#logo {  
    width: 48%;
float: left;
    padding: 3% 2% 1% 2%;
}

#logo h1 { 
color: #ffffff;
font-size: 14px;
line-height: 1;
text-shadow: 0px 1px #003399;
-webkit-text-shadow: 0 1px #000;
}
#logo h2 { 
color: #ffffff;
font-size: 22px;
line-height: 1.2;
text-shadow: 0px 1px #000;
letter-spacing: 0.5em;
}

#smart-b {       
width: 18%;
float: right;
margin: 3% 2% 2% 2%;
border: solid 1px #83b5ea;
border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0px 1px #fff;
-webkit-box-shadow: 0 1px #fff;
color: #ceffff;
background: #003399;
/* gradation */
background: -moz-linear-gradient(
90deg,
#83b5ea 0%,
#003399 30%,
#003399 100%
);
background: -webkit-linear-gradient(
90deg,
#83b5ea 0%,
#003399 30%,
#003399 100%
);
background: -o-linear-gradient(
90deg,
#83b5ea 0%,
#003399 30%,
#003399 100%
);
background: -ms-linear-gradient(
90deg,
#83b5ea 0%,
#003399 30%,
#003399 100%
);
background: -webkit-gradient(
linear,
bottom,
top,
from(#83b5ea),
color-stop(30%, #003399),
to(#003399),
);

}

#smart-b a {
display: block;
font-size: 16px;
color: #ceffff;
padding: 4% 1%;
text-align: center;
text-shadow: 0px 1px #fff;
-webkit-text-shadow: 0 1px #fff;
}
                
.simg {  width: 96%;
margin: 0 auto;
position: relative;
}
.simg img {  width: 100%;  }




/* Glovalnavigaiton
=====================================*/

nav#globalnavigation {
       width: 100%;
       height: auto;
       margin: 2% 0%;
       position: relative;
       overflow: hidden;
}

nav#globalnavigation li img {                
width: 90%;
height: auto;
               }
nav#globalnavigation li {
width: 20%;
height: auto;
float: left;
margin: 0% 0% 0% 4%;
text-align: center;
-webkit-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 1px #003399;
-webkit-box-shadow: 0 1px #003399;
position: relative;
background: #003399;
/* gradation */
background: -moz-linear-gradient(
90deg,
#83b5ea 0%,
#003399 30%,
#003399 100%
);
background: -webkit-linear-gradient(
90deg,
#83b5ea 0%,
#003399 30%,
#003399 100%
);
background: -o-linear-gradient(
90deg,
#83b5ea 0%,
#003399 30%,
#003399 100%
);
background: -ms-linear-gradient(
90deg,
#83b5ea 0%,
#003399 30%,
#003399 100%
);
background: -webkit-gradient(
linear,
bottom,
top,
from(#83b5ea),
color-stop(30%, #003399),
to(#003399),
);

}
nav#globalnavigation li a {
display: block;
padding: 4px 0px;
}



/* SITE-INFORMATION
================================= */
#footer {
clear : both;
margin: 0 auto;
width: 100%;
padding: 0;
text-align: center;
font-size: 12px;   
height: auto;
color: #fff;
position: relative;
background: #003399;

/* gradation */
background: -moz-linear-gradient(
90deg,
#83b5ea 0%,
#003399 30%,
#003399 100%
);
background: -webkit-linear-gradient(
90deg,
#83b5ea 0%,
#003399 30%,
#003399 100%
);
background: -o-linear-gradient(
90deg,
#83b5ea 0%,
#003399 30%,
#003399 100%
);
background: -ms-linear-gradient(
90deg,
#83b5ea 0%,
#003399 30%,
#003399 100%
);
background: -webkit-gradient(
linear,
bottom,
top,
from(#83b5ea),
color-stop(30%, #003399),
to(#003399),
);

}
.sinfo {
width: 96%;
margin: 0 auto;
position: relative;
text-align: center;
font-size: 14px;
line-height: 1.2;
padding: 2% 0%;
}
.sinfo h3 {
font-size: 19px;
line-height: 1.2;
color: #fff;
}
.sinfo h4 {
font-size: 22px;
line-height: 1.2;
color: #fff;
}

#footer a {  color: #fff;  }
#footer a:hover {  color: #ff0000;  }

/* CONTENTS
================================= */   
article#s-main {
width: 100%;
margin: 0%;
position: relative;
}
.sphot { width: 94%;
margin: 2% 3%;
}
.sphot img { width: 100%;
height: auto;
}

.contents { width: 94%;
margin: 0% 3%;
color: #333;
text-align: left;
              font-size: 18px;
position: relaive;
             }

.contents .s-title {
width: 100%;
margin: 2% 0%;
border-bottom: solid 5px #83b5ea;
}

.s-title h3 {
font-size: 20px;
line-height: 1.6;
text-align: center;
color: #003399;
}

h2.dai {
width: 100%;
margin: 2% 0%;
border-bottom: solid 5px #83b5ea;
font-size: 20px;
line-height: 1.6;
text-align: center;
color: #003399;
}
.snone { display: none;  }

.top-info {
width: 100%;
margin: 2% 0%;
color: #333;
}

.contents strong,.contents b {
font-weight: bold;
color: #003399;
}

.contents img {
clear:both;
width: 100%;
margin: 2% 0%;
padding: 0;
}

.contents table {
width: 100%;
margin: 2% 0%;
padding: 0;
}

/* TOP TABLE-INFORMATION
================================= */                         
table.uketsuke {  width: 100%; font-size: 16px;
                         }
                         table.uketsuke tr.ichidan td:nth-child(1) {  width: 6%;  }
                         table.uketsuke tr.ichidan td:nth-child(2) {  width: 46%;  }
                         table.uketsuke tr.ichidan td:nth-child(3) {  width: 6%;  }
         table.uketsuke tr.ichidan td:nth-child(4) {  color: red;  }
         table.uketsuke tr.nidan td:nth-child(1) {  width: 6%;  }
         table.uketsuke tr.snone {  display: none;  }
         table.uketsuke tr,table.uketsuke td { border: solid #83b5ea 2px; }
         .snone { display: none; }



/* sub page title
================================= */
                                              .smart-title {
                                              width: 98%;
                                              margin: 3% 0% 1%;
                                              border: solid 2px #003399;
                                              background-color: #ceffff;
                                              }
                                              .smart-title h1 {
                                              text-align: center;
                                              padding: 2%;
                                              color: #003399;
                                              font-size: 24px;
                                              }
                                              .ssmart { width: 100%; height: auto;  }


/* table page
================================= */
                                              table.geka-table {  width: 99%; }
                                              table.geka-table td { width: 15%; }
                                              table.geka-table th {  width: 6%;
                                              color: #003399;
                                              font-weight: bold;
                                                                  }
                                              table.geka-table b, table.geka-table strong {  color: red; }
                                              table.geka-table .youbi {  color: #003399;
                                              font-weight: bold;
                                                                       text-align: center;
                                              }
                                              
                                              table.geka-table tr,table.geka-table th,table.geka-table td {
                                              border: solid 1px #83b5ea;
                                              }
                                              .saka {
                                              font-size: 16px;
                                              line-height: 1.4;
                                              color: red;
                                              }