@charset "UTF-8";
body    {font - famiry :'メイリオ',
        'Hiragino Kaku Gothic Pro', sans-serif}

/*BOX1とBOX2を横に並べる*/
.BoxA:after    {content:"";
                display: block;
                clear: both}

.Box1           {float:left;
                width: 50%}

.Box2           {float:left;
                width: 50%}

#menubtn        {padding: 6px 12px;
                border: solid 1px #aaaaaa;
                border-radius: 5px;
                background-color: #ffffff;
                position:absolute;
                top: 20px;
                right: 15px;
                cursor: pointer;}
    
#menubtn i      {color:#888888;
                font-size: 18px;}

#menubtn span   {display: inline-block;
                text-indent: -9999px;}

.menu           {display: none}

h1              {text-align: center;
                text-decoration: underline;
                text-decoration-thickness: 0.5em;
                text-decoration-color: #00aaff;
                text-underline-offset: -0.2em;
                text-decoration-skip-ink: none;}

/*ボックス４，５，６を横に並べる*/
.BoxB:after    {content:"";
                display: block;
                clear: both}

.Box4           {float:left;
                 width: 33%;
                 height:100px;
                 margin: auto;
                 text-decoration: underline;
                 text-decoration-thickness: 0.5em;
                 text-decoration-color: #97cdf3;
                 text-underline-offset: -0.2em;
                 text-decoration-skip-ink: none;
                 background-color: #fecf8d;
                }
.profile        {text-align: center;
                padding: 40px;}
.Box5           {float:left;
                 width: 34%;
                 height:100px;
                 margin: auto;
                background-color: #fecf8d;}
.brogs          {text-align: center;
                padding: 40px;}
.Box6           {float:left;
                 width: 33%;
                 height:100px;
                 margin: auto;
                 background-color: #f69679;}
.links          {text-align: center;
                padding: 40px;}
            
.Box7           {height: 100%;
                 text-align: center;
                 padding: 45px;
                background-color: #00aaff;}

.Box8           {height: 100%;
                 text-align: center;
                 padding: 25px;
                background-color: #de4d4d;}

.Box9           {height: 100%;
                 text-align: center;
                 padding: 25px;
                background-color: #ffcc00;}

.Box10           {height: 100%;
                 text-align: center;
                 padding: 25px;
                background-color: #99cc65;}
        

/*#############767px以下###############*/
@media(max-width: 767px){

}