html, body, div, span, iframe,
h1, h2, h3, h4, p, blockquote, em,
strong, dl, dt, dd, ol, ul, li,
form, label, table,tr, th, td,
article, figure, 
footer, header, menu, nav, section {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
 
body {
line-height:1.3;
}
 
article,figure,footer,header,menu,nav,section { 
display:block;
}
ul {
list-style:none;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

                                            /*----- span -----*/
.red{
color:#ff0000;
font-weight:bold;
}
.red2{
color:#ff0000;
font-weight:bold;
font-size:1.6em;
}
.blue{
color:#0000ff;
font-weight:bold;
}

.futo{
font-weight:bold;
}
.futo2{
font-size:1.6em;
font-weight:bold;
}
.futo3{
font-size:1.2em;
font-weight:bold;
}
.futo4{
font-size:1.2em;
font-weight:bold;
display: inline-block;
width: 100%;
text-align: center;
}
.waku{
    border: 2px dotted #6184c8;
    margin: 30px 0px;
    padding: 15px 20px;
    position: relative;
}
.link{
float:right;
text-align:center;
color:#ffffff;
background:#6184c8;
border:1px solid #909090;
border-radius:7px;
box-shadow:2px 2px 2px #555;
font-weight:bold;
font-size:90%;
padding:7px;
display:block;
margin-right:10px;
margin-bottom:10px;
}
.link a{
color:#ffffff;
}
.link:hover{
opacity:0.7;
box-shadow: none;
transform: translate3d(0, 3px, 0);
}
.st1{
background-color: #eeeeee;
color: #3b5999;
border: 2px solid #3b5999;
font-size:0.8em;
padding:2px 8px;
margin-bottom:15px;
float:left;
}
.st2{
background-color: #eeeeee;
color: #3b5999;
border: 2px solid #3b5999;
padding:2px 8px;
margin-bottom:15px;
float:left;
}
.line{
font-weight:bold;
background: linear-gradient(transparent 63%, pink 50%);
}


                                         /*----- html -----*/


html{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#101010;
}
body {
-webkit-text-size-adjust: 100%;
margin:0;
} 
img {
vertical-align:bottom;
}
.clear{
clear:both;
padding:0;
margin:0;
}
p {
margin-bottom:10px;
line-height:1.6em;
}
hr {
height: 0;
margin: 0;
padding: 0;
border: 0;
border-top: 1px dashed #aebdff;
margin:20px 0px 20px 0px;
}
                                       /*----- wrapper -----*/

#wrapper{
width:1044px;
margin: 0 auto;
}

#wrapper a{
text-decoration:none;
}
                                        /*----- header -----*/

header {
margin: 0 auto;
width:1044px;
border:0;
margin-bottom:10px;
}

#head1{
width:100%;
height:307px;
background-image:url(images/head.png);
background-size:100% 100%;
background-repeat: no-repeat;
}

#head2{
display:none;
}
                                                  /*----- menu -----*/
#menu2,toggle{
display:none;
}
#menu1{
display:block;
padding:0;
margin:0;
margin-bottom:15px;
margin-top:15px;
}
#menu1 ul {
margin:0px;
margin-top:2px;
padding:0px;
font: 1em/1.2 Meiryo;
}
#menu1 li {
border-top:solid 1px #303030;
line-height:50px;
margin-right:1px;
height:90px;
border-right:solid 1px #303030;
border-bottom:solid 3px #303030;
padding:15px;
float:left;
background: #f0f0f0;
text-align: center;
}
#menu1 .top{
border-left:solid 1px #303030;
width:80px;
}
#menu1 .cur{
border-bottom:solid 3px #966835;
background:#ffffff;
}
#menu1 .menu3{
width:100px;
}
#menu1 li:hover{
border-bottom:solid 3px #966835;
background:#ffffff;
}
#menu1 a{
color:#966835;
}
#menu1 .catetop{
padding:5px 10px 5px 10px;
color:#ffffff;
background:#3b5999;
}
                                      /*----- contents -----*/
#contents {
width:100%;
margin:10px 0px 0px 0px;
}
#mainbox{
float:left;
width:736px;
margin-bottom:10px;
}
#mainc{
width:100%;
margin:0;
padding:0;
}
#main{
margin:0 auto;
padding:16px;

float:left;
width:700px;
margin-bottom:10px;
}
#main1,#main2,#main3,#main4 {
width:100%;
margin:0;
padding:30px;
padding-top:10px;
padding-bottom:15px;
background:#ffffff;
margin-bottom:10px;
}

#main1 p{
margin-bottom:30px;
line-height:1.6em;
}        


#subbox {
float:right;
width:288px;
positon:relative;
padding:0;
font-size:80%;
margin-bottom:10px;
}
#sub {
width:288px;
margin:0;
padding:0;
background: #ffffff;
position:relative;
background-color: rgba(0, 0, 0, 0)
}


                                       /*----- footer -----*/
footer {
position:relative;
width: 100%;
min-width:1040px;
margin:0 auto;
text-align:center;
font-size:1em;
background: #966835;
color:#ffffff;
line-height:45px;
height:50px;
}
footer a {
text-decoration:none;
color:#ffffff;
}

footer .futo{
color:#ffffff;
}
footer .futo4{
color:#ffffff;
}




                                            /*----- H tag -----*/
