@charset "utf-8";

/*----------------------------------------------------*/
/* CSS Index

- CONTAINER
- HEADER CONTAINAR
- HEADER SEVEN
- HEADER
- SUPER_BANNER
- GLOBAL NAVI
- TOP_NAVI
- MAIN CONTAINER
- BOTTOM NAVI
- FOOTER LINK
- FOOTER
- POP PAGE
- JS OFF
------------------------------------------------------*/

/*----------------------------------------------------*/
/* CONTAINER
------------------------------------------------------*/

#container {
	margin:0 auto;
}
#container #contents{
  width:950px;
  margin:0 auto;
}
#container #inc_information #contents{
  width: 620px;
  margin:0 auto;
}
/*----------------------------------------------------*/
/* HEADER CONTAINAR
------------------------------------------------------*/

#header_container,
#header_container_seven {
	margin-bottom:22px;
	background:url(/7tabi/common/images/common/bg_header_container.gif) no-repeat left bottom;
	padding:5px 0 8px;
	width:950px;
}

#header_container_buy,
#header_container_brand {
	margin:6px 0 13px;
}

/*----------------------------------------------------*/
/* HEADER SEVEN
------------------------------------------------------*/

#header_seven {
	padding:6px 5px 4px;
	background-color:#FFF;
	width:950px;
	position:relative;
}

/*----------------------------------------------------*/
/* HEADER
------------------------------------------------------*/

#header {
	position:relative;
	width:950px;
	clear:both;
}

#header p {
	line-height:1.3;
}

#header_container_buy #header,
#header_container_brand #header {
	background:url(/7tabi/common/images/common/bg_header_container_buy.gif) no-repeat left bottom;
	padding-bottom:5px;
	width:958px;
	margin-left:-4px;
  margin-left:auto;
  margin-right:auto;
}

#header #logo {
	padding:0 0 5px 0;
	float:left;
	width:670px;
}

#header_container_buy #header #logo,
#header_container_brand #header #logo {
	padding:10px 0 12px 9px;
}

#header_container_brand #header #logo {
	width:auto;
}

#header p {
	display:table-cell;
	vertical-align:middle;
}

* html #header p {
	display:inline;
	zoom:1;
}

*+html #header p {
	display:inline;
	zoom:1;
}

#header p.lead {
	padding-top:0;
	color:#666;
}

#header p.illust,
#header p.lead {
	padding-left:10px;
	font-size:83%;
}

#header_container_brand #header p.lead {
	padding:0 0 0 22px;
}

/* セブンロゴ */

#header div.snet_logo {
	text-align:right;
	float:right;
	width:263px;
	padding:0 12px 0 0;
}

#header_container_buy #header div.snet_logo {
	padding-right:16px;
}

/* ユーティリティリンク */

#header div.utility {
	text-align:right;
	float:right;
	width:263px;
	padding:20px 11px 0 0;
	white-space:nowrap;
}

#header_container #header div.utility {
	padding-top:9px;
}

#header_container_buy #header div.utility {
	padding:9px 15px 0 0;
}

#header div.utility li {
	display:inline;
	background:url(/7tabi/common/images/common/icon_delimiter_01.gif) no-repeat right 0;
	padding-right:10px;
	margin-left:6px;
}

#header div.utility li.sitemap,
#header div.utility li.end {
	background:none;
	padding-right:0;
}

#header div.utility a:link {	color:#333;	text-decoration:none;}
#header div.utility a:visited {	color:#333;	text-decoration:none;}
#header div.utility a:hover {	color:#333;	text-decoration:underline;}
#header div.utility a:active {	color:#333;	text-decoration:none;}


/* 会員系リンク */

#header div.member {
	text-align:right;
	float:right;
	width:263px;
	white-space:nowrap;
}

#header_container #header div.member {
	padding:20px 11px 0 0;
}

#header_container_seven #header div.member {
	padding:0 10px 0 0;
}

#header_container_buy #header div.member {
	padding:7px 15px 7px 0;
}

#header div.member li {
	display:inline;
	margin-left:6px;
	background:url(/7tabi/common/images/common/icon_link_02.gif) no-repeat 0 .1em;
	padding-left:14px;
	min-height:11px;
	height:auto !important;
	height:11px;
}

/* プリント */

#header_container_buy #header div.print {
	margin-top:12px;
	padding-right:10px
}


