*{
margin:0;
padding:0;
}

html{
margin:0;
padding:0;
}

body{
margin: 0;
padding: 0;
text-align : center;
font-family:"ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
color: #333333;
background-color: #ffffff;
}

a{
text-decoration: none;
}

table{
width: 90%;
height: auto;
margin: 20px 10px;
padding: 0;
color: #333333;
border-collapse:collapse;
font-size: 14px;
}

caption{
margin:20px 0px 10px 0px;
padding: 10px 0px 0px 0px;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 18px;
font-weight: normal;
text-align: left;
}


th{
margin: 0;
padding: 6px;
border: 1px solid #333333;
background-color: #cccccc;
}

td{
margin: 0;
padding: 6px;
border: 1px solid #333333;
}

.fluid-full{
 box-sizing: border-box:
 width: 100%;
}

.flexible-images{
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
 }
 
 #container{
 width: 100%;
margin: 0;
padding: 0;
text-align: left;
width: auto;
height: auto;
border: 0;
background-color: #ffffff;
}

#header { 
width: 100%;
height:auto;
margin: 0;
padding:0;
color:#000099;
background-color: #ffffff;
}

#header img{
float: left;
 margin: 0;
 padding: 0;
}

#nav{
width: 100%;
height: auto;
}

#nav > ul > li {
width: auto;
margin: 0 1px;
}

#nav li{
list-style: none;
}

#nav > ul > li > a {
display: block;
height: 50px;
padding: 12px 20px 0px;
color: #333333;
background-color: #ffffff;
font-family: Helvetica, Verdana, Arial, sans-selif;
font-size: 22px;
line-height: 24px;
text-align: left;
}

li.color-gray {
border-top: 1px solid #006633;
border-bottom: 1px solid #cccccc;
}

ul.subs{
top: 100%;
width: auto;
background-color: #e6e6e6;
}

ul.subs li a{
display: block;
height: 50px;
padding: 12px 30px 0px;
font-size: 20px;
line-height: 24px;
text-align: left;
color: #333333;
}

li.color-gray ul.subs li a:hover{
background-color: #666666;
color: #ffffff;
}

#main{
width: 100%;
height: auto;
margin: 0;
padding: 20px 0px;
background-color: #ffffff;
}

#main p{
clear: both;
margin:10px 20px 10px 30px;
padding: 0;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 14px;
font-weight: normal;
text-align: left;
line-height: 20px;
}

#main p.navi{
clear: both;
margin:10px 20px 10px 30px;
padding: 0;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 14px;
font-weight: normal;
text-align: right;
line-height: 20px;
}

#main  h1{
margin:20px 10px 10px 30px;
padding: 0;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 20px;
font-weight: bold;
text-align: left;
color: #003399;
}

#main  h2{
clear: both;
margin:20px 10px 10px 30px;
padding: 10px 0px 0px 0px;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 18px;
font-weight: bold;
text-align: left;
color: #003399;
}

#main  h3{
clear: both;
margin:20px 10px 10px 30px;
padding: 10px 0px 0px 0px;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 16px;
font-weight: bold;
text-align: left;
color: #003399;
}

#main  h4{
clear: both;
margin:20px 10px 10px 30px;
padding: 10px 0px 0px 0px;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 16px;
font-weight: bold;
text-align: left;
}

#main  h5{
clear: both;
margin:20px 10px 10px 30px;
padding: 10px 0px 0px 0px;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 16px;
font-weight: bold;
text-align: left;
}

#main ul{
margin: 0;
margin: 0px 40px;
padding: 0;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 14px;
font-weight: normal;
list-style-type: disc;
}

#main ol{
margin: 0;
margin: 0px 40px;
padding: 0;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 14px;
font-weight: normal;
list-style-type : decimal;  
}

#main li{
margin: 10px;
padding: 0;
line-height: 20px;
}

#main img.r{
float: right;
max-width: 100%;
height: auto;
border: 0;
}

#main img{
max-width: 98%;
height: auto;
margin:20px 10px 10px 30px;
border: 0;
}

#footer{
clear: both;
width: 100%;
height: auto;
margin: 0;
padding: 20px 0px;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 1.0em;
font-weight: normal;
color: #333333;
text-align: center;
background-color: #cccccc;
}

#footer p{
margin: 0;
padding: 0px 20px 10px 20px;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 12px;
font-weight: normal;
text-align: cernter;
line-height: 2.0em;
}

#footer p.r{
margin: 0;
padding: 0px 20px 10px 0px;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 12px;
font-weight: bold;
text-align: right;
}

#footer a{
text-decoration: none;
color: #333333;
}

.togmenu {
display:none;
}

.menubtn {
padding: 16px 20px;
background:#ffffff;
color: #333333;
font-size: 24px;
}

@media screen and (min-width: 780px){

.menubtn {
display:none;
}

.togmenu {
 display:block;
}

table{
width: 90%;
height: auto;
margin: 20px 50px;
padding: 0;
color: #333333;
border-collapse:collapse;
font-size: 14px;
}

body{
margin: 0;
padding: 0;
text-align : center;
font-family:"ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 1.0em;
color: #333333;
background-color: #cccccc;
}

#container{
margin: 0px auto 0px auto;
padding: 0;
text-align: left;
width: 960px;
height: auto;
border: 0;
background-color: #ffffff;
}

