@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,p,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,small,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,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================
 *  一般・共通設定
 ================================================*/
body {
    width:900px;
    margin:0 auto;
    padding:1px;
    font-size:14px;
    color:#382400;
    font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    line-height:1.6;
    border:1px solid #ff9900;
}


#main {
    float:left;
    width:620px;
}

#sub {
    float:right;
    width:260px;
}


section {
    margin-bottom:10px;
}

a {
    color:#0000cc;
text-decoration:none;
}
a:hover {
    color:#ff00ff;

}

h1 {
    color:#000000;
    padding:5px 10px;
    font-size:15px;
    line-height:1.2;
    background:#9999ff;
    
}


h2 {
    margin-bottom:0.5em;
    padding:1px 10px;
    font-size:18px;
    color:#9b2f3d;
　　
    
}

h3 {
    margin-bottom:0.25em;
    padding:2px 15px;
    color:#ff9900;
    font-size:16px;
    background: #F5F5F5;  
    border-bottom:5px solid #00008B;  
}



p {
    margin:10px 7px 12px 7px;
    font-size:18px
}

img {
    vertical-align:bottom;
}

img {
  max-width: 100%;
  height: auto;
}

em {
    font-weight:bold;
}


ul,ol,dl {
    margin:0 0 1em 0;
}
ul li {
    list-style:disc;
}
ol li {
    list-style:decimal;
}
li {
    margin-left:2em;
}



dt:before {
    content:"\0025a0";
}
dd {
    margin-bottom:1em;
}

table {
    width:100%;
    margin-bottom:1em;
    border-collapse:collapse;
    border:1px solid #ddd;
}
th {
    padding:10px;
    text-align:left;
    vertical-align:middle;
    border:1px solid #ddd;
    background:#ccffff;
}
td {
    padding:10px;
    text-align:left;
    border:1px solid #ddd;
}


header {
    position:relative;
    margin:2px 0;
}
header h1 {
    margin-bottom:10px;
}


img {
  max-width: 100%;
  height: auto;
}

nav {
    margin-bottom:20px;
    padding:12px 0;
    background:#9999ff;
    overflow:hidden;
    
}
nav ul {
    margin-left:10px;
    padding:0;
    }
nav li {
    float:left;
    list-style:none;
    margin:0;
    padding-right:20px;
}
nav li a {
    color:#fff;
    text-decoration:none;
}
nav li a:hover {
    color:#0000cc;
    text-decoration:none;
}


.submenu li {
    margin:0;
    padding:2;
    list-style:none;
}
.submenu li a:before {
    content:"\002605";
    color:#5b4111;
}


.submenu li a {
    display:block;
    padding:5px 5px;
    border-bottom:1px dotted #ddd;
    text-decoration:none;
}
.submenu li a:hover {
    background:#fc0c0c0;
}




footer {
    clear:both;
}


.copyright {
    clear:both;
    padding:10px 0;
    font-size:13px;
    text-align:center;
    background:#9999ff;
    
}


.totop {
    position:fixed;
    bottom:15px;
    right:15px;
}
.totop a {
    display:block;
    text-decoration:none;
}
.totop img {
    background:#ffffff;
}
.totop img:hover {
    background:#9999ff;
}

/*================================================
 *  クラス
 ================================================*/


.list {
    padding:0 0 0 2em;
}

.list li {
    margin:0;
    padding:0;
    list-style:none;
    text-indent:-1.3em;
}
.list li:before {
    content:"\002618\00a0";
    color:#9b2f3d;
}

.temp {
    clear:both;
    overflow:hidden;
    margin-bottom:50px;
}

.img {
    float:left;
    width:260px;
}



@media screen and (max-width:779px) {
    body {
        box-sizing: border-box;
        width:100%;
        padding:0 10px;
    }

    header h1 {
        margin-bottom:1;
    }

   
  
    #main {
        float:none;
        width:100%;
    }

    #sub {
        float:none;
        width:100%;
    }

 

   .totop {
    display:none !important;
    }