@charset "utf-8";
/*----------------------------------------------------------------------
    IMPORT
----------------------------------------------------------------------*/

@import "common.css";
@import "contents.css";

/*----------------------------------------------------------------------
    sendai
----------------------------------------------------------------------*/

/* Common
------------------------------------------------*/

.mb_15 {
	margin-bottom: 15px;
}

.mb_20 {
	margin-bottom: 20px;
}

.mb_25 {
	margin-bottom: 25px;
}

.mt_10 {
	margin-top: 10px;
}

.mt_15 {
	margin-top: 15px;
}

.mt_20 {
	margin-top: 20px;
}

.mt_25 {
	margin-top: 25px;
}


.pageBreak {
    page-break-before: always;
	height: 0;
}

.pageBreak br.break {
	height: 0;
}


#contents h1 {
	margin-bottom: 0;
}


#contents .categoryBox {
	margin-bottom: 22px;
	padding-bottom: 0;
}


#shorttrip #contents .categoryBox h2 {
	margin-top: 0;
}

#wrap #contents .categoryBox h2.titleBlue {
	background: url(../../../e/sendai/img/common/bg_subtitle.jpg) no-repeat left 0;
	margin-top: 0;
    color: #15357F;
}

#contents .center {
    padding-bottom: 5px;
    text-align: center;
}

#contents #section .categoryBox .green h3 {
    color: #58B499;
}

#contents #section .categoryBox .green {
    background-color: #D8F4EB;
}

#wrap #contents #section .categoryBox .gold2column {
	margin-right: 14px;
}

#wrap #contents #section .categoryBox .gold2column h3 {
    color: #5C4803;
}

#wrap #contents #section .categoryBox .gold2column {
    background-color: #C49F2C;
}

#wrap #contents #section .categoryBox .gold2column ul li {
    background: url(../../../e/sendai/img/common/btn_list.gif) no-repeat left 8px;
}

/* page_navi */

.page_navi {
	overflow: hidden;
	background: url(../../../e/sendai/img/common/bg_navi.jpg) repeat-x;
	height: 46px;
	width: 950px;
}

.page_navi ul {
	height: 46px;
	padding: 11px 0 0 10px;
}

.page_navi li {
	float: left;
	width: 178px;
	height: 35px;
	padding-right:10px;
}

.page_navi li.last {
	padding-right:0;
}

.page_navi li a {
	display: block;
	width: 178px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	outline: none;
}

.page_navi ul li a:hover, .page_navi ul li.current a {
	background-position: 0 100%;
}
.page_navi li.main a {
	background-image: url(../img/common/pnavi_main.jpg);
}
.page_navi li.hiking a {
	background-image: url(../img/common/pnavi_hiking.jpg);
}
.page_navi li.gift a {
	background-image: url(../img/common/pnavi_gift.jpg);
}
.page_navi li.reservation a {
	background-image: url(../img/common/pnavi_reservation.jpg);
}
.page_navi li.sample a {
	background-image: url(../img/common/pnavi_sample.jpg);
}

#wrap #contents .titleBox .leadBox {
	width: 933px;
	background: url(../../../e/customer_support/img/renew/bg_section.jpg) no-repeat 0 0;
	margin: 0;
	padding: 22px 0 20px 17px;
	/*border-top: 1px solid #fff;*/
}

#destinations #contents .titleBox .leadBox p.txt {
	padding-bottom: 13px;
	margin-bottom: 0;
}

/* naviBottom -------------------- */

#contents .naviBottom {
	margin:0 0 15px;
}

#contents .naviBottom li {
	float:left;
	padding-right:20px;
}

#contents .naviBottom li.last {
	padding-right: 0;
}


/*----------------------------------------------------------------------
    index
----------------------------------------------------------------------*/

#destinations #contents #section .categoryBox .gold,
#shorttrip #contents #section .categoryBox .gold {
    background-color: #C49F2C;
	float: none;
	width: 922px;
	margin: 0 0 0 0;
	min-height: 147px;
	height: auto !important;
	height: 147px;
	padding: 5px;
}

#wrap #contents #section .gold .passBoxInner {
	min-height:145px;
	height: auto !important;
	height: 145px;
	margin: 0;
}

