@charset "Shift_JIS";
/* -----------------------------------------------------
	01. Kill Browser Default
----------------------------------------------------- */
*{
    margin:0;
    padding:0;
}
body{
    line-height : 20px;
    background-image : url(../img/bg.gif);
    background-repeat : repeat-x;
    font-family: sans-serif;
}
ul,ol{
    list-style:none;
}
img{
    border:0;
    vertical-align:bottom;
}
fieldset{
    border:0 none;
}
input,select{
    vertical-align:middle;
}
textarea{
    font-size:1.0em;
}
/* -----------------------------------------------------
	02. Base Style
----------------------------------------------------- */
table th,
table td{
    border:0 none;
    vertical-align:top;
    font-size:1em;
    text-align:left;
}
.bg{
    width : 836px;
    border-left-width : 1px;
    border-right-width : 1px;
    border-bottom-width : 3px;
    border-left-style : solid;
    border-right-style : solid;
    border-bottom-style : solid;
    border-left-color : #7bc4a9;
    border-right-color : #7bc4a9;
    border-bottom-color : #cccccc;
}
.back{
    background-repeat : repeat-y;
    width : 890px;
    background-color : #7bc4a9;
}
.area{
    width : 100%;
    max-width : 834px;
    margin-left : 0px;
    margin-top : 0px;
    bottom : auto;
    top : 0px;
    background-color : white;
}
.head{
    margin-top : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-bottom : 0px;
    width : 100%;
    max-width : 836px;
    height : 90px;
}
.head img{
    width : 100%;
}
.adl{
    width : 100%;
    max-width : 824px;
    text-align : center;
    font-size : 12px;
    font-family : メイリオ, sans-serif;
    line-height : 18px;
    color : #4b4b4b;
    margin-top : 4px;
}
.tail{
    width : 100%;
    max-width : 836px;
    height : 22px;
    text-align : center;
    background-repeat : no-repeat;
    margin-top : 0px;
    background-color : white;
    border-bottom-width : 4px;
    border-bottom-style : solid;
    border-bottom-color : #669999;
}
.b{
    border-width : 1px 1px 1px 1px;
    border-style : solid solid solid solid;
    border-color : #7bc4a9 #7bc4a9 #7bc4a9 #7bc4a9;
}
.a{
    border-left-width : 1px;
    border-right-width : 1px;
    border-bottom-width : 1px;
    border-style : none solid solid solid;
    border-left-color : #7bc4a9;
    border-right-color : #7bc4a9;
    border-bottom-color : #7bc4a9;
}
.under{
    padding-top : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 0px;
    margin-top : 3px;
    max-width : 821px;
    height : 6px;
    margin-left : 3px;
    background-image : url(../img/under.gif);
    background-repeat : repeat-x;
    text-align : center;
}
.photo{
    margin-top : 0px;
    margin-left : 1px;
    width : 826px;
}
ul#navi2 {
    margin:0;
    padding-top : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 0px;
    list-style-type : none;
}
ul#navi2 li {
    margin: 0;
    padding : 0px 0px 0px 23px;
    float:left;
    list-style-type : none;
}
.day{
    margin-left : 14px;
    margin-top : 0px;
    padding-top : 0px;
    text-align : left;
}
.link{
    line-height : 22px;
    list-style-position : outside;
    list-style-image : url(../img/list4.gif);
}
.down{
    visibility : visible;
    position : static;
    z-index : 200;
}
#down{
    visibility : visible;
    position : static;
    z-index : 200;
}
p{
    padding-top : 4px;
    padding-left : 4px;
    padding-right : 4px;
    padding-bottom : 4px;
}


/* ************************************************ 
*   レスポンシブ
* ************************************************ */
/* PC 画面の横幅が960px以上 */
@media only screen and (min-width: 960px){

}

/* Tablet (Portrait) 画面の横幅が768px〜959pxまで */
@media only screen and (min-width: 768px) and (max-width: 959px) {
body{ background-image : none; }
.bg{ width : 766px; }
.under{ max-width : 745px; }
}

/* Mobile (Portrait) 画面の横幅が767pxまで */
@media only screen and (max-width: 767px) {
.bg{
width : 100%;
border-left-width: 0;
border-right-width: 0;
}
p{ font-size : 4vw; }
body{ background-image : none; }
.area {
width : 95%;
margin-top: 5px;
}
.tail{ height : auto; }
}