/* -----------------------------------------------
Grid Components
----------------------------------------------- */

/* =========== Grid Wrapper =========== */

.wrapperInner {
	clear: both;
}

.wrapperInner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

*html .wrapperInner {
	margin-top: 15px;
}

.gridGroup {
	clear: both;
	zoom: 1;
}

*html .gridGroup {
	display: inline-table;
}

.gridGroup:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* With width property */
.gridListGroup01 {
	clear: both;
	zoom: 1;
	width: 700px;
}

.gridListGroup01:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* With width property */
.gridListGroup02 {
	clear: both;
	zoom: 1;
	width: 680px;
}

.gridListGroup02:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* With width property */
.gridListGroup03 {
	clear: both;
	zoom: 1;
	/*width: 910px;*/
}

.gridListGroup03:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* =========== gridUnitA01(710 * 220) =========== */
.gridUnitA01L {
	float: left;
	width: 710px;
}

.gridUnitA01R {
	float: right;
	width: 220px;
}

/* =========== gridUnitA02(220 * 710) =========== */
.gridUnitA02L {
	float: left;
	width: 220px;
}

.gridUnitA02R {
	float: right;
	width: 710px;
}

/* =========== gridUnitB01(630 * 300) =========== */
.gridUnitB01L {
	float: left;
	width: 630px;
}

.gridUnitB01R {
	float: right;
	width: 300px;
}

/* =========== gridUnitB02(300 * 630) =========== */
.gridUnitB02L {
	float: left;
	width: 300px;
}

.gridUnitB02R {
	float: right;
	width: 630px;
}

/* =========== gridUnitC(460 * 460) =========== */
.gridUnitCL {
	float: left;
	width: 460px;
}

.gridUnitCR {
	float: right;
	width: 460px;
}

/* =========== gridUnitD01(300 * 400 * 220) =========== */

.gridUnitD01L {
	float: left;
	width: 300px;
	margin-right: 10px;
}

.gridUnitD01C {
	float: left;
	width: 400px;
	margin-right: 10px;
}

.gridUnitD01R {
	float: right;
	width: 220px;
}

/* =========== gridUnitD02(300 * 220 * 400) =========== */
.gridUnitD02L {
	float: left;
	width: 300px;
	margin-right: 10px;
}

.gridUnitD02C {
	float: left;
	width: 220px;
	margin-right: 10px;
}

.gridUnitD02R {
	float: right;
	width: 400px;
}

/* =========== gridUnitD03（400 * 300 * 220） =========== */
.gridUnitD03L {
	float: left;
	width: 400px;
	margin-right: 10px;
}

.gridUnitD03C {
	float: left;
	width: 300px;
	margin-right: 10px;
}

.gridUnitD03R {
	float: right;
	width: 220px;
}

/* =========== gridUnitD04（400 * 220 * 300） =========== */

.gridUnitD04L {
	float: left;
	width: 400px;
	margin-right: 10px;
}

.gridUnitD04C {
	float: left;
	width: 220px;
	margin-right: 10px;
}

.gridUnitD04R {
	float: right;
	width: 300px;
}

/* =========== gridUnitE01（350 * 350 * 220） =========== */

.gridUnitE01L {
	float: left;
	width: 350px;
	margin-right: 10px;
}

.gridUnitE01C {
	float: left;
	width: 350px;
	margin-right: 10px;
}

.gridUnitE01R {
	float: right;
	width: 220px;
}

/* =========== gridUnitE02（220 * 350 * 350） =========== */

.gridUnitE02L {
	float: left;
	width: 220px;
	margin-right: 10px;
}

.gridUnitE02C {
	float: left;
	width: 350px;
	margin-right: 10px;
}

.gridUnitE02R {
	float: right;
	width: 350px;
}

/* =========== gridUnitE03（220 * 350 * 350） =========== */

.gridUnitE03L {
	float: left;
	width: 350px;
	margin-right: 10px;
}

.gridUnitE03C {
	float: left;
	width: 220px;
	margin-right: 10px;
}

