@charset "Shift_JIS";
/* -----------------------------------------------------
	01. Kill Browser Default
----------------------------------------------------- */
/*サイドメニュー
---------------------------------------------------------------------------*/
.side {
    float : left;
    width : 157px;
    padding-bottom : 0px;
    padding-top : 0px;
    padding-left : 0px;
    padding-right : 0px;
    bottom : auto;
    right : auto;
    background-color : white;
    list-style-type : none;
}
ul.sidemenu {
    font-size : 12px;
    font-family : メイリオ, sans-serif;
    bottom : auto;
    right : auto;
    padding-top : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 0px;
    margin-left : 0px;
    margin-top : 0px;
    width : 157px;
    margin-right : 0px;
    margin-bottom : 0px;
    list-style-type : none;
}
ul.sidemenu li {
    border-bottom : 1px dashed #dcffdc;
    bottom : auto;
    right : auto;
    width : 157px;
    border-right-width : 1px;
    border-right-style : solid;
    border-right-color : #7bc4a9;
    margin-top : 0px;
    margin-bottom : 0px;
    list-style-type : none;
}
ul.sidemenu a {
    color : #3c3c3c;
    text-decoration: none;
    display: block;
    width : 141px;
    padding-left : 16px;
    line-height : 24px;
    background : url(../img/side_off.gif) no-repeat;
    height : 24px;
    overflow: hidden;
    bottom : auto;
    right : auto;
    list-style-type : none;
    padding-top : 0px;
}
ul.sidemenu a:hover {
    background : url(../img/side_on.gif) no-repeat;
    bottom : auto;
    right : auto;
    color : #b41e00;
    list-style-type : none;
}
ul.sidemenu #current {
    background : url(../img/side_link.gif) no-repeat;
}
.sidetitle{
    text-align : center;
    font-weight : bold;
    margin-top : 0px;
    font-size : 13px;
    font-family : メイリオ, sans-serif;
    color : white;
    background-color : #a2242e;
    height : 24px;
    padding-top : 1px;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 1px;
    margin-left : 0px;
    margin-right : 0px;
    margin-bottom : 0px;
    border-width : 1px 1px 1px 1px;
    border-style : solid solid solid solid;
    border-color : #7bc4a9 #7bc4a9 #7bc4a9 #7bc4a9;
    width : 156px;
    bottom : auto;
    right : auto;
    letter-spacing : 2px;
}

/* -----------------------------------------------------
	02. Base Style
----------------------------------------------------- */
.text1{
    text-align : left;
    margin-left : 10px;
    width : 660px;
    margin-top : 8px;
}
.text2{
    text-align : left;
    margin-left : 6px;
    width : 822px;
    margin-top : 10px;
}
.text3{
    text-align : left;
    margin-left : 0px;
    width : 830px;
    margin-top : 10px;
}

.font1{
    font-size : 13px;
    font-family : メイリオ, sans-serif;
    color : #3c3c3c;
}
.font2{
    font-size : 13px;
    font-family : メイリオ, sans-serif;
    color : #3c3c3c;
}
.font3{
    font-size : 11px;
    font-family : Arial;
    color : #3c3c3c;
    padding-top : 6px;
}
.font4{
    font-size : 11px;
    font-family : メイリオ, sans-serif;
    color : #5a5a5a;
    text-align : right;
    line-height : 11px;
}
.font5 {
    font-size : 14px;
    font-family : メイリオ, sans-serif;
    color : #5a5a5a;
    line-height : 20px;
    margin-left : 100px;
}
.font6{
    font-size : 13px;
    font-family : メイリオ, sans-serif;
    color : #3c3c3c;
    padding-top : 4px;
}
.font7{
    font-size : 12px;
    font-family : Arial;
    color : #3c3c3c;
    line-height : 14px;
}
.subtitle{
    color : #3c3c3c;
    font-weight : bold;
    line-height : 18px;
    font-family : メイリオ, sans-serif;
    margin-top : 10px;
    margin-left : 6px;
    margin-bottom : 0px;
    background-image : url(../img/page_title_2.gif);
    background-repeat : no-repeat;
    background-position : left center;
    padding-left : 12px;
    background-color : #cce6c5;
    padding-top : 7px;
    padding-bottom : 2px;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : #7bc4a9;
    border-right-width : 1px;
    border-right-style : solid;
    border-right-color : #7bc4a9;
    border-top-width : 1px;
    border-top-style : solid;
    border-top-color : #7bc4a9;
    letter-spacing : 1px;
}
.subtitle2{
    color : #57572d;
    font-weight : bold;
    line-height : 18px;
    font-family : メイリオ, sans-serif;
    margin-top : 10px;
    margin-left : 6px;
    margin-bottom : 0px;
    background-image : url(../img/list3.gif);
    background-repeat : no-repeat;
    background-position : left 4px;
    padding-left : 12px;
    padding-top : 7px;
    padding-bottom : 1px;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : #7bc4a9;
    border-right-width : 1px;
    border-right-style : solid;
    border-right-color : #7bc4a9;
    border-top-width : 1px;
    border-top-style : solid;
    border-top-color : #7bc4a9;
}

