@charset "utf-8";

/************************************************************************************
smaller than 480
*************************************************************************************/
@media print, screen and (min-width: 480px) {

#importantArea {
	margin:0 10px;
}

#siteMenu {
	height:62px;
}
#siteMenu ul {
	height:58px;
}
#siteMenu ul li a img {
	height:16px;
	padding:17px 0 15px;
}
#publicPage #siteMenu #publicLink a {
	background:url(/common/images/txt_menu_01_on.png) no-repeat center 16px #e0928c;
	background-size:auto 16px;
}
#dentistPage #siteMenu #dentistLink a {
	background:url(/common/images/txt_menu_02_on.png) no-repeat center 16px #89bb4e;
	background-size:auto 16px;
}
#jdaPage #siteMenu #jdaLink a {
	background:url(/common/images/txt_menu_03_on.png) no-repeat center 16px #7ca8e0;
	background-size:auto 16px;
}
/* logoImg */
#logoImg {
	top:69px;
}

#memberLogin ul li.accButton.open, #memberLogin.active ul li.accButton {
	margin-bottom:0 !important;
}

#pickup .flex-control-nav li {
	margin:0 10px;
}

}

/************************************************************************************
smaller than 641
*************************************************************************************/
@media print, screen and (min-width: 641px) {

#siteMenu {
	height:75px;
}
#siteMenu ul {
	height:70px;
}
#siteMenu ul li a img {
	height:24px;
	padding:19px 0 16px;
}
#publicPage #siteMenu #publicLink a {
	background:url(/common/images/txt_menu_01_on.png) no-repeat center 19px #e0928c;
	background-size:auto 24px;
}
#dentistPage #siteMenu #dentistLink a {
	background:url(/common/images/txt_menu_02_on.png) no-repeat center 19px #89bb4e;
	background-size:auto 24px;
}
#jdaPage #siteMenu #jdaLink a {
	background:url(/common/images/txt_menu_03_on.png) no-repeat center 19px #7ca8e0;
	background-size:auto 24px;
}

/* logoImg */
#logoImg {
	top:75px;
}
#logoImg img {
	width:316px;
}

/* topMenu */
#header .topMenu {
	height:58px;
	background:#fff;
}
#header .topMenu a {
	width:60px;
	height:58px;
}
#header .topMenu a img {
	width:40px;
	height:auto;
	padding:11px;
}

#publicPage #header .topMenu a.active  {
	background:url(/common/images/btn_close.png) no-repeat center center #e0928c;
	background-size:38px auto;
}
#dentistPage #header .topMenu a.active  {
	background:url(/common/images/btn_close.png) no-repeat center center #89bb4e;
	background-size:38px auto;
}
#jdaPage #header .topMenu a.active  {
	background:url(/common/images/btn_close.png) no-repeat center center #7ca8e0;
	background-size:38px auto;
}


}


/************************************************************************************
smaller than 780
*************************************************************************************/
@media print, screen and (min-width: 780px) {

a.over {
	display:block;
	background:#fff;
}
a.over img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a.over:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}

/* IE8 */
html>/**/body a.over:hover img {
    display /*\**/:inline-block\9;
    zoom /*\**/: 1\9;
}
 
/* 新旧Firefox */
a.over:hover, a.over:hover img { background: #f5f5f5;}
x:-moz-any-link { background: #f5f5f5;}
x:-moz-any-link, x:default { background: #f5f5f5;}

#importantArea {
	width:750px;
	margin:16px auto 0;
	top:0;
}

/* header */
#searchMenu {
	display:block;
}
#memberLogin {
	width:238px;
	height:34px;
	float:right;
	margin:0;
	position:absolute;
	right:0;
	z-index:110;
	overflow:visible;
}
#menuButton {
	display:none;
}
#memberLogin img {
	width:auto;
	padding:9px 0 10px;
	height:15px;
}
#memberLogin .touch-button {
	height:30px;
}
#memberLogin .spAcc {
	height:34px;
}
#memberForm {
	top:0;
}
#memberLogin p.nyukaiBtn a {
	height:34px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#memberLogin p.nyukaiBtn a:hover {
	background:#9dbee8;
}
#memberLogin p.nyukaiBtn a img {
	padding:7px 0 0;
}