.gridUnitE03R {
	float: right;
	width: 350px;
}

/* =========== gridUnitF01（220 * 220 * 220 * 220） =========== */

.gridUnitF01LCC {
	float: left;
	width: 220px;
	margin-right: 20px;
}

.gridUnitF01R {
	float: right;
	width: 220px;
}

/* =========== gridUnitG01（330 * 330） =========== */

.gridUnitG01L {
	float: left;
	width: 330px;
	margin-right: 20px;
}

.gridUnitG01R {
	float: right;
	width: 330px;
}

/* =========== gridUnitG02（600 * 290） =========== */

.gridUnitG02L {
	float: left;
	width: 600px;
	margin-right: 20px;
}

.gridUnitG02R {
	float: right;
	width: 290px;
}

/* =========== gridUnitG03（290 * 290） =========== */

.gridUnitG03L {
	float: left;
	width: 290px;
	margin-right: 20px;
}

.gridUnitG03R {
	float: right;
	width: 290px;
}

/* =========== gridUnitH01（700 * 233） =========== */

.gridUnitH01L {
	float: left;
	width: 700px;
}

.gridUnitH01R {
	float: right;
	width: 233px;
}

/* =========== gridUnitI01（710 * 240） =========== */

.gridUnitI01L {
	float: left;
	width: 710px;
}

*html .gridUnitI01L {
	width: 709px;
}

.gridUnitI01R {
	float: right;
	width: 240px;
}

*html .gridUnitI01R {
	width: 239px;
}


/* =========== gridUnitJ01（165 * 165） =========== */

.gridUnitJ01L {
	float: left;
	width: 185px;
}

.gridUnitJ01R {
	float: right;
	width: 145px;
}

/* =========== gridUnitK01（340 * 340） =========== */

.gridUnitK01L {
	float: left;
	width: 340px;
}

.gridUnitK01R {
	float: right;
	width: 340px;
}


.gridUnitJ02L {
 float: left;
 width: 145px;
}

.gridUnitJ02R {
 float: right;
 width: 185px;
}


/* =========== gridUnitJ03（455 * 455） =========== */

.gridUnitJ03L {
	float: left;
	width: 455px;
}

.gridUnitJ03R {
	float: right;
	width: 455px;
}


/* =========== gridUnitJ04（450 * 450） =========== */

.gridUnitJ04L {
	float: left;
	width: 450px;
}

.gridUnitJ04R {
	float: right;
	width: 450px;
}


/* =========== gridUnitL01(720 * 220) =========== */
.gridUnitL01L {
	float: left;
	width: 720px;
}

.gridUnitL01R {
	float: right;
	width: 220px;
}

/* For Top Banner */
.topBannerBox {	
	float: left;
	margin-right: 10px;
}

*html .topBannerBox {
	display: inline;
}

.topBannerBox dt {
	margin-bottom: 5px;
}

/* -----------------------------------------------
Contents Panel
----------------------------------------------- */

.contentsPanelBodyA {
	width: 700px;
	background: url(/tabi/common/img/parts/bg_panel_a02.gif) repeat-y;
}

.contentsPanelHeaderA {
	width: 700px;
	background: url(/tabi/common/img/parts/bg_panel_a01.gif) no-repeat top;
}

.contentsPanelFooterA {
	width: 700px;
	background: url(/tabi/common/img/parts/bg_panel_a03.gif) no-repeat bottom;
	padding-bottom: 10px;
}

*:first-child+html body .contentsPanelFooterA {
	padding-bottom: 5px;
}

*html .contentsPanelFooterA {
	padding-bottom: 5px;
}

.contentsPanelBodyB {
	width: 340px;
	background: url(/tabi/common/img/parts/bg_panel_b02.gif) repeat-y;
}

.contentsPanelHeaderB {
	width: 340px;
	background: url(/tabi/common/img/parts/bg_panel_b01.gif) no-repeat top;
}

.contentsPanelFooterB {
	width: 340px;
	background: url(/tabi/common/img/parts/bg_panel_b03.gif) no-repeat bottom;
	padding-bottom: 10px;
}

