@charset "shift_jis";

/*===================================

  * file name : style.css
  * last update : 2010/03/01

=======================================*/


/*---------------------------------

Main Visual

---------------------------------*/

#mainVisual {
	width:918px;
	margin-bottom:17px;	
}

#mainVisual #flashContent2 {
	width:918px;
	height:348px;
}

/*---------------------------------

Topic Path

---------------------------------*/

#breadCrumb {
	position:absolute;
	top:14px;
	left:0;
	color:#323232;
	font-size:90%;
}

#breadCrumb a {
	color:#323232;
	text-decoration:none;
}

/*---------------------------------

Page Title

---------------------------------*/

h2 {
	padding-top:34px;
	padding-bottom:25px;
}

/*---------------------------------

Main Contents

---------------------------------*/

#mainContents {
	background:url(../img/line_maincontents.gif) right top repeat-y;
	text-align:left;
}


/*Top Page*/

#top #mainContents {
	width:648px;
	min-height:803px;
	height: auto !important;
	height: 803px;
}

/*
#newsList {
	position:relative;
}

*/


/*******newsスクロール*************/
#newsttl {
	position:relative;
}


#newsList {
	position:relative;
	overflow:auto;
	height:850px
}
/*******newsスクロール*************/

#top #newsttl h2 {
	height:36px;
	width:622px;
	padding:0!important;
	margin:0!important;
}


#top #newsList h2 {
	height:36px;
	width:622px;
	padding:0!important;
	margin:0!important;
}

#newsList ul {
	width:622px;
	border-bottom:1px solid #000000;
}

#newsList ul li {
	padding:8px 0 8px 104px;
	border-top:1px solid #CCCCCC;
}

#newsList ul li.first-child {
	border-top:0;
}

#newsList ul li.event {
	background:url(../common/img/icon_event.gif) 4px 15px no-repeat;
}

#newsList ul li.shop {
	background:url(../common/img/icon_info.gif) 4px 15px no-repeat;
}
/*
#newsList span.btnList {
	position:absolute;
	top:5px;
	margin-left:585px;
}*/

/*******newsスクロール*************/
#newsttl span.btnList {
	position:absolute;
	top:5px;
	margin-left:585px;
}

/*******newsスクロール*************/

/*News List*/

#news #mainContents {
	width:898px;
	background:none;
	padding-left:10px;
}

ul#listNews li {
	background:url(../common/img/line_horizontal.gif) left bottom repeat-x;
	padding-top:25px;
	padding-bottom:26px;
	width:898px;
	overflow:hidden;
}

ul#listNews li.first-child { padding-top:0; }





.newsImg { float:left; }
	
.newsEvent, .shopInfo {
	margin-left:300px;
	margin-right:-596px;
	width:596px;
}

body#news .newsEvent {
	background:url(../common/img/icon_event.gif) left top no-repeat;
	position:relative;
	padding-top:21px;
}

body#news .shopInfo {
	background:url(../common/img/icon_info.gif) left top no-repeat;
	position:relative;
	padding-top:21px;
}

body#news span.update {
	position:absolute;
	top:2px;
	left:98px;
	line-height:1;
	display:block;
	height:13px;
}

body#news .shopInfo span.update { color:#D5337D; }

ul#listNews dt {
	color:#D5337D;
	line-height:1;
	font-size:80%;
}

ul#listNews dd { margin-top:2px; }

ul#listNews .newsTitle { }

ul#listNews .newsTitle dd { font-weight:bold; }
ul#listNews .newsShop { margin-top:16px; }
ul#listNews .newsDate { margin-top:16px; }
ul#listNews .newsUrl { margin-top:16px; }
ul#listNews .newsDetail { margin-top:16px; }

ul.paging li {
	display:table-cell;
	float:left;
	margin-left:5px;
	line-height:1;
}

ul.paging li img { vertical-align:baseline;}

ul.paging li.prevButton {
	margin-right:3px;
	margin-top:3px;
}

ul.paging li.nextButton {
	margin-left:7px;
	margin-top:3px;
}

#news ul.top {
	position:absolute;
	top:61px;
	right:1px;
}

#news ul.bottom {
	position:absolute;
	bottom:51px;
	left:10px;
}

#news span.linkPagetop {
	position:absolute;
	bottom:60px;
	right:10px;
}




/*opening news*/


#news #mainContents ul.catlink {
	width:602px;
	overflow:hidden;
}

#news #mainContents ul.catlink li {
	float:left;	
}


ul#listOpeningNews li {
	background:url(../common/img/line_horizontal.gif) left bottom repeat-x;
	padding-top:20px;
	padding-bottom:20px;
	width:898px;
	overflow:hidden;
}

ul#listOpeningNews li.first-child { padding-top:0; }

ul#listOpeningNews li dl.openigNews {
	width:210px;
	margin-right:19px;
	float:left;
}
ul#listOpeningNews li dl.last-child { 
	margin-right:0px;
	_margin-right: -3px;
}

ul#listOpeningNews li dl.openigNews dd.shopname {
	font-weight:bold;
	padding:10px 0 10px 0;
	text-decoration:none;
}

ul#listOpeningNews li dl.openigNews dd.eventdetail {
	font-size:90%;
}

.discount{
	color:#ff3399;
}

/*Shop List*/

#shopList #mainContents {
	width:868px;
	background:none;
	margin-left:25px;
	overflow:hidden;
}

#shopList #searchByCategory {
	background:url(../img/line_maincontents.gif) right top repeat-y;
	width:281px;
	float:left;
	margin-right:-281px;
}

#shopList #searchByName {
	width:587px;
	margin-left:281px;
}

#shopList #searchByName h3 {
	margin-left:22px;	
}

#shopList #kana {
	background:url(../common/img/line_horizontal.gif) left bottom repeat-x;
	padding-top:17px;
	padding-bottom:26px;
	overflow:hidden;
	margin-left:22px;
	width:562px;
	text-align:left;
}

#shopList .kanaTitle {
	width:121px;
	float:left;
}

#shopList #searchByName ul.kanaList {
	display:block;
	margin-left:121px;
	margin-right:-441px;
}

#shopList #searchByName ul.kanaList li {
	float:left;
}

#shopList #alphabet {
	padding-top:25px;
	overflow:hidden;
	margin-left:22px;
	width:562px;
	text-align:left;
}

#shopList #alphabet .alphabetTitle {
	width:121px;
	float:left;
	margin-right:-121px;
}

#shopList #alphabet ul.alphabetList01 {
	width:441px;
	margin-left:121px;
}

#shopList #alphabet ul.alphabetList01 {
}

#shopList #alphabet ul.alphabetList02,
#shopList #alphabet ul.alphabetList03 {	
}

#shopList #alphabet ul.alphabetList01 li {
	float:left;
}

#shopList #searchByFloor {
	background:url(../common/img/line_horizontal.gif) left top repeat-x;
	clear:left;
	padding-top:24px;
	margin-top:25px;
	width:868px;
}

#shopList #searchByFloor h3 {
	margin-bottom:24px;	
}

#shopList #searchByFloor ul li {
	float:left;
}


/*Shop Page*/

#shop #mainContents {
	width:638px;
	min-height:660px;
	height: auto !important;
	height: 660px;
}

#shopInfo {
	position:relative;
	padding-left:10px;
}

ul.shopImg {
	float:left;	
	width:285px;
	padding:0;
}

ul.shopImg li {
	margin-bottom:24px;
}

ul.shopImg li.last-child {
	margin-bottom:0;
}

.shopDetail {
	margin-left:298px;
	width:304px;
	position:relative;
}

.shopDetail div.icon {
	overflow:hidden;
	display:block;
}


.shopDetail div.floorlink {
	overflow:hidden;
	display:block;
	position:absolute;
	right:0;
	top:0;
}

/**医療モール用css**/
.shopDetail2 {
	/*margin-left:298px;*/
	width:304px;
	position:relative;
}

.shopDetail2 div.icon {
	overflow:hidden;
	display:block;
}


.shopDetail2 div.floorlink {
	overflow:hidden;
	display:block;
	position:absolute;
	right:0;
	top:0;
}


/*//*医療モール用css**/


.dataTitle {
	color:#D5337D;
	font-size:80%;
	line-height:1;
}

.GenreName {
	color:#D5337D;
	font-size:80%;
	line-height:1;
}

.ruby {
	color:#a8a8a8;
	font-size:80%!important;
	line-height:1.2!important;
	font-weight:normal!important;
}
.shopName {
	margin-top:8px;
}

.shopName dd {
	font-weight:bold;
	font-size:120%;
}

.shopIntro {
	margin-top:16px;
}

.shopIntro dt.dataTitle {
	margin-bottom:2px;	
}

.shopIntro dd {
	line-height:1.6;
}

