@charset "utf-8";

/********************************************************************************

   トップページスタイリング   

********************************************************************************/

/* ------------------------------------------------------------------------
   メインビジュアル
------------------------------------------------------------------------ */
#main-visual {
	position:relative;
	width:760px;
}

*html #main-visual {
	margin-top:-2px;
}

#main-visual p.menu {
	position:absolute;
	right:10px;
	bottom: 10px;
}

#main-visual p.movie {
	position:absolute;
	left:5px;
	bottom:6px;
}

/* ------------------------------------------------------------------------
   コンテンツ
------------------------------------------------------------------------ */

a.menu-list {
	position:absolute;
	right:10px;
	top:10px;
}

/*---------- キャンペーン ----------*/
#campaign {
	margin:15px 0;
}

/*---------- 季節のオススメ ----------*/
#season {
	margin:2px 0 15px 0;
	padding:0 0 5px 0;
	position:relative;
	background:url(../images/season-bg.gif) left bottom;
}

#season a {
	text-decoration:none;
}

#season a:hover {
	color:#0066FF;
}

.season-left {
	float:left;
	width:254px;
	margin:0 0 0 10px;
	padding:0 3px;
}

.season-right {
	float:right;
	width:254px;
	margin:0 10px 0 0;
	padding:0 3px;
}

*html .season-left,
*html .season-right {
	margin:0 5px;
}


.season-left img,
.season-right img {
	margin:0 0 3px 0;
}

.season-copy {
	width:512px;
	margin:12px;
	padding:3px 10px;
	background:#fff;
	border:1px solid #ffc58c;
	clear:both;
}



/*---------- メニュー一覧 ----------*/
#menu-list {
	position:relative;
	margin:0 0 15px 0;
}

#menu-list strong {
	background:url(../images/menu-list-sub-title.gif) left bottom no-repeat;
	padding:5px 5px 3px 15px;
	margin:0 0 5px 0;
	color:#3270b9;
	display:block;
	line-height:1.2;
}

#menu-list p{
	float:left;
	width:235px;
	margin:10px 15px 0 0;
	height:17em;
}

#menu-list p img {
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #CCC;
	padding:3px;
}

.simpleTabsContent span {
	background:url(../images/menu-list-arrow.gif) left center no-repeat;
	padding:0 0 0 15px;
	display:block;
	clear:both;
}

#menu-list .pagetext {
	margin:0 10px 10px;
}

#menu-list .pagetext p{
	float:none;
	width:100%;
	height:auto;
	margin:0;
}



/* タブ */

.simpleTabs {
	margin:0 0 0 10px;
	clear:both;
}

ul.simpleTabsNavigation {
	background:url(../images/menu-list-tab-visited.gif) 0 0 no-repeat;
}

ul.simpleTabsNavigation li {
	float:left;
	display:block;
}

ul.simpleTabsNavigation li a {
	display:block;
	width:90px;
	height:39px;
	text-indent:-9999px;
}


ul.simpleTabsNavigation li#tab-air a:link,
ul.simpleTabsNavigation li#tab-air a:visited {
	background:url(../images/menu-list-tab-visited.gif) 0 0 no-repeat;
}
ul.simpleTabsNavigation li#tab-air a:hover {
	background:url(../images/menu-list-tab-hover.gif) 0 0 no-repeat;
}
ul.simpleTabsNavigation li#tab-air a.current {
	background:url(../images/menu-list-tab-current.gif) 0 0 no-repeat !important;
}

ul.simpleTabsNavigation li#tab-kitchen a:link,
ul.simpleTabsNavigation li#tab-kitchen a:visited {
	background:url(../images/menu-list-tab-visited.gif) -90px 0 no-repeat;
}
ul.simpleTabsNavigation li#tab-kitchen a:hover {
	background:url(../images/menu-list-tab-hover.gif) -90px 0 no-repeat;
}

ul.simpleTabsNavigation li#tab-kitchen a.current {
	background:url(../images/menu-list-tab-current.gif) -90px 0 no-repeat !important;
}

ul.simpleTabsNavigation li#tab-water a:link,
ul.simpleTabsNavigation li#tab-water a:visited {
	background:url(../images/menu-list-tab-visited.gif) -180px 0 no-repeat;
}
ul.simpleTabsNavigation li#tab-water a:hover {
	background:url(../images/menu-list-tab-hover.gif) -180px 0 no-repeat;
}
ul.simpleTabsNavigation li#tab-water a.current {
	background:url(../images/menu-list-tab-current.gif) -180px 0 no-repeat !important;
}

