/** (2)LAYOUT
==========================================================================**/

/*WEB全体の背景色*/
/*ヘッダー部分の背景色*/
.bg-01 {
    background: #DADADA;
}

/*フッター部分の背景色*/
/*メニュー文字色*/

#contents_body {
    background-color: #000;
}


.yellow:after {
    background: #f4ec5a;
}

.blue:after {
    background: #00a1cb;
}

.green:after {
    background: #19dd89;
}

.pink:after {
    background: #d31996;
}

.pink2:after {
    background: #FFC1F5;
}

.text_black {
    color: #000;
}

.fontred {
    color: #ff0000;
}

.fontred_b {
    color: #ff0000;
    font-weight: bold;
}

.fontred_bb {
    color: #ff0000;
    font-weight: bold;
    font-size: 19px;
}

.fontblue {
    color: #3D78A8;
}


.contents_title {
    color: #2EEFCA;
}

.contents_hosoku {
    color: #8A8A8A;
}

.contents_in {
    color: #555555;
}

.service_icon {
    color: #fff;
}

.service_icon p.title {
    color: #00D3BC;
}

.service_icon p.second_title {
    color: #fff;
}

.program_icon p.title {
    color: #0179E9
}


/*通常テーブル border
""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""*/
/*通常テーブル① 空箱--------------------------------*/

table.border {
    border-color: #C3C3C3;
}

table.border tr th {
    background-color: #fff;
    border-color: #C3C3C3;
}

table.border tr td {
    background-color: ;
    border-color: #C3C3C3;
}


table.border .bg {
    background-color: #4CDCBA;
    background-color: rgba(20, 217, 184, 0.5);
}


/*通常テーブル② td(左寄せ・上寄せ)------------------*/

table.border2 {
    border-color: #000000;
}

table.border2 tr th {
    color: #FFF;
    background-color: #7C7C7C;
    border-color: #000000;
}

table.border2 tr td {
    background-color: #FFF;
    border-color: #000000;
}

/*通常テーブル③ td(左寄せ・中央寄せ)----------------*/

table.border3 {
    border-color: #000000;
}

table.border3 tr th {
    color: #FFF;
    background-color: #146BD1;
    border-color: #000000;
}

table.border3 tr td {
    background-color: #FFF;
    border-color: #000000;
}

/*通常テーブル④ td(中央寄せ・上寄せ)----------------*/

table.border3 {
    border-color: #000000;
}

table.border3 tr th {
    color: #FFF;
    background-color: #146BD1;
    border-color: #000000;
}

table.border3 tr td {
    background-color: #FFF;
    border-color: #000000;
}

/*通常テーブル⑤ td(中央寄せ・中央寄せ)--------------*/

table.border3 {
    border-color: #000000;
}

table.border3 tr th {
    color: #FFF;
    background-color: #146BD1;
    border-color: #000000;
}

table.border3 tr td {
    background-color: #FFF;
    border-color: #000000;
}

/*行程表 sch
""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""*/
/*行程表① ノーマル----------------------------------*/

table.sch {
    border-color: #666;
}

table.sch th {
    background: #477fc2;
    color: #ffffff;
    border-color: #666;
}

table.sch td {
    cololr: #000000;
    border-left-color: #666;
    border-right-color: #666;
}

table.sch td.endline {
    border-bottom-color: #666;
}

table.sch td.info {
    cololr: #000000;
    border-left-color: #666;
    border-right-color: #666;
}

/*行程表② 列毎に色付1(日次あり)--------------------*/

table.sch2 {
    border-bottom-color: #666;
}

table.sch2 th {
    background: #477fc2;
    color: #ffffff;
    border-color: #666;
}

table.sch2 td {
    cololr: #000000;
    border-left-color: #666;
    border-right-color: #666;
}

/* tdの装飾 */
/* 1列目 */
table.sch2 tr td {
    background-color: #C0DEFE;
}

/* 2列目 */
table.sch2 tr td + td {
    background-color: #CCFFFF;
}

/* 3列目 */
table.sch2 tr td + td + td {
    background-color: #ffffff;
}

/* 4列目 */
table.sch2 td + td + td + td {
    background-color: #ffffff;
}

table.sch2 td.endline {
    border-bottom-color: #666;
}

/*行程表③ 列毎に色付2(日次なし)--------------------*/

table.sch3 {
    border-bottom-color: #666;
}

table.sch3 th {
    background: #477fc2;
    background-color: rgba(61, 137, 228, 0.60);
    color: #ffffff;
    border-color: #666;
}

table.sch3 td {
    cololr: #000000;
    border-left-color: #666;
    border-right-color: #666;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.30);
}

/* tdの装飾 */
/* 1列目 */
table.sch3 tr td {
    background-color: #C0DEFE;
    background-color: rgba(135, 207, 237, 0.6);
}

/* 2列目 */
table.sch3 tr td + td {
    background-color: #CCFFFF;
    background-color: rgba(135, 225, 218, 0.50)
}

/* 3列目 */
table.sch3 tr td + td + td {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.30);
}

/* 4列目 */
table.sch3 td + td + td + td {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.30);
}

table.sch3 td.endline {
    border-bottom-color: #666;
}

/*行程表 共通要素--------------------------------*/

.point {
    color: #ffffff;
    background-color: #CC0099;
}

.point2 {
    color: #ffffff;
    background-color: #CC0099;
}

.point3 {
    color: #ffffff;
    background-color: #CC0099;
}

.point_sch {
    color: #000000;
    background-color: #FCFABF;
}

/*料金表 price
""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""*/
table.price tr th {
    color: #FFF;
    background-color: #146BD1;
    border-color: #000000;
}

table.price tr td {
    background-color: #FFF;
    border-color: #000000;
}