/*----------------------------------------------------*/
/* SUPER_BANNER
------------------------------------------------------*/

#super_banner {
	width:950px;
	padding:4px 0;
	border-top:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	margin-bottom:16px;
	background-color:#FFF;
	clear:both;
}

#header_container_seven #super_banner {
	margin-bottom:0;
}

#super_banner li {	text-align:center;}
#super_banner li img {	vertical-align:top;}


/*----------------------------------------------------*/
/* GLOBAL NAVI
------------------------------------------------------*/

#header_container,
#header_container_seven {
	margin-bottom:11px;
}

#gnavi {
	clear:both;
}

#gnavi ul {
	float:left;
	background-image:url(/7tabi/common/images/common/gnavi.png);
	height:40px;
}

#gnavi li {
	float:left;
	height:40px;
	position:relative;
}

#gnavi li a,
#gnavi li strong,
#gnavi li span {
	display:block;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
}

#gnavi li a:hover,
#gnavi li a.on,
#gnavi li strong {
	position:absolute;
	top:-7px;
	left:-3px;
	background-image:url(/7tabi/common/images/common/gnavi.png);
	height:65px;
}

#gnavi li.top a:hover,
#gnavi li.top a.on,
#gnavi li.top strong {
	background-image:none;
	top:0;
	left:0;
	height:40px;
}

#gnavi li a:hover {
	z-index:10;
}

#gnavi li a.on,
#gnavi li strong {
	z-index:15;
}


/* グロナビ 国内 */

#gnavi ul.dom {
	width:470px;
	background-position:0 0;
}

#gnavi ul.dom li.top,
#gnavi ul.dom li.top a {	width:60px;}

#gnavi ul.dom li.yado,
#gnavi ul.dom li.yado a {	width:66px;}

#gnavi ul.dom li.yado a:hover,
#gnavi ul.dom li.yado a.on,
#gnavi ul.dom li.yado strong {
	width:72px;
	background-position:-56px -40px;
	left:-4px;
}

#gnavi ul.dom li.tour,
#gnavi ul.dom li.tour a {	width:77px;}

#gnavi ul.dom li.tour a:hover,
#gnavi ul.dom li.tour a.on,
#gnavi ul.dom li.tour strong {
	width:82px;
	background-position:-123px -105px;
}

#gnavi ul.dom li.air,
#gnavi ul.dom li.air a {	width:56px;}

#gnavi ul.dom li.air a:hover,
#gnavi ul.dom li.air a.on,
#gnavi ul.dom li.air strong {
	width:61px;
	background-position:-200px -40px;
}

#gnavi ul.dom li.highway,
#gnavi ul.dom li.highway a {	width:67px;}

#gnavi ul.dom li.highway a:hover,
#gnavi ul.dom li.highway a.on,
#gnavi ul.dom li.highway strong {
	width:72px;
	background-position:-256px -105px;
}

#gnavi ul.dom li.bus,
#gnavi ul.dom li.bus a {	width:67px;}

#gnavi ul.dom li.bus a:hover,
#gnavi ul.dom li.bus a.on,
#gnavi ul.dom li.bus strong {
	width:72px;
	background-position:-323px -40px;
}

#gnavi ul.dom li.car,
#gnavi ul.dom li.car a {	width:77px;}

#gnavi ul.dom li.car a:hover,
#gnavi ul.dom li.car a.on,
#gnavi ul.dom li.car strong {
	width:84px;
	background-position:-390px -105px;
}

/* for IE6 */

*html #gnavi ul.dom li.tour a:hover,
*html #gnavi ul.dom li.tour a.on,
*html #gnavi ul.dom li.tour strong {
	background-position:-123px -104px;
	top:-8px;
	left:-2px;
}

*html #gnavi ul.dom li.highway a:hover,
*html #gnavi ul.dom li.highway a.on,
*html #gnavi ul.dom li.highway strong {
	background-position:-256px -104px;
}

*html #gnavi ul.dom li.bus a:hover,
*html #gnavi ul.dom li.bus a.on,
*html #gnavi ul.dom li.bus strong {
	left:-2px;
}

*html #gnavi ul.dom li.car a:hover,
*html #gnavi ul.dom li.car a.on,
*html #gnavi ul.dom li.car strong {
	background-position:-390px -104px;
}



/* グロナビ 海外 */

