@charset "Shift_JIS";

/* 国内宿泊・JR+宿泊・国内ツアー トップ
------------------------------------------ */

/* logo area */
.logoArea { position: relative; width: 706px; }
.logoArea .text01 { padding: 7px 100px 6px 0; }
.logoArea .image01 { position: absolute; top: 3px; right: 0px; text-align: right; }

/* information */
.info01 dl { padding: 3px 10px; }
.info01 dt { float: left; width: 6em; color: #f00; }
.info01 dd { margin-left: 6em; }
.info01 dl.red { border: 1px solid #ffdde3; background: #fff2f4; }
.info01 dl.blue { border: 1px solid #d5dfff; background: #f2f5ff; }
.info02 { padding: 10px 10px 0 10px; background: url(/shared2009/images/common/bg_chain_01.gif) repeat-x; }
.info02 ul { min-height: 22px; padding-left: 35px; background: url(/shared2009/images/common/ic_info_01.gif) no-repeat; }
.info02 li { display: inline; }
.info02 li span { display: -moz-inline-box; display: inline-block; margin: 2px 20px 0 0; vertical-align: middle; }
.info03 dl { padding: 3px 10px; }
.info03 dt { float: left; width: 8em; color: #f00; }
.info03 dd { margin-left: 8em; }
.info03 dl.red { border: 1px solid #ffdde3; background: #fff2f4; }
.info03 dl.blue { border: 1px solid #d5dfff; background: #f2f5ff; }

/* top */
.topContents .bigBanner { float: left; width: 180px; }
.topContents .searching { float: right; width: 516px; }
.topContents .tab { padding-bottom: 11px; background: url(/shared2009/images/top/bg_tab_btm_01.gif) repeat-x left bottom; }
.topContents .tab li { float: left; display: inline; }
.topContents .tab li img { display: block; }
.topContents .tab .li01 { margin-left: 0; }
.topContents .tab .li02 { margin-left: 3px; }
.topContents .tab .li03 { margin-left: 3px; }
.topContents .tab .li04 { float: right; margin: 0; }
.topContents .map { float: left; width: 310px; }
.topContents .map .bgImg { padding: 5px; background: url(/shared2009/images/top/bg_map_01.gif) no-repeat; }
.topContents .map .liDoc01 { float: left; width: 150px; }
.topContents .map .liHelp01 { float: right; width: 150px; }
.topContents .map .liDoc01 li { margin-left: 5px; }
.topContents .easy { float: right; width: 198px; }
.topContents .easy .bgT { padding-top: 17px; background: url(/shared2009/images/top/bg_search_easy_top.gif) no-repeat; }
.topContents .easy .bgM { background: url(/shared2009/images/top/bg_search_easy_mid.gif) repeat-y; }
.topContents .easy .bgB { min-height: 238px; padding: 0px 17px 14px 17px; background: url(/shared2009/images/top/bg_search_easy_btm.gif) no-repeat left bottom; }
.topContents .easy dt { font-weight: bold; }
.topContents .kokunai .bgT { padding-top: 5px; }
.topContents .kokunai .bgB { min-height: 256px; padding: 0 5px 5px 5px; }

/* cloud module */
.cloudMod { background: url(/shared2009/images/top/bg_cloud_mid_01.gif) repeat-y; }
.cloudMod .bgT { background: url(/shared2009/images/top/bg_cloud_top_01.gif) no-repeat; }
.cloudMod .bgB { padding: 0 15px 10px 15px; background: url(/shared2009/images/top/bg_cloud_btm_01.gif) no-repeat left bottom; }
.cloudMod .other { float: left; width: 323px; padding-top: 18px; }
.cloudMod .other .text { float: right; width: 255px; }
.cloudMod .other .image { width: 58px; }
.cloudMod .other .link { float: right; }
.cloudMod .cloud { float: right; width: 323px;}
.cloudMod .cloud .image { float: left; width: 65px; padding-top: 10px; }
.cloudMod .cloud .text { margin-left: 80px; }
.cloudMod .cloud .text li { display: inline; }
.cloudMod .cloud .text li a { display: -moz-inline-box; display: inline-block; margin-top: 12px; margin-right: 12px; }

/* column area */
.clmHalf .clmOne { float: left; width: 348px; }
.clmHalf .clmTwo { float: right; width: 348px; }

/* category box */
.categoryBox01,
.categoryBox02 { background: url(/shared2009/images/top/bg_category_mid_01.gif) repeat-y; }
.categoryBox01 .bgT { background: url(/shared2009/images/top/bg_category_top_01.gif) no-repeat; }
.categoryBox02 .bgT { background: url(/shared2009/images/top/bg_category_top_02.gif) no-repeat; }
.categoryBox01 .bgB,
.categoryBox02 .bgB { background: url(/shared2009/images/top/bg_category_btm_01.gif) no-repeat left bottom; }
.categoryBox01 .bgB { padding: 16px 13px 13px 13px; }
.categoryBox02 .bgB { padding: 13px; }
.categoryBox01 .ttl { float: left; }
.categoryBox01 .link { float: right; margin-top: 3px; }
.categoryBox01 .link span { display: block; }
.categoryBox01 .contents,
.categoryBox02 .contents { padding-left: 3px; padding-right: 3px; }
.categoryBox01 .contents .text01,
.categoryBox02 .contents .text01 { float: left; width: 255px; }
.categoryBox01 .contents .image01,
.categoryBox02 .contents .image01 { float: right; width: 52px; }
.categoryBox01 .contents .image02,
.categoryBox02 .contents .image02 { float: right; width: 58px; }

/* category list-style */
.liArea li { display: inline; }
.liArea li span { display: -moz-inline-box; display: inline-block; margin: 5px 7px 0 0; padding-left: 8px; vertical-align: middle; }
.liThema li { float: left; width: 12em; margin-top: 5px; }
.liThema02 li { display: inline; }
.liThema02 li a { display: -moz-inline-box; display: inline-block; margin-top: 5px; padding: 0 5px; border-left: 1px solid #666; line-height: 1.1; }
.liThema02 li.first a { padding-left: 0; border: none; }
.liThema03 li { display: inline; }
.liThema03 li span { display: -moz-inline-box; display: inline-block; margin: 5px 10px 0 0; vertical-align: middle; }
.liCrown li { padding-left: 20px; font-weight: bold; margin-top: 5px; }
.liCrown li a { font-weight: normal; }
.liCrown li.one { background: url(/shared2009/images/common/ic_crown_01.gif) no-repeat 0 0.1em; color: #fdb913; }
.liCrown li.two { background: url(/shared2009/images/common/ic_crown_02.gif) no-repeat 0 0.1em; color: #bababa; }
.liCrown li.thr { background: url(/shared2009/images/common/ic_crown_03.gif) no-repeat 0 0.1em; color: #784d32; }

/* ranking */
.rankList li { margin-top: 10px; }
.rankList .number { float: left; width: 28px; margin-right: 5px; display: inline; padding-top: 10px; color: #5ea5df; }
.rankList .number p { font-weight: bold; text-align: center; }
.rankList .image { float: left; width: 62px; min-height: 42px; }
.rankList .image p { margin: 0 1px; padding: 2px; border: 1px solid #cae1f4; text-align: center; }
.rankList .image img { display: block; margin: 0 auto; }
.rankList .text { float: right; width: 210px; padding-top: 3px; }
.rankList .li01 .number { padding-top: 20px; background: url(/shared2009/images/common/ic_crown_01.gif) no-repeat 50% 5px; color: #fdb913; }
.rankList .li02 .number { padding-top: 20px; background: url(/shared2009/images/common/ic_crown_02.gif) no-repeat 50% 5px; color: #bababa; }
.rankList .li03 .number { padding-top: 20px; background: url(/shared2009/images/common/ic_crown_03.gif) no-repeat 50% 5px; color: #784d32; }
.rankList .li01 .image p { margin: 0; border: 2px solid #f4d388; }
.rankList .li02 .image p { margin: 0; border: 2px solid #ccc; }
.rankList .li03 .image p { margin: 0; border: 2px solid #d2ac95; }

/* journey */
.journeyBox01 { padding-bottom: 17px; background: url(/shared2009/images/common/bg_chain_01.gif) repeat-x left bottom; }
.journeyBox01 .boxM { padding: 0 10px; }
.journeyBox01 .liIcon01 { padding-bottom: 10px; }
.journeyBox01 .liIcon01 li { float: left; width: 19em; margin-top: 10px; }
.journeyBox01 .liIcon01 li a { display: -moz-inline-box; display: inline-block; vertical-align: middle; }
.journeyBox01 .liIcon01 li img { margin-right: 10px; vertical-align: middle; }
.journeyBox01 .liArr01 li { float: left; width: 12em; margin: 10px 10px 0 0; display: inline; }
.journeyBox01 .liArr01 li.wide { width: 14.5em; }

/* banner area */
.bnrArea01 li { float: left; width: 137px; margin-left: 5px; }
.bnrArea01 li img { display: block; }
.bnrArea01 li.first { margin-left: 0; }
.bnrArea01 li .iArr04 { margin: 3px 0 0 3px; }
.bnrArea02 li { float: left; width: 141px; padding-top: 8px; text-align: center; }
.bnrArea02 li img { display: block; margin: 0 auto; }
.bnrArea02 li.l { text-align: left; }
.bnrArea02 li.r { text-align: right; }
.bnrArea02 li.l img { margin: 0 auto 0 0; }
.bnrArea02 li.r img { margin: 0 0 0 auto; }

.bnrArea03 li { float: left; width: 240px; padding-top: 8px;}
.bnrArea03 li img { display: block; margin: 0; }


/* 海外ツアー トップ
------------------------------------------ */

/* icon list */
.topKaigai .iArr03,
.topKaigai .liArr03 li { background-image: url(/shared2009/images/common/ic_arrow_blue_01.gif); }
.topKaigai .iArr04,
.topKaigai .liArr04 li { background-image: url(/shared2009/images/common/ic_arrow_03.gif); }
.topKaigai .iDoc01,
.topKaigai .liDoc01 li { background-image: url(/shared2009/images/common/ic_document_02.gif); }
.topKaigai .iHelp01,
.topKaigai .liHelp01 li { background-image: url(/shared2009/images/common/ic_question_02.gif); }

/* title */
.topKaigai .ttlMod01 { background: #008bff url(/shared2009/images/common/bg_ti_bar_top_02.gif) no-repeat; }
.topKaigai .ttlMod01 .bgB { background-image: url(/shared2009/images/common/bg_ti_bar_btm_02.gif); }
.topKaigai .mTtl01 { background-image: url(/shared2009/images/common/bg_ti_03.gif); }
.topKaigai .mTtl02 { background-image: url(/shared2009/images/common/bg_ti_04.gif); }
.topKaigai .mTtl03 { background-image: url(/shared2009/images/common/bg_ti_btm_02.gif); }

/* information */
.topKaigai .info01 dl.red { border: 1px solid #d5ecff; background: #eaf5ff; }
.topKaigai .info02 { background-image: url(/shared2009/images/common/bg_chain_02.gif); }
.topKaigai .info02 ul { background-image: url(/shared2009/images/common/ic_info_02.gif); }

/* top */
.topKaigai .topContents .tab { background-image: url(/shared2009/images/top/bg_tab_btm_02.gif); }
.topKaigai .topContents .map .bgImg { background-image: url(/shared2009/images/top/bg_map_02.gif); }
.topKaigai .topContents .map .ttl { float: left; }
.topKaigai .topContents .map .txt { float: right; text-align: right; }
.topKaigai .topContents .map .txt li { margin: 2px 10px 0 auto; padding-left: 12px; background: url(/shared2009/images/common/ic_arrow_03.gif) no-repeat 0 0.45em; }
.bigBanner .suspendBox01 { padding: 6px; border: 2px solid #d5ecff; border-top: 2px solid #86c9ff; }
.bigBanner .suspendBox01 .image01 { float: left; width: 32px; }
.bigBanner .suspendBox01 .text01 { float: right; width: 125px; padding-top: 3px;}

/* cloud module */
.topKaigai .cloudMod { background-image: url(/shared2009/images/top/bg_cloud_mid_02.gif); }
.topKaigai .cloudMod .bgT { background-image: url(/shared2009/images/top/bg_cloud_top_02.gif); }
.topKaigai .cloudMod .bgB { background-image: url(/shared2009/images/top/bg_cloud_btm_02.gif); }

/* category box */
.topKaigai .categoryBox01 { background-image: url(/shared2009/images/top/bg_category_mid_03.gif); }
.topKaigai .categoryBox01 .bgT { background-image: url(/shared2009/images/top/bg_category_top_03.gif); }
.topKaigai .categoryBox01 .bgB { background-image: url(/shared2009/images/top/bg_category_btm_03.gif); }
.categoryBoxWide { background: url(/shared2009/images/top/bg_category_wide_mid_01.gif) repeat-y; }
.categoryBoxWide .ttl { float: left; margin-right: 10px; display: inline; }
.categoryBoxWide .txt { float: left; width: 400px; padding-top: 3px; }
.categoryBoxWide .bgT { background: url(/shared2009/images/top/bg_category_wide_top_01.gif) no-repeat; }
.categoryBoxWide .bgB { padding: 16px 13px 13px 13px; background: url(/shared2009/images/top/bg_category_wide_btm_01.gif) no-repeat left bottom; }
.categoryBoxWide .bgDotVln01 { background-position: 149px 0; }
.categoryBoxWide .clm .attention { float: left; width: 127px; }
.categoryBoxWide .clm .attention dt { font-weight: bold; }
.categoryBoxWide .clm .attention dd { margin-top: 10px; }
.categoryBoxWide .clm .country { float: right; width: 510px; }
.categoryBoxWide .clm .country dl { float: left; width: 160px; margin-right: 10px; display: inline; }
.categoryBoxWide .clm .country dt { font-weight: bold; }
.categoryBoxWide .clm .country dd { margin: 5px 0 0 5px; }

/* column blue box */
.clmBlueBox .box01 { float: left; width: 169px; }
.clmBlueBox .box02 { float: right; width: 169px; }
.clmBlueBox .boxM { padding: 9px; border: 1px solid #d5ecff; background: #eaf5ff; }
.clmBlueBox .boxM .text { float: right; width: 85px; }
.clmBlueBox .boxM .image { float: left; width: 58px; }

/* journey */
.topKaigai .journeyBox01 { background-image: url(/shared2009/images/common/bg_chain_02.gif); }

/* side */
#side .liIcon01 li { margin-top: 5px; }
#side .liIcon01 li a { display: -moz-inline-box; display: inline-block; vertical-align: middle; }
#side .liIcon01 li img { margin-right: 8px; vertical-align: middle; }

/* slide banner */
.topContents .slideBanner { float: left; width: 180px; background: #f4f4f4; }
.topContents .slideBanner .boxM { border: 1px solid #d4d4d4; }
#imgWrap { position: relative; width: 178px; height: 320px; }
#imgWrap li { position: absolute; width: 178px; height: 320px; left: 0; top: 0; }
#imgWrap li.active { display: block; }
#imgWrap li.hidden { display: none; }
#imgSwitch { padding: 5px; border-top: 1px solid #d4d4d4; visibility: hidden; }
#imgSwitch li { float: left; margin-right: 5px; display: inline; }
#imgSwitch li a { display: block; width: 25px; height: 15px; background-image: url(/shared2009/images/top/bt_slide_sprite_02.gif); overflow: hidden; text-indent: -9999px; }
#imgSwitch .li01 a { background-position:   0px 0px; }
#imgSwitch .li02 a { background-position: -25px 0px; }
#imgSwitch .li03 a { background-position: -50px 0px; }
#imgSwitch .li04 a { background-position: -75px 0px; }
#imgSwitch .li05 a { background-position: -100px 0px; }
#imgSwitch .li01 a:hover,
#imgSwitch .li01 a.active { background-position:   0px 15px; }
#imgSwitch .li02 a:hover,
#imgSwitch .li02 a.active { background-position: -25px 15px; }
#imgSwitch .li03 a:hover,
#imgSwitch .li03 a.active { background-position: -50px 15px; }
#imgSwitch .li04 a:hover,
#imgSwitch .li04 a.active { background-position: -75px 15px; }
#imgSwitch .li05 a:hover,
#imgSwitch .li05 a.active { background-position: -100px 15px; }