/** ツアー要素
==========================================================================**/

/** ログイン
==========================================================================**/

/*ログインフォームの枠-------------------------------*/

#login_form {
    border-color: #fff;
    color: #fff;
}

#login_form .form-title {
    color: #fff;
    border-bottom-color: #fff;
}

/*ログインフォームの送信ボタン------------------------*/

.submit input {
    color: #fff;
    background-color: #BCBCBC;
}

.submit input:hover {
    color: #ffffff;
    background-color: #FACC45;
}

/**(8) 右カラム
==========================================================================**/

/*新着情報 What's New
""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""*/
/*what's new---------------------------------------------------------*/

#whatsnew {
    border-color: #000000;
}

#whatsnew p.title {
    background-color: #333;
    color: #fff;
}



/** FOOTER   
==========================================================================**/

#footer a {
    /*リンクされた文字*/
    color: #fff;
}

#footer a:link {
    /*未訪問のリンク*/
    color: #fff;
}

#footer a:visited {
    /*訪問後のリンク*/
    color: #fff;
}

#footer a:hover {
    /*マウスをのせたとき*/
    color: #A7FFEF;
}

#footer a:active {
    /*クリック中*/
    color: #FF6F01;
}


/** 単色(背景色設定)
==========================================================================**/

.red {
    background-color: #ff0000;
}

.orange {
    background-color: #F8612F;
}

.gray {
    background-color: #333;
}

.gray2 {
    background-color: #BCBCBC;
}



/** ナビメニュー Top NaviMenu　
==========================================================================**/

/*黒×青 (PC用ナビメニュー)
""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""*/
/*バーの色-----------------------------------------*/

.navcolor1 {
    /*--バー背景色--*/
    background: #141414;
    background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
    background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
    background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
    -pie-background: linear-gradient(top, #32323a 0%, #141414 100%);
    background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
    /*PIE setting */
    behavior: url(PIE.htc);

    /*--バー下線の色--*/
    border-bottom-color: #0054AD;
}

/*親メニューの色--------------------------------------*/

.navcolor1 ul li.level-0.hover {
    /*マウスオーバー時の背景色*/
    background: #070707;
    background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
    background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
    background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
    -pie-background: linear-gradient(top, #26262c 0%, #070707 100%);
    background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
    /*PIE setting */
    behavior: url(PIE.htc);
}

.navcolor1 ul li a {
    color: #ffffff;
    /*文字色*/
}

/*子メニューの色--------------------------------------*/

.navcolor1 ul li.level-0 ul {
    background: #0fa1e0;
    /*背景色*/
}

.navcolor1 ul li.level-0 span.arrow.hover {
    border-bottom-color: #0fa1e0;
    /*上部の▲の色*/
}

.navcolor1 ul li.level-0 li {
    border-bottom-color: #6fc7ec;
    /*中の下線色*/
}

.navcolor1 ul li.level-0 li.hover {
    background: #0c7fb0;
    /*マウスオーバー時の背景色*/
}

.navcolor1 ul li ul li a {
    color: #ffffff;
    /*文字色*/
}

/*孫メニューの色--------------------------------------*/

.navcolor1 ul li.level-0 ul li ul {
    background: #0fa1e0;
    /*背景色*/
}

.navcolor1 ul li.level-0 ul li ul li {
    border-bottom-color: #6fc7ec;
    /*中の下線色*/
}

.navcolor1 ul li.level-0 ul li ul li.hover {
    background: #0c7fb0;
    /*マウスオーバー時の背景色*/
}

.navcolor1 ul li ul li ul li a {
    color: #ffffff;
    /*文字色*/
}


/*Mobile用 ナビメニュー
""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""*/
#top {
    /*モバイル用トップ*/
    background: -webkit-gradient(linear, left top, left bottom, from(#001870), to(#FFFFFF));
    /* webkit */
    background: -moz-linear-gradient(top, #001870, #0660E6);
    /* fx */
    background: linear-gradient(to bottom, #001870, #0660E6);
    -pie-background: linear-gradient(top, #001870, #0660E6);
    /* PIE */
    background: linear-gradient(to bottom, #001870, #0660E6);
    /*PIE setting */
    behavior: url(PIE.htc);
}

.nav-btn {
    /*モバイル用トップ*/
    background: -webkit-gradient(linear, left top, left bottom, from(#001870), to(#FFFFFF));
    /* webkit */
    background: -moz-linear-gradient(top, #001870, #0660E6);
    /* fx */
    background: linear-gradient(to bottom, #001870, #0660E6);
    -pie-background: linear-gradient(top, #001870, #0660E6);
    /* PIE */
    background: linear-gradient(to bottom, #001870, #0660E6);
    /*PIE setting */
    behavior: url(PIE.htc);

    background: #002288 url("../img/nav-icon.png") left center no-repeat;
}


/*サブメニュー SubMenu
==========================================================================**/

/*ノーマルサブメニュー
""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""*/
/*青×水色----------------------------------------------*/

ul.subcolor1 li {
    border-left-color: #003;
    background-color: #06C;
    color: #FFF;
    border-bottom-color: #003;
}

ul.subcolor1 li a {
    /*リンクされた文字*/
    color: #fff;
}

ul.subcolor1 li a:link {
    /*未訪問のリンク*/
    color: #fff;
}

ul.subcolor1 li a:visited {
    /*訪問後のリンク*/
    color: #fff;
}

ul.submenu li a:hover {
    /*マウスをのせたとき*/
    color: #FF0;
}

ul.subcolor1 li a:active {
    /*クリック中*/
    color: #fff;
}

ul.subcolor1 p.title {
    background-color: #003;
    color: #FFF;
}