#header{
width: 960px;
height:100px;
margin: 0;
padding:0;
color:#000099;
background-color: #ffffff;
}

#header img{
float: left;
 margin: 0;
 padding: 0;
}

#contents{
width: 960px;
height: auto;
margin: 0;
padding: 0;
}

#nav{
width: 960px;
height: 60px;
margin: 0 40px;
}

#nav > ul > li {
position: relative;
float: left;
width: 158px;
margin: 0 1px;
}

#nav li{
list-style: none;
}

#nav > ul > li > a {
display: block;
height: 55px;
padding: 0;
color: #333333;
background-color: #ffffff;
font-family: Helvetica, Verdana, Arial, sans-selif;
font-size: 16px;
line-height: 55px;
text-align: center;
border: 0;
}

li.color-gray {
border: 0;
}

ul.subs{
position: absolute;
top: 100%;
width: 158px;
background-color: #e6e6e6;
}

ul.subs li a{
display: block;
height: 40px;
padding: 0;
margin: 0;
font-size: 14px;
line-height: 36px;
text-align: left;
text-indent: 22px;
color: #333333;
}

li.color-gray ul.subs li a:hover{
background-color: #009933;
color: #ffffff;
}


#main{
float: left;
width: 960px;
height: auto;
margin: 0;
padding: 20px 0px;
background-color: #ffffff;
}

#main p{
clear: both;
margin:10px 50px 10px 10px;
padding: 0;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 14px;
font-weight: mormal;
text-align: left;
line-height: 22px;
}

#main  h1{
margin:20px 40px 10px 40px;
padding: 0;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 18px;
font-weight: bold;
text-align: left;
color: #003399;
}

#main  h2{
clear: both;
margin:20px 40px 10px 40px;
padding: 10px 0px 0px 0px;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 16px;
font-weight: bold;
text-align: left;
color: #003399;
}

#main  h3{
clear: both;
margin:20px 40px 10px 40px;
padding: 10px 0px 0px 0px;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 14px;
font-weight: bold;
text-align: left;
color: #003399;
}

#main ul{
margin: 0px 80px;
padding: 0;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 12px;
font-weight: normal;
list-style-type: none;
}

#main ol{
margin: 0px 80px;
padding: 0;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 12px;
font-weight: normal;
list-style-type : decimal;  
}

#main li{
margin: 10px 30px;
padding: 0;
line-height: 1.8em;
}

#main img.r{
float: right;
}

#main img.at{
float: left;
margin: 0px 10px 5px 20px;
padding: 0px 0px 0px 10px;
border: 0;
}


@media screen and (min-width: 480px){

#note{
margin: 0px 50px;
padding: 6px 0;
background-color: #ececec;
}

#main p{
clear: both;
margin:10px 50px 20px 50px;
padding: 0;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 16px;
font-weight: mormal;
text-align: left;
line-height: 2.4em;
}

#main p.r{
clear: both;
margin:10px 50px 10px 50px;
padding: 0;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 16px;
font-weight: mormal;
text-align: right;
line-height: 1.8em;
}

#main ul{
clear: both;
margin:10px 20px 20px 50px;
padding: 0;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 16px;
font-weight: mormal;
text-align: left;
line-height: 2.4em;
}

#main ol{
clear: both;
margin:10px 20px 20px 50px;
padding: 0;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 16px;
font-weight: mormal;
text-align: left;
line-height: 2.4em;
}

#main img{
float: left;
margin: 0px 10px 5px 10px;
padding: 0px 0px 0px 10px;
border: 0;
}

#main img.r{
float: right;
margin: 0px 0px 5px 10px;
padding: 0px 10px 0px 0px;
border: 0;
}

#main  h1{
margin:20px 50px 10px 50px;
padding: 0;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 20px;
font-weight: bold;
text-align: left;
}

#main  h2{
clear: both;
margin:20px 50px 10px 50px;
padding: 10px 0px 0px 0px;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 18px;
font-weight: bold;
text-align: left;
}

#main  h3{
clear: both;
margin:20px 50px 10px 50px;
padding: 10px 0px 0px 0px;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 18px;
font-weight: bold;
text-align: left;
}

#footer{
clear: both;
width: 960px;
height: auto;
margin: 0;
padding: 20px 0px;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 12px;
font-weight: normal;
color: #333333;
text-align: center;
background-color: #cccccc;
}

#footer p{
margin: 0;
padding: 0px 0px 10px 0px;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 12px;
font-weight: normal;
text-align: center;
}

#footer p.r{
margin: 0;
padding: 0px 10px 10px 0px;
font-family: "ヒラギノ角ゴ Pro W3","MS ゴシック",Osaka,sans-serif;
font-size: 14px;
font-weight: bold;
text-align: right;
}


#footer a{
text-decoration: none;
color: #333333;
}

#footer img{
float: right;
clear: both;
margin: 0;
padding: 5px 10px;
background-color: #cccccc;
}

}