@charset "UTF-8";
/* mailto : info@brainsha.co.jp */
/* Copyright (C) 2010 Brainsha Corporation. All rights reserved. */

/*===========================================
    Shared Style #F3EAD6
=============================================*/
body {
    margin: 0px auto;
    padding:0px;
    text-align: center;
    color: #333333;
    background: #F3EAD6;
}
html {  
    overflow-y:scroll;      
}
img {
    border: none;
}
h1,h2,h3,h4,h5,p,img,form,input,textarea {
    margin: 0px;
    padding: 0px;
}

div#htlContents div#htlMainContent div div#trvlHtlSubNav ul {
    background-color: #eaeaea;
    border-bottom: 1px solid #ccc;
    display: block !important;
    font-size: 12px;
    margin: 0;
    padding: 5px 13px;
}

/*===========================================
    Link Color
=============================================*/
a:link {
    color: #9D5F24;
    text-decoration: none;
}
a:visited {
    color: #9D5F24;
    text-decoration: none;
}
a:hover {
    color: #9D5F24;
    text-decoration: underline;
}
a:active {
    color: #9D5F24;
}

span.dummyLink {
    color: #9D5F24;
    /* text-decoration: none; */
}

/* a.linkCheck */
a.linkCheck {
    padding-right: 16px;
}
a.linkCheck:link {
    color: #396FD2;
}
a.linkCheck:visited {
    color: #599FDA;
    background: url(https://0932.jphttps://www.ashikari.com/rakuten/img/icon_check.gif) no-repeat right top;
}
a.linkCheck:hover {
    color: #FF9900;
}

/*===========================================
    clearfix 
=============================================*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display:block;}
/* End hide from IE-mac */


/*===========================================
    wrapper
=============================================*/
div#wrapper {
    width: 950px;
    margin: 0px auto 0px auto;
    padding: 20px 0px 20px 0px;
    text-align: left;
    clear: both;
    background: #F3EAD6;
}

div#wrapperBase {
    width: 950px;
    margin: 0px auto 0px auto;
    padding: 0px;
    text-align: left;
    clear: both;
    background: #FFF;
}


/*===========================================
  MainMenu
=============================================*/
div#mainMenuArea {
  width: 950px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}
div#mainMenuArea ul {
  width: 950px;
  height: 47px;
  margin: 0px;
  padding: 0px 0px;
}
div#mainMenuArea ul li {
  height: 47px;
  float: left;
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  background: #CCAE8C;
  
}
div#mainMenuArea ul li a {
  margin: 0px;
  padding: 0px;
  height: 47px;
  float: left;
  text-indent: -9998px;
  overflow: hidden;
  background: #CCAE8C;
}
div#mainMenuArea ul li a {
  background: #CCAE8C url(https://www.ashikari.com/rakuten/img/mainnavi.png) no-repeat left top;
}

/*-------------------------------------------
  Button
-------------------------------------------*/
div#mainMenuArea ul li#m_btn01 a {
  width: 136px;
  background-position: 0px 0px;
}
div#mainMenuArea ul li#m_btn02 a {
  width: 135px;
  background-position: -136px 0px;
}
div#mainMenuArea ul li#m_btn03 a {
  width: 135px;
  background-position: -271px 0px;
}
div#mainMenuArea ul li#m_btn04 a {
  width: 136px;
  background-position: -406px 0px;
}
div#mainMenuArea ul li#m_btn05 a {
  width: 136px;
  background-position: -542px 0px;
}
div#mainMenuArea ul li#m_btn06 a {
  width: 136px;
  background-position: -678px 0px;
}
div#mainMenuArea ul li#m_btn07 a {
  width: 136px;
  background-position: -814px 0px;
}


/*-------------------------------------------
  RollOn
-------------------------------------------*/
div#mainMenuArea ul li#m_btn01 a:hover {
  background-position: 0px -47px;
}
div#mainMenuArea ul li#m_btn02 a:hover {
  background-position: -136px -47px;
}
div#mainMenuArea ul li#m_btn03 a:hover {
  background-position: -271px -47px;
}
div#mainMenuArea ul li#m_btn04 a:hover {
  background-position: -406px -47px;
}
div#mainMenuArea ul li#m_btn05 a:hover {
  background-position: -542px -47px;
}
div#mainMenuArea ul li#m_btn06 a:hover {
  background-position: -678px -47px;
}
div#mainMenuArea ul li#m_btn07 a:hover {
  background-position: -814px -47px;
}


