@charset "UTF-8";
/* CSS Document */

img {
    border: 0;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

#wrapper {
    width: 900px;
    text-align: center;
    margin: auto;
}

/*///////////////////////////////////テキスト設定ここから///////////////////////////////////// */

a {
    color: #666666;
    text-decoration: none;
}

a:hover {
    color: #04996B;
}

p {
    text-align: left;
    color: #666666;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Osaka";
    font-size: 12px;
    line-height: 20px;
}

h1 {
    width: 640px;
    font-family: "A-OTF リュウミン Pro R-KL", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3";
    font-weight: lighter;
    letter-spacing: 1px;
    font-size: 22px;
    color: #FFFFFF;
    text-align: left;
    line-height: 24px;
    float: left;
    padding: 37px 0px 0px 35px;
    margin: 0px;
}

h1 span {
    font-family: "A-OTF リュウミン Pro R-KL", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3";
    font-size: 12px;
    color: #FFFFFF;
    font-weight: lighter;
    float: left;
    margin: 0px;
}

h2 {
    width: 650px;
    font-family: "A-OTF リュウミン Pro R-KL", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3";
    font-weight: lighter;
    letter-spacing: 1px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: left;
    line-height: 20px;
    float: left;
    padding: 20px 0px 0px 20px;
    margin: 0px;
}

h3 {
    width: 650px;
    font-family: "A-OTF リュウミン Pro R-KL", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3";
    font-weight: lighter;
    letter-spacing: 1px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: left;
    line-height: 20px;
    float: left;
    padding: 20px 0px 0px 20px;
    margin: 0px;
}

h4 {
    width: 650px;
    font-family: "A-OTF リュウミン Pro R-KL", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3";
    font-weight: lighter;
    letter-spacing: 1px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: left;
    line-height: 20px;
    float: left;
    padding: 20px 0px 0px 20px;
    margin: 0px;
}

h5 {
    width: 650px;
    font-family: "A-OTF リュウミン Pro R-KL", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3";
    font-weight: lighter;
    letter-spacing: 1px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: left;
    line-height: 20px;
    float: left;
    padding: 20px 0px 0px 20px;
    margin: 0px;
}

h6 {
    width: 640px;
    font-family: "A-OTF リュウミン Pro R-KL", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3";
    font-weight: lighter;
    letter-spacing: 1px;
    font-size: 22px;
    color: #FFFFFF;
    text-align: left;
    line-height: 24px;
    float: left;
    padding: 45px 0px 0px 35px;
    margin: 0px;
}

/*///////////////////////////////////ヘッダー設定ここから///////////////////////////////////// */

#header {
    width: 900px;
    height: 70px;
    margin-top: 2px;
}

#main-navi {
    width: 900px;
    height: 50px;
}

#navi-box {
    width: 150px;
    height: 50px;
    float: left;
}

#header-textbox {
    width: 450px;
    height: 68px;
    margin-top: 2px;
    float: right;
}

#header-textbox p {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Osaka";
    font-size: 10px;
    color: #4D8B30;
    text-align: right;
    line-height: 20px;
    margin: 0px;
}

#logo {
    width: 270px;
    height: 68px;
    float: left;
}

#logo img {
    float: left;
}

#logo_en {
    width: 341px;
    height: 68px;
    float: left;
}

#header-img_wrapper {
    width: 900px;
    margin: 15px 0px 14px 0px;
    float: left;
}

/*///////////////////////////////////ナビゲーション設定ここから///////////////////////////////////// */

#snavi-wrapper {
    width: 450px;
    height: 25px;
    margin-top: 22px;
}

.snavi1 a {
    width: 90px;
    height: 25px;
    display: block;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/snavi/navi-001.jpg) no-repeat 0 0;
}

.snavi1 a:hover {
    background-position: -90px 0;
}

.snavi2 a {
    width: 90px;
    height: 25px;
    display: block;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/snavi/navi-002.jpg) no-repeat 0 0;
}

.snavi2 a:hover {
    background-position: -90px 0;
}

.snavi3 a {
    width: 90px;
    height: 25px;
    display: block;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/snavi/navi-003.jpg) no-repeat 0 0;
}

.snavi3 a:hover {
    background-position: -90px 0;
}

.snavi4 a {
    width: 90px;
    height: 25px;
    display: block;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/snavi/navi-004.jpg) no-repeat 0 0;
}

.snavi4 a:hover {
    background-position: -90px 0;
}

.snavi5 a {
    width: 90px;
    height: 25px;
    display: block;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/snavi/navi-005.jpg) no-repeat 0 0;
}

.snavi5 a:hover {
    background-position: -90px 0;
}

.ch_snavi1 a {
    width: 90px;
    height: 25px;
    display: block;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/snavi/ch_navi-001.jpg) no-repeat 0 0;
}

.ch_snavi1 a:hover {
    background-position: -90px 0;
}