#destinations #contents #section .categoryBox .gold h3,
#shorttrip #contents #section .categoryBox .gold h3 {
    color: #5C4803;
}

#destinations #contents #section .categoryBox .gold ul li,
#shorttrip #contents #section .categoryBox .gold ul li {
    background: url(../../../e/sendai/img/common/btn_list.gif) no-repeat left 8px;
}

/*Local cuisine*/

#contents .categoryBox h2.short02 {
    background: url(../../../e/destinations/img/renew/shorttrip/common/bg_subtitle_s02.gif) no-repeat left bottom;
	color: #333333;
}

#contents .sites02 dl {
    background: url(../../../e/destinations/img/renew/shorttrip/common/bg_lineup02.gif) no-repeat 0 0;
    border-top: 1px solid #C9937F;
}

#contents .sites02 dt {
    border-left: 4px solid #932800;
}

/*----------------------------------------------------------------------
    course index
----------------------------------------------------------------------*/

#contents .courseIndexWrap {
	background: url(../../../e/sendai/img/course/bg_orange.gif) #FFECAA;
	width:922px;
	min-height:309px;
	height: auto !important;
	height: 309px;
	margin-bottom:25px;
	padding:7px 0 0;
}

#contents .captionLong {
	min-height:219px;
	height: auto !important;
	height: 219px;
}

#contents .blue {
	background:#E9F3FD;
}

#contents .courseIndexBox {
	width:908px;
	min-height:313px;
	height: auto !important;
	height: 313px;
	margin:0 7px 0;
}

#contents .captionLong .courseIndexBox {
	min-height:210px;
	height: auto !important;
	height: 210px;
}

#contents .courseIndexBox .courseIndexHeader {
	width:906px;
	height:35px;
}

#contents .courseIndexBox .courseIndexHeaderTop {
	border-bottom: 1px solid #F5E3B0;
}

#contents .courseIndexBox .courseIndexHeader h3 {
	float:left;
	margin-bottom:0;
	padding:7px 0 0 14px;
	color:#DE6300;
	background-image:none;
	font-size:127%;
}

#contents .courseIndexBox .courseIndexHeader h3.double {
	padding-top:0;
	margin-bottom:0;
}

#contents .courseIndexBox .courseIndexHeader h3 a {
	color:#DE6300;
	text-decoration:underline;
}

#contents .courseIndexBox .courseIndexHeader h3 a:hover {
	color:#F59B36;
}

#contents .courseIndexBox .courseIndexHeader img {
	float:left;
	padding-top:6px;
	padding-left:10px;
}

#contents .courseIndexBox .courseIndexHeader img.present {
	padding-top:2px;
}

#contents .courseIndexBox .courseIndexBoxInner {
	background: #FFFBE6;
	border: 1px solid #F5E3B0;
	width:876px;
	min-height:154px;
	height: auto !important;
	height: 154px;
	padding:20px 10px 0 20px;
}

#contents .courseIndexBox .courseIndexBoxInnerImg {
	background-color:#FFEBA5;
	width:184px;
	float:left;
}

#contents .captionLong .courseIndexBox .courseIndexBoxInnerImg span {
	padding-bottom:7px;
}

#contents .courseIndexBox .courseIndexBoxInnerImg img {
	border:1px solid #FFFFFF;
	margin:6px;
}

#contents .courseIndexBox .courseIndexBoxInnerImg span {
	background-color:#FFFBDE;
	display:block;
	padding:2px 0 0;
	text-align: center;
}

#contents .courseIndexBox .courseIndexBoxInnerRight {
	width:690px;
	float:right;
	position:relative;
}

#contents .courseIndexBox .courseIndexBoxInner2 {
	min-height:155px;
	height: auto !important;
	height: 155px;
}

#contents .courseIndexBox .courseIndexBoxInnerRight .txt {
/*	min-height:95px;
	height: auto !important;
	height: 95px;*/
	padding-left:8px;
	padding-bottom:20px;
}

#contents .courseIndexBox .courseIndexBoxInnerRight .txt span {
	display:block;
	text-align:right;
	margin-right:8px;
}