#siteMenu ul li a.over:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}
#siteMenu ul li a img {
	background:transparent;
}

#contentsarea a.over .iconNew {
	background:url(/common/images/ico_new_on.png) no-repeat 0 0;
	background-size:34px 32px;
}
#contentsarea a.over:hover .iconNew img {
	opacity:0;
	filter:alpha(opacity=0);
}

#searchSubmit {
	background:url(/common/images/txt_search.png) no-repeat center center #5d5d5d;
	background-size:32px 14px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#searchSubmit:hover {
	background-color:#7d7d7d;
}

#memberSubmit {
	width:100%;
	background:url(/common/images/btn_member_login.png) no-repeat center center #7e90dd;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#memberSubmit:hover {
	background-color:#98a6e4;
}

#tabMenu li a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#tabMenu li a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
}


#contentsarea {
	max-width:750px;
	margin:15px auto 10px;
	padding:0 0 1px;
}

#contentsarea .iconNew img {
	width:34px;
}

.slick-prev, .slick-next { position: absolute; z-index:20; display: block; height: 28px; width: 28px; line-height: 0; font-size: 0; cursor: pointer;  color: transparent; bottom:-31px; margin: 0; padding: 0; border: none; outline: none; }

.slick-prev { left: 0px; border-right:2px solid #e0dcce; background:url(/common/images/btn_navi_prev.png) no-repeat center center; background-size:6px 9px; }

.slick-next { right: 0px; border-left:2px solid #e0dcce; background:url(/common/images/btn_navi_next.png) no-repeat center center; background-size:6px 9px; }

.slick-dots { bottom: -24px; }


.slick-dots li { margin: 0 5px;}


#outlinkArea {
	clear:both;
	width:750px;
	padding:0;
	margin:0 auto 15px;
}
#outlink {
	background:#e0dcce;
	margin:0 0 10px;
	padding:10px 25px;
	width:100%;
	/* rounded corner */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-sizing:border-box;
}
#outlinkSlide {
	width:703px;
	height:80px;
	max-height:80px;
	margin:0;
}
#outlinkSlide li {
	width:230px;
	max-width:230px;
	height:80px;
	margin:0 5px 0 0;
	background:#f5f5f5;
	float:left;
}
#outlinkSlide li img {
	height:80px;
}
#oSlidePrev, #oSlideNext {
	top:37px;
}

#outlinkArea .slick-prev, #outlinkArea .slick-next { width: 28px; height: 28px; bottom: 26px; }

#outlinkArea .slick-prev { left: -26px; background:url(/common/images/btn_navi_prev.png) no-repeat center center; background-size:6px 9px;}
#outlinkArea [dir="rtl"] .slick-prev { left: auto; right: -24px;}

#outlinkArea .slick-next { right: -24px; background:url(/common/images/btn_navi_next.png) no-repeat center center; background-size:6px 9px;}
#outlinkArea [dir="rtl"] .slick-next { left: -26px; right: auto;}


#pageTop {
	width:750px;
	position:relative;
	top:43px;
	z-index:99999;
}
#jdaPage #pageTop {
	height:83px;
}
#totopLink a {
	width:100px;
	height:118px;
	right:0;
	background-size:100px 118px;
}
#totopLink a img {
	width:100px;
	height:118px;
}
#totopLink {
	width:750px;
}
#totopLink a img {
	opacity:1.0;
	filter:alpha(opacity=100);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#totopLink a:hover img {
	opacity:0;
	filter:alpha(opacity=0);
}


#footerArea {
	padding:0;
}

#footerLink {
	width:750px;
	padding:10px 0 20px;
	margin:0 auto;
}
#footerLink li {
	font-size:15px;
	line-height:25px;
	text-align:center;
	padding:0 20px;
	margin:0 5px 0 0;
	float:left;
}