.ch_snavi2 a {
    width: 90px;
    height: 25px;
    display: block;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/snavi/ch_navi-002.jpg) no-repeat 0 0;
}

.ch_snavi2 a:hover {
    background-position: -90px 0;
}

.ch_snavi3 a {
    width: 90px;
    height: 25px;
    display: block;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/snavi/ch_navi-003.jpg) no-repeat 0 0;
}

.ch_snavi3 a:hover {
    background-position: -90px 0;
}

.en_snavi1 a {
    width: 90px;
    height: 25px;
    display: block;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/snavi/en_navi-001.jpg) no-repeat 0 0;
}

.en_snavi1 a:hover {
    background-position: -90px 0;
}

.en_snavi2 a {
    width: 90px;
    height: 25px;
    display: block;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/snavi/en_navi-002.jpg) no-repeat 0 0;
}

.en_snavi2 a:hover {
    background-position: -90px 0;
}

.en_snavi3 a {
    width: 90px;
    height: 25px;
    display: block;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/snavi/en_navi-003.jpg) no-repeat 0 0;
}

.en_snavi3 a:hover {
    background-position: -90px 0;
}

.en_snavi4 a {
    width: 90px;
    height: 25px;
    display: block;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/snavi/en_navi-004.jpg) no-repeat 0 0;
}

.en_snavi4 a:hover {
    background-position: -90px 0;
}

#gnavi-wrapper {
    width: 900px;
    height: 50px;
}

.gnavi1 a {
    width: 48px;
    height: 50px;
    display: block;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/gnavi/navi-001.jpg) no-repeat 0 0;
}

.gnavi1 a:hover {
    background-position: -48px 0;
}

.gnavi2 a {
    width: 142px;
    height: 50px;
    display: block;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/gnavi/navi-002.jpg) no-repeat 0 0;
}

.gnavi2 a:hover {
    background-position: -142px 0;
}

.gnavi2 a {
    width: 142px;
    height: 50px;
    display: block;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/gnavi/navi-002.jpg) no-repeat 0 0;
}

.gnavi2 a:hover {
    background-position: -142px 0;
}

.gnavi3 a {
    width: 142px;
    height: 50px;
    display: block;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/gnavi/navi-003.jpg) no-repeat 0 0;
}

.gnavi3 a:hover {
    background-position: -142px 0;
}

.gnavi4 a {
    width: 142px;
    height: 50px;
    display: block;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/gnavi/navi-004.jpg) no-repeat 0 0;
}

.gnavi4 a:hover {
    background-position: -142px 0;
}

.gnavi5 a {
    width: 142px;
    height: 50px;
    display: block;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/gnavi/navi-005.jpg) no-repeat 0 0;
}

.gnavi5 a:hover {
    background-position: -142px 0;
}

.gnavi6 a {
    width: 142px;
    height: 50px;
    display: block;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/gnavi/navi-006.jpg) no-repeat 0 0;
}

.gnavi6 a:hover {
    background-position: -142px 0;
}

.gnavi7 a {
    width: 142px;
    height: 50px;
    display: block;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/gnavi/navi-007.jpg) no-repeat 0 0;
}

.gnavi7 a:hover {
    background-position: -142px 0;
}

.en-gnavi0 a {
    width: 225px;
    height: 50px;
    display: block;
    float: left;
    text-indent: -9999em;
    background: url(../images/english/navi/new_navi-000.jpg) no-repeat 0 0;
}

.en-gnavi0 a:hover {
    background-position: -225px 0;
}

.en-gnavi1 a {
    width: 225px;
    height: 50px;
    display: block;
    float: left;
    text-indent: -9999em;
    background: url(../images/english/navi/new_navi-001.jpg) no-repeat 0 0;
}

.en-gnavi1 a:hover {
    background-position: -225px 0;
}

.en-gnavi2 a {
    width: 225px;
    height: 50px;
    display: block;
    float: left;
    text-indent: -9999em;
    background: url(../images/english/navi/new_navi-002.jpg) no-repeat 0 0;
}

.en-gnavi2 a:hover {
    background-position: -225px 0;
}

.en-gnavi3 a {
    width: 225px;
    height: 50px;
    display: block;
    float: left;
    text-indent: -9999em;
    background: url(../images/english/navi/new_navi-003.jpg) no-repeat 0 0;
}

.en-gnavi3 a:hover {
    background-position: -225px 0;
}

/*///////////////////////////////////メインカラム設定ここから///////////////////////////////////// */

#main-wrapper {
    width: 900px;
    padding: 0px;
    display: block;
    float: left;
}

/*///////////////////////////////////ライトカラム設定ここから///////////////////////////////////// */

#right {
    width: 225px;
    height: auto;
    float: right;
    margin: 9px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
}

