/* -------------------------------------------------------------------
タイトル
------------------------------------------------------------------- */
/* 海外旅行 */
.title-ao {
	width:950px;
	height:160px;
	background: url(/products/mobile/introduction/images/title_ao.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

/* 国内旅行 */
.title-bus {
	width:950px;
	height:160px;
	background: url(/products/mobile/introduction/images/title_bus.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

/* -------------------------------------------------------------------
モバイル限定セール・メルマガ
------------------------------------------------------------------- */
.border-box1 {
	border:3px solid #ffd117;
	padding:1px;
	margin-bottom:10px;
}

.border-box2 {
	border:1px solid #ffd117;
}

.mobile-sale {
	width:530px;
	height:130px;
	background: url(/products/mobile/introduction/images/mobile_sale.jpg) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.mobile-sale .sale-txt {
	display:block;
	width:430px;
	height:50px;
	top:50px;
	left:50px;
	position:absolute;
	text-align:center;
	text-indent:0;
	font-size:18px;
	font-weight:bold;
	color:#000000;
	line-height:120%;
}

.mobile-sale .sale-txt .sale-red {
	color:#cc0505;
	font-size:24px;
}

.mobile-sale .sale-txt2 {
	display:block;
	width:430px;
	height:50px;
	top:73px;
	left:50px;
	position:absolute;
	text-align:center;
	text-indent:0;
	font-size:12px;
	color:#000000;
	line-height:1.2;
}

.mobile-sale .sale-txt3 {
	display:block;
	width:430px;
	height:50px;
	top:65px;
	left:50px;
	position:absolute;
	text-align:center;
	text-indent:0;
	font-size:24px;
	color:#000000;
}

.mobile-sale .sale-txt3 .sale-red {
	color:#cc0505;
	font-size:30px;
}

/* モバイル限定セール有効期限注意書き用 */
.mobile-sale2 {
	width:530px;
	height:130px;
	background: url(/products/mobile/introduction/images/mobile_sale2.jpg) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.mobile-sale2 .sale-txt {
	display:block;
	width:430px;
	height:50px;
	top:42px;
	left:50px;
	position:absolute;
	text-align:center;
	text-indent:0;
	font-size:18px;
	font-weight:bold;
	color:#000000;
}

.mobile-sale2 .sale-txt .sale-red {
	color:#cc0505;
	font-size:24px;
}

.mobile-sale2 .sale-txt2 {
	display:block;
	width:430px;
	height:50px;
	top:73px;
	left:50px;
	position:absolute;
	text-align:center;
	text-indent:0;
	font-size:12px;
	color:#000000;
	line-height:1.2;
}

.mobile-sale2 .sale-txt3 {
	display:block;
	width:430px;
	height:50px;
	top:65px;
	left:50px;
	position:absolute;
	text-align:center;
	text-indent:0;
	font-size:24px;
	color:#000000;
}

.mobile-sale2 .sale-txt3 .sale-red {
	color:#cc0505;
	font-size:30px;
}
.mobile-sale2 .sale-txt4 {
	display:block;
	width:430px;
	height:40px;
	top:48px;
	left:50px;
	position:absolute;
	text-align:center;
	text-indent:0;
	font-size:18px;
	color:#000000;
	font-weight:bold;
}

.mobile-mail-url {
	width:315px;
	height:25px;
	padding-left:95px;
	background: url(/products/mobile/introduction/images/mobile_mail_url.gif) no-repeat 0 0;
	font-weight:bold;
	font-size:14px;
	color:#000000;
}

/* -------------------------------------------------------------------
タブ
------------------------------------------------------------------- */
.tab-area li {
	display:block;
	float:left;
	margin-right:10px;
}

.tab-area li a {
	display:block;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
}

.tab-area li a.tab-ao  {width:340px; background:url(/products/mobile/introduction/images/tab.jpg) no-repeat    0   0;}
.tab-area li a.tab-bus {width:250px; background:url(/products/mobile/introduction/images/tab.jpg) no-repeat -350px 0;}

.tab-area li a.tab-ao:hover  , .tab-area li.active a.tab-ao  {background-position:    0   100%;}
.tab-area li a.tab-bus:hover , .tab-area li.active a.tab-bus {background-position: -350px 100%;}

/* 海外旅行 */
.tab-btm-ao {
	padding-bottom:2px;
	background: url(/products/mobile/introduction/images/tab_btm_ao.gif) no-repeat 0 100%;
}

/* 国内旅行 */
.tab-btm-bus {
	padding-bottom:2px;
	background: url(/products/mobile/introduction/images/tab_btm_bus.gif) no-repeat 0 100%;
}

/* -------------------------------------------------------------------
コンテンツ
------------------------------------------------------------------- */
.contents-area {
	border:1px solid #cdcdcd;
	border-top:none;
}

/* 海外旅行 */
.contents-area .ao-01 {
	padding-top:38px;
	height:340px;
	background: url(/products/mobile/introduction/images/img_ao_01.jpg) no-repeat 0 0;
}

.contents-area .ao-01 h3 {
	width:948px;
	height:100px;
	background: url(/products/mobile/introduction/images/title_ao_01.gif) no-repeat 0 0;
	text-indent:-9999px;
}

.contents-area .ao-01 .txt-box {
	float:right;
	width:300px;
	padding-right:19px;
	margin-top:15px;
	font-size:14px;
	line-height:1.7;
}

.contents-area .ao-02 {
	margin-bottom:30px;
}

.contents-area .ao-02 h3 {
	width:948px;
	height:60px;
	background: url(/products/mobile/introduction/images/title_ao_02.gif) no-repeat 0 0;
	text-indent:-9999px;
}

.contents-area .ao-02 .txt-box {
	float:left;
	width:220px;
	padding-left:59px;
	margin-top:15px;
	font-size:14px;
	line-height:1.7;
}

.contents-area .ao-02 .img-box {
	float:right;
	width:650px;
	padding-right:19px;
}

.contents-area .ao-03 {
	margin-bottom:30px;
}

.contents-area .ao-03 h3 {
	width:948px;
	height:100px;
	background: url(/products/mobile/introduction/images/title_ao_03.gif) no-repeat 0 0;
	text-indent:-9999px;
}

.contents-area .ao-03 .txt-box {
	float:right;
	width:550px;
	padding-right:19px;
	margin-top:15px;
	font-size:14px;
	line-height:1.7;
}

.contents-area .ao-03 .img-box {
	float:left;
	width:330px;
	padding-left:39px;
}

.contents-area .ao-04 {
	margin-bottom:20px;
}

.contents-area .ao-04 h3 {
	width:948px;
	height:100px;
	background: url(/products/mobile/introduction/images/title_ao_04.gif) no-repeat 0 0;
	text-indent:-9999px;
	margin-bottom:10px;
}

.contents-area .ao-04 .txt-box {
	float:left;
	width:380px;
	padding-left:59px;
	margin-top:15px;
	font-size:14px;
	line-height:1.7;
}

.contents-area .ao-04 .img-box {
	float:right;
	width:470px;
	padding-right:39px;
}

/* 国内旅行 */
.contents-area .bus-01 {
	padding-top:38px;
	height:240px;
	background: url(/products/mobile/introduction/images/img_bus_01.jpg) no-repeat 0 0;
}

.contents-area .bus-01 h3 {
	width:948px;
	height:105px;
	background: url(/products/mobile/introduction/images/title_bus_01.gif) no-repeat 0 0;
	text-indent:-9999px;
}

.contents-area .bus-01 .txt-box {
	float:left;
	width:450px;
	padding-left:59px;
	margin-top:15px;
	font-size:14px;
	line-height:1.7;
}

.contents-area .bus-02 {
	margin-bottom:15px;
}

.contents-area .bus-02 h3 {
	width:948px;
	height:60px;
	background: url(/products/mobile/introduction/images/title_bus_02.gif) no-repeat 0 0;
	text-indent:-9999px;
}

.contents-area .bus-02 .txt-box {
	float:right;
	width:460px;
	padding-right:19px;
	margin-top:15px;
	font-size:14px;
	line-height:1.7;
}

.contents-area .bus-02 .img-box {
	float:left;
	width:400px;
	padding-left:39px;
}

.contents-area .bus-03 {
	margin-bottom:10px;
}

.contents-area .bus-03 h3 {
	width:948px;
	height:125px;
	background: url(/products/mobile/introduction/images/title_bus_03.gif) no-repeat 0 0;
	text-indent:-9999px;
	margin-bottom:10px;
}

.contents-area .bus-03 .txt-box {
	float:left;
	width:260px;
	padding-left:59px;
	margin-top:15px;
	font-size:14px;
	line-height:1.7;
}

.contents-area .bus-03 .img-box {
	float:right;
	width:600px;
	padding-right:19px;
}

/* -------------------------------------------------------------------
アクセス方法
------------------------------------------------------------------- */
.title-access {
	width:950px;
	height:45px;
	background: url(/products/mobile/introduction/images/title_access.gif) no-repeat 0 0;
	text-indent:-9999px;
}

.access-box1 {
	border:1px solid #fdcd01;
	border-top:none;
	padding:0 1px 1px 1px;
	margin-bottom:20px;
}

.access-box2 {
	border:3px solid #ffeeb2;
	border-top:none;
	padding:20px 15px 15px 15px;
}

.access-contents {
	background: url(/products/mobile/introduction/images/access_dotline.gif) repeat-y 0 0;
}

.access-contents .access-01 {
	float:left;
	width:215px;
	padding-right:15px;
}

.access-contents .access-02 {
	float:left;
	width:215px;
}

.access-contents .access-03 {
	float:right;
	width:450px;
}

.access-contents .title-access-qr {
	width:215px;
	height:30px;
	background: url(/products/mobile/introduction/images/title_access_qr.gif) no-repeat 0 0;
	text-indent:-9999px;
	margin-bottom:10px;
}

.access-contents .title-access-url {
	width:215px;
	height:30px;
	background: url(/products/mobile/introduction/images/title_access_url.gif) no-repeat 0 0;
	text-indent:-9999px;
	margin-bottom:10px;
}

.access-contents .title-access-mail {
	width:215px;
	height:30px;
	background: url(/products/mobile/introduction/images/title_access_mail.gif) no-repeat 0 0;
	text-indent:-9999px;
	margin-bottom:20px;
}

.access-contents .title-access-menu {
	width:450px;
	height:30px;
	background: url(/products/mobile/introduction/images/title_access_menu.gif) no-repeat 0 0;
	text-indent:-9999px;
	margin-bottom:10px;
}

.access-contents .access-color01 {
	color:#ff6600;
}

.access-contents .access-url {
	color:#000000;
	padding:5px 10px 5px 10px;
	font-weight:bold;
	background:#fffecb;
	border:1px solid #f3cc45;
}

.access-contents .access-menu-i {
	float:left;
	width:149px;
	padding-right:1px;
}

.access-contents .access-menu-e {
	float:left;
	width:149px;
}

.access-contents .access-menu-j {
	float:right;
	width:149px;
}

/* -------------------------------------------------------------------
モバイル登録フォーム
------------------------------------------------------------------- */
.mobile-mail-form {
	background: url(/products/mobile/introduction/images/mobile_mail_bg.gif) no-repeat 0 0;
	width: 410px;
	height: 120px;
	position: relative;
}

.mobile-mail-form .form_area{
	position: absolute;
	top: 50px;
	left:70px;
}