#contents .courseIndexBox .courseIndexBoxInnerRight .txt span a {
	background:url(../../../../img/multi/icon_arw02.png) no-repeat scroll left center transparent;
	padding-left:16px;
}

#contents .courseIndexBox .courseIndexBoxInnerRight .ribbonBox {
	background: #FFFFFF;
	width: 682px;
	margin-left: 8px;
}

#contents .courseIndexBox .courseIndexBoxInnerRight p.ribbonLeft {
	width: 126px;
	float: left;
	padding: 10px 6px;
}


#contents .courseIndexBox .courseIndexBoxInnerRight p.ribbon {
	width: 537px;
	float: left;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-left: 7px;
}

#contents .courseIndexBox .courseIndexBoxInnerRight p.details {
	background:url(../../../e/sendai/img/course/btn_details_r.gif) no-repeat;
	float:right;
	display:block;
	width:150px;
	height:30px;
}

#contents .courseIndexBox .courseIndexBoxInnerRight p.details a {
	background:url(../../../e/sendai/img/img/course/btn_details.gif) no-repeat;
	display:block;
	width:150px;
	height:30px;
}

#contents .courseIndexBox .courseIndexBoxInnerRight p.details a:hover {
	background:none;
}

#contents .icon_guideWrap {
	background:#DEEDC7;
	width:920px;
	border:1px solid #93C545;
	margin-bottom: 0;
	padding:7px 0;
}

#contents .icon_guide {
	background:#FFFFFF;
	width:908px;
	margin:0 7px 0;
}

#contents .icon_guideWrap .icon_guide h3{
	background:none;
	color:#609900;
	font-size:158%;
	font-weight:bold;
	border-bottom:2px solid #AFCC7F;
	margin:0 15px;
	padding:13px 0 4px;
}

#contents .icon_guideWrap .icon_guide dl {
	padding:11px 15px;
}

#contents .icon_guideWrap .icon_guide dl.left {
	width:360px;
	float:left;
	padding-right:50px;
	padding-bottom:10px;
}

#contents .icon_guideWrap .icon_guide dl dt {
	padding-bottom:5px;
}

#contents .icon_guideWrap .icon_guide dl dd {
	padding-bottom:15px;
}

#contents .icon_guideWrap .icon_guide dl dd p.link {
	padding-top:10px;
}

/*----------------------------------------------------------------------
    course detail
----------------------------------------------------------------------*/

#contents .description {
	background:url(../../../e/sendai/img/course/tit_description.jpg) no-repeat left top;
	height:27px;
	margin:9px 0 0;
	padding-top:3px;
	padding-left:26px;
	color:#6B010D;
	font-size:150%;
	font-weight:bold;
}

#contents .description span {
	padding-right:40px;
	color:#FFFFFF;
}

#shorttrip .courseBoxWrap h4 {
	background:url(../../../e/sendai/img/course/bg_day.jpg) repeat-x;
	height: 27px;
	margin-bottom: 21px;
	padding: 7px 0 0;
	text-align: center;
	font-size: 130%;
	color: #333333;
}

#shorttrip .courseBoxWrap h4 img {
	padding-right: 9px;
}

#shorttrip .courseBoxWrap .jep .courseBoxLeft .courseIcon .courseIconImg {
	width: 94px;
	padding-left: 0;
}

#shorttrip .icon .icon_left img.iconArea {
	padding: 4px 4px 0 0;
}

#shorttrip .courseBoxWrap .courseBox .icon {
	height: 36px;
}

#contents div.iconInfoBoxBig {
	background: url(../../destinations/img/renew/shorttrip/course/bg_icon_info2.gif) no-repeat left center;
	height: 107px;
	
}

#contents div.iconInfoBoxBig .iconInfoBtm {
	margin-top: 15px;
}

.courseList {
	background: #FDF5F5;
	width: 887px;
	padding: 12px 10px 12px 25px;
}

.courseList ul {
	margin-bottom: 12px;
}

.courseList li {
	display: block;
	float: left;
	width: 269px;
	background: url(../../../e/sendai/img/course/icn_arw.gif) no-repeat left 3px;
	margin: 0 10px 0 0;
	padding-left: 20px;
}

