@charset "utf-8";/* エスケープ */
/*
	--------------------------------
	- Table of Contents -
	インポート
		- global.css
		- typography.css
		- booker.css
		- theme.css
	--------------------------------
*/
@import "../../common/css/global.css";
@import "../../common/css/typography.css";
@import "../../common/css/booker.css";
//@import "theme.css";


/*---------------------------------------------
 メイン画像設定
---------------------------------------------*/
#topMain {
	z-index: 1;
	position: relative;
}
#topMain h1 {
	height: 406px;
	overflow:hidden;
}
#topMain #bannerLineA01 {
	position: absolute;
	width: 313px;
	height: 85px;
	left: 11px;
	top: 409px;
	z-index: 201;
}
#topMain #bannerLineA02 {
	position: absolute;
	width: 313px;
	height: 85px;
	left: 337px;
	top: 409px;
	z-index: 201;
}
#topMain #bannerLineA03 {
	position: absolute;
	width: 313px;
	height: 85px;
	left: 662px;
	top: 409px;
	z-index: 201;
}


/*---------------------------------------------
 左エリア
---------------------------------------------*/
#topSecondLeft { 
	width: 222px;
	margin:0;
	padding: 0;
}

/* 震災用バナー */
#topSecondLeft #eqbanner {
	width: 195px;
	margin: 8px 8px 32px 18px;
	padding: 0;
}

#topSecondLeft #eqbanner p {
	text-align: center;
	margin-top: -18px;
}

#topSecondLeft #eqbanner .title {
	margin: 12px 0 8px 0;
}


/*---------------------------------------------
 大切なお知らせ
---------------------------------------------*/
#topSecondRight,
#importantNews { 
	width: 764px;
	margin:0;
	padding: 0;
}
#importantNews .box {
	padding:0 12px 0 0;
	background:#fff url('../../home/images/borders_r.gif') 100% 0 repeat-y;
}
#importantNews .box .bi {
	padding:0 0 0 12px;
	background:#fff url('../../home/images/borders_l.gif') 0 0 repeat-y;
}
#importantNews .box .bi .bt {
	height:17px;
	margin:0 -12px;
	background:url('../../home/images/box.gif') 100% 0 no-repeat;
}
#importantNews .box .bi .bt div {
	width:18px;
	height:17px;
	background:url('../../home/images/box.gif') 0 0 no-repeat;
}
#importantNews .box .bi .bb {
	height:17px;
	margin:0 -12px;
	background:url('../../home/images/box.gif') 100% 100% no-repeat;
}
#importantNews .box .bi .bb div {
	width:18px;
	height:17px;
	background:url('../../home/images/box.gif') 0 100% no-repeat;
}

#importantNews dl.list {
	overflow: hidden;
	padding: 0 9px;
}
#importantNews dl.list dt {
	float: left;
	text-align: right;
	margin: 0.4em 0 0 0;
}
* html #importantNews dl.list dt {
	margin: 0.2em 0 0 0;
}
#importantNews dl.list dd {  
	padding: 0 0 0 184px;
	line-height: 160%;
}
#importantNews dl.list dd a {  
	color: #008C9A;
	text-decoration: none;
}
#importantNews dl.list dd a:hover {
	color: #008C9A;
	text-decoration: underline;
}


/*---------------------------------------------
 アジア・オセアニア全8都市へ
---------------------------------------------*/
#sale {
	width: 760px;
	margin:0;
	padding: 0;
}
#sale .pack {
	padding:0 12px 0 0;
	background: url('../../home/images/importantNews_border_r.gif') 100% 0 repeat-y;
}

#sale .pack h2 {
	margin: 0;
	padding: 0 22px;
	line-height: 180%;
}
#sale .pack #selectItem ul {
	margin-right: 7px;
}
#sale .pack #selectItem ul li {
	list-style-image: none;
	display: inline;
	margin-left: 5px;
}
#sale .pack #selectItem ul li img.offimg {
	display: none;
}

#sale .pack .bi {
	background: url('../../home/images/importantNews_border_l.gif') 0 0 repeat-y;
}
#sale .pack .bi .bt {
	height:17px;
	margin:0 -12px 0 0;
	background: url('../../home/images/importantNews_box.gif') 100% 0 no-repeat;
}
#sale .pack .bi .bt div {
	width:18px;
	height:17px;
	background: url('../../home/images/importantNews_box.gif') 0 0 no-repeat;
}
#sale .pack .bi .bb {
	height:17px;
	margin: -5px -12px 0 0;
	background: url('../../home/images/importantNews_box.gif') 100% 100% no-repeat;
}
#sale .pack .bi .bb div {
	width:18px;
	height:17px;
	background: url('../../home/images/importantNews_box.gif') 0 100% no-repeat;
}

#sale .pack .bi .pricearea {
	padding: 0 0 0 12px;
}
#sale .pack .bi a.price {
	width: 179px;
	margin: 14px 0 0 12px;
	padding: 0.5em 0 0.5em 50px;
	text-decoration: none;
	line-height: 150%;
	border: #B4B4B4 1px solid;
}