#footerText {
	line-height:1;
	padding:15px 0 16px;
	text-align:center;
	background:#adaba6;
}
#copyright {
	font-size:15px;
	line-height:47px;
}

#footerNavi {
	display:table;
}

}


@media print, screen and (min-width: 780px) and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
#searchSubmit {
	background-image:url("/common/images/txt_search@2x.png");
}

#contentsarea a.over .iconNew {
	background-image:url("/common/images/ico_new_on@2x.png");
}

#outlinkArea .slick-prev {background:url(/common/images/btn_navi_prev@2x.png) no-repeat center center; background-size:6px 9px;}

#outlinkArea .slick-next {background:url(/common/images/btn_navi_next@2x.png) no-repeat center center; background-size:6px 9px;}

}


/************************************************************************************
smaller than 1000
*************************************************************************************/
@media print, screen and (min-width: 1000px) {
	
#importantArea {
	width:1000px;
	margin:0 auto 16px;
	top:-19px;
}

#headerArea {
	background:url(/common/images/bg_header_area.png) repeat-x 0 0;
}
#dentistPage #headerArea {
	background:url(/dentist/images/bg_header_area_dentist.png) repeat-x 0 0;
}
#jdaPage #headerArea {
	background:url(/jda/images/bg_header_area_jda.png) repeat-x 0 0;
}

#header {
	width:1000px;
	margin:0 auto;
	height:164px;
	position:relative;
}

#header_en {
	width:1000px;
	margin:0 auto;
	height:70px;
	position:relative;
}

/* logoImg */
#logoImg {
	position:absolute;
	top:6px;
}
#logoImg img {
	width:316px;
	height:auto;
}


/* GLOBAL NAVIGATION */
#header .topMenu {
	display:none;
}

#gNavi01 {
	display:block;
}

/* siteMenu */
#siteMenu {
	width:640px;
	height:70px;
	float:right;
}

#siteMenu ul {
	width:640px;
	height:70px;
}

#searchMenu {
	background:none;
}
#searchMenu ul {
	width:300px;
	padding:9px 0 0 0;
}

/* topMenu */
#topMenu {
	display:none !important;
}

/* contents */
#contentsarea {
	max-width:1000px;
	min-width:1000px;
	margin:15px auto 10px;
	padding:0;
}

#outlinkArea {
	clear:both;
	width:1000px;
	padding:0;
	margin:0 auto 15px;
	position:relative;
}
#outlink {
	padding:10px 25px;
	margin:0 auto;
	width:950px;
	box-sizing:content-box;
	float:none;
	clear:both;
}
#outlinkSlide {
	width:958px;
	height:80px;
	margin:0;
}
#outlinkSlide.listItem2 {
	
}
#outlinkSlide li {
	margin:0 10px 0 0;
}
#oSlidePrev, #oSlideNext {
	width:25px;
	height:25px;
	position:absolute;
	top:37px;
}

#outlinkArea .slick-prev { left: -25px;}
#outlinkArea [dir="rtl"] .slick-prev { left: auto; right: -18px;}

#outlinkArea .slick-next { right: -18px;}
#outlinkArea [dir="rtl"] .slick-next { left: -25px; right: auto;}


#pageTop {
	width:1000px;
	position:relative;
	top:45px;
}
#totopLink {
	width:1000px;
}
#totopLink a {
	right:0;
}

#footerLink {
	width:1000px;
}

#footerNavi {
	width:1000px;
}

}


@media print {
	
	body {
		overflow: visible !important;
	}
	
	#wrapper {
		overflow: visible !important;
	}
	
	
	#searchMenu ul li a {
		font-size: 10px;
	}
	
#animation {
    height: 385px;
    top: -34px;
}


#contents ul.linkList li {
    width: 238px;
    margin: 0 14px 14px 0;
    padding: 0;
	float: left !important;
}

#contents ul.imgLinkList li {
    width: 238px;
    margin: 0 14px 20px 0;
    padding: 0;
	float: left !important;
	height: 267px;
}

}