/* latest version 20082401 */

/* ************************************** *
 * common
 * ************************************** */
h3.tit-h3 { margin-top: 70px; padding-bottom: 15px; background: url('image/bg-line-black.gif') no-repeat 2px bottom; font-size: 23px; color: #111; letter-spacing: -0.075em;}
.link-box { display: table; margin: 20px auto 0;}
.link-box li { float: left; margin: 5px;}
.p-desc { padding: 25px 0 5px; background-position: left 7px; font-size: 19px; color: #111; letter-spacing: -0.05em; line-height: 1.5em; text-align: center;}
/* .p-desc { display: inline-block; border-bottom: solid 1px #666; padding: 0 0 5px 20px; margin-bottom: 7px; background: url('image/ico-check-black.png') no-repeat; background-position: left 7px; font-size: 17px; color: #111; letter-spacing: -0.05em; line-height: 1.5em;} */
/* list */
.bu-list { margin-top: 30px;}
.bu-list li { padding-left: 15px; margin-bottom: 7px; background: url('image/bu-list.gif') no-repeat; background-position: left 11px; font-size: 15px; color: #444; letter-spacing: -0.05em; line-height: 1.5em;}
/* tab */
.tab .tab-nav { width: 100%;}
.tab .tab-nav > li { float: left; margin: 0 1%; text-align: center;}
.tab .tab-colmn2 > li { width: 48%;}
.tab .tab-colmn3 > li { width: 31.33%;}
.tab .tab-colmn4 > li { width: 23%;}
.tab .tab-colmn5 > li { width: 18%;}
.tab-deps3.tab-sk .tab-nav { border-bottom: solid 1px #f48025;}
.tab-deps3.tab-kt .tab-nav { border-bottom: solid 1px #ee2b33;}
.tab-deps3.tab-lg .tab-nav { border-bottom: solid 1px #e4007e;}
.tab-deps1 .tab-nav,
.tab-deps2 .tab-nav { margin-bottom: 20px;}
.tab-deps1 .tab-nav > li button { display: block; width: 100%; line-height: 50px; border-radius: 50px; background: #fff; border: solid 2px #ed3f38; box-sizing: border-box; font-size: 15px; color: #222; letter-spacing: -0.05em;}
.tab-deps2 .tab-nav > li button { display: block; width: 100%; line-height: 46px; background: #666; box-sizing: border-box; font-size: 15px; color: #fff; letter-spacing: -0.05em;}
.tab-deps1 .tab-nav > li.on button,
.tab-deps2 .tab-nav > li.on button { background: #ed3f38; color: #fff;}
.tab-deps3 .tab-nav { margin-top: 40px; /*height: 46px;*/}
.tab-deps3 .tab-nav > li button { display: block; width: 100%; line-height: 45px; background: #eee; border: solid 1px #ccc; border-radius: 5px 5px 0 0; box-sizing: border-box; font-size: 15px; color: #222; letter-spacing: -0.05em;}
.tab-deps3.tab-sk .tab-nav > li button { border-bottom: solid 1px #f48025;}
.tab-deps3.tab-kt .tab-nav > li button { border-bottom: solid 1px #ee2b33;}
.tab-deps3.tab-lg .tab-nav > li button { border-bottom: solid 1px #e4007e;}
.tab .tab-nav > li button:hover { font-weight: bold;}
.tab-deps3 .tab-nav > li.on button { border-bottom: solid 1px #fff !important; background: #fff;}
.tab-deps3.tab-sk .tab-nav > li.on button { border: solid 1px #f48025; color: #f48025;}
.tab-deps3.tab-kt .tab-nav > li.on button { border: solid 1px #ee2b33; color: #ee2b33;}
.tab-deps3.tab-lg .tab-nav > li.on button { border: solid 1px #e4007e; color: #e4007e;}
.tab-deps3 .tab-con { clear: both; width: 100%;}
.deps1-select-m { width: 100%; box-sizing: border-box; padding: 0 15px; background: url('image/bg-select-arr.gif') no-repeat right 15px center; border: solid 2px #e4604c; line-height: 40px; margin-bottom: 20px; font-size: 15px;}
/*
.tab-deps3 .tab-con > li {display: none;}
.tab-deps3 .tab-con > li.on {display: block;}
*/
/* table */
.tbl-top { text-align: center; margin-top: 40px;}
.tbl-top thead th { padding: 17px 0; font-size: 14px; font-weight: bold; background: #f9f9f9; border: solid 1px #bbb; color: #111;}
.tbl-top.tbl-sk thead th.point { background: #ed3f38; font-size: 16px; color: #fff; border: solid 2px #ed3f38;}
.tbl-top.tbl-sk thead th.point2 { background: #ffdc1e; font-size: 16px; color: #000; border: solid 2px #ed3f38;}
.tbl-top.tbl-lg thead th.point { background: #e4007e; font-size: 16px; color: #fff; border-left: solid 2px #e4007e; border-right: solid 2px #e4007e;}
.tbl-top tbody td { font-size: 14px; padding: 12px 5px; border: solid 1px #bbb; color: #333; line-height: 1.5em;}
.tbl-top tbody th { font-size: 14px; padding: 12px 5px; border: solid 1px #bbb; background: #f3f3f3; font-weight: normal; color: #111; line-height: 1.5em;}
.tbl-top.tbl-sk tbody td.point { border-left: solid 2px #ed3f38; border-right: solid 2px #ed3f38; color: #ed3f38; font-weight: bold; font-size: 19px;}
.tbl-top.tbl-sk tbody td.point2 { border-left: solid 2px #ed3f38; border-right: solid 2px #ed3f38; color: #000; font-weight: bold; font-size: 19px;}
.tbl-top.tbl-lg tbody td.point { border-left: solid 2px #e4007e; border-right: solid 2px #e4007e; color: #e4007e; font-weight: bold; font-size: 19px;}
.tbl-top.tbl-sk tbody tr:last-child td.point { border-bottom: solid 2px #ed3f38;}
.tbl-top.tbl-sk tbody tr:last-child td.point2 { border-bottom: solid 2px #ed3f38;}
.tbl-top.tbl-lg tbody tr:last-child td.point { border-bottom: solid 2px #e4007e;}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
    h3.tit-h3 { margin-top: 50px; padding-bottom: 10px; background-size: 15px; font-size: 18px;}
    /* list */
    .bu-list { margin-top: 20px;}
    .bu-list li { padding-left: 10px; margin-bottom: 5px; background-position: left 8px; font-size: 13px;}
    /* tab */
    .tab .tab-nav > li button { font-size: 12px;}
    .tab-deps1 .tab-nav > li button { line-height: 34px;}
    .tab-deps2 .tab-nav > li button { line-height: 32px;}
    .tab-deps3 .tab-nav { /*height: 37px;*/ margin-top: 25px;}
    .tab-deps3 .tab-nav > li button { line-height: 36px;}

	.div-tbl { overflow-x: scroll; padding-bottom: 10px;}
	.div-tbl::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.3); -ms-box-shadow: inset 0 0 4px rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 4px rgba(0,0,0,.3); -o-box-shadow: inset 0 0 4px rgba(0,0,0,.3); box-shadow: inset 0 0 4px rgba(0,0,0,.3); border-radius: 10px; background-color: #f9f9f9;}
	.div-tbl::-webkit-scrollbar { height: 5px; background-color: #f9f9f9;}
	.div-tbl::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.3); -ms-box-shadow: inset 0 0 4px rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 4px rgba(0,0,0,.3); -o-box-shadow: inset 0 0 4px rgba(0,0,0,.3); box-shadow: inset 0 0 4px rgba(0,0,0,.3); background-color: #777;}


    .tbl-top { width: 450px; margin-top: 25px;}
    .tbl-top thead th { padding: 12px 0; font-size: 12px;}
    .tbl-top.tbl-sk thead th.point,
    .tbl-top.tbl-kt thead th.point,
    .tbl-top.tbl-lg thead th.point { font-size: 14px;}
    .tbl-top tbody td,
    .tbl-top tbody th { font-size: 12px; padding: 8px 5px;}
    .tbl-top.tbl-sk tbody td.point,
    .tbl-top.tbl-kt tbody td.point,
    .tbl-top.tbl-lg tbody td.point { font-size: 17px;}
    .div-tbl .tbl-top { margin-top: 0;}
}




/* ************************************** *
 * content
 * ************************************** */






    /* 0101-�λ縻 */
    .greeting li { float: left; width: 42%;}
    .greeting li:nth-of-type(2) { width: 50%; margin: 0 0 0 8%;}
    .greeting h3 { margin: 30px 0 50px; font-size: 40px; font-weight: 200; color: #111; letter-spacing: -0.075em; line-height: 1.2em;}
    .greeting p { font-size: 17px; color: #444; line-height: 1.8em;}
    .greeting p.p-sign { margin-top: 60px; font-size: 20px; text-align: right;}
    .greeting p.p-sign img { padding-left: 15px;}
    /* 0102-���� */
    .history { background: url('image/bg-history-line.gif') repeat-y; background-position: center top;}
    .history-list > li dl:after { content: ""; display: block; clear: both;}
    .history-list > li:nth-of-type(odd) dl { background: url('image/bg-history-dot-left.gif') no-repeat; background-position: center 15px;}
    .history-list > li:nth-of-type(even) dl { background: url('image/bg-history-dot-right.gif') no-repeat; background-position: center 15px;}
    .history-list > li dt { width: 45%; font-size: 32px; color: #111; letter-spacing: 0em;}
    .history-list > li:nth-of-type(odd) dt { float: left; margin-right: 5%; text-align: right;}
    .history-list > li:nth-of-type(even) dt { float: right; margin-left: 5%; text-align: left;}
    .history-list > li dd { width: 43%;}
    .history-list > li:nth-of-type(odd) dd { float: left; margin-left: 7%;}
    .history-list > li:nth-of-type(even) dd { float: left; margin-right: 7%; text-align: right;}
    .history-list > li strong { position: absolute; color: #b0b0b0; letter-spacing: 0;}
    .history-list > li:nth-of-type(odd) strong { left: 0;}
    .history-list > li:nth-of-type(even) strong { right: 0;}
    .history-list > li .year-list { padding-bottom: 60px;}
    .history-list > li:last-child .year-list { padding-bottom: 0;}
    .history-list > li .year-list li { position: relative; margin-bottom: 15px; font-size: 15px; color: #444; letter-spacing: -0.05em; line-height: 1.6em;}
    .history-list > li:nth-of-type(odd) .year-list li { padding-left: 50px;}
    .history-list > li:nth-of-type(even) .year-list li { padding-right: 50px;}
    /* 0104-ã�ƿ��ô±� */
    .location .top-location { width: 530px; margin: 0 auto 50px; background: #f7f7f7; border-top: solid 1px #333; border-bottom: solid 1px #333; text-align: center;}
    .location .top-location p { display: inline-block; padding: 25px 0 25px 110px; background: url('image/ico-location.png') no-repeat; background-position: left center; font-size: 17px; color: #222; line-height: 1.6em;}
    .location .btn-map { margin-top: 50px; text-align: center;}




/* ////////////////////////////////////////////////// notebook ���ܻ����� */
@media all and (min-width:991px) and (max-width:1200px) {
	/* 0102-���� */
    .history-list > li dt { width: 43%;}
    .history-list > li:nth-of-type(odd) dt { margin-right: 7%;}
    .history-list > li:nth-of-type(even) dt { margin-left: 7%;}

}





/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	/* 0101-�λ縻 */
	.greeting li { float: none; width: 100%;}
	.greeting li:nth-of-type(2) { width: 100%; margin: 60px 0 0;}

}





/* ////////////////////////////////////////////////// tablet */
@media all and (min-width:641px) and (max-width:990px) {
    /* 0101-�λ縻 */
    .greeting h3 .br-pc { display: block;}
	/* 0102-���� */
    .history-list > li dt { width: 40%;}
    .history-list > li:nth-of-type(odd) dt { margin-right: 10%;}
    .history-list > li:nth-of-type(even) dt { margin-left: 10%;}
}





/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* 0101-�λ縻 */
	.greeting h3 { margin: 30px 0; font-size: 28px;}
	.greeting p { font-size: 14px; line-height: 1.6em;}
	.greeting p.p-sign { margin-top: 40px; font-size: 17px;}
	.greeting p.p-sign img { padding-left: 10px;}
	/* 0102-���� */
    .history { background-position: 25% top;}
    .history-list > li:nth-of-type(odd) dl,
    .history-list > li:nth-of-type(even) dl { background: url('image/bg-history-dot.gif') no-repeat; background-position: 24.2% 8px;}
    .history-list > li dt { width: 23%; font-size: 22px;}
    .history-list > li:nth-of-type(odd) dt,
    .history-list > li:nth-of-type(even) dt { float: left; margin-left: 2%; margin-right: 0; text-align: left;}
    .history-list > li dd { width: 67%;}
    .history-list > li:nth-of-type(odd) dd,
    .history-list > li:nth-of-type(even) dd { float: left; margin-left: 7%; margin-right: 0; text-align: left;}
    .history-list > li:nth-of-type(even) strong { left: 0;}
    .history-list > li .year-list { padding-bottom: 40px;}
    .history-list > li .year-list li { margin-bottom: 10px; font-size: 13px;}
    .history-list > li:nth-of-type(odd) .year-list li,
    .history-list > li:nth-of-type(even) .year-list li { padding-left: 35px;}
    /* 0104-ã�ƿ��ô±� */
    .location .top-location { width: 100%; margin: 0 auto 30px;}
    .location .top-location p { padding: 80px 0 15px 0; background-position: center 20px; background-size: 60px; font-size: 14px;}
    .location .btn-map { margin-top: 30px;}
	.location .btn-map img { width: 130px;}

}