@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
}
img {
    border: 0;
}
html {
    -webkit-text-size-adjust: 100%;
    height: 100%;
}
ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
 display: none;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 1;
    overflow: hidden;
}
.clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
}
.sp {
    display: none;
}
.pc {
    display: block;
}
body {
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", Osaka, Verdana, "ＭＳ Ｐゴシック", sans-serif;
    text-align: center;
    margin: 0 auto;
    background-color: #fff;
    height: 100%;
    color: #000;
}
@font-face {
    font-family: 'ZurichBT-RomanCondensed';
    src: url('webfonts/32D39D_0_0.eot');
    src: url('webfonts/32D39D_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/32D39D_0_0.woff2') format('woff2'), url('webfonts/32D39D_0_0.woff') format('woff'), url('webfonts/32D39D_0_0.ttf') format('truetype');
}
a {
    color: #4a43c8;
    text-decoration: underline;
}
a:hover {
    text-decoration: underline;
    color: #69F;
}
#contents {

    margin: 0px auto;
    padding: 0px 1% 0px 1%;
}
/* header
-----------------------------------------------*/

#header_base {

	position: relative;
    text-align: center;
    max-width: 900px;
    height: 110px;
    margin: 10px auto;
background: url(../img/head2018.jpg) center center / 900px 110px no-repeat ;
			    overflow: hidden;
	border-radius: 4px 
}
#logo_at {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 70px;
    height: 70px;
}
#logo_at img {
   width: 70px;
    height: 70px
}
#logo_at_type {
    position: absolute;
    top: 50px;
    right:10px;
    width: 180px;
    height: 16px;
}
#logo_at_type img {
    width: 180px;
    height: 16px;
}


#title {
	position: absolute;
	   top: 31px;
    left:110px;
    font-size: 110%;
    color: #fff;
	text-align: left;
    padding: 0px 0px 0px 10px;
    line-height: 24px;
letter-spacing: 0.05em;
    font-family: ZurichBT-RomanCondensed;
    font-feature-settings : "palt";
}


/* ctn
-----------------------------------------------*/





