/* ===========================================
		NOASIS3.4(Nissay Sapporo Building) WEBSITE
		top.css
     ===========================================*/

/* ---------------------------------------------------------
		base layout setting
     --------------------------------------------------------- */
div#main{
	width:720px;
	float:left;
}
div#sub{
	width:215px;
	float:right;
}
/* ---------------------------------------------------------
		head visual
     --------------------------------------------------------- */
div#flashmovie{
	width:100%;
	text-align:center;
	background:#009db7;
	border-top:1px solid #555;
	border-bottom:1px solid #555;
}
/* ---------------------------------------------------------
		shop news
     --------------------------------------------------------- */
div#shopNews{
	background:#e6e6e6 url(../images/diagonal_pattern.gif);
	border-top:4px solid #00aecb;
	position:relative;
}
div#shopNews:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
div#shopNews{
	display:inline-block;
	}
/* Hides from IE-mac \*/
* html div#shopNews {
	height:1%;
	}
div#shopNews{
	display:block;
	}
/* End hide from IE-mac */

div#shopNews h2{
	margin:10px 0 0 18px;
}
div#shopNews ul{
	margin:10px 0 0 14px;
}
div#shopNews li{
	width:194px;
	background:#fff url(../images/link_mark_blue_rect.gif) no-repeat 196px 12px;
	border:1px solid #c2c2c2;
	margin:0 15px 15px 0;
	padding:12px 12px 10px 12px;
	font-size:80%;
	color:#555;
	float:left;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	-moz-box-shadow: 1px 1px 4px #aaa; 
	-webkit-box-shadow: 1px 1px 4px #aaa;
}
div#shopNews li.bl-hover{
	background:#e5f7fa url(../images/link_mark_blue_rect.gif) no-repeat 196px 12px;
}
div#shopNews p.date{
	color:#7f7f7f;
	margin-top:5px;
}
div#shopNews h3{
	color:#00adca;
	margin-top:5px;
	font-size:110%;
	font-weight:normal;
}
div#shopNews h3 span{
	color:#7f7f7f;
	}
div#shopNews h4{
	font-size:120%;
	border-bottom:1px dotted #ccc;
}
div#shopNews h4 a{
	color:#00adca;
	text-decoration:none;
}
div#shopNews p.thumbnail{
	margin-bottom:5px;
}
div#shopNews p.desc{
	margin-top:5px;
}
div#shopNews p.link-list{
	background:transparent url(../images/link_mark_blue_circ.gif) 0 1px no-repeat;
	padding-left:15px;
	font-size:90%;
	position:absolute;
	top:10px;
	right:16px;	
}
/* ---------------------------------------------------------
		event
     --------------------------------------------------------- */
div#event{
	margin-top:25px;
	position:relative;
	font-size:90%;
}
div#event h2{
	margin-bottom:10px;
}
div#event p.link-list{
	background:transparent url(../images/link_mark_gray_circ.gif) 0 1px no-repeat;
	padding-left:15px;
	font-size:100%;
	position:absolute;
	top:2px;
	right:0;	
}
div#event dl{
	border-bottom:1px dotted #ccc;
	padding:0.5em 0;
	font-size:120%;
}
div#event dt{
	width:;
	color:#3f3f3f;
	float:left;
	padding-right:1.5em;
}
div#event dd{
	color:#7f7f7f;
}
div#event a{
	color:#555;
}
div#event dd a{
	color:#009db7;
}
/* ---------------------------------------------------------
		sidebar banners
     --------------------------------------------------------- */
div#sub ul{
	margin-bottom:20px;
}
div#sub ul#banners li{
	margin-bottom:10px;
}
/* ---------------------------------------------------------
		sidebar life info.
     --------------------------------------------------------- */
div#lifeInfo{
	width:203px;
	border:6px solid #e6e6e6;
}
div#lifeInfo ul{
	margin:10px 0 10px 10px;
}
div#lifeInfo h3{
	margin:10px 0 0 10px;
}
div#lifeInfo li a{
	display:block;
	width:182px;
	height:35px;
	text-indent:-9999px;
	text-decoration:none;
	/* Hides from IE-mac \*/
	overflow:hidden;
	/* End hide from IE-mac */
	}
li#item01 a{
	background:transparent url(../images/medical_btn_01.gif) no-repeat;
	}
li#item02 a{
	background:transparent url(../images/medical_btn_02.gif) no-repeat;
	}
li#item03 a{
	background:transparent url(../images/medical_btn_03.gif) no-repeat;
	}
li#item04 a{
	background:transparent url(../images/medical_btn_04.gif) no-repeat;
	}
li#item05 a{
	background:transparent url(../images/medical_btn_05.gif) no-repeat;
	}
li#item06 a{
	background:transparent url(../images/medical_btn_06.gif) no-repeat;
	}
li#item07 a{
	background:transparent url(../images/medical_btn_07.gif) no-repeat;
	}
li#item08 a{
	background:transparent url(../images/medical_btn_08.gif) no-repeat;
	}
