@charset "utf-8";

#language span
{
    cursor: pointer;
    font-size: 12px;
    padding-top: 9px;
    height: 34px;
    display: block;
}

/* ----- 接続ボタン ------- */
#btn_connect
{
    text-align: center;
    height: 54px;
    width: 285px;
    margin: 5px auto 9px;
}
#btn_connect a
{
    display: block;
    font-weight: bold;
    width: 285px;
    height: 40px;
    font-size: 17px;
    padding-top: 15px;
}
@media screen and (min-width : 640px)
{
    #btn_connect
    {
        height: 65px;
        width: 380px;
        margin: 3px auto 12px;
    }
    #btn_connect a
    {
        width: 380px;
        height: 40px;
        padding-top: 21px;
        font-size: 20px;
    }
}

/* ----- 背景 ------- */
body
{
    background: url(../img/bg_footer.png) repeat #eaeaea;
    background-size: 3px 3px;
}
#wrap
{
    background: url(../img/bg_main.png) repeat #eaeaea;
    background-size: 3px 3px;
    border-bottom: 1px solid #d6d6d6;
    box-shadow: 0 1px 0 #fff;
}

/* ----- 言語切替 ------- */
#language
{
    /* background: #1d1c1c; */
}
#language ul
{
}
#language span
{
    /*color: #111;*/
    color: #333;
    text-shadow: 0 0px 0 #000;
/*    border-left: 1px solid #707070; */
/*    border-right: 1px solid #000; */

    border-left: 1px solid #FFF;
    border-right: 1px solid #999;

}
#language span.tapStyle
{
    background: #303030;
    color: #f5edcc;
}

/* ----- レイアウト ------- */
#main
{
    background: #fff;
    border: 1px solid #d1d1d1;
    box-shadow: 0 0 3px #dfdfdf inset;
}

/* ----- 接続ボタン ------- */
#btn_connect
{
    background: url(../img/bg_btn_01.png) no-repeat;
    background-size: 285px 54px;
}
#btn_connect a
{
    color: #fff;
    text-shadow: 0 -1px 0 #0a135a;
}
#copyright
{
    color:#333;
}
@media screen and (min-width : 640px)
{
    #language ul
    {
        /* border: 1px solid #1d1c1c; */
    }
    #btn_connect
    {
        background: url(../img/bg_btn_01.png) no-repeat;
        background-size: 380px 65px;
    }
    #language .langLast span
    {
        border-right: 1px solid #FFF;
        border: none;
    }
}

/* ------- 条件 ------- */
.stList li
{
    background: url(../img/arrow01.png) no-repeat;
    background-position: 0px 4px;
    background-size: 7px 7px;
}
 @media screen and (min-width : 640px)
 {
    .stList li
    {
        background-position: 0px 5px;
        background-size: 10px 10px;
    }
}

/* ------- 提供エリアページ ------- */
.bottomPage .stList li
{
    background: url(../img/arrow01.png) no-repeat;
    background-size: 7px 7px;
    line-height: 1.9;
    border-bottom: 1px solid #CCC;
    background-position: 0px 9px;
    font-size: 14px;
    padding-left: 12px;
}
@media screen and (min-width : 640px)
{
    .bottomPage .stList li
    {
        background-position: 0px 8px;
        background-size: 9px 9px;
        font-size: 15px;
        padding-left: 18px;
    }
}

/* ----- バナーエリア ------- */
#main + .bnrArea,
#main + .linkArea,
#main + .bnrArea + .linkArea
{
    border-top: 1px solid #d6d6d6;
    box-shadow: 0 1px 0 #fff inset;
}

/* ----- リンクエリア ------- */
.linkArea li
{
    border: 1px solid #d6d6d6;
    background: #fff;
}
.linkArea li a
{
    color: #202020;
}
.linkArea li a.tapStyle
{
    background-color: rgba(0,51,102,0.1);
}
.linkArea li.enquete a
{
    background: url(../img/icon_enquete.png) 10px center no-repeat;
    background-size: 32px 29px;
}
.linkArea li.enquete a.tapStyle
{
    background: url(../img/icon_enquete.png) 10px center no-repeat rgba(0,51,102,0.1);
    background-size: 32px 29px;
}
.linkArea li.area a
{
    background: url(../img/icon_area.png) 10px center no-repeat;
    background-size: 32px 29px;
}
.linkArea li.area a.tapStyle
{
    background: url(../img/icon_area.png) 10px center no-repeat rgba(0,51,102,0.1);
    background-size: 32px 29px;
}
.linkMini
{
    border:none;
}
.linkMini li
{
    backgdound: #fff;
    border: 1px solid #c1c1c1;
}
.linkMini li a
{
    background: url(../img/arrow01.png) 10px 15px no-repeat;
    background-size: 10px 10px;
}

.linkBack
{
    border: 1px solid #ababab;
}
.linkBack a
{
    background: url(../img/arrow_back.png) 5px center no-repeat #fafafa;
    background-size: 10px 11px;
    color: #202020;
}
.linkBack a.tapStyle
{
    background: url(../img/arrow_back.png) 5px center no-repeat rgba(0,51,102,0.1);
    background-size: 10px 11px;
}
.totop
{
    background: url(../img/bg_footer.png) repeat #eaeaea;
    background-size: 3px 3px;
}
@media screen and (min-width : 640px)
{
    .linkMini li a
    {
        background: url(../img/arrow01.png) 10px 14px no-repeat;
        background-size: 11px 11px;
    }
}

/* ----- 下層ページ ------- */
.bottomPage #header
{
    background-color: #F4F4F4;
    border-bottom: 1px solid #CCCCCC;
}
.bottomPage h2
{
    background: #45454d;
    color: #fff;
    border-bottom: 2px solid #ec8f00;
}
.bottomPage h3
{
    color: #666;
}
.bottomPage h4
{
    color: #666;
    border-bottom: 2px solid #aaa;
}