#right-title-back {
    width: 225px;
    text-align: left;
    height: 50px;
    background: url(../images/right-navi/right-navi_title.png) no-repeat 0 0;
    float: left;
}

#right-title-back h1 {
    width: 188px;
    font-family: "A-OTF 新ゴ Pro EL", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Osaka";
    font-weight: lighter;
    font-size: 16px;
    color: #FFFFFF;
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 0px 37px;
    line-height: 20px;
    text-align: left;
}

.rnavi_sanchi a {
    width: 225px;
    height: 215px;
    display: block;
    margin: 5px 0px 5px 0px;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/rnavi/navi-sanchi.jpg) no-repeat left top;
}

.rnavi_sanchi a:hover {
    background: url(../images/common/rnavi/navi-sanchi.jpg) no-repeat left bottom;
}

.rnavi_kokoroe a {
    width: 225px;
    height: 270px;
    display: block;
    margin: 5px 0px 5px 0px;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/rnavi/navi-kokoroe.jpg) no-repeat left top;
}

.rnavi_kokoroe a:hover {
    background: url(../images/common/rnavi/navi-kokoroe.jpg) no-repeat left bottom;
}

.rnavi_tearoastery a {
    width: 225px;
    height: 270px;
    display: block;
    margin: 5px 0px 5px 0px;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/rnavi/navi-tearoastery.jpg) no-repeat left top;
}

.rnavi_tearoastery a:hover {
    background: url(../images/common/rnavi/navi-tearoastery.jpg) no-repeat left bottom;
}

.rnavi_arare a {
    width: 225px;
    height: 270px;
    display: block;
    margin: 5px 0px 5px 0px;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/rnavi/navi-arare.jpg) no-repeat left top;
}

.rnavi_arare a:hover {
    background: url(../images/common/rnavi/navi-arare.jpg) no-repeat left bottom;
}

.rnavi_kokoroe-lmtd a {
    width: 225px;
    height: 270px;
    display: block;
    margin: 5px 0px 5px 0px;
    float: left;
    text-indent: -9999em;
    background: url(../kokoroe-lmtd-pkg/img/bn-rnavi.jpg) no-repeat left top;
}

.rnavi_kokoroe-lmtd a:hover {
    background: url(../kokoroe-lmtd-pkg/img/bn-rnavi.jpg) no-repeat left bottom;
}

.rnavi1 a {
    width: 225px;
    height: 215px;
    display: block;
    margin: 5px 0px 10px 0px;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/rnavi/navi-001.jpg) no-repeat 0 0;
}

.rnavi1 a:hover {
    background-position: -225px 0;
}

.rnavi2 a {
    width: 225px;
    height: 80px;
    display: block;
    margin-bottom: 10px;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/rnavi/navi-002.jpg) no-repeat 0 0;
}

.rnavi2 a:hover {
    background-position: -225px 0;
}

.rnavi3 a {
    width: 225px;
    height: 80px;
    display: block;
    margin-bottom: 10px;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/rnavi/navi-003.jpg) no-repeat 0 0;
}

.rnavi3 a:hover {
    background-position: -225px 0;
}

.rnavi4 a {
    width: 225px;
    height: 120px;
    display: block;
    margin: 5px 0px 10px 0px;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/rnavi/navi-004.jpg) no-repeat 0 0;
}

.rnavi4 a:hover {
    background-position: -225px 0;
}

.rnavi5 a {
    width: 225px;
    height: 120px;
    display: block;
    margin: 5px 0px 10px 0px;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/rnavi/navi-005.jpg) no-repeat 0 0;
}

.rnavi5 a:hover {
    background-position: -225px 0;
}

.rnavi6 a {
    width: 225px;
    height: 145px;
    display: block;
    margin: 5px 0px 10px 0px;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/rnavi/navi-006.jpg) no-repeat 0 0;
}

.rnavi6 a:hover {
    background-position: -225px 0;
}

.rnavi7 a {
    width: 216px;
    height: 19px;
    display: block;
    margin: 0px;
    float: left;
    text-indent: -9999em;
    background: url(../images/common/rnavi/navi-007.jpg) no-repeat 0 0;
}

.rnavi7 a:hover {
    background-position: -216px 0;
}

#right-box1 {
    width: 225px;
    height: auto;
    margin: 5px 0px 20px 0px;
}

#right-box2 {
    width: 225px;
    height: auto;
    margin: 0px 0px 10px 0px;
}

#right-box3 {
    width: 225px;
    height: auto;
    margin: 5px 0px 10px 0px;
}

#right-textbox3 p {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Osaka";
    font-size: 10px;
    color: #666666;
    text-align: left;
    line-height: 15px;
}

#right-box4 {
    width: 225px;
    height: auto;
    margin: 5px 0px 0px 0px;
}

#right-textbox3 {
    width: 215px;
    height: auto;
    margin: 5px 0px 10px 0px;
    padding: 0px 5px 0px 5px;
}