﻿@charset "utf-8";

@import url('global.css');
@import url('layout.css');

body { background: #faf1dd url(/image/cbt_main/bg_main.gif) left top repeat-x; }
div.containerArea { position: relative; width: 1080px; height: 880px; margin: 0 auto; background: url(/image/cbt_main/bg_main_visual.jpg) left top no-repeat; }

h1 { position: absolute; top: -9999px; left: -9999px; }

div.vimeoArea { position: absolute; top: 184px; left: 110px; }

fieldset.loginArea { position: absolute; top: 649px; left: 131px; width: 300px; }
	fieldset.loginArea legend { position: absolute; top: -9999px; left: -9999px; }
	fieldset.loginArea dl { position: relative; }
	fieldset.loginArea dl dt { position: absolute; display: block; padding: 6px 0 0 2px; }
	fieldset.loginArea dl dd { position: absolute; display: block; }
	fieldset.loginArea dl dt.label_id { top: 0px; left: 0px; }
	fieldset.loginArea dl dt.label_pwd { top: 32px; left: 0px; }
	fieldset.loginArea dl dd.uid { top: 0px; left: 64px; }
	fieldset.loginArea dl dd.upwd { top: 32px; left: 64px; }
	fieldset.loginArea a.btn_login { position: absolute; top: 1px; left: 238px; }
	fieldset.loginArea input { width: 157px; height: 17px; font-size: 11px; color: #bbb; padding: 5px 0 0 6px; border: 1px solid #c5c5c5; }
	fieldset.loginArea input.uid { background: #fff url(/image/cbt_main/bg_uid.gif) left top no-repeat; }
	fieldset.loginArea input.uid_focus { background: #fff none; }
	fieldset.loginArea input.upwd { background: #fff url(/image/cbt_main/bg_upwd.gif) left top no-repeat; }
	fieldset.loginArea input.upwd_focus { background: #fff none; }

div.tnf { position: absolute; top: 178px; left: 594px; width: 416px; }
	div.tnf p.desc, div.tnf h2 { position: absolute; top: -9999px; left: -9999px;s }
	div.tnf a span { visibility: hidden; }
	div.tnf a.travelro { position: absolute; top: 137px; left: -5px; width: 52px; height: 35px; background: url(/image/cbt_main/btn_travelro.gif) 0 0 no-repeat; }
	div.tnf a.travelro:hover { text-decoration: none; background: url(/image/cbt_main/btn_travelro.gif) 0 -35px no-repeat; }
	div.tnf a.contributors { position: absolute; top: 117px; left: 342px; width: 79px; height: 37px; background: url(/image/cbt_main/btn_contributors.gif) 0 0 no-repeat; }
	div.tnf a.contributors:hover { text-decoration: none; background: url(/image/cbt_main/btn_contributors.gif) 0 -37px no-repeat; }

div.noticeArea { position: absolute; top: 447px; left: 630px; width: 380px; }
	div.noticeArea h2 { position: absolute; top: -9999px; left: -9999px; }
	div.noticeArea ul { margin: 0 0 0 15px; }
	div.noticeArea ul li { line-height: 27px; }
	div.noticeArea ul li a { font-size: 12px; color: #5d3a21; font-weight: bold; }
	div.noticeArea ul li a:hover { color: #0d94c6; text-decoration: none; }
	
div.event { position: absolute; top: 545px; left: 597px; width: 248px; height: 160px; }
	div.event h2 { position: absolute; top: -9999px; left: -9999px; }
	div.event p { overflow: hidden; width: 248px; height: 160px; background: url(/image/cbt_main/event_detail.png) left top no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/cbt_main/event_detail.png', sizingMethod='crop'); }
	div.event p span { position: absolute; top: -9999px; left: -9999px; }
	div.event a.more { position: absolute; top: 99px; right: 0px; display: block; width: 50px; height: 50px; cursor: pointer; background: url(/image/cbt_main/btn_more.png) left top no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/cbt_main/btn_more.png', sizingMethod='crop'); }
	div.event a.more span { display: none; }

div.iphoneApp { position: absolute; top: 529px; left: 883px; width: 163px; }
	div.iphoneApp h2 { position: absolute; top: -9999px; left: -9999px; }
	div.iphoneApp p { width: 163px; height: 175px; background: url(/image/cbt_main/travelro_app.png) left top no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/cbt_main/travelro_app.png', sizingMethod='crop'); }
	div.iphoneApp p span { position: absolute; top: -9999px; left: -9999px; }
	div.iphoneApp a.appstore { display: block; width: 85px; height: 28px; cursor: pointer; margin: 6px 0 0 11px; background: url(/image/cbt_main/btn_app.png) left top no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/cbt_main/btn_app.png', sizingMethod='crop'); }
	div.iphoneApp a.appstore span { display: none; }

div.quoteArea { position: absolute; top: 803px; left: 89px; width: 750px; }
	div.quoteArea h2 { position: absolute; top: -9999px; left: -9999px; }
	div.quoteArea blockquote { font-size: 12px; color: #4d2f21; font-weight: bold; line-height: 18px; margin: 0; padding: 0; }
	div.quoteArea blockquote cite { font-style: normal; font-weight: normal; }

div.followus { position:	absolute; top: 797px; left: 594px; width: 401px; text-align: right; padding: 0 15px 0 0; }
	div.followus h2 { display: inline; width: 60px; height: 24px; vertical-align: bottom; margin: 0 5px 0 0; background: url(/image/cbt_main/label_followus.gif) no-repeat; background-position: left top; *background-position: left 7px; }
	div.followus h2 span { display: inline-block; visibility: hidden; width: 60px; height: 24px; }
	div.followus ul { display: inline; }
	div.followus ul li { display: inline; }