h1{
text-align:center;
position:relative;
padding:15px 10px 15px 10px;
margin:20px 5px 20px 5px;
font:bold 1.9em/1.6 Arial, Helvetica, sans-serif;
color:#000000;
background:#fff;
line-height:1.2em;
letter-spacing:0.1em;
border-top:1px dashed #966835;
border-bottom:1px dashed #966835;
}
h2{
text-align:center;
margin: 0 0 1.5em;
padding: 0.8em;
color:#ffffff;
background:#3b5999;
border:2px solid #606060;
font-size: 1.5em;
font-weight: bold;
}
h3{
    position: relative;
    color: #303030;
    font-size: 1.4em;
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 0.5em 0.5em 1.7em;
    border-bottom: 3px solid #3b5999;
}
 
h3:before{
    content: "";
    position: absolute;
    background: #5bb9e0;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
h3:after{
    content: "";
    position: absolute;
    background:#004564;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}
h4{
margin: 0 0 1.5em;
padding: 0.8em;
color:#ffffff;
background:#3b5999;
border:2px solid #303030;
font-size: 1.5em;
font-weight: bold;
text-align:center;
 }
                                              /*----- etc -----*/



#jsng1,#jsng2,#jsng3,#jsng4,#jsng5,#jsng6,#jsng7,#jsng8{
width:100%;
padding:10px;
background:#ef9577;
color:#123123;
}

#link-top,#move-page-top
{
display:block;
float:left;
cursor:pointer;
width:50%;
height:100%;
font:bold 1.4em Meiryo;
line-height: 2em ;
background: #5050ff;
text-decoration: none ;
text-align: center ;
color: #fff ;
-webkit-transition:all 0.3s ;
-moz-transition:all 0.3s ;
transition:all 0.3s ;
}

#link-top a{
color:#ffffff;
 }
#link-top:hover{
opacity: 0.85 ;
}
#move-page-top{
background: #3397ff;
}
#move-page-top:hover{
opacity: 0.85 ;
}
#mailformpro{
margin-top:45px;
}




.button{
width:100px;
padding:8px;
margin-right:30px;
}

dt{
margin-top:10px;
margin-bottom:5px;
}
dd{
margin-bottom:15px;
}





.mb{
display:none;
}


input[type="text"] {
width:40%;
}
input[type="submit"] {
width:30%;
}
input[type="email"] {
width:85%;
}
textarea{
height:150px;
width:85%;
line-height:20px;
}

table.sta{
width:100%;
}
td.s1{
width:30%;
text-align:center;
vertical-align:middle;
border:1px solid #606060;
background:#c7cbff;
padding:3px;
}
td.s2{
background:#eeeeee;
border:1px solid #606060;
text-align:center;
vertical-align:middle;
padding:3px;
}
.totop{
float:right;
text-align:center;
color:#ffffff;
background:#966835;
border:1px solid #303030;
box-shadow:2px 2px 2px #555;
font-weight:bold;
font-size:90%;
padding:7px;
display:block;
margin-right:10px;
margin-bottom:50px;
}
.totop a{
color:#ffffff;
}
.totop:hover{
opacity:0.7;
box-shadow: none;
transform: translate3d(0, 3px, 0);
}

.annai{
text-align:center;
color:#ffffff;
background:#966835;
border:1px solid #303030;
box-shadow:2px 2px 2px #555;
font-weight:bold;
font-size:90%;
padding:7px;
display:block;
margin-right:10px;
margin-bottom:50px;
}
.annai a{
color:#ffffff;
}
.annai:hover{
opacity:0.7;
box-shadow: none;
transform: translate3d(0, 3px, 0);
}

.form1{
width:250px;
}
.form2{
width:350px;
}
.unei1{
padding-left:20px;
line-height:1.6em;
margin-top:10px;
margin-bottom:30px;
}
.unei1 a{
color:blue;
text-decoration:underline !important;
font-weight:bold;
}
.unei2{
padding-left:38px;
margin-top:15px;
margin-bottom:30px;
line-height:30px;
}

.unei3{
line-height:1.6em;
margin-top:10px;
margin-bottom:30px;
}
.unei3 a{
color:blue;
text-decoration:underline !important;
font-weight:bold;
}


table.ryoukin {
border-collapse: collapse;
text-align: center;
line-height: 1.5;
border: 1px solid #ccc;
width:100%;
}

table.ryoukin thead {
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
background: #04162e;
}

table.ryoukin thead th {
padding: 10px;
vertical-align: middle;
color: #fff;
border-left:1px solid #ffffff;
}

table.ryoukin tbody th {
width: 400px;
padding: 10px;
vertical-align: middle;
border-bottom: 1px solid #ccc;
background: #efefef;
}

table.ryoukin td {
padding: 10px;
vertical-align: middle;
border-bottom: 1px solid #ccc;
}
.img{
text-align:center;
}

.img img{
width:400px;
}
.cen {
margin-top:5px;
text-align:center;
}
.img2 img{
width:300px;
margin-bottom:10px;
}
.img2 {
float:right;
margin-left:16px;
margin-bottom:35px;
}
.img3 img{
width:350px;
margin-right:16px;
margin-bottom:10px;
}
.img3 {
margin-bottom:35px;
float:left;
}
.des{
font-size:75%;
margin-bottom:15px;
text-align:center;
}
div{
line-height:1.6em;
}
.sec{
margin-bottom:35px;
}
.p1{
margin: 0 10px 10px 0px;;
padding: 0px 10px 0px 10px;
color:#ffffff;
background:#3b5999;
border:2px solid #606060;
font-size: 1.3em;
}