ul.simpleTabsNavigation li#tab-room a:link,
ul.simpleTabsNavigation li#tab-room a:visited {
	background:url(../images/menu-list-tab-visited.gif) -270px 0 no-repeat;
}
ul.simpleTabsNavigation li#tab-room a:hover {
	background:url(../images/menu-list-tab-hover.gif) -270px 0 no-repeat;
}
ul.simpleTabsNavigation li#tab-room a.current {
	background:url(../images/menu-list-tab-current.gif) -270px 0 no-repeat !important;
}

ul.simpleTabsNavigation li#tab-etc a:link,
ul.simpleTabsNavigation li#tab-etc a:visited {
	background:url(../images/menu-list-tab-visited.gif) -360px 0 no-repeat;
}
ul.simpleTabsNavigation li#tab-etc a:hover {
	background:url(../images/menu-list-tab-hover.gif) -360px 0 no-repeat;
}
ul.simpleTabsNavigation li#tab-etc a.current {
	background:url(../images/menu-list-tab-current.gif) -360px 0 no-repeat !important;
}

ul.simpleTabsNavigation li#tab-pack a:link,
ul.simpleTabsNavigation li#tab-pack a:visited {
	background:url(../images/menu-list-tab-visited.gif) -450px 0 no-repeat;
}
ul.simpleTabsNavigation li#tab-pack a:hover {
	background:url(../images/menu-list-tab-hover.gif) -450px 0 no-repeat;
}
ul.simpleTabsNavigation li#tab-pack a.current {
	background:url(../images/menu-list-tab-current.gif) -450px 0 no-repeat !important;
}

div.simpleTabsContent:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

div.simpleTabsContent {
	padding:15px 0 25px 25px;
	display:none;
	background:url(../images/menu-list-tab-bk.gif) left bottom no-repeat;
	min-height: 1px;
}

* html div.simpleTabsContent {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

div.simpleTabsContent.currentTab {
	display:block;
}


/*---------- コンテンツ ----------*/
#contents-menu {
	margin:0 0 15px 0;
	position:relative;
}

.contents-text {
	margin:0 10px 10px;
/*	border:1px solid #ccc;*/
	padding:5px;
}

#contents-menu p img {
	border:1px solid #999;
}

.contents-menu-left {
	float:left;
	width:260px;
	margin:0 0 0 10px;
}

*html .contents-menu-left,
*html .contents-menu-right {
	margin:0 5px;
}

.contents-menu-right {
	float:right;
	width:260px;
	margin:0 10px 0 0;
	padding:0;
}

.contents-menu-left img,
.contents-menu-right img {
	margin:0 0 3px 0;
}

#contents-menu ul {
	margin:5px 0 0 0;
}

#contents-menu li {
	background:url(../images/menu-list-arrow.gif) left center no-repeat;
	padding:0 0 0 15px;
}

/*---------- サービス ----------*/
#service {
	margin:0 0 15px 0;
	position:relative;
}

#service p.thumbnail {
	text-align:center;
	border:1px solid #999;
	padding:10px;
	margin:0 0 5px 0;
}

.service-left {
	float:left;
	width:260px;
	margin:0 0 0 10px;
}

.service-right {
	float:right;
	width:260px;
	margin:0 10px 0 0;
}

*html .service-left,
*html .service-right {
	margin:0 5px;
}



/*---------- 新着情報 ----------*/

#information {
	margin:0 0 25px 0;
}

#information h2 {
	margin:0;
}

#information dl{
	padding:5px 10px 0 10px;
}
#information dt{
	float:left;
	width:7em;
	clear:left;
	background:url(../common/images/component/border-dots.gif) left bottom repeat-x;
	text-align:right;
	padding:0.5em;
}
#information dd{
	margin-left:8em;
	background:url(../common/images/component/border-dots.gif) left bottom repeat-x;
	padding:0.5em;
}


/*---------- 問い合わせ ----------*/
#contact-list {
	position:relative;
	line-height:0;
}

#contact-list ul{
	position:absolute;
	right:40px;
	top:50px;
}

#contact-list li {
	float:left;
	margin:0 0 0 10px;
}

#contact-list p {
	text-align:center;	
}

#contact-list a {
	text-decoration:none;
}

#contact-list p img {
	margin:0 0 15px 0;
}



/*---------- アーカイブリンク ----------*/
.archive {
	clear:both;
}

.archivebtn {
	width:105px;
	height:50px;
	overflow:hidden;
	text-indent:-9999em;
	float:right;
}

.archivetitle {
	height:50px;
	float:left;
}

.archive a.seasonlink:link,
.archive a.seasonlink:visited {
	width:105px;
	height:50px;
	display:block;
	background:url(../images/season-btn.jpg);
}

.archive a.seasonlink:hover {
	background:url(../images/season-btn.jpg) bottom;
}