.contentsPanelBodyC {
	width: 220px;
	background: url(/tabi/common/img/parts/bg_panel_c02.gif) repeat-y;
}

.contentsPanelHeaderC {
	width: 220px;
	background: url(/tabi/common/img/parts/bg_panel_c01.gif) no-repeat top;
}

.contentsPanelFooterC {
	width: 220px;
	background: url(/tabi/common/img/parts/bg_panel_c03.gif) no-repeat bottom;
	padding-bottom: 10px;
}


.contentsPanelFooterD {
	width: 220px;
	background: url(/tabi/common/img/parts/bg_panle_d03.gif) no-repeat bottom;
	padding-bottom: 10px;
}

.contentsPanelBodyE {
	width: 940px;
	background: url(/tabi/common/img/parts/bg_panel_e02.gif) repeat-y;
}

.contentsPanelHeaderE {
	width: 940px;
	background: url(/tabi/common/img/parts/bg_panel_e01.gif) no-repeat top;
}

.contentsPanelFooterE {
	width: 940px;
	background: url(/tabi/common/img/parts/bg_panel_e03.gif) no-repeat bottom;
	padding-bottom: 10px;
}

.contentsPanelBodyF {
	width: 455px;
	background: url(/tabi/common/img/parts/bg_panel_f02.gif) repeat-y;
}

.contentsPanelHeaderF {
	width: 455px;
	background: url(/tabi/common/img/parts/bg_panel_f01.gif) no-repeat top;
}

.contentsPanelFooterF {
	width: 455px;
	background: url(/tabi/common/img/parts/bg_panel_f03.gif) no-repeat bottom;
	/*padding-bottom: 10px;*/
}

.contentsPanelBodyG {
	width: 290px;
	background: url(/tabi/common/img/parts/bg_panel_g02.gif) repeat-y;
}

.contentsPanelHeaderG {
	width: 290px;
	background: url(/tabi/common/img/parts/bg_panel_g01.gif) no-repeat top;
}

.contentsPanelFooterG {
	width: 290px;
	background: url(/tabi/common/img/parts/bg_panel_g03.gif) no-repeat bottom;
	padding-bottom: 10px;
}

.contentsPanelBarBodyH{
	/*width: 290px;*/
	background: url(/tabi/common/img/parts/bg_panel_h02.gif) no-repeat top right;
}
.contentsPanelBarHeaderH{
	/*width: 290px;*/
	background: url(/tabi/common/img/parts/bg_panel_h01.gif) no-repeat top left;
	padding:3px 0 5px 10px;
}
.contentsPanelBodyH{
	/*width: 290px;*/
	background: url(/tabi/common/img/parts/bg_panel_h03.gif) repeat-y;
}
.contentsPanelFooterH {
	background: url(/tabi/common/img/parts/bg_panel_h04.gif) no-repeat bottom;
	/*padding-bottom: 10px;*/
}

.contentsPanelBarBodyI{
	/*width: 290px;*/
	background: url(/tabi/common/img/parts/bg_panel_i02.gif) no-repeat top right;
	margin-bottom:10px;
}
.contentsPanelBarHeaderI{
	/*width: 290px;*/
	background: url(/tabi/common/img/parts/bg_panel_i01.gif) no-repeat top left;
	padding:3px 0 4px 10px;
}

.contentsPanelBodyJ {
	width: 600px;
	background: url(/tabi/common/img/parts/bg_panel_j02.gif) repeat-y;
}
.contentsPanelHeaderJ {
	width: 600px;
	background: url(/tabi/common/img/parts/bg_panel_j01.gif) no-repeat top;
}
.contentsPanelFooterJ {
	width: 600px;
	background: url(/tabi/common/img/parts/bg_panel_j03.gif) no-repeat bottom;
	/*padding-bottom: 10px;*/
}


/* -----------------------------------------------
Section
----------------------------------------------- */

.firstSection {
	padding: 0 0 0 10px;
}

.secondSection {
	border-top: 1px solid #CCCCCC;
	margin-top: 10px;
}

