@charset "UTF-8";

/* --- all～ --- */

#wrap {
        position                     : relative;
        margin                       : 0 auto;
        border                       : 20px solid white;
        border-bottom                : 5px solid white;
        padding                      : 0px;
        width                        : 760px;
}

#container {
        position                     : relative;
        margin                       : 0px;
        border                       : 0px;
        padding                      : 0px;
        width                        : 760px;
        background                   : url("../images/wrapback.gif") repeat-y left top;
}



/* ---- header ---- */

#header {
        position                      : relative;
        margin                        : 0px;
        border                        : 0px;
        padding                       : 0px;
        width                         : 760px;
        height                        : 180px;
        background                    : url("../images/header20150310.jpg") no-repeat left top;
}
#header h1 {
        font-size                     : 1px;
        color                         : white;
        margin                        : 0px;
        border                        : 0px;
        padding                       : 0px;
        text-indent                   : -9999px;
        text-align                    : left;
}



/* ---- contents ---- */

#contents {
        position                     : relative;
        margin                       : 0px;
        border                       : 0px;
        padding                      : 0px;
        width                        : 760px;
        background                   : transparent;
}



/* ---- navi ---- */

#nav {
        position                     : relative;
        margin                       : 0px;
        border                       : 0px;
        padding                      : 0px;
        float                        : left;
        width                        : 160px;
        background                   : transparent;
}

#nav ul {
        margin                       : 0px;
        border                       : 0px;
        padding                      : 0px;
        padding-top                  : 40px;
        list-style                   : none;
}

#nav li {
        display                      : block;
        margin                       : 0px;
        border                       : 0px;
        padding                      : 0px;
        color                        : white;
        background                   : transparent;
}

#nav li a {
        display                      : block;
        width                        : 160px;
        height                       : 50px;
        text-indent                  : -9999px;
        text-decoration              : none;
/* \*/
        overflow : hidden;
/* */
        outline : none;
}


/* ---- navi banner ---- */

#nav ul.banner {
        margin                       : 0px;
        border                       : 0px;
        padding                      : 0px;
        padding-top                  : 36px;
        list-style                   : none;
}

#nav ul.banner li {
        display                      : block;
        margin                       : 0px;
        border                       : 0px;
        padding                      : 0px;
        color                        : white;
        background                   : transparent;
}

#nav ul.banner li a {
        display                      : block;
        width                        : 160px;
        height                       : 80px;
        text-indent                  : -9999px;
        text-decoration              : none;
/* \*/
        overflow : hidden;
/* */
        outline : none;
}


/* ---- navi images ---- */

#nav-home a       { background           : url("../images/nav_home.gif") no-repeat left top; }
#nav-home a:hover { background           : url("../images/nav_home.gif") no-repeat left bottom; }
#nav-home-here a  { background           : url("../images/nav_home.gif") no-repeat left bottom; }

#nav-news a       { background           : url("../images/nav_news.gif") no-repeat left top; }
#nav-news a:hover { background           : url("../images/nav_news.gif") no-repeat left bottom; }
#nav-news-here a  { background           : url("../images/nav_news.gif") no-repeat left bottom; }

#nav-price a       { background           : url("../images/nav_price.jpg") no-repeat left top; }
#nav-price a:hover { background           : url("../images/nav_price.jpg") no-repeat left bottom; }
#nav-price-here a  { background           : url("../images/nav_price.jpg") no-repeat left bottom; }

#nav-about a       { background           : url("../images/nav_about.gif") no-repeat left top; }
#nav-about a:hover { background           : url("../images/nav_about.gif") no-repeat left bottom; }
#nav-about-here a  { background           : url("../images/nav_about.gif") no-repeat left bottom; }

#nav-works a       { background           : url("../images/nav_works.gif") no-repeat left top; }
#nav-works a:hover { background           : url("../images/nav_works.gif") no-repeat left bottom; }
#nav-works-here a  { background           : url("../images/nav_works.gif") no-repeat left bottom; }

#nav-illust a       { background           : url("../images/nav_illust.gif") no-repeat left top; }
#nav-illust a:hover { background           : url("../images/nav_illust.gif") no-repeat left bottom; }
#nav-illust-here a  { background           : url("../images/nav_illust.gif") no-repeat left bottom; }

#nav-mail a       { background           : url("../images/nav_mail.gif") no-repeat left top; }
#nav-mail a:hover { background           : url("../images/nav_mail.gif") no-repeat left bottom; }
#nav-mail-here a  { background           : url("../images/nav_mail.gif") no-repeat left bottom; }

#nav-twitter a       { background           : url("../images/nav_twitter.gif") no-repeat left top; }
#nav-twitter a:hover { background           : url("../images/nav_twitter.gif") no-repeat left bottom; }
#nav-twitter-here a  { background           : url("../images/nav_twitter.gif") no-repeat left bottom; }

#nav-goods a       { background           : url("../images/nav_goods.jpg") no-repeat left top; }
#nav-goods a:hover { background           : url("../images/nav_goods.jpg") no-repeat left bottom; }
#nav-goods-here a  { background           : url("../images/nav_goods.jpg") no-repeat left bottom; }

#nav-comic a       { background           : url("../images/nav_comic.gif") no-repeat left top; }
#nav-comic a:hover { background           : url("../images/nav_comic.gif") no-repeat left bottom; }
#nav-comic-here a  { background           : url("../images/nav_comic.gif") no-repeat left bottom; }

#nav-blog a       { background           : url("../images/nav_blog.gif") no-repeat left top; }
#nav-blog a:hover { background           : url("../images/nav_blog.gif") no-repeat left bottom; }
#nav-blog-here a  { background           : url("../images/nav_blog.gif") no-repeat left bottom; }

#nav-coco a       { background           : url("../images/nav_coco.gif") no-repeat left top; }
#nav-coco a:hover { background           : url("../images/nav_coco.gif") no-repeat left bottom; }
#nav-coco-here a  { background           : url("../images/nav_coco.gif") no-repeat left bottom; }

#nav-minkuchi a       { background           : url("../images/nav_minkuchi.gif") no-repeat left top; }
#nav-minkuchi a:hover { background           : url("../images/nav_minkuchi.gif") no-repeat left bottom; }
#nav-minkuchi-here a  { background           : url("../images/nav_minkuchi.gif") no-repeat left bottom; }



/* ---- main ---- */

#main {
        position                     : relative;
        margin                       : 0px;
        border                       : 0px;
        padding                      : 0px;
        float                        : right;
        width                        : 600px;
        background                   : transparent;
}

#main p {
        font-size                     : 12px;
        font-weight                   : normal;
        color                         : dimgray;
        line-height                   : 1.8em;
        margin                        : 0px;
        border                        : 0px;
        padding                       : 0px;
        text-align                    : left;
}

#main p.migitop {
        font-size                     : 10px;
        padding                       : 0px;
        padding-top                   : 80px;
        padding-right                 : 40px;
        padding-bottom                : 10px;
        text-align                    : right;
}


#main p strong {
        font-weight                 : bold;
}

#main address {
        font-size                     : 10px;
        font-weight                   : normal;
        color                         : dimgray;
        line-height                   : 1.8em;
        margin                        : 0px;
        border                        : 0px;
        padding                       : 0px;
        text-align                    : left;
}



/* ---- clearfix ---- */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */