@charset "utf-8";

@import url(common.css);
@import url(sp.css);

@import url(working.css);

/* =========================================================== */
/* style reset ----------------------------------------------- */
/* =========================================================== */

*	{
	margin: 0;
	padding: 0;
	}

*	{
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 1.6;
	}

img	{
	vertical-align: bottom;
	}

a img	{
	border-style: none;
	}

body	{
	background-color: #f7f7f7;
	}


/* =========================================================== */
/* structure ------------------------------------------------- */
/* =========================================================== */

/* 言語切り替え */
p#language	{
	z-index: 10;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100px;
	margin: 0px 0px 0px 750px;
	padding: 0px;
	text-align: center;
	font-size: 0.8em;
	}

p#language a	{
	display: block;
	height: 20px;
	color: #000;
	text-decoration: none;
	}

p#language a:hover	{
	background-color: #fff;
	}

/* 大枠コンテナー */
div#container	{
	z-index: 1;
	position: relative;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	}

/* グローバルナビA ホームページ〜交通宿泊 */
div#globalNaviA	{
	z-index: 6;
	position: absolute;
	top: 33px;
	left: 0px;
	width: 900px;
	height: 60px;
	background: #2a56a3 url(image/globalNaviA_background.jpg) no-repeat;
	}

/* ローカルナビ */
div#localNavi	{
	z-index: 7;
	position: absolute;
	top: 93px;
	left: 0px;
	width: 900px;
	height: 95px;
	background: #2a56a3 url(image/localNavi_background.jpg) no-repeat;
	}

/* ローカルナビ 表示無し */
div#localNaviEmpty	{
	z-index: 7;
	position: absolute;
	top: 93px;
	left: 0px;
	width: 900px;
	height: 95px;
	background: url(image/localNaviEmpty_background.jpg) no-repeat;
	}

/* グローバルナビB ECガイド〜リンク */
div#globalNaviB	{
	z-index: 5;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 900px;
	height: 33px;
	background: url(image/globalNaviB_background.jpg) no-repeat;
	}

/* ページタイトル */
div#header1	{
	z-index: 8;
	position: absolute;
	top: 188px;
	left: 0px;
	width: 900px;
	height: 45px;
	background: url(image/h1_background.jpg) no-repeat;
	}

div#header1 p	{
	position: absolute;
	left: 660px;
	top: -168px;
	margin: 0px;
	}

h1	{
	z-index: 9;
	margin: 2px 0px 2px 70px;
	padding: 0px 10px;
	width: 540px;
	color: #222;
	background-color: #f1ec63;
/*ec2010
	color: #f7f7f7;
	background-color: #ca5b7d;
*/
	}


/* =========================================================== */
/* wrapper --------------------------------------------------- */
/* =========================================================== */

div#wrapperIncl2Column {
	z-index: 10;
	position: relative;
	top: 233px;
	left: 0px;
	width: 900px;
	min-height: 450px;
		/* 300px(wrapper bg)+150(footer bg)*/
	/* ↓↓ IE6対策 ↓↓ */
	height: auto !important;
	height: 450px;
	/* ↑↑ IE6対策 ↑↑ */
	background: url(image/wrapperIncl2Column_background.jpg) no-repeat;
	}

div#wrapperInclTab {
	z-index: 10;
	position: relative;
	top: 233px;
	left: 0px;
	width: 900px;
	min-height: 450px;
		/* 300px(wrapper bg)+150(footer bg)*/
	/* ↓↓ IE6対策 ↓↓ */
	height: auto !important;
	height: 450px;
	/* ↑↑ IE6対策 ↑↑ */
	padding-top: 30px;
	background: url(image/wrapperInclTab_background.jpg) no-repeat;
	}

div#wrapper {
	z-index: 10;
	position: relative;
	top: 233px;
	left: 0px;
	width: 900px;
	min-height: 450px;
		/* 300px(wrapper bg)+150(footer bg)*/
	/* ↓↓ IE6対策 ↓↓ */
	height: auto !important;
	height: 450px;
	/* ↑↑ IE6対策 ↑↑ */
	background: url(image/wrapperSingle_background.jpg) no-repeat;
	}

div#endOfWrapper	{
	clear: both;
		/* div#wrapperのIE6ハックのため、clearfixが使用不可だから */
	}


/* =========================================================== */
/* contents -------------------------------------------------- */
/* =========================================================== */

div#contentsSingle {
	width: 760px;
	margin-left: 50px;
	padding: 20px;
	min-height: 300px;
		/* コンテンツが極端に少なかった時にもbgをちゃんと表示するため */
	/* ↓↓ IE6対策 ↓↓ */
	height: auto !important;
	height: 300px;
	/* ↑↑ IE6対策 ↑↑ */
	}

div#contentsPrimary {
	float: left;
	width: 560px;
	margin-left: 50px;
	padding: 20px;
	min-height: 300px;
		/* コンテンツが極端に少なかった時にもbgをちゃんと表示するため */
	/* ↓↓ IE6対策 ↓↓ */
	height: auto !important;
	height: 300px;
	/* ↑↑ IE6対策 ↑↑ */
	/* ↓↓ IE6対策 ↓↓ */
	display: inline;
	/* ↑↑ IE6対策 ↑↑ */
	}

div#contentsSecondary {
	float: left;
	margin-left: 20px;
	width: 180px;
	/* ↓↓ IE6対策 ↓↓ */
	display: inline;
	/* ↑↑ IE6対策 ↑↑ */
	}

div#tabNavi	{
	position: absolute;
	top: 0px;
	left: 50px;
	width: 600px;
	height: 30px;
	}


/* =========================================================== */
/* footer ---------------------------------------------------- */
/* =========================================================== */

div#footer {
	z-index: 1;
	position: relative;
	top: 133px;
		/* 233(absolute分)-120(footer内のul位置)+20(margin的に) */
	width: 900px;
	height: 150px;
	}

div.footer2column	{
	background: url(image/footer2column_background.jpg) no-repeat;
	}

div.footerSingle	{
	background: url(image/footerSingle_background.jpg) no-repeat;
	}


/* =========================================================== */
/* Gloval Navi A --------------------------------------------- */
/* =========================================================== */

div#globalNaviA ul	{
	width: 600px;
	height: 60px;
	margin: 0px 50px;
	}

div#globalNaviA li	{
	float: left;
	text-align: center;
	font-size: 1em;
	letter-spacing: -0.03em;
	/* ↓↓ IE6対策 ↓↓ */
	display: inline;
	/* ↑↑ IE6対策 ↑↑ */
	}

div#globalNaviA li#gN1	{
	width: 74px;
	height: 60px;
	line-height: 5em;
	}

div#globalNaviA li#gN2	{
	width: 75px;
	height: 60px;
	line-height: 5em;
	}

div#globalNaviA li#gN3	{
	width: 135px;
	height: 60px;
	line-height: 5em;
	}

div#globalNaviA li#gN4	{
	width: 113px;
	height: 60px;
	line-height: 5em;
	}

div#globalNaviA li#gN5	{
	width: 98px;
	height: 60px;
	line-height: 5em;
	}

div#globalNaviA li#gN6	{
	width: 105px;
	height: 60px;
	line-height: 5em;
	}

div#globalNaviA li#gN1Current	{
	width: 74px;
	height: 60px;
	line-height: 5em;
	color: #f7f7f7;
	background: url(image/gN1Current_ja_background.jpg) no-repeat;
	}

div#globalNaviA li#gN2Current	{
	width: 75px;
	height: 60px;
	line-height: 5em;
	color: #f7f7f7;
	background: url(image/gN2Current_ja_background.jpg) no-repeat;
	}

div#globalNaviA li#gN3Current	{
	width: 135px;
	height: 60px;
	line-height: 5em;
	color: #f7f7f7;
	background: url(image/gN3Current_ja_background.jpg) no-repeat;
	}

div#globalNaviA li#gN4Current	{
	width: 113px;
	height: 60px;
	line-height: 5em;
	color: #f7f7f7;
	background: url(image/gN4Current_ja_background.jpg) no-repeat;
	}

div#globalNaviA li#gN5Current	{
	width: 98px;
	height: 60px;
	line-height: 5em;
	color: #f7f7f7;
	background: url(image/gN5Current_ja_background.jpg) no-repeat;
	}

div#globalNaviA li#gN6Current	{
	width: 105px;
	height: 60px;
	line-height: 5em;
	color: #f7f7f7;
	background: url(image/gN6Current_ja_background.jpg) no-repeat;
	}

div#globalNaviA li a	{
	display: block;
	height: 60px;
	line-height: 5em;
	text-decoration: none;
	color: #000;
	}

div#globalNaviA li#gN1 a:hover	{
	background: url(image/gN1Current_ja_background.jpg) no-repeat;
	}

div#globalNaviA li#gN2 a:hover	{
	background: url(image/gN2Current_ja_background.jpg) no-repeat;
	}

div#globalNaviA li#gN3 a:hover	{
	background: url(image/gN3Current_ja_background.jpg) no-repeat;
	}

div#globalNaviA li#gN4 a:hover	{
	background: url(image/gN4Current_ja_background.jpg) no-repeat;
	}

div#globalNaviA li#gN5 a:hover	{
	background: url(image/gN5Current_ja_background.jpg) no-repeat;
	}

div#globalNaviA li#gN6 a:hover	{
	background: url(image/gN6Current_ja_background.jpg) no-repeat;
	}


/* clearfix */
div#globalNaviA ul:after	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
div#globalNaviA ul	{
	display: inline-block;
	}
/* Hides from IE-mac ¥*/
* html div#globalNaviA ul	{ height: 1%; }
div#globalNaviA ul	{ display: block; }
/* End hide from IE-mac */
/* clearfix */


/* =========================================================== */
/* Gloval Navi B --------------------------------------------- */
/* =========================================================== */

div#globalNaviB ul	{
	height: 20px;
	margin: 0px 50px;
	}

div#globalNaviB li	{
	float: left;
	width: 150px;
	height: 20px;
	text-align: center;
	font-size: 0.8em;
	/* ↓↓ IE6対策 ↓↓ */
	display: inline;
	/* ↑↑ IE6対策 ↑↑ */
	}

div#globalNaviB li a	{
	display: block;
	height: 20px;
	color: #000;
	text-decoration: none;
	}

div#globalNaviB li a:hover	{
	background-color: #f7f7f7;
	}

div#globalNaviB li#current	{
	background-color: #f7f7f6;
	}

/* clearfix */
div#globalNaviB ul:after	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
div#globalNaviB ul	{
	display: inline-block;
	}
/* Hides from IE-mac ¥*/
* html div#globalNaviB ul	{ height: 1%; }
div#globalNaviB ul	{ display: block; }
/* End hide from IE-mac */
/* clearfix */




/* =========================================================== */
/* Local Navi ------------------------------------------------ */
/* =========================================================== */

div#localNavi ul	{
	width: 600px;
	height: 80px;
	margin: 0px 50px;
	}

div#localNavi li	{
	float: left;
	width: 150px;
	height: 27px;
	margin: 0px 0px;
	font-size: 0.80em;
	text-align: center;
	line-height: 2.15em;
	letter-spacing: -0.03em;
	color: #f7f7f7;
	/* ↓↓ IE6対策 ↓↓ */
	display: inline;
	/* ↑↑ IE6対策 ↑↑ */
	overflow: hidden;
	}


div#localNavi li a	{
	display: block;
	width: 150px;
	height: 27px;
	line-height: 2.15em;
	color: #000;
	text-decoration: none;
	}

div#localNavi li a:hover	{
	color: #f7f7f7;
	}

/* clearfix */
div#localNavi ul:after	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
div#localNavi ul	{
	display: inline-block;
	}
/* Hides from IE-mac ¥*/
* html div#localNavi ul	{ height: 1%; }
div#localNavi ul	{ display: block; }
/* End hide from IE-mac */
/* clearfix */