.shopData {
	margin-top:65px;
}

.shopData dt.dataTitle {
	margin-bottom:4px;	
}

.shopData table {
	background:#FFF7EE;
	width:100%;
	border-top:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	border-collapse:separate;	
	border-spacing:0;
	font-size:100%;
}

.shopData table th {
	padding:8px 0 8px 20px;
	border-top:2px solid #FFFFFF;
	border-bottom:1px solid #E5E5E5;
	white-space:nowrap;
}

.shopData table td {
	padding:8px 20px 8px 0;
	width:200px;
	border-top:2px solid #FFFFFF;
	border-bottom:1px solid #E5E5E5;
	white-space:normal;
}

.shopData table th.bottom,
.shopData table td.bottom {
	border-bottom:1px solid #FFFFFF;
}


/*Category*/

body {
   behavior: url("csshover.htc");
}

#category #mainContents {
	width:638px;
	min-height:660px;
	height: auto !important;
	height: 660px;
}

#category #mainContents ul {
	margin-left:10px;
	width:602px;
	overflow:hidden;
}

#category #mainContents ul li {
	float:left;	
}

#category h3 {
	margin-left:10px;
	margin-top:20px;
}

#category span.linkPagetop {
	display:block;
	text-align:right;
	margin-right:26px;
	padding-top:10px;
}

#category table tr td a,
#category table tr td a {
	text-decoration:none;
	
}

/*Alphabet*/

#alphabet #mainContents {
	width:638px;
	min-height:660px;
	height: auto !important;
	height: 660px;
}

#alphabet #mainContents ul {
	margin-left:10px;
	width:573px;
	overflow:hidden;
}

#alphabet #mainContents ul li {
	float:left;
}

#alphabet h3 {
	margin-left:10px;
	margin-top:20px;
}

#alphabet span.linkPagetop {
	display:block;
	text-align:right;
	margin-right:26px;
	padding-top:10px;
}

#alphabet table tr td a,
#alphabet table tr td a {
	text-decoration:none;
}

/*Kana*/

#kana #mainContents {
	width:638px;
	min-height:660px;
	height: auto !important;
	height: 660px;
}

#kana #mainContents ul {
	margin-left:10px;
	width:573px;
	overflow:hidden;
}

#kana #mainContents ul li {
	float:left;
}

#kana h3 {
	margin-left:10px;
	margin-top:20px;
}

#kana span.linkPagetop {
	display:block;
	text-align:right;
	margin-right:26px;
	padding-top:10px;
}

#kana table tr td a,
#kana table tr td a {
	text-decoration:none;	
}


/*Shop List Table*/

table.shopList {
	width:602px;
	margin-left:10px;
	border-collapse:separate;
}

table.shopList tr th {
	padding:7px 0 6px 12px;
	color:#FF8710;
	font-size:80%;
	line-height:1;
	border-bottom:2px solid #000000;
}

table.shopList th.thName {
	width:316px;
}

table.shopList th.thCategory {
	width:186px;
}

table.shopList th.thFloor {
	width:64px;
}

table.shopList tr td {
	background:url(../shoplist/img/line_table_category.gif) left bottom repeat-x;
	padding:3px 0 4px 12px;
	line-height:1.5;
	border-top:1px solid #FFFFFF;
}

table.shopList tr.even td {
	background-color:#F5F5F5;
}

table.shopList tr:hover td { 
  background:#FFCD9C url(../shoplist/img/line_table_category.gif) left bottom repeat-x;
  cursor:pointer;
}

/*Floor*/

#floor #mainContents {
	width:638px;
	min-height:660px;
	height: auto !important;
	height: 660px;
}

#floor #mainContents ul {
	margin-left:10px;
	width:602px;
	overflow:hidden;
}

#floor #mainContents ul li {
	float:left;	
}

#floor h3 {
	margin-left:10px;
	margin-top:20px;
}

#floor div.imgMap {
/*	margin-left:10px;*/
}

#floor span.linkPagetop {
	display:block;
	text-align:right;
	margin-right:26px;
	padding-top:10px;
}


/*About*/

#info #mainContents,
#facilities #mainContents {
	position:relative;
	width:648px;
}
#info #tabletime {
	background:#f2f9f9;
	margin:0 24px 0 10px;
	border-collapse:separate;
	border-spacing:0 1px;
	border-top:1px solid #D9D9D9;
	line-height:1;
	width:420px;
}