*:first-child+html body .secondSection {
	padding-bottom: 10px;
}

*html .secondSection {
	padding-bottom: 10px;
}

.section {
	border-top: 1px solid #CCCCCC;
	padding: 5px 0 0 0;
	clear: both;
}

*:first-child+html body .section {
	padding-bottom: 10px;
}

*html .section {
	padding-bottom: 10px;
}

.addBorderTop {
	border-top: 1px solid #CCCCCC;
	clear: both;
	zoom: 1;
	padding: 10px 0 5px;
}

.addBorderDotTop {
	border-top: 1px dotted #CCCCCC;
	clear: both;
	zoom: 1;
	padding: 10px 0 5px;
}

.addBorderBottom {
	border-bottom: 1px solid #CCCCCC;
	clear: both;
	zoom: 1;
	margin-bottom:10px;
}

.contentsInner {
	padding-left: 10px;
}

.contentInner02 {
	padding: 0 10px;
}

.pseudoFirstChild {
	padding-top: 10px;
}

.setPoint {
	position: relative;
}

/* -----------------------------------------------
Block Section
----------------------------------------------- */
.firstBlock {

}

.blockSection {
	padding-bottom: 20px;
}

.rightBlockSection {
	padding-bottom: 10px;
}


.listSection {
	border-bottom: 1px dotted #000;
	width: 920px;
	margin: 0 auto 20px;
}


.listSection:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.lastSection {
	border: none;
}

/* -----------------------------------------------
Headline
----------------------------------------------- */

.headingLevel01 {
	border-bottom: 3px solid #CC0000;
	position: relative;
	padding: 10px 0 5px 85px;
}

.headingLevel02 {
	border-bottom: 3px solid #CC0000;
	position: relative;
	padding: 10px 0 5px 70px;
}

.headingLevel03 {
	position: relative;
	padding: 10px 0 22px 80px;
}

.headingLevel03B {
	padding: 20px 0 20px 10px;
}


.headingLevel04 {
	font-size: 130%;
	margin-bottom: 10px;
	line-height: 1.4em;
}

.headlineLevel05 {
	border-left: 2px solid #CC0000;
	padding: 2px 0 0 5px;
}

/* -----------------------------------------------
List
----------------------------------------------- */

.illustIconList {
	margin-bottom: 10px;
}

.illustIconList li {
	margin: 5px 0;
}


.flatList {
	margin-top: 5px;
	zoom: 1;

}

.flatList:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.flatList li {
	float: left;
	margin-right: 10px;
}

.flaDltList {
	width: 665px;
	border: 1px solid #A8A8A8;
	padding: 5px 0 5px 5px;
	margin-top: 10px;
}

.flaDltList:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.flaDltList dt {
	display: block;
	float: left;
	width: 95px;
}

.flaDltList dd {
	float: right;
	width: 565px;
	padding-left: 3px;
	line-height: 1.4em;
}

.simpleList {
	
}

.simpleList li {
	margin-bottom: 5px;
}

/* With Thumail */
.thumnailLinkListA01 {
	padding-bottom: 5px;
	clear: both;
}

.thumnailLinkListA01:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.thumnailLinkListA01 .imgFloater {
	float: left;
	width: 54px;
	margin-right: 10px;
}

*:first-child+html body .thumnailLinkListA01 {
	padding-bottom: 10px;
}

*html .thumnailLinkListA01 {
	padding-bottom: 10px;
}

.imgFloater img {
	border: 1px solid #CCCCCC;
}


.thumnailLinkListA01 .imgFloaterB {
	float: left;
	width: 60px;
	margin-right: 10px;
}

.thumnailLinkListA01 .imgFloaterC {
	float: left;
	width: 53px;
	margin-right: 10px;
}

.thumnailLinkListB01 {

}

.thumnailLinkListB01 dd {
	margin: 0;
	padding: 0;
}

.thumFloaterA {
	width: 70px;
	float: left;
}

.leadBody {
	float: left;
	width: 260px;
}

