@charset "UTF-8";

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}


/*基本*/

body{
    background:#fff;
    color:#000;
    font-family:"Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-size:13px;
    line-height:1.4;
}

small{
    font-size:11px;
}

strong{
    font-weight:bold;
}

a{
    text-decoration:underline;
    color:#000;
}

a:hover{
    text-decoration:none;
    color:#999;
}

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

* html .clear{ zoom: 1; } /* IE6 */
*:first-child+html .clear{ zoom: 1; } /* IE7 */

a:hover img{
  filter: alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;  
}

.contentwrapper{
    position:relative;
    max-width:980px;
    margin:0 auto;
}

body {
  min-width:320px;
  -webkit-text-size-adjust: 100%;
}

#wrapper{
}


/* header */

#header{
    text-align:center;
    margin-bottom:25px;
    font-size:16px;
    line-height:1.5;
    letter-spacing: 1px;
}

#header ul#snslink{
    position:absolute;
    top:0;
    right:0;
    border-bottom: 1px dotted #000;
}

#header ul#snslink li{
    display:inline;
    padding-left:2px;
}

#header ul#snslink li.first{
    padding-left:0;
}

#header div#logo{
    padding:40px 0 30px;
}

#header ul#headernavi{
}

#header ul#headernavi li{
    display:inline;
    padding-left:40px;
}

#header ul#headernavi li.first{
    padding-left:0;
}

#header a{
    text-decoration:none;
}

@media screen and (max-width:576px){   /*スマホ1*/
    #header{
        margin-bottom:20px;
    }
    #header ul#snslink{
        padding-right:5px;
    }
    #header div#logo{
        padding-top:60px;
    }
    #header div#logo img{
        height:50px;
    }
    #header ul#headernavi{
        text-align:left;
        display:inline;
        margin:0 auto;
    }
    #header ul#headernavi li{
        display:inline-block;
        width:269px;
        background:#a2a2a2;
        color:#fff;
        padding-left:0;
        text-align:center;
        margin:0 1px 1px 0;
        padding:5px 0;
    }
    #header ul#headernavi li a{
        color:#fff;
    }
}

@media screen and (max-width:539px){   /*スマホ2*/
    #header ul#headernavi li{
        width:239px;
    }
}
@media screen and (max-width:479px){   /*スマホ3*/
    #header ul#headernavi li{
        width:159px;
    }
}
@media screen and (max-width:320px){   /*スマホ4*/
    #header ul#snslink{
        width:100%;
        padding:0;
    }
}


/* subfooter */

#subfooter{
clear:both;
}
@media screen and (max-width:576px){   /*スマホ*/
#subfooter img{
width:90%;
}
}


/* footer */

#footer{
    background:#a2a2a2;
    color:#fff;
    padding-top:15px;
    height:30px;
    font-size:12px;
    line-height:1.5;
}

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

#footer a:hover,
#footer a:active{
    color:#000;
}

#footer ul#footernavi{
    float:left;
}

#footer ul#footernavi li{
    display:inline;
    padding-left:15px;
}

#footer ul#footernavi li.first{
    padding-left:0;
}

#footer p#copyright{
    float:right;
    text-align:right;
}

@media screen and (max-width:990px){   /*余白確保*/
    #header ul#snslink{
        padding-right:5px;
    }
    #footer{
        padding-right:5px;
        padding-left:5px;
    }
}

@media screen and (max-width:768px){   /*タブレット以下*/
    #footer{
        padding:10px 15px;
        height:auto;
    }
    #footer ul#footernavi{
        float:none;
        margin-bottom:5px;
    }
    #footer p#copyright{
        float:none;
        text-align:left;
    }
}


/* body */

#body{
    margin-bottom:40px;
}

/* sponsor */

#body #sponsor{
    margin-top:40px;
}
#body #sponsor strong{
    display:block;
    width:60px;
    float:left;
    padding:25px 0 0 10px;
}
#body #sponsor p{
    margin-left:70px;
}


/* パーツ */

h2{
    font-size:23px;
    text-align:center;
    padding:15px 0;
    margin-bottom:25px;
    border-top:1px solid #808080;
    border-bottom:2px solid #808080;
    letter-spacing:2px;
}

h3{
    font-size:18px;
    font-weight:bold;
    padding:10px 15px;
    margin-bottom:25px;
    letter-spacing:1px;
    background:url(/img/bg_h3.gif);
}

h4{
    font-size:18px;
    font-weight:bold;
    margin-bottom:25px;
}

h5{
    font-size:15px;
    font-weight:bold;
}

table{
    border-top:1px dotted #808080;
    margin:0 auto;
}

tr{
}

td,th{
    padding:10px;
    border-bottom:1px dotted #808080;
}

th{
    font-size:15px;
    font-weight:bold;
    text-align:left;
}

.center{
    margin-left:auto;
    margin-right:auto;
}

.right{
    float:right;
}

.left{
    float:left;
}

.txtcenter{
    text-align:center;
}

.txtleft{
    text-align:left;
}

.marginboth{
    margin-top:25px;
    margin-bottom:25px;
}

.highline{
    line-height:1.85;
}

a.btn{
    display:block;
    font-size:13px;
    line-height:1.1;
    border:1px dotted #808080;
    padding:10px 15px;
    text-decoration:none;
}

a.btn:hover,a.btn:active{
    color:#fff;
    background:#a2a2a2;
}

.column2{
    width:49.9%;
    min-width:384px;
    float:left;
}

.leftcolumn{
    clear:both;
}

.column2 .wrapper{
}

.leftcolumn .wrapper{
    margin:10px 10px 10px 0;
}

.rightcolumn .wrapper{
    margin:10px 0 10px 10px;
}

@media screen and (max-width:767px){   /*１列表示*/
    .column2{
        width:100%;
        margin:0 auto 10px;
        float:none;
    }

    .leftcolumn .wrapper{
        margin:0 0 10px 0;
    }
    
    .rightcolumn .wrapper{
        margin:0 0 10px 0;
    }
}

@media screen and (max-width:470px){   /*スマホ*/
    .column2{
        min-width:320px;
    }

    .column2 .wrapper{
        margin:0 10px 10px;
    }
}

.redland{
    color:#F33D4A;
}
.corabostreet{
    color:#3399cc;
}

.greenland{
    color:#80BA30;
}

.whiteland{
    color:#666666;
}