/*-------------------------------------------
  onActive
-------------------------------------------*/
div#mainMenuArea ul li#m_btn01 a:active {
  background-position: 0px -47px;
}
div#mainMenuArea ul li#m_btn02 a:active {
  background-position: -136px -47px;
}
div#mainMenuArea ul li#m_btn03 a:active {
  background-position: -271px -47px;
}
div#mainMenuArea ul li#m_btn04 a:active {
  background-position: -406px -47px;
}
div#mainMenuArea ul li#m_btn05 a:active {
  background-position: -542px -47px;
}
div#mainMenuArea ul li#m_btn06 a:active {
  background-position: -678px -47px;
}
div#mainMenuArea ul li#m_btn07 a:active {
  background-position: -814px -47px;
}



/*-------------------------------------------
  onStates
-------------------------------------------*/
div#mainMenuArea ul.btn01 li#m_btn01 a {
  background-position: 0px -94px !important;
}
div#mainMenuArea ul.btn02 li#m_btn02 a {
  background-position: -136px -94px !important;
}
div#mainMenuArea ul.btn03 li#m_btn03 a {
  background-position: -271px -94px !important;
}
div#mainMenuArea ul.btn04 li#m_btn04 a {
  background-position: -406px -94px !important;
}
div#mainMenuArea ul.btn05 li#m_btn05 a {
  background-position: -542px -94px !important;
}
div#mainMenuArea ul.btn06 li#m_btn06 a {
  background-position: -678px -94px !important;
}
div#mainMenuArea ul.btn07 li#m_btn07 a {
  background-position: -814px -94px !important;
}


/*===========================================
    bnrArea
=============================================*/
div#bnrArea {
  width: 935px;
  margin: 25px auto 0px auto;
  padding: 0px;
}
div#bnrArea div.leftArea {
  width: 390px;
  margin: 0px;
  padding: 0px;
  float: left;
}
div#bnrArea div.midArea {
  width: 378px;
  margin: 0px 0px 0px 10px;
  padding: 0px;
  float: left;
}
div#bnrArea div.rightArea {
  width: 147px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  float: right;
}


/*===========================================
    contentsArea
=============================================*/
div#contentsArea {
    width: 950px;
    margin: 20px auto 0px auto;
    padding: 0px;
    text-align: left;
}
div#contentsArea div#contentsBox {
    width: 875px;
    margin: 20px auto 0px auto;
    padding: 0px;
}

div#contentsArea div.contentsBox2 {
    width: 880px;
    margin: 20px auto 0px auto;
    padding: 0px;
}



/*===========================================
    pageTop
=============================================*/
div.pageTop02 {
    width: 855px;
    margin: 20px 0px 0px 0px;
    padding: 0;
    text-align: right;
}
div.pageTop03 {
    width: 100%;
    margin: 20px 0px 0px 0px;
    padding: 0;
    text-align: right;
    clear: both;
}


/*===========================================
    footerArea
=============================================*/
div#footerArea {
    width: 950px;
    margin: 30px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    clear: both;
}
div#footerArea p.link {
    border-bottom: solid 1px #D18232;
    padding: 0px 0px 5px 0px;
    text-align: center;
}

/* signatureArea */
div#footerArea div#signatureArea {
    width: 950px;
    margin: 10px auto 0px auto;
    padding: 0px;
}
div#footerArea div#signatureArea div.leftArea {
    width: 65%;
    margin: 0px;
    padding: 0px;
    float: left;
}
div#footerArea div#signatureArea div.rightArea {
    width: 35%;
    margin: 0px;
    padding: 0px;
    float: right;
    text-align: right;
}




/*===========================================
    tblBrown
=============================================*/
table.tblBrown {
    border: 1px #999 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table.tblBrown th {
    padding: 5px;
    border: #999 solid;
    border-width: 0px 0px 1px 1px;
    background: #DDDDDB;
    font-weight: bold;
    line-height: 120%;
    white-space: nowrap; 
}
table.tblBrown td {
    padding: 5px;
    border: 1px #999 solid;
    border-width: 0px 0px 1px 1px;
    background: #F5F5E3;
}