#info #tableData {
	background:#f2f9f9;
	margin:0 24px 0 10px;
	border-collapse:separate;
	border-spacing:0 1px;
	border-top:1px solid #D9D9D9;
	line-height:1;
	width:330px;
}

#info table.shopHour caption {
	padding-bottom:8px;
}

#info #tabletime th {
	padding:9px 0 9px 20px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #D9D9D9;
	white-space:nowrap;
	width:280px;
}


#info #tableData th {
	padding:9px 0 9px 20px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #D9D9D9;
	white-space:nowrap;
	width:100px;
}


#info #tabletime td {
	padding:9px 20px 9px 0;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #D9D9D9;
	width:140px;
	white-space:normal;
}

#info #tableData td {
	padding:9px 15px 9px 0;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #D9D9D9;
	width:230px;
	white-space:normal;
}

#info table.shopHour th {
	color:#10B7AF;
	font-weight:bold;
	font-size:120%;
}

#info table.shopHour td {
	color:#10B7AF;
	font-weight:bold;
	font-size:120%;
}

#info #tableData.shopData {
	margin-top:18px;
}

.attension {
	margin-left:30px;
	font-size:80%;
}

.attension2 {
	
	font-size:80%;
}

#info ul.about {
	background:url(../common/img/line_horizontal.gif) left top repeat-x;
	margin:24px 24px 0 10px;
}

#info ul.about ul#cosmebox{
	margin:11px 24px 0 0px;
}

#info ul.about ul#cosmebox li{
	padding:5px 0 5px 0;
}

#info ul.about li.aboutbox {
	background:url(../common/img/line_horizontal.gif) left bottom repeat-x;
	padding:24px 0 22px 0;
	position:relative;
}

#info ul.about li p {
	margin-top:11px;
}

#info h3 {
}

#facilities table {
	margin:0 24px 0 10px;
	border-collapse:separate;
	border-spacing:0 1px;
	width:614px;
}

#facilities table tr.oddTableRow {
	background:url(../about/img/line_table_row.gif) left bottom repeat-x;	
}

#facilities table tr.evenTableRow {
	background:#F2F9F9 url(../about/img/line_table_row.gif) left bottom repeat-x;	
}

#facilities table tr th {
	padding:17px 0 16px 24px;
	vertical-align:top;
	width:98px;
	white-space:nowrap;
}

#facilities table tr td {
	padding:16px 24px 17px 0;
	vertical-align:top;
	width:468px;
	line-height:140%;
}

#facilities table tr td dl {
	width:483px;
	overflow:hidden;
	margin-top:2px;
	white-space:normal;
}

#facilities table tr td dl dt{
	width:75px;
	float:left;
	margin-top:10px;
}

#facilities table tr td dl dd{
	width:408px;
	margin-top:10px;
	margin-left:60px;
	margin-right:-408px
}

#facilities table tr th.top,
#facilities table tr td.top {
	padding-top:4px;
}

#info span.linkPagetop,
#facilities span.linkPagetop {
	display:block;
	text-align:right;
	margin-right:24px;
	padding-top:10px;
}


/*---------------------------------

Contents Menu

---------------------------------*/

/*Common*/

#contentsMenu .ttlSearch {
	display:block;
}

#contentsMenu .searchByCategory,
#contentsMenu .searchByName,
#contentsMenu .searchByFloor {
	clear:left;
	margin-bottom:24px;
	width:245px;
	text-align:center;
	padding-left:0;
	display:block;
}

#contentsMenu .kanaTitle {
	text-align:left;
	margin:0;
	padding:10px 0 6px 0;
	width:240px;
}

#contentsMenu ul.kanaList {
	width:240px;
	margin:0;
	display:block;
	overflow:hidden;
}

#contentsMenu ul.kanaList li {
	float:left;
	height:25px;
	display:inline;
}

#contentsMenu .alphabetTitle {
	text-align:left;
	margin:0;
	padding:22px 0 6px 0;
	width:240px;
	clear:left;
}

#contentsMenu ul.alphabetList01,
#contentsMenu ul.alphabetList02,
#contentsMenu ul.alphabetList03 {
	overflow:hidden;
	width:240px;
	margin:0;
}

#contentsMenu ul.alphabetList01 li {
	float:left;
	display:inline;
	height:25px;
}

#contentsMenu ul.alphabetList02 li {
	float:left;
	height:24px;
}

#contentsMenu ul.alphabetList03 li {
	float:left;
	height:25px;
}