.title{
    position : static;
    width : 665px;
    margin-left : 6px;
}
.title img{ width : 100%; }

h4{
    font-family : メイリオ, sans-serif;
}
h3{
    font-family : メイリオ, sans-serif;
}
p{
    margin-top : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-bottom : 0px;
    padding-top : 4px;
    padding-left : 4px;
    padding-right : 4px;
    padding-bottom : 4px;
}
.side_back{
    background-image : url(../img/side_back.jpg);
    background-repeat : no-repeat;
    background-position : left 118px;
}
.side_back1{
    background-image : url(../img/side_back.jpg);
    background-repeat : no-repeat;
    background-position : left 94px;
}
.side_back2{
    background-image : url(../img/side_back.jpg);
    background-repeat : no-repeat;
    background-position : left 71px;
}
#side_back0{
    background-image : url(../img/side_back.jpg);
    background-repeat : no-repeat;
    background-position : left top;
    border-top-width : 1px;
    border-top-style : solid;
    border-top-color : #7bc4a9;
}
#side_back{
    background-image : url(../img/side_back.jpg);
    background-repeat : no-repeat;
    background-position : left 118px;
}
#side_back1{
    background-image : url(../img/side_back.jpg);
    background-repeat : no-repeat;
    background-position : left 94px;
}
#side_back2{
    background-image : url(../img/side_back.jpg);
    background-repeat : no-repeat;
    background-position : left 70px;
}
#side_back3{
    background-image : url(../img/side_back.jpg);
    background-repeat : no-repeat;
    background-position : left 46px;
}
.sub {
    width : 836px;
    margin-top : 0px;
    margin-bottom : 0px;
    margin-left : 0px;
    margin-right : 0px;
    border: none;
    text-algin: center;
    position : static;
    bottom : inherit;
}
.tab1 {
    width : 158px;
    margin : 0px 0px 0px 0px;
    float: left;
    text-algin: left;
    background-repeat : no-repeat;
    height : 480px;
}
.tab2 {
    width : 670px;
    border:none;
    margin : 0px 0px 0px 0px;
    float: left;
    text-algin: left;
    bottom : inherit;
    position : inherit;
}


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

}

/* Tablet (Portrait) 画面の横幅が768px〜959pxまで */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.sub { width : 100%; }
.tab2 {
width: 590px;
margin: 0px 0px 0px 10px;
}
.title{
    width : 100%;
    margin-left : 0;
}
.text1{
    width : 100%;
    margin-left : 0;
    margin-top : 15px;
}

}

/* Mobile (Portrait) 画面の横幅が767pxまで */
@media only screen and (max-width: 767px) {
.side { width : 100%; }
.sidetitle {
width : 100%;
    font-size: 4.5vw;
    height: auto;
    padding-top: 5px;
    padding-bottom: 3px;
    letter-spacing: 2px;
}
ul.sidemenu {
    font-size : 4.5vw;
    width : 100%;
}
ul.sidemenu li {
    width : 100%;
    border-right-width : 0px;
    border-right-style : none;
}
ul.sidemenu a {
    width : calc(100% - 16px);
    padding : 5px 0 3px 16px;
    line-height : 180%;
    height : auto;
background-position-y: 8px;
}
ul.sidemenu a:hover {
    color: #3c3c3c;
background : url(../img/side_off.gif) no-repeat;
background-position-y: 8px;
}
ul.sidemenu #current {
    background : url(../img/side_link.gif) no-repeat;
background-position-y: 8px;
background-color: #f0d7e1;
}
.sub {
    width : 100%;
    bottom : inherit;
}
.tab1 {
    width : 100%;
    height : auto;
}
.tab2 {
    width : 100%;
    bottom : inherit;
    position : inherit;
}
.title{
    width : 100%;
    margin-left : 0;
}
.text1{
    width : 100%;
    margin-left : 0;
    margin-top : 15px;
}
.subtitle{
    line-height : 5vw;
    margin-top : 10px;
    margin-left : 0;
    margin-bottom : 0px;
    padding-left : 12px;
    padding-top : 7px;
    padding-bottom : 2px;
}
.subtitle2{
    font-size : 4.5vw;
    margin-top : 10px;
    margin-left : 0;
    margin-bottom : 0px;
    padding-left : 12px;
    padding-top : 7px;
    padding-bottom : 5px;
background-position: top 6px left 0px;
}
}