@charset "utf-8";
/* CSS Document */

/*===============================================
●モバイル用
===============================================*/
.info{color:#333;font-size:14px;text-align:center;}
.tel{color:#470800;font-size:150%;}
.openingTime{border:1px solid #ccc;width:100%;color:#555;}
.openingTime th{background-color:#dacdcc;}
.openingTime td{padding:0 2.0em;border-bottom:1px solid #ccc;}
.news{width:80%;margin:1.0em auto;padding:2.0em;border:1px solid #ff4500;line-height:2.0em;font-size:90%;}

.recruit{margin:1.5em;}
.recruit h2{font-size:150%;font-family: 'Century', serif;color:#c66;border-bottom:2px dotted #c66;padding-bottom:0.5em;margin-bottom:1.0em;line-height:1.2em;}
.recruit p.catch-copy{font-weight:bold;line-height:1.7em;color:#333;font-family: 'Century', serif;}
.recruit .recruit-table{border:1px solid #c66;margin:1.5em;border-bottom:none;}
.recruit .recruit-table tr{border-bottom:1px solid #c66;}
.recruit .recruit-table th{border-right:1px solid #c66;padding:1.5em;white-space: nowrap}
.recruit .recruit-table td{padding:1.5em;line-height:1.7em;background-color:rgba(255,255,255,0.5);}
.recruit .recruit-info{border:1px dotted #c66;margin:1.5em;padding:20px;}

.recruit-arrow{margin:0;padding:0 auto;text-align:center;}
.recruit-arrow img:hover{opacity:0.7;}


@media print, screen and (max-width: 668px){
	.recruit{margin:1.5em;}
	.recruit .recruit-table{margin:0.2em;margin-top:2.0em;}
	.recruit .recruit-table th{display:block;border-right:none;background-color:#eed5d2;padding:0.5em;}
	.recruit .recruit-table td{display:block;padding:0.5em;}
	.recruit .recruit-info{margin:0.2em;}
}


.mynumber{overflow: hidden;margin:5px;padding:10px;border:3px double #FF69B4;background:#fff;font-family:serif;}
.mynumber .box-mynaInfo{width:100%;}
.mynumber .box-mynaInfo h2{font-size: large;color:#FF69B4;}
.mynumber .box-mynaInfo a{display:inline-block;background-color:#FF69B4;padding:5px 10px;border-radius: 30px;color:#fff;margin:0 auto;margin-top:1.5em;font-size:small;text-align: center;}
.mynumber .box-mynaInfo a:hover{background-color:#ff4500;color:#fff;}
.mynumber .box-mynaVideo{width:100%;margin-top:2.0em;}




/*===============================================
●PC 画面の横幅が668px以上
===============================================*/
@media print, screen and (min-width: 668px){

#topcontent{width:940px;height:auto;margin:0 auto;}
#topcontent .categoly{float:left;width:290px;height:290px;border:1px solid #ccc;margin:10px;}
#topcontent .whitning{background-image:url(../images/whitning.png);
background-repeat:no-repeat;background-color:#fff;}
#topcontent .orthodontics{background-image:url(../images/orthodontics.png);
background-repeat:no-repeat;background-color:#fff;}
#topcontent .implant{background-image:url(../images/implant.png);
background-repeat:no-repeat;background-color:#fff;}
#topcontent .maxillofacial{background-image:url(../images/maxillofacial.png);
background-repeat:no-repeat;background-color:#fff;}
#topcontent .esthetic{background-image:url(../images/esthetic.png);
background-repeat:no-repeat;background-color:#fff;}
#topcontent .dentures{background-image:url(../images/dentures.png);
background-repeat:no-repeat;background-color:#fff;}

.box01{color:#00A0E9;font-size:10px;line-height:1.5em;margin-top:55px;margin-left:30px;}
.box01 a{color:#555;}
.box01 a:hover{opacity:0.5;}
.box02{background-color:rgba(255,255,255,0.5);}
.box02 h2{color:#333;font-size:12px;line-height:1.5em;text-align:center;margin-top:60px;}
.box02 h2 a{color:#333;}
.box02 h2 a:hover{opacity:0.5;}
.box03{color:#333;font-size:11px;line-height:1.5em;margin-top:25px;margin-left:20px;margin-right:20px;}
.box04{color:#E4007F;font-size:11px;line-height:1.5em;text-align:right;margin-right:10px;}
.box04 a{color:#E4007F;}
.box04 a:hover{opacity:0.5;}

.child {display: none;}
.menu{padding-left:15px;display:block;
line-height:2.0em;border-bottom:1px dotted #914800;}
.mamechishiki ul li ul li{border-bottom:1px dotted #ccc;}

#container{background-color:#fff;background: -moz-linear-gradient(top,  rgba(255,244,244,1) 0%, rgba(255,244,244,0.53) 47%, rgba(255,244,244,0) 100%); background: -webkit-linear-gradient(top,  rgba(255,244,244,1) 0%,rgba(255,244,244,0.53) 47%,rgba(255,244,244,0) 100%); background: linear-gradient(to bottom,  rgba(255,244,244,1) 0%,rgba(255,244,244,0.53) 47%,rgba(255,244,244,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff4f4', endColorstr='#00fff4f4',GradientType=0 );
}


.mynumber .box-mynaInfo{float:left;width:45%;padding-right:20px;}
.mynumber .box-mynaVideo{float:right;width:50%;margin-top:0;}

.mynumber .box-mynaInfo a{font-size:medium;text-align:center;}


}