#ctn {
    clear: both;
    text-align: left;
    max-width: 900px;
    margin: 0px auto;
}
ul.tab {
    padding: 0;
    margin: 0px auto 0px auto;
	    max-width: 900px;
	   height: 53px;
background: rgb(107,107,107);
background: -moz-linear-gradient(top, rgba(107,107,107,1) 0%, rgba(170,170,170,1) 100%);
background: -webkit-linear-gradient(top, rgba(107,107,107,1) 0%,rgba(170,170,170,1) 100%);
background: linear-gradient(to bottom, rgba(107,107,107,1) 0%,rgba(170,170,170,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#aaaaaa',GradientType=0 );
	    overflow: hidden;
	border-radius: 4px 4px 0px 0px
}
ul.tab li.en {
    list-style-type: none;
    width: 31.3%;
    height: 43px;
   font-size: 120%;
    float: left;
line-height: 50px;
	margin:10px 0.5% 5px 1.5%;

	    text-align:center;
    overflow: hidden;
	font-weight: bold;
}

ul.tab li.jp {
    list-style-type: none;
    width: 31.3%;
    height: 43px;
   font-size: 120%;
    float: left;
line-height: 50px;
	margin:10px 1% 5px 1%;

	    text-align:center;
    overflow: hidden;
	font-weight: bold;
}
ul.tab li.ch {
    list-style-type: none;
    width: 31.3%;
    height: 43px;
   font-size: 120%;
    float: left;
line-height: 50px;
	margin:10px 1.5% 5px 0.5%;

	    text-align:center;
    overflow: hidden;
	font-weight: bold;
}
ul.tab .en a,ul.tab .jp a,ul.tab .ch a {
   
    display: block;
color:#38356e;
	text-decoration: none;
	background-color: #bfbfbf;
		border-radius: 4px 4px 0px 0px
}

ul.tab .en a:hover,ul.tab .jp a:hover,ul.tab .ch a:hover  {
    display: block;
color:#38356e;
	text-decoration: none;
	background-color: #ededed;
		border-radius: 4px 4px 0px 0px

}

ul.tab .en a.selected,ul.tab .jp a.selected,ul.tab .ch a.selected  {

    display: block;
color:#38356e;
	text-decoration: none;
	background-color: #ededed;
		border-radius: 4px 4px 0px 0px

}

ul.pannel {
    clear: both;
    max-width: 900px;
    margin: 0px auto 0px auto;
}
ul.pannel li {
    list-style-type: none;
    padding-bottom: 0px
}
.bg_01 {
    clear: both;
    max-width: 900px;
    background: url(../img/bg_01.jpg) repeat-x;
}
.bg_02 {
    max-width: 900px;
    background: url(../img/bg_02.jpg) no-repeat bottom;
}
#tab1 dt {
    padding-top: 6px;
    color: #009999;
}
#tab2 dt {
    padding-top: 6px;
    color: #6633CC;
}
.veu {
    clear: both;
    text-align: left;
    width: 100%;
    margin: 10px auto 0px auto;
    border: 1px solid #999;
}
.t_blt {
    font-size: 90%;
    color: #4a43c8;
    padding: 26px 20px 4px 20px;
    line-height: 21px;
    font-weight: bold;
}
.t_bl {
    font-size: 90%;
    color: #4a43c8;
    padding: 8px 20px 4px 20px;
    line-height: 21px;
}
.t_ad {
    font-size: 80%;
    line-height: 20px;
    color: #000;
    padding: 8px 20px 16px 20px;
}
.conf {

    width: 100%;
    font-size: 80%;
    line-height: 20px;
    color: #fff;
    font-weight: bold;
    background-color: #777;
}
.t_name {
    line-height: 20px;
    width: 100%;
    font-size: 90%;
    color: #4a43c8;
    font-weight: bold;
    background: #f0f0f0;
}
.txt_shift {
    padding: 10px 20px 10px 20px;
}
.t_address {
    font-size: 80%;
    line-height: 20px;
    color: #000;
    padding: 12px 20px 8px 20px;
}
.t_national {
    float: left;
    width: 100%;
    font-size: 80%;
    color: #000;
    margin: 4px 0px 12px 0px;
    padding: 8px 0px 8px 10px;
    border-bottom: 1px solid #999;
    font-weight: bold;
}
.t_box {
    width: 47%;
    display: inline-block;
    vertical-align: top;
    margin: 0px 1% 5px 1%;
}
.t_address02 {
    float: left;
    font-size: 80%;
    line-height: 20px;
    color: #000;
    padding: 0px 20px 8px 10px;
}
.t_address_n {
    float: left;
    font-size: 65%;
    line-height: 16px;
    color: #000;
    padding: 0px 20px 8px 10px;
}
.t_anc {
    float: left;
    width: 97%;
    font-size: 90%;
    color: #000;
    margin: 10px 2% 12px 1%;
    padding: 0px 0px 6px 10px;
    border-bottom: 1px solid #999;
    font-weight: bold;
}
/* footer
-----------------------------------------------*/

#footer {
    clear: both;
    text-align: center;
    max-width: 900px;
    padding: 20px 0px 0px 0px;
    margin: 20px auto 0px auto;
    height: 50px;
}
#footer_elements {
    clear: both;
    max-width: 900px;
    height: 70px;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 6px auto 12px auto;
    border-top: 1px solid #ccc;
}
#copyright {
    float: left;
    text-align: left;
    padding: 18px 0px 0px 0px;
    font-size: 70%;
    font-style: normal;
    color: #666;
}
#p_top {
    float: right;
    text-align: center;
    color: #333;
    width: 100px;
    padding: 3px 6px 3px 6px;
    font-size: 70%;
    font-style: normal;
    display: block;
    background-color: #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 16px 0px 0px 0px;
}
#clear {
    clear: both;
    margin: 0 auto;
    padding: 0;
}