*:first-child+html body .leadBody {
	margin-bottom: -5px;
}

*html .leadBody {
	margin-bottom: -5px;
}


.leadBody dl {
	/*width: 300px;*/
}

.leadBody dt {
	font-weight: bold;
	margin-bottom: 5px;
}

.leadBody01{
width: 225px;
}

.leadBody02 {
	float: left;
	width: 140px;
}

.leadBody03 {
	float: left;
	width: 250px;
	line-height: 1.5em;
}

.leadBody dt, .leadBody03 dt {
	font-weight: bold;
	margin-bottom: 5px;
}

.leadBody03 .flatList li {
	margin-bottom: 10px;
}

.descriptionListwithBgBar {
	background: url(/tabi/common/img/parts/bg_bar.gif) top center no-repeat;
	padding: 10px 10px;
	margin-top: 10px;
}


.canpainList {
	margin: 8px 0 0;
}

.canpainList li {
	margin-bottom: 2px;
}

.floatList {
	position: absolute;
	top: 20px;
	left: 350px;
	white-space: nowrap;
	width: 60%;
	text-align: right;
}

.floatList li {
	display: inline;
	margin-left: 5px;
	padding: 5px 0;
	line-height: 1.4em;
}


/* -----------------------------------------------
Text Style
----------------------------------------------- */


.noticeText {
	background: #CC0000;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	margin-left: 5px;
}

.descriptionListwithBgBar dt a,
.boldTextStyle {
	font-weight: bold;
}

/* -----------------------------------------------
Icon Style
----------------------------------------------- */

.illustIcon {
	position: absolute;
	top: -4px;
	left: 5px;
}

*:first-child+html body .illustIcon {
	top: -1px;
}

*html .illustIcon {
	top: -1px;
	left: -75px;
}


.illustIcon01 {
	position: absolute;
	top: -12px;
	left: 10px;
}

*html .illustIcon01 {
	left: -75px;
}

/* For Hotel List */
.illustIcon02 {
	position: absolute;
	top: -15px;
	left: 0px;
}


*html .illustIcon02 {
	top: -15px;
	left: -70px;
}

/* For Grumet Sourvenir List */
.illustIcon03 {
	position: absolute;
	top: -10px;
	left: 0px;

}

*:first-child+html body .illustIcon03 {
	top: -7px;
}

*html .illustIcon03 {
	top: -7px;
	left: -70px;
}

.illustIcon04 {
	position: absolute;
	top: -8px;
	left: 0px;

}


*:first-child+html body .illustIcon04 {
	top: -6px;
}

*html .illustIcon04 {
	top: -5px;
	left: -70px;
}

.linkList01 {
	padding-top: 10px;
	margin-top: 5px;
}

.addInfo {
	margin-top: 5px;
	width: 660px;
}

.listRight {
	text-align: right;
	padding: 5px;
	clear: both;
}

.listRight li {
	line-height: 1.4em;
}

/* Link Icon */
.arrowIcon {

}
span.arrowIcon,
.arrowIcon li,
.arrowIcon dt {
	/*background: url(/common_rn/img/icon_triangle_001.gif) left 10% no-repeat;*/
	background: url(/common_rn/img/icon_triangle_001.gif) left center no-repeat;
	padding-left: 6px;
	zoom: 1;
}

.arrowIcon2 {
	background: url(/common_rn/img/icon_triangle_001.gif) left no-repeat;
	padding-left: 6px;
	zoom: 1;
}

.internalIcon {
	background: url(/common_rn/img/icon_arrow_001.gif) left center no-repeat;
	padding-left: 10px;
}

span.targetIcon,
.targetIcon dt {
	background: url(/common_rn/img/icon_window_001.gif) left center no-repeat;
	padding-left: 15px;
	zoom: 1;
	text-indent: 0px;
}

.smga10 {
	margin: 5px 0;
	clear: both;
}

.spd10 {
	padding-bottom: 10px;
}

iframe {
	margin-bottom: 5px;
<<<<<<< .mine
}
=======
}


>>>>>>> .r233