@charset "utf-8";

html, body {
    font-size: 12px;
    line-height: 18px;
}

body {
    background: #fff;
}

#wrapper {
    min-width: 100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#container_sky_box {
    min-width: 100%;
    width: 100%;
    height: 100%;
    background: url(../img/common/bg_02.png) no-repeat center 45px #003b4c;
    background-size: contain;
}

#container_box {
    position: relative;
    min-width: 100%;
    width: 100%;
    height: 100%;
}

#container {
    height: 100%;
    position: relative;
    z-index: 1;
    padding: 0px 0px 35px 0px;
    margin: 30px auto 0 auto;
    overflow: hidden;
    color: #FFF;
    font-size: 12px;
}

#header {
    background: url('../img/common/bkg-menu-top.png') transparent top left repeat-x;
    background-size: 1px 58px;
    min-height: 72px;
    position: relative;
    z-index: 2;
}

#header h1#logo {
    float: left;
    width: 46.6%;
}

#header p.h_yokoso {
    float: right;
    font-size: 9px;
    line-height: 1;
    padding-top: 6px;
    padding-right: 10px;
    width: 40%;
}

#header .menu {
    position: absolute;
    right: 15px;
    top: 29px;
}

#header .menu ul {
    overflow: hidden;
}

#header .menu ul li,#header .menu-options ul li {
    float: left;
    padding-left: 8px;
}

#header .menu ul li:last-child {
    padding-top: 1px;
}

#header .menu-options {
    position: absolute;
    right: 15px;
    top: 75px;
    z-index: 101;
}

#header .menu-options ul {
    overflow: hidden;
}

#footer {
    width: 100%;
    background-color: #ffffff;
}

#footer .footer_inner {
    width: 290px;
    margin: 0 auto;
}

#main_menu {
    position: absolute;
    width: 270px;
    height: 100%;
    top: 0;
    right: -270px;
    background-color: #d4d4d4;
    text-align: left;
}

#main_menu #menu_inner {
    width: 240px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

#main_menu #menu_top {
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #999999;
}

#main_menu #menu_top li:first-child {
    float: left;
}

#main_menu #menu_top li:last-child {
    float: right;
}

#main_menu #menu_list {
    overflow: hidden;
}

#main_menu #menu_list li {
    font-size: 12px;
    border-bottom: 1px solid #999999;
    background: url(../img/common/arrow_menu.png) 98% center no-repeat;
    background-size: 8px 12px;
}

#main_menu #menu_list li a {
    color: #4b4b4b;
    padding: 12px 12px 12px 0;
    text-decoration: none;
}

#header_inner {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

#header_inner.logged {
    height: 110px;
}

#fukidashi {
    width: 145px;
    display: table;
    background-color: #facc1b;
    border-radius: 4px;
    position: absolute;
    bottom: -38px;
    right: 8px;
    display: none;
    z-index: 100;
}

#fukidashi li {
    display: table-cell;
    font-size: 12px;
}

#fukidashi li a {
    padding: 12px;
    text-decoration: none;
}

#fukidashi li+li {
    border-left: 1px solid #212126;
}

#fukidashi:after {
    content: "";
    position: absolute;
    top: -22px;
    right: 5px;
    border: 15px solid transparent;
    border-bottom: 14px solid #facc1b;
}

#footer #footer_btn {
    padding-top: 12px;
    overflow: hidden;
}

#footer #footer_btn li {
    font-size: 12px;
    border-bottom: 1px dashed #1a1a1a;
    background: url(../img/common/arrow_menu.png) 98% center no-repeat;
    background-size: 8px 12px;
}

#footer #footer_btn li a {
    padding: 12px;
    text-decoration: none;
}

#footer #footer_link {
    padding-top: 18px;
    padding-left: 12px;
    overflow: hidden;
}

#footer #footer_link li {
    float: left;
}

#footer #footer_link li a {
    display: inline;
}