.courseList li.right {
	margin-right: 0;
}

#contents .courseBox .courseBoxRight_green {
    background: url(../../../e/destinations/img/renew/shorttrip/course/bg_text_box_green.gif) no-repeat left top;
}

#contents .courseBox .courseBoxRight_green .courseInner {
    border: 8px solid #64BB79;
	min-height:100px;
	height: auto !important;
	height: 100px;
}

#contents .courseBox .courseBoxRight_green .courseBoxTitle {
    color: #259232;
}

#contents .courseBox .courseBoxRight_green .courseBoxTitle a {
    color: #259232;
	text-decoration: underline;
}

#contents .courseBox .courseBoxRight_green .courseBoxTitle a:hover {
    color: #8BCD9C;
}

#contents .courseBox .courseBoxRight_green .txtRight {
	margin-right: 15px;
	padding-top: 10px;
}

#contents .courseBox .courseBoxRight_green .courseBoxImg img {
    border: 6px solid #64BB79;
}

#contents .courseBox .recoBox {
    background: url(../../destinations/img/renew/shorttrip/course/bg_text_box_reco.gif) no-repeat left top;
}

#contents .courseBox .recoBox .courseInner {
    border: 8px solid #FDB184;
}

#contents .courseBox .recoBox .courseBoxTitle {
    color: #D45100;
    padding-top: 40px;
}

#contents .courseBox .recoBox .courseBoxImg {
	margin-top: 40px;
}

#contents .courseBox .recoBox .courseBoxImg img {
    border: 6px solid #FDB184;
}

#contents .courseBoxText .imgLeft {
    float: left;
    margin-right: 15px;
}

#shorttrip .courseBoxWrap .courseBox .courseBoxTextShort {
	width: 217px;
}

#shorttrip .courseBoxWrap .courseBox .getting ul li {
    background: url(../../../e/destinations/img/renew/shorttrip/common/bg_list.gif) no-repeat scroll 5px 8px transparent;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 15px;
}

/*----------------------------------------------------------------------
    gifts
----------------------------------------------------------------------*/

#lightbox-container-image-data #lightbox-image-details {
	width: 100%;
}

#contents #section .categoryBox .passBoxWrap {
	margin-right: 0;
}

#contents #section .categoryBox .green {
	margin-right: 14px;
}

#contents .red {
	font-weight: bold;
	color: #FF3333;
}

#contents ul.links li {
    background: url(../../../img/multi/icon_arw02.png) no-repeat scroll left center transparent;
    margin-top: 3px;
	padding-left: 16px;
}

#contents .arw {
    background: url(../../../e/eastpass_sp/img/renew/arrow_green.gif) no-repeat scroll left 50% transparent;
    margin: 10px 0 5px;
    padding-left: 15px;
}

#contents table.gifts {
	width: 100%;
	border-collapse: separate\9; /* IE8 */
	border-left: 2px solid #2B70B6\9; /* IE8 */
	border-left: 1px solid #2B70B6;
	border-top: 1px solid #2B70B6;
	border-bottom: 1px solid #2B70B6;
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 1.45;
}

#contents table.gifts td {
	background: #F6F6F4;
	border-right: 1px solid #2B70B6;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #2B70B6;
	border-left: none\9; /* IE8 */
	padding: 3px 3px 3px 5px;
}

#contents table.gifts td.cellCnt {
  	text-align: center;
    vertical-align: middle;
	padding: 3px;
}


#contents table.gifts td img {	
	padding: 3px 3px 2px 3px;
}

#contents table.gifts th {
	background: #2B70B6;
	border-right: 1px solid #FFFFFF;
	border-left: none;
	border-bottom: 1px solid #2B70B6;
	padding: 5px 3px 6px 5px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
}

#contents table.gifts th.thRight {
	border-right: 1px solid #2B70B6;
}

#contents table.gifts tr.blue td {
	background: #EEFAFD;
}

#contents table.gifts td.bdWhite {
	border-bottom: 1px solid #2B70B6;
}

#contents table.gifts .last td {
	border-bottom: 1px solid #2B70B6;
}