#gnavi ul.ab {
	width:463px;
	background-position:-489px 0;
	float:right;
}

#gnavi ul.ab li.top,
#gnavi ul.ab li.top a {	width:62px;}

#gnavi ul.ab li.hotel,
#gnavi ul.ab li.hotel a {	width:67px;}

#gnavi ul.ab li.hotel a:hover,
#gnavi ul.ab li.hotel a.on,
#gnavi ul.ab li.hotel strong {
	width:73px;
	background-position:-546px -40px;
	left:-4px;
}

#gnavi ul.ab li.tour,
#gnavi ul.ab li.tour a {	width:78px;}

#gnavi ul.ab li.tour a:hover,
#gnavi ul.ab li.tour a.on,
#gnavi ul.ab li.tour strong {
	width:83px;
	background-position:-614px -105px;
}

#gnavi ul.ab li.optional,
#gnavi ul.ab li.optional a {	width:78px;}

#gnavi ul.ab li.optional a:hover,
#gnavi ul.ab li.optional a.on,
#gnavi ul.ab li.optional strong {
	width:83px;
	background-position:-692px -40px;
}

#gnavi ul.ab li.air,
#gnavi ul.ab li.air a {	width:56px;}

#gnavi ul.ab li.air a:hover,
#gnavi ul.ab li.air a.on,
#gnavi ul.ab li.air strong {
	width:61px;
	background-position:-770px -105px;
}

#gnavi ul.ab li.car,
#gnavi ul.ab li.car a {	width:76px;}

#gnavi ul.ab li.car a:hover,
#gnavi ul.ab li.car a.on,
#gnavi ul.ab li.car strong {
	width:81px;
	background-position:-826px -40px;
}

#gnavi ul.ab li.rail,
#gnavi ul.ab li.rail a {	width:46px;}

#gnavi ul.ab li.rail a:hover,
#gnavi ul.ab li.rail a.on,
#gnavi ul.ab li.rail strong {
	width:53px;
	background-position:-902px -105px;
}

/* for IE6 */


* html #gnavi ul.ab li.tour a:hover,
* html #gnavi ul.ab li.tour a.on,
* html #gnavi ul.ab li.tour strong {
	background-position:-614px -104px;
}

* html #gnavi ul.ab li.air a:hover,
* html #gnavi ul.ab li.air a.on,
* html #gnavi ul.ab li.air strong {
	background-position:-770px -104px;
}

* html #gnavi ul.ab li.rail a:hover,
* html #gnavi ul.ab li.rail a.on,
* html #gnavi ul.ab li.rail strong {
	background-position:-902px -104px;
}

/*----------------------------------------------------*/
/* TOP_NAVI
------------------------------------------------------*/

#top_navi {
  margin-bottom: 20px;
  padding-bottom: 5px;
  color: #333333;
  line-height: 1.3;
  border-bottom: solid 3px #f2f2f2;
  font-weight: normal;
}

#top_navi h1 {
 font-size:24px;
 float:left;
}

#top_navi p.description {
 float:left;
 font-size:14px;
 padding:0.6em 0 0 20px;
}


/*----------------------------------------------------*/
/* MAIN CONTAINER
------------------------------------------------------*/

#main_container #contents {
	float:right;
	width:620px;
}

#main_container #lside {
	float:left;
	width:320px;
}

#main_container #rside a:link {	text-decoration:none;}
#main_container #rside a:visited {	text-decoration:none;}
#main_container #rside a:hover {	text-decoration:underline;}
#main_container #rside a:active {	text-decoration:none;}

/* top */

#main_container.top #main {
	float:left;
	width:750px;
}

#main_container.top #contents {
	float:right;
	width:420px;
}

#main_container.top #rside {
	float:right;
	width:190px;
}

/* co */
#contents.co {
	padding-bottom:20px;
}



/*----------------------------------------------------*/
/* BOTTOM NAVI
------------------------------------------------------*/

#bottom_navi {
  background: #f2f2f2;
  width:950px;
  clear:both;
}

#bottom_navi div.title {
	padding:10px 0 8px 10px;
	width:940px;
}

#bottom_navi div.topicpath {
	padding:13px 0 13px 10px;
	width:940px;
	background-color:#FFF;
}

#bottom_navi.single div.topicpath {
	padding:0 0 13px 10px;
}