#footer #footer_link li+li {
    margin-left: 15px;
}

#footer #footer_bnr ul {
    padding-top: 15px;
    padding-bottom: 10px;
    overflow: hidden;
}

#footer #footer_bnr li:first-child {
    float: left;
}

#footer #footer_bnr li:last-child {
    float: right;
}

#footer #footer_bnr p {
    text-align: center;
}

#footer #footer_bnr p a {
    display: inline;
}

#footer #footer_menu {
    padding-top: 18px;
    padding-bottom: 15px;
    overflow: hidden;
    text-align: center;
}

#footer #footer_menu li {
    font-size: 8px;
    display: inline;
}

#footer #footer_menu li a {
    display: inline;
}

#footer #footer_sns {
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
}

#footer #footer_sns ul {
    padding-top: 25px;
    padding-bottom: 20px;
    overflow: hidden;
    text-align: center;
    width: 160px;
    margin: 0 auto;
}

#footer #footer_sns li {
    width: 75px;
    float: left;
}

#footer #footer_sns li+li {
    padding-left: 10px;
}

#footer #footer_bottom {
    height: 66px;
    background: url('../img/common/bgk_footer.gif') transparent top left repeat-x;
    background-size: 1px 66px;
}

#footer #footer_bottom ul {
    padding-top: 5px;
    overflow: hidden;
}

#footer #footer_bottom ul li:first-child {
    float: left;
}

#footer #footer_bottom ul li:last-child {
    float: right;
    text-align: right;
    font-size: 10px;
}

#footer #footer_bottom ul li:last-child p {
    padding-top: 20px;
}

#header a, #footer a {
    color: #1a1a1a;
}

.arrowLink {
    padding-right: 10px;
}

.arrowLink a {
    color: #1A1A1A;
    font-size: 12px;
}

.arrowLink span {
    color: #000000;
    font-size: 10px;
    padding-right: 5px;
}

.holder {
	width: 290px;
	margin: 0 auto;
}

.box { margin: 25px 0 0; }

.inner {
	margin: 15px 0 0;
	padding: 10px 10px 20px;
	background: url(../img/common/bg.png) repeat 0 0;
	border: 1px solid #1a6270;
}

.inner-box { padding: 5px; }

.title { text-align: center; }

.heading {
    width: 290px;
    height: 26px;
    padding: 0;
    background: url(../img/common/bg_heading.png) 0 100% no-repeat;
    background-size: 290px 18px;
}



/* BASE LAYOUT 
--------------------------------------------------------------------*/

#pankuzu {
    margin: 25px 0;
    width: 100%;
    clear: both;
}

#pankuzu li {
    display: inline;
    margin-right: 2px;
    color: #fff;
}

#pankuzu li a {
    background: url(../../img/common/arrow.png) no-repeat right 5px;
    padding-right: 13px;
}

.boxContainer {
    width: 880px;
    margin: 50px auto;
    color: #fff;
}

h3 {
/*
    background: url(/img/common/title-icone.gif) no-repeat 10px center;
    padding-left: 33px;
*/
}

p#mypagehelp {
    position: absolute;
    left: 10px;
    top: 78px;
}

p#mypagehelp a {
    color: #fff;
    text-decoration: underline;
    font-size: 9px;
}

.returnTop {
    margin-top: 20px;
}

.returnTop a {
    float: right;
}

#whats1kara, #guide {margin-bottom:35px;}
#guide img.step {width:100%;}
#zoneContent img.foreign{width:100%;}
#whats1kara img.foreign{width:100%;}
#foreign_menu{margin:0 auto 20px; width: 290px;}
#foreign_menu ul li{margin-bottom:10px;}
#foreign_menu ul li img{width:100%;}


#main_menu .foreign {margin-top:25px;}
#main_menu .foreign li a {color:#4B4B4B; line-height:2;}
#main_menu .foreign li a i {padding-right:7px;}