#contentsMenu .searchByFloor {
	margin-bottom:0; 
 }

#contentsMenu ul.floorList {
	width:240px;
	margin:13px 0 20px 0;
	display:block;
	overflow:hidden;
}

#contentsMenu ul.floorList li {
	float:left;
	height:30px;
}



/*Top*/

 #contentsMenu {
	position:absolute;
	top:109px;
	right:10px;
	width:245px;
}

#top #contentsMenu {
	position:absolute;
	top:380px;
	right:0;
	width:245px;
}

#shopSearch {
	margin-bottom:18px;
}

.facilities {
	border-bottom:1px solid #000000;
	padding-bottom:10px;
}

.facilities dt {
	margin-bottom:2px;
}

.facilities dd {
	margin-bottom:10px;
}

.banner {
	padding-top:14px;
}

ul.banner li{
	padding-top:7px;
}

/*Access*/

#access #mainContents {
	width:898px;
	background:none;
	padding-left:10px;
}

ul#listAccess li {
	background:url(../common/img/line_horizontal.gif) left bottom repeat-x;
	padding-top:25px;
	padding-bottom:26px;
	width:898px;
	overflow:hidden;
}

ul#listAccess li.first-child { padding-top:0; }



ul#listAccess .accessItem { }

ul#listAccess .accessItem dd {
	margin-top:11px;
}

ul#listAccess .accessItem  div#mapL{ float:right}


ul#listAccess .accessItem  div#mapL dl dd{ padding-left:119px}
ul#listAccess .accessItem  div#mapR dl dd{ padding-left:119px}

#access span.linkPagetop {
	position:absolute;
	bottom:60px;
	right:10px;
}

 #access #mapwrap{
	position:relative;
	width:780px;
}

 #access p#printBtn01{
	 position:absolute;
	 top:664px;
	 left:297px;
 }
 
  #access p.closeBtn{
	 position:absolute;
	 top:0px;
	 right:0px;
 }
 
  #access #mapwrap2{
	position:relative;
	width:540px;
}

 #access p#printBtn02{
	 position:absolute;
	 top:489px;
	 left:177px;
 }
 
  #access p.closeBtn{
	 position:absolute;
	 top:0px;
	 right:0px;
 }
 
 
 
 /*sitemap*/

#sitemap #mainContents {
	position:relative;
	width:459px;
}
 
#sitemap #SubcontentsMenu {
	position:absolute;
	top:112px;
	right:151px;
	width:299px;
} 
 
#sitemap li.tLevel { padding:33px 0 0 10px; }  

#sitemap li.sLevel { 
	margin:0;
	padding:0 0 0 62px; 
	width:100%; 
	vertical-align:bottom;
	}  
#sitemap li.sLevel ul { 
	margin:0;
	padding:0; 
	}  	


#sitemap .first-child { padding-top:0!important;} 
 
 
#sitemap span.linkPagetop {
	display:block;
	text-align:right;
	margin-right:0px;
	padding-top:10px;
}
 
 
 
/*contact*/

#contact #mainContents {
	width:898px;
	background:url(../img/contactbg.gif) left top no-repeat;
	margin-left:10px;
} 

#contact #mainContents table td {
	vertical-align:top;
} 


#contact .dataTitle {
	color:#D5337D;
	font-size:80%;
	line-height:1;
}



#contact .databox dl {
	width:180px;
	overflow:hidden;
	margin-top:2px;
	white-space:normal;
}

#contact .databox dt{
	width:60px;
	float:left;
}

#contact .databox dd{
	width:120px;
	margin-left:60px;
	margin-right:0px
}











#contact .data {
	margin-top:12px;
}


#contact #mainContents table td.contactbox1 {
	width:297px;
	height:204px;
	padding:0 0 0 0;
} 

#contact #mainContents table td.contactbox2 {
	width:303px;
	height:204px;
	padding:0 0 0 10px;
} 
#contact #mainContents table td.contactbox3 {
	width:294px;
	height:204px;
	padding:0 0 0 10px;
} 
#contact #mainContents table td.contactbox4 {
	width:297px;
	height:204px;
	padding:10px 0 0 0;
} 
#contact #mainContents table td.contactbox5 {
	width:303px;
	height:204px;
	padding:10px 0 0 10px;
}  
 
 
#contact span.linkPagetop {
	display:block;
	text-align:right;
	margin-right:0px;
	padding-top:10px;
}