#bottom_navi div.topicpath a:link {	text-decoration:none;}
#bottom_navi div.topicpath a:visited {	text-decoration:none;}
#bottom_navi div.topicpath a:hover {	text-decoration:underline;}
#bottom_navi div.topicpath a:active {	text-decoration:none;}


/*----------------------------------------------------*/
/* FOOTER LINK
------------------------------------------------------*/

#footer_link {
	width:935px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #FFF;
	background-color:#F3F3F3;
	padding: 18px 0 10px 15px;
	clear:both;
}

#footer_link ul.select li {
	width:460px;
	float:left;
}

#footer_link ul.select li.ab {
	width:460px;
}

#footer_link a { color:#333;	text-decoration:none;}
#footer_link a:hover {	text-decoration:underline;}


#footer_link dl.linklist dt {
	clear:both;
	float:left;
	padding:0 3px 3px 5px;
}

#footer_link dl.linklist dd li {
	display:inline;
	width:auto;
	float:none;
}

#footer_link dl.linklist  a{
	padding:0 2px 0 1px;
}

/* main */
#footer_link dl.linklist.main {
	margin-bottom:7px;
}

#footer_link dl.linklist.main dd {
	padding-top:2px;
}

#footer_link dl.linklist.main dt {
	font-weight:bold;
	font-size:116%;
	padding-right:5px;
}


/* sub */
#footer_link dl.linklist.sub {
	clear:both;
}


/*----------------------------------------------------*/
/* FOOTER
------------------------------------------------------*/

#footer {
}

#footer p,
#footer div.company {
  margin-bottom:10px;
}

/* seven_culture */

#footer div.company li {	display:inline;}
#footer div.company li a {	padding-right:2px;}
#footer p.copyright {	color:#999999;}

/* closeArea */

#footer div.closeArea {
	background-color:#f3f3f3;
	padding:18px 0;
	text-align:center;
	border:none;
	margin-bottom:10px;
}

#footer div.closeArea p.close {
	margin-bottom:0;
}

#footer div.closeArea p.close a {
	background:url(/7tabi/common/images/common/icon_close.gif) no-repeat 0 0;
	padding-left:15px;
}

#footer div.closeArea p.close a:link {	text-decoration:none;}
#footer div.closeArea p.close a:visited {	text-decoration:none;}
#footer div.closeArea p.close a:hover {	text-decoration:underline;}
#footer div.closeArea p.close a:active {	text-decoration:none;}


/*----------------------------------------------------*/
/* POP PAGE
------------------------------------------------------*/

#container_pop {
	width:620px;
	margin:0 auto 10px;
}

#container_pop #header {
	width:595px;
	border-bottom:solid 5px #e6e6e6;
	padding:0 10px 14px 15px;
}

#container_pop #header #logo {
	float:left;
	width:150px;
	padding:15px 0 0 0;
}

#header div.print {
	float:right;
	width:141px;
	padding:2px 0 1px 40px;
	background:url(/7tabi/common/images/common/icon_printer_02.gif) no-repeat 0 0;
	margin-top:16px;
}

#container_pop #footer {
  margin-bottom:40px;
  border-color: #E6E6E6;
  background-color: #f2f2f2;
  padding:10px;
  text-align: center;
}

#container_pop #footer p.close {
	margin-bottom:0;
}

#container_pop #footer p.close a {
	background:url(/7tabi/common/images/common/icon_close.gif) no-repeat left center;
	padding-left:15px;
}

#container_pop #footer p.close a:link {	text-decoration:none;}
#container_pop #footer p.close a:visited {	text-decoration:none;}
#container_pop #footer p.close a:hover {	text-decoration:underline;}
#container_pop #footer p.close a:active {	text-decoration:none;}

#container_pop h1 {
  padding:15px 0 13px 10px;
  margin-bottom: 20px;
  padding-bottom: 5px;
  color: #333333;
  line-height: 1.3;
  border-bottom: solid 3px #f2f2f2;
  font-weight: normal;
}

#container_pop h1 span {
	font-size:138.5%;
	line-height:1.2;
}

#container_pop h1 span span {
	display:block;
	font-size:61%;
	font-weight:normal;
	margin-top:2px;
}

/*----------------------------------------------------*/
/* JS OFF
------------------------------------------------------*/

#js_off {
	width:100%;
	background-color:#C00;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	padding:9px 0 8px;
	margin-bottom:3px;
}

#js_off p {
	font-size:100%;
}