#sale .pack .bi a.price span.arrival {
	color: #008C9A;
}
#sale .pack .bi a.price:hover span.arrival {
	text-decoration: underline;
}
#sale .pack .bi a.price span.pexprice {
	color: #BD1800;
}
#sale .pack .bi a.price:hover span.pexprice {
	text-decoration: underline;
}

#sale .pack .bi a.pex {
	background: #FFF url(../images/pricePexBack.gif) no-repeat top left;
}
#sale .pack .bi a.pex:hover {
	background: #FFF url(../images/pricePexBack_o.gif) no-repeat top left;
}
#sale .pack .bi a.cp {
	background: #FFF url(../images/priceCpBack.gif) no-repeat top left;
}
#sale .pack .bi a.cp:hover {
	background: #FFF url(../images/priceCpBack_o.gif) no-repeat top left;
}

#sale .pack .bi .btnMore {
	color: #008C9A;
	text-decoration: none;
	margin: 1em 10px 3px 0;
}
#sale .pack .bi .btnMore:hover {
	text-decoration: underline;
}


/*---------------------------------------------
 Tab
---------------------------------------------*/
.elm-tab{
	width: 756px;
	height: 32px;
}
.elm-tab ul{
	padding: 0;
	list-style-type: none;
}
.elm-tab ul li{
	float: left;
	padding-right: 1px;
}
.elm-tab ul li a{
	display: block;
}


/*---------------------------------------------
 TabArea
---------------------------------------------*/
#tabArea li a, 
#tabArea01 li a, 
#tabArea02 li a, 
#tabArea03 li a,
#tabArea04 li a,
#tabArea05 li a,
#tabArea06 li a{
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
	height: 32px;
	outline: none;
	background-position: top;
}

#tabArea li#tabHead01 a,
#tabArea01 li#tabHead01 a{
	width: 92px;
	background: url(../../home/images/tabContent01.gif);
}
#tabArea li#tabHead02 a,
#tabArea02 li#tabHead02 a{
	width: 146px;
	background: url(../../home/images/tabContent02.gif);
}
/*
#tabArea li#tabHead03 a,
#tabArea03 li#tabHead03 a{
	width: 111px;
	background: url(../../home/images/tabContent03.gif);
}
*/
#tabArea li#tabHead03 a,
#tabArea03 li#tabHead03 a{
	width: 102px;
	background: url(../../home/images/tabContent03.gif);
}
#tabArea li#tabHead04 a,
#tabArea04 li#tabHead04 a{
	width: 124px;
	background: url(../../home/images/tabContent04.gif);
}
#tabArea li#tabHead05 a,
#tabArea05 li#tabHead05 a{
	width: 92px;
	background: url(../../home/images/tabContent05.gif);
}
#tabArea li#tabHead06 a,
#tabArea06 li#tabHead06 a{
	width: 132px;
	background: url(../../home/images/tabContent06.gif);
}

#tabArea li#tabHead01.selected a,
#tabArea li#tabHead01 a:hover,
#tabArea li#tabHead02.selected a,
#tabArea li#tabHead02 a:hover,
#tabArea li#tabHead03.selected a,
#tabArea li#tabHead03 a:hover,
#tabArea li#tabHead04.selected a,
#tabArea li#tabHead04 a:hover,
#tabArea li#tabHead05.selected a,
#tabArea li#tabHead05 a:hover,
#tabArea li#tabHead06.selected a,
#tabArea li#tabHead06 a:hover{
	background-position: 0 -32px;
}

#elm-box2 {
	width: 755px;
/*	width: 412px; */
}

#elm-box2 #tabContent01,
#elm-box2 #tabContent02,
#elm-box2 #tabContent03,
#elm-box2 #tabContent04,
#elm-box2 #tabContent05,
#elm-box2 #tabContent06 {
	margin: 0px 0px 0px 8px;
	border: 1px solid #B4B4B4;
	padding-top: 12px;
	display: none;
}
#elm-box2 #tabContent01 {
	display: block;
}

dl.elmList {
	width: 726px;
/*	width: 383px; */
	overflow: hidden;
	padding: 0 10px 0.45em 10px;
	line-height: 140%;
}
dl.elmList dt {
	float: left;
	text-align: right;
}
dl.elmList dd {  
	padding: 0 0 0 5em;
	padding-left: 5em;
}
dl.elmList dd a {
	color: #646464;
	text-decoration: none;
}
dl.elmList dd a:hover {
	color: #008C9A;
	text-decoration: underline;
}

#elm-box2 .btnMore {
	margin: 12px 0 0 0;
	padding: 0 10px 10px 0;
}

#elm-box2 .elmlink {
	padding: 0 10px 0.45em 10px;
}
#elm-box2 .elmlink.branches {
	margin: 1em 0 0 0;
}
#elm-box2 .elmlink a {
	color: #008C9A;
	text-decoration: none;
}
#elm-box2 .elmlink a:hover {
	text-decoration: underline;
}


/*---------------------------------------------
 告知用 小バナーエリア
---------------------------------------------*/
#smallBanners {
	width: 760px;
	margin: 15px 0;
	padding: 0;
}
#smallBanners .sbanner {
	width: 152px;
	height: 62px;
	margin: 0;
	padding: 0;
}