/* ----- 多言語対応 9言語以上------- */

#header
{
    background: url(../img/bg_main.png) repeat #FFF;
    box-shadow: 0 3px 3px #E1E1E1;
    position:relative;
}

/* #language
{
    float:right;
} */

#language ul
{
    background:#ffffff;
    border-left:1px solid #c9c9c9;
    border-right:1px solid #c9c9c9;
    border-bottom:1px solid #c9c9c9;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 1px 4px #cfcfcf;
    background-image: -moz-linear-gradient(top, #ffffff, #e9e9e9);
    background-image: -ms-linear-gradient(top, #ffffff, #e9e9e9);
    background-image: -o-linear-gradient(top, #ffffff, #e9e9e9);
    background-image: -webkit-linear-gradient(top, #ffffff, #e9e9e9);
    background-image: linear-gradient(top, #ffffff, #e9e9e9);
    /* margin-bottom:15px; */
}

:root #language ul
{
    border-radius: 0px 0px 0px 0px \0/;
}
.lang2
{
    /* width:266px; */
    width:640px;
    margin: 0 auto;
}
.lang3
{
    /* width:403px; */
    width:640px;
    margin: 0 auto;
}
.lang4
{
    width:640px;
    margin: 0 auto;
}
.lang5
{
    width:640px;
    margin: 0 auto;
}

#language ul li
{
    font-size:14px;
    /* border-right:1px solid #c9c9c9; */
    border-bottom:1px solid #cdcdcd;
    line-height:1.2;
}
#language ul li:last-child
{
    border-right:none;
}
#language ul li a
{
    color:#282828;
    min-height:40px;
    padding-top:10px;
}
#language ul li a.tapStyle
{
    background:#e9e9e9;
    border-radius: 0px 0px 10px 10px;
}

.lang99
{
    position:relative;
    width:200px;
    margin-bottom:20px;
    float:right;
}

.lang99 ul
{
    display:none;
    position:absolute;
    top:44px;
    left:0;
    width:100%;
    height:auto;
    z-index: 1000;
}

#langHead
{
    display:none;
}

.lang99 #langHead
{
    display:block !important;
}

.lang99 li
{
    float:none !important;
}

#langHead
{
    font-weight:bold;
    position:relative;
}

#langHead a
{
    background:#ee9b01;
    display:block;
    color:#fff;
    height:44px;
    padding-top:12px;
    box-shadow: 0px 1px 3px #cfcfcf;
}

#language p a:after
{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 11px;
    height: 7px;
    margin-top: -4px;
    background: url(../img/arrow_down.png) no-repeat 0 0 ;
    -webkit-background-size: 11px 7px;
    background-size: 11px 7px;
}

#language p.active a:after
{
    background: url(../img/arrow_up.png) no-repeat 0 0 ;
    -webkit-background-size: 11px 7px;
    background-size: 11px 7px;
}

#langHead a.tapstyle
{
    background:#eaeaea;
}

.lang99 li a
{
    min-height:28px !important;
    height:44px !important;
    padding-top:12px !important;
    border-bottom:1px solid #ddd;
}

@media screen and (max-width : 640px)
{
    .lang99
    {
        width:100%;
    }

    #langHead a
    {
        border-bottom:1px solid #cdcdcd;
    }

    .lang99 li a
    {
        border-bottom:1px solid #000;
    }
    #language
    {
        width:100% !important;
        /* margin-bottom:10px; */
    }

    #language ul
    {
        background:#ffffff;
        border-left:1px solid #c9c9c9;
        border-right:1px solid #c9c9c9;
        border-bottom:1px solid #c9c9c9;
        border-radius: 0px 0px 10px 10px;
        box-shadow: 0px 1px 4px #cfcfcf;
        background-image: -moz-linear-gradient(top, #ffffff, #e9e9e9);
        background-image: -ms-linear-gradient(top, #ffffff, #e9e9e9);
        background-image: -o-linear-gradient(top, #ffffff, #e9e9e9);
        background-image: -webkit-linear-gradient(top, #ffffff, #e9e9e9);
        background-image: linear-gradient(top, #ffffff, #e9e9e9);
        /* margin-bottom:15px; */

    }
    #language ul li
    {
        /*border-right:1px solid #484646;*/
        border-bottom:1px solid #cdcdcd;
        line-height:1.2;
    }
    #language ul li:last-child
    {
        border-right:none;
    }
    #language ul li a
    {
        color:#fff;
        height:50px;
        padding-top:15px;
    }
    #language ul li.line2 a
    {
        padding-top:7px;/*中国語など2行*/
    }
    #language ul li a.tapStyle
    {
        background:#003c6a;
        border-radius: 0px;
    }
}

/*--------------------------------
 baggage
--------------------------------*/

#baggage{
	background:#d12e39;
	border-radius:6px;
	color:#fff;
	padding:10px;
	margin:10px;
	text-align:center;
}

#baggage li{
	background-image:none;
	padding:0;
	text-align:center;
}

#baggageBtn {
	margin-top:15px;
}

#baggageBtn p{
}

#baggageBtn a{
	display:block;
	border-radius:6px;
	border:1px solid #ccc;
	background-image: -moz-linear-gradient(top, #f8f8f6, #e1e0de);
	background-image: -ms-linear-gradient(top, #f8f8f6, #e1e0de);
	background-image: -o-linear-gradient(top, #f8f8f6, #e1e0de);
	background-image: -webkit-linear-gradient(top, #f8f8f6, #e1e0de);
	background-image: linear-gradient(top, #f8f8f6, #e1e0de);
}


/* ----- 多言語対応 9言語以上------- */