li#item09 a{
	background:transparent url(../images/medical_btn_09.gif) no-repeat;
	}
li#item01 a:hover, li#item02 a:hover, li#item03 a:hover, li#item04 a:hover, li#item05 a:hover, li#item06 a:hover, li#item07 a:hover, li#item08 a:hover, li#item09 a:hover{
	background-position:0 -35px;
}
/* ---------------------------------------------------------
		footer
     --------------------------------------------------------- */
div#footer{
	width:100%;
	height:240px;
	background:#fff url(../images/footer_background.jpg) repeat-x;
	border-top:3px solid #34b7cd;
	border-bottom:1px solid #007e92;
	}
div#footerBody{
	width:960px;
	margin:0 auto;
	text-align:left;
	}
ul#logos{
	margin-top:30px;
}
ul#logos li{
	width:87px;
	height:83px;
	margin-bottom:15px;
	float:left;
}
ul#logos li a{
	display:block;
	width:87px;
	height:83px;
	text-indent:-9999px;
	text-decoration:none;
	/* Hides from IE-mac \*/
	overflow:hidden;
	/* End hide from IE-mac */
}
li#shop01 a{background:transparent url(../images/footer_logo_on_01.jpg) 0 0 no-repeat;}
li#shop02 a{background:transparent url(../images/footer_logo_on_02.jpg) 0 0 no-repeat;}
li#shop03 a{background:transparent url(../images/footer_logo_on_03.jpg) 0 0 no-repeat;}
li#shop04 a{background:transparent url(../images/footer_logo_on_04.jpg) 0 0 no-repeat;}
li#shop05 a{background:transparent url(../images/footer_logo_on_05.jpg) 0 0 no-repeat;}
li#shop06 a{background:transparent url(../images/footer_logo_on_06.jpg) 0 0 no-repeat;}
li#shop07 a{background:transparent url(../images/footer_logo_on_07.jpg) 0 0 no-repeat;}
li#shop08 a{background:transparent url(../images/footer_logo_on_08.jpg) 0 0 no-repeat;}
li#shop09 a{background:transparent url(../images/footer_logo_on_09.jpg) 0 0 no-repeat;}
li#shop10 a{background:transparent url(../images/footer_logo_on_10.jpg) 0 0 no-repeat;}
li#shop11 a{background:transparent url(../images/footer_logo_on_11.jpg) 0 0 no-repeat;}
li#shop12 a{background:transparent url(../images/footer_logo_on_12.jpg) 0 0 no-repeat;}
li#shop13 a{background:transparent url(../images/footer_logo_on_13.jpg) 0 0 no-repeat;}
li#shop14 a{background:transparent url(../images/footer_logo_on_14.jpg) 0 0 no-repeat;}
li#shop15 a{background:transparent url(../images/footer_logo_on_15.jpg) 0 0 no-repeat;}
li#shop16 a{background:transparent url(../images/footer_logo_on_16.jpg) 0 0 no-repeat;}
li#shop17 a{background:transparent url(../images/footer_logo_on_17.jpg) 0 0 no-repeat;}
li#shop18 a{background:transparent url(../images/footer_logo_on_18.jpg) 0 0 no-repeat;}
li#shop19 a{background:transparent url(../images/footer_logo_on_19.jpg) 0 0 no-repeat;}
li#shop20 a{background:transparent url(../images/footer_logo_on_20.jpg) 0 0 no-repeat;}
li#shop21 a{background:transparent url(../images/footer_logo_on_21.jpg) 0 0 no-repeat;}
li#shop22 a{background:transparent url(../images/footer_logo_on_22.jpg) 0 0 no-repeat;}


li#shop01 a:hover{background-position: 0 -83px;}
li#shop02 a:hover{background-position: 0 -83px;}
li#shop03 a:hover{background-position: 0 -83px;}
li#shop04 a:hover{background-position: 0 -83px;}
li#shop05 a:hover{background-position: 0 -83px;}
li#shop06 a:hover{background-position: 0 -83px;}
li#shop07 a:hover{background-position: 0 -83px;}
li#shop08 a:hover{background-position: 0 -83px;}
li#shop09 a:hover{background-position: 0 -83px;}
li#shop10 a:hover{background-position: 0 -83px;}
li#shop11 a:hover{background-position: 0 -83px;}
li#shop12 a:hover{background-position: 0 -83px;}
li#shop13 a:hover{background-position: 0 -83px;}
li#shop14 a:hover{background-position: 0 -83px;}
li#shop15 a:hover{background-position: 0 -83px;}
li#shop16 a:hover{background-position: 0 -83px;}
li#shop17 a:hover{background-position: 0 -83px;}
li#shop18 a:hover{background-position: 0 -83px;}
li#shop19 a:hover{background-position: 0 -83px;}
li#shop20 a:hover{background-position: 0 -83px;}
li#shop21 a:hover{background-position: 0 -83px;}
li#shop22 a:hover{background-position: 0 -83px;}