/*===========================================
    tblBlue
=============================================*/
table.tblBlue {
    margin: 5px auto 0px auto;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.tblBlue th {
    padding: 7px;
    border: #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
    background: #EEF9FF;
    color: #333;
    font-weight: normal;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table.tblBlue td {
    padding: 7px;
    border: 1px #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
    background: #FFFFFF;
    text-align: left;
    vertical-align:middle;
}


/*===========================================
    tblGlay
=============================================*/
table.tblGlay {
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table.tblGlay th {
    padding: 7px;
    border: #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
    background: #F3F3F3;
    font-weight: bold;
    line-height: 120%;
    white-space: nowrap; 
}
table.tblGlay td {
    padding: 7px;
    border: 1px #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
}


/*===========================================
    tblGlayKougo
=============================================*/
table.tblGlayKougo {
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table.tblGlayKougo th {
    padding: 7px;
    border: #F3F3F3 solid;
    border-width: 0px 0px 1px 1px;
    background: #D5D5D5;

    
    font-weight: bold;
    line-height: 120%;
    white-space: nowrap; 
}
table.tblGlayKougo td {
    padding: 7px;
    border: 1px #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
}


/*===========================================
    tblNormal
=============================================*/
table.tblNormal {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.tblNormal th {
    width: 50%;
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
    background: #EEF9FF;
    font-weight: bold;
    line-height: 120%;
    white-space: nowrap; 
}
table.tblNormal td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
}

/*===========================================
    clear_both
=============================================*/
.clear_both {
    clear: both;
}


/*===========================================
    subTitle
=============================================*/
.subTitle {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    padding: 4px 10px;
    background: #CCAE8D;
    color: #FFF;
    clear: both;
}
.subTitle p.icoHeikai {
    margin: 0px;
    padding: 0px 0px 0px 20px;
    background: url(https://0932.jphttps://www.ashikari.com/rakuten/img/ico_plus.gif) no-repeat 0px 3px;
    cursor: pointer;
}


/*===========================================
    ico
=============================================*/
.icoSquare {
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px 0px 0px 15px;
    background: url(https://0932.jp/https://www.ashikari.com/rakuten/img/ico_square.gif) no-repeat 0px 4px;
}
.icoDisc {
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px 0px 0px 15px;
    background: url(https://0932.jp/https://www.ashikari.com/rakuten/img/ico_disc.gif) no-repeat 0px 4px;
}
.icoArrow {
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px 0px 0px 13px;
    background: url(https://0932.jp/https://www.ashikari.com/rakuten/img/ico_arrow.gif) no-repeat 0px 5px;
}
.icoArrowDown {
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px 0px 0px 13px;
    background: url(https://0932.jp/https://www.ashikari.com/rakuten/img/ico_arrow_down.gif) no-repeat 0px 3px;
}


/*===========================================
    Space
=============================================*/
.mt_00 {
    margin: 0px;
}
.mt_02{
    margin: 2px 0px 0px 0px;
}
.mt_03{
    margin: 3px 0px 0px 0px;
}
.mt_05{
    margin: 5px 0px 0px 0px;
}
.mt_06{
    margin: 6px 0px 0px 0px;
}
.mt_07{
    margin: 7px 0px 0px 0px;
}
.mt_10 {
    margin: 10px 0px 0px 0px;
}
.mt_15 {
    margin: 15px 0px 0px 0px;
}
.mt_20 {
    margin: 20px 0px 0px 0px;
}
.mt_25 {
    margin: 25px 0px 0px 0px;
}
.mt_30 {
    margin: 30px 0px 0px 0px;
}
.mt_35 {
    margin: 35px 0px 0px 0px;
}
.mt_40 {
    margin: 40px 0px 0px 0px;
}
.mt_45 {
    margin: 45px 0px 0px 0px;
}
.mt_50 {
    margin: 50px 0px 0px 0px;
}


.ml_05 {
    margin-left: 5px;
}
.ml_10 {
    margin-left: 10px;
}
.ml_15 {
    margin-left: 15px;
}
.ml_20 {
    margin-left: 20px;
}
.ml_25 {
    margin-left: 25px;
}
.ml_30 {
    margin-left: 30px;
}
.ml_35 {
    margin-left: 35px;
}
.ml_40 {
    margin-left: 40px;
}
.ml_45 {
    margin-left: 45px;
}
.ml_50 {
    margin-left: 50px;
}


/*===========================================
    fontBgColor
=============================================*/
.fontBgBlue {
    background: #D5F3FF;
}
.fontBgGreen {
    background: #D5FFD9;
}


/*===========================================
    txtAlign
=============================================*/
.txtAlignRight {
    text-align: right;
}
.txtAlignCenter {
    text-align: center;
}


/*===========================================
    dotLineUnder
=============================================*/
.dotLineUnder {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0px 0px 15px 0px;
    border-bottom: dotted 1px #999;
}