/* =========================================================== */
/* tab Navi -------------------------------------------------- */
/* =========================================================== */

/* 文字の縦位置をline-heightで調整しようとすると、IE6で下に隙間が */
/* 出来てきて、非常に不快でアタマ来るので注意 */

div#tabNavi ul	{
	width: 600px;
	height: 30px;
/*
	background: url(image/tabNavi_background.jpg) no-repeat;
	これ、wrapperInclTabのbackgroundと重複していて不要のようですが…。
*/
	}

div#tabNavi li	{
	float: left;
	text-align: center;
	font-size: 0.9em;
	/* ↓↓ IE6対策 ↓↓ */
	display: inline;
	/* ↑↑ IE6対策 ↑↑ */
	}

div#tabNavi li.tabNavi1Current	{
	width: 150px;
	height: 25px;
	padding-top: 5px;
	background: url(image/tabNavi1_background.jpg) 0px -30px no-repeat;
	}

div#tabNavi li.tabNavi1 a	{
	display: block;
	width: 150px;
	height: 25px;
	padding-top: 5px;
	text-decoration: none;
	color: #000;
	background: url(image/tabNavi1_background.jpg) 0px 0px no-repeat;
	}

div#tabNavi li.tabNavi1 a:hover	{
	background: url(image/tabNavi1_background.jpg) 0px -30px no-repeat;
	}

div#tabNavi li.tabNavi2Current	{
	width: 150px;
	height: 25px;
	padding-top: 5px;
	background: url(image/tabNavi2_background.jpg) 0px -30px no-repeat;
	}

div#tabNavi li.tabNavi2 a	{
	display: block;
	width: 150px;
	height: 25px;
	padding-top: 5px;
	text-decoration: none;
	color: #000;
	background: url(image/tabNavi2_background.jpg) 0px 0px no-repeat;
	}

div#tabNavi li.tabNavi2 a:hover	{
	background: url(image/tabNavi2_background.jpg) 0px -30px no-repeat;
	}

div#tabNavi li.tabNavi3Current	{
	width: 150px;
	height: 25px;
	padding-top: 5px;
	background: url(image/tabNavi3_background.jpg) 0px -30px no-repeat;
	}

div#tabNavi li.tabNavi3 a	{
	display: block;
	width: 150px;
	height: 25px;
	padding-top: 5px;
	text-decoration: none;
	color: #000;
	background: url(image/tabNavi3_background.jpg) 0px 0px no-repeat;
	}

div#tabNavi li.tabNavi3 a:hover	{
	background: url(image/tabNavi3_background.jpg) 0px -30px no-repeat;
	}

div#tabNavi li.tabNavi4Current	{
	width: 150px;
	height: 25px;
	padding-top: 5px;
	background: url(image/tabNavi4_background.jpg) 0px -30px no-repeat;
	}

div#tabNavi li.tabNavi4 a	{
	display: block;
	width: 150px;
	height: 25px;
	padding-top: 5px;
	text-decoration: none;
	color: #000;
	background: url(image/tabNavi4_background.jpg) 0px 0px no-repeat;
	}

div#tabNavi li.tabNavi4 a:hover	{
	background: url(image/tabNavi4_background.jpg) 0px -30px no-repeat;
	}

/* clearfix */

div#tabNavi ul:after	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
div#tabNavi ul	{
	display: inline-block;
	}
/* Hides from IE-mac ¥*/
* html div#tabNavi ul	{ height: 1%; }
div#tabNavi ul	{ display: block; }
/* End hide from IE-mac */
/* clearfix */


/* =========================================================== */
/* footer ---------------------------------------------------- */
/* =========================================================== */

div#footer ul	{
	margin-left: 50px;
	padding-top: 120px;
	}

div#footer li	{
	float: left;
	width: 200px;
	line-height: 2.5em;
	text-align: center;
	list-style-type: none;
	font-size: 0.8em;
	}

div#footer li a	{
	display: block;
	height: 30px;
	line-height: 2.5em;
	color: #000;
	text-decoration: none;
	}

div#footer li a:hover	{
	background-color: #f7f7f6;
	}