@charset "utf-8";

/*
SP： 640px以下
PC： 641px以上
*/

/*================================
 SP & PC
================================*/
/* 都道府県名 */
.box_category li.category01{
background-color:#000000;
}
/* 無料セミナー */
.box_category li.category02{
background-color:#fc8400;
}
/* フリー入力（イベント） */
.box_category li.category03{
background-color:#838617;
}
/* 歯科医師様対象 */
.box_category li.category04{
background-color:#276193;
}
/* フリー入力（セミナー） */
.box_category li.category05{
background-color:#0099c5;
}
.youtube186 div,
.youtube380 div{
position: relative;
width:100%;
height:0;
padding-bottom:80.6451612903%;
overflow:hidden;
}
.youtube380 div{
padding-bottom:81.0526315789%;
}
.youtube186 iframe,
.youtube380 iframe,
.youtube186 object,
.youtube380 object,
.youtube186 embed,
.youtube380 embed{
position: absolute;
top: 0;
left: 0;
width:100%;
height:100%;
}
.top_event_bottom li div{
position: relative;
width:100%;
height:0;
padding-bottom:80.6451612903%;
overflow:hidden;
}
.top_event_bottom li iframe,
.top_event_bottom li object,
.top_event_bottom li embed{
position: absolute;
top: 0;
left: 0;
width:100%;
height:100%;
}
#top_layout{
display:none;
}

/*================================
 SP
================================*/
@media screen and (max-width: 640px){
header{
padding-bottom:0;
border-bottom:none;
}
#top_layout{
display:block;
}
#top_layout .sp_header{
padding-bottom:1.66667%;
}
#top_layout #header_nav{
width:22%;
position:absolute;
top:4px;
right:0;
}
#top_layout #header_nav li#hnav01 a{
display:block;
padding:8% 6%;
color:#000000;
background:url(../img/common/header_nav01_off.png) no-repeat;
background-size:contain;
text-indent:-640px;
white-space:nowrap;
overflow:hidden;
}
#top_layout #header_nav li#hnav01 a:hover{
background:url(../img/common/header_nav01_on.png) no-repeat;
background-size:contain;
overflow:hidden;
}
#top_layout .nav_wrap{
margin-top:2%;
padding:2% 2% 2% 2%;
border-top:solid #000 1px;
clear:both;
}
#top_layout nav{
width:49.5%;
height:81.05263%;
padding-top:0;
display:block !important;
position:static;
float:left;
background-color:#008037;
}
#top_layout nav ul{
padding-top:25%;
padding-bottom:0%;
position:static;
border-top:none;
background:url(../img/top/nav_title.png) 7.52688% 10% no-repeat #008037;
background-size:49.46237%
}
#top_layout nav ul li{
background:none;
border-right:none;
border-left:none;
border-bottom:dotted #CCC 1px;
}
#top_layout nav ul li a{
background:none;
color:#FFFFFF;
padding:6% 5%;
text-indent:150%;
white-space:nowrap;
overflow:hidden;
}
#top_layout nav ul li#nav01{
display:none;
}
#top_layout nav ul li#nav02 a{
background:url(../img/top/nav_01_off.png) 10px 50% no-repeat;
background-size:31.72043%;
}
#top_layout nav ul li#nav03 a{
background:url(../img/top/nav_02_off.png) 10px 50% no-repeat;
background-size:80.64516%;
}
#top_layout nav ul li#nav04 a{
background:url(../img/top/nav_03_off.png) 10px 50% no-repeat;
background-size:72.04301%;
}
#top_layout nav ul li#nav05 a{
background:url(../img/top/nav_04_off.png) 10px 50% no-repeat;
background-size:81.72043%;
}
#top_layout nav ul li#nav06 a{
background:url(../img/top/nav_05_off.png) 10px 50% no-repeat;
background-size:31.72043%;
}
#top_layout nav ul li#nav07 a{
background:url(../img/top/nav_06_off.png) 10px 50% no-repeat;
background-size:31.72043%;
}
#top_layout nav ul li a:after{
content:"" !important;
}
#top_layout .subnav{
width:49.5%;
float:right;
}
#top_layout .subnav .nav_company{
padding-bottom:2%;
}

#top_rbox{
margin:0 2%;
}

.top_column01{
height:auto !important;
}
.box_category{
margin-bottom:2.22841%;
}
.box_category li{
display:inline-block;
margin-right:1px;
padding:2px 10px !important;
font-size:85%;
background-color:#000000;
color:#FFFFFF;
}
.box_detail dt{
display:block;
margin-bottom:1.39276%;
padding:0 3.34262% 1.39276%;
border-bottom: dotted #8b8b8b 1px;
font-weight:bold;
line-height:1.3em;
}
.link_list{
text-align:right;
}
.link_list a{
color:#FFFFFF;
text-decoration:none;
font-size:85%;
}
.link_list a:hover{
text-decoration: underline;
}

/* セミナー情報 */
.top_seminar{
margin:0 2% 2.63158%;
padding:2.63158%;
background-color:#276193;
}
.top_seminar .title{
width:27.10526%;
margin-bottom:2.63158%;
}
.top_seminar .box{
margin-bottom:2.10526%;
background-color:#d4dfe9;
}
.top_seminar .box_detail dt{
color:#2f6193;
font-size:93%;
}
.top_seminar .box_detail dt a{
color:#2f6193;
}
.top_seminar .box_detail dd{
padding:0 3.34262% 2.22841%;
color:#3d3d3d;
font-size:85%;
}

/* イベント情報 */
.top_event{
margin:0 0 2.63158%;
padding:2.63158%;
background-color:#838617;
}
.top_event .title{
width:27.10526%;
margin-bottom:2.63158%;
}
.top_event .box{
margin-bottom:2.10526%;
background-color:#e6e7d1;
}
.top_event .box_detail dt{
color:#838617;
font-size:93%;
}
.top_event .box_detail dt a{
color:#838617;
}
.top_event .box_detail dd{
padding:0 3.34262% 2.22841%;
color:#3d3d3d;
font-size:85%;
}

/* お知らせ */
.top_news{
margin:0 2% 2.63158%;
padding:2.63158%;
background-color:#93846f;
}
.top_news .title{
width:17.89474%;
margin-bottom:2.63158%;
}
.top_news ul{
margin-bottom:8px;
padding:0 8px 8px;
background-color:#e9e6e2;
}
.top_news ul li{
padding:8px 0;
border-bottom:dotted #8b8b8b 1px;
}
.top_news ul li span{
display:inline-block;
}
.top_news ul li span.date{
width:70px;
vertical-align:top;
font-size:93%;
}
.top_news ul li span.text{
width:270px;
vertical-align:middle;
font-size:85%;
}
.top_news ul li span.text a{
color:#000;
}

.youtube186,
.youtube380{
margin-bottom:2.63158%;
float:none !important;
}

.slide_wrap{
margin-bottom:2.63158%;
background-color:#636262;
}
.slide_inner{
position:relative;
}
.slide_wrap .slide_title{
width:48%;
position:absolute;
bottom:3%;
left:24%;
}
#slide{
width:100%;
}
.bx-wrapper .bx-controls-direction a {
bottom:-11%;
width:4.88889% !important;
height:0 !important;
padding-bottom:4.88889% !important;
background-size:contain;
}
.bx-wrapper .bx-prev {
left: 5%;
}
.bx-wrapper .bx-next {
right: 5%;
}
.top_column01 ul li{
padding-bottom:2.63158%;
}
.top_column01 ul#slide li{
padding-bottom:0;
}
.top_column02 .box380,
.top_column02 .box186,
.top_column02 .tile01{
padding-bottom:2.63158%;
}
.top_column03 ul li{
padding-bottom:2.63158%;
}
}
/*================================
 PC
================================*/
@media print,screen and (min-width: 641px){
#wrapp_layout{
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
#top_layout{
max-width:1288px;
margin:0 auto;
padding-top:14px;
text-align:left;
display:block;
}
#top_lbox{
width:360px;
float:left;
}
#top_rbox_wrap{
margin-left:368px;
}
#top_rbox{
width:100%;
background:url(../img/top/bkg_top_contents.png) 0 0 repeat;
}
#top_layout header{
border-top:solid #000 4px;
position:relative;
}
#top_layout header #logo_header{
float:none;
padding:20px 0 0 3px;
}
#top_layout header #company_name_header{
float:none;
padding:20px 0 16px 3px;
}
#top_layout header #header_nav{
width:auto;
position:absolute;
top:0;
right:0;
}
#top_layout .nav_wrap{
padding-top:8px;
padding-bottom:8px;
border-top:solid #000 1px;
}
#top_layout nav{
width:176px;
height:auto;
padding-top:0;
overflow:visible;
float:left;
background-color:#008037;
}
#top_layout nav ul{
width:100%;
padding:58px 7px 0 7px !important;
float:left;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
background: url(../img/top/nav_title.png) 11px 16px no-repeat #008037;
}
#top_layout nav ul li{
width:160px;
border-bottom:dotted #54aa79 1px;
float:none;
}
#top_layout nav ul li#nav01{
display:none;
}
#top_layout nav ul li a{
width:auto !important;
height:13px;
padding:7px 2px;
}
#top_layout nav ul li#nav02 a:link,
#top_layout nav ul li#nav02 a:visited{
background:url(../img/top/nav_01_off.png) 2px 50% no-repeat;
}
#top_layout nav ul li#nav02 a:hover,
#top_layout nav ul li#nav02 a:active{
background:url(../img/top/nav_01_on.png) 2px 50% no-repeat;
}
#top_layout nav ul li#nav03 a{
background:url(../img/top/nav_02_off.png) 2px 50% no-repeat;
}
#top_layout nav ul li#nav03 a:hover,
#top_layout nav ul li#nav03 a:active{
background:url(../img/top/nav_02_on.png) 2px 50% no-repeat;
}
#top_layout nav ul li#nav04 a{
background:url(../img/top/nav_03_off.png) 2px 50% no-repeat;
}
#top_layout nav ul li#nav04 a:hover,
#top_layout nav ul li#nav04 a:active{
background:url(../img/top/nav_03_on.png) 2px 50% no-repeat;
}
#top_layout nav ul li#nav05 a{
background:url(../img/top/nav_04_off.png) 2px 50% no-repeat;
}
#top_layout nav ul li#nav05 a:hover,
#top_layout nav ul li#nav05 a:active{
background:url(../img/top/nav_04_on.png) 2px 50% no-repeat;
}
#top_layout nav ul li#nav06 a{
background:url(../img/top/nav_05_off.png) 2px 50% no-repeat;
}
#top_layout nav ul li#nav06 a:hover,
#top_layout nav ul li#nav06 a:active{
background:url(../img/top/nav_05_on.png) 2px 50% no-repeat;
}
#top_layout nav ul li#nav07 a{
background:url(../img/top/nav_06_off.png) 2px 50% no-repeat;
}
#top_layout nav ul li#nav07 a:hover,
#top_layout nav ul li#nav07 a:active{
background:url(../img/top/nav_06_on.png) 2px 50% no-repeat;
}
#top_layout .subnav{
width:176px;
float:right;
}
#top_layout .subnav img{
width:100%;
}
#top_layout footer{
clear:both;
}
#top_layout .nav_wrap .nav_company{
width:176px;
margin-bottom:8px;
}
#top_layout .nav_wrap .nav_map{
width:176px;
}
#top_layout .nav_coordinate,
#top_layout .nav_recruit{
width:176px;
}
#top_layout .nav_coordinate img,
#top_layout .nav_recruit img{
width:100%;
}

.box_category{
display:block;
margin-bottom:8px;
vertical-align:top;
}
.box_category li{
display:inline-block;
/display: inline;
/zoom: 1;
margin-right:1px;
padding:2px 10px !important;
font-size:85%;
background-color:#000000;
color:#FFFFFF;
line-height:1em !important;
vertical-align:top;
}
.box_detail dt{
display:block;
margin-bottom:5px;
padding:0 12px 5px;
border-bottom: dotted #8b8b8b 1px;
font-weight:bold;
line-height:1.3em;
}
.link_list{
text-align:right;
}
.link_list a{
color:#FFFFFF;
text-decoration:none;
font-size:85%;
}
.link_list a:hover{
text-decoration: underline;
}

/* セミナー情報 */
.top_seminar{
margin-bottom:8px;
padding:11px 10px;
background-color:#276193;
}
.top_seminar .title{
margin-bottom:11px;
}
.top_seminar .box{
margin-bottom:8px;
background-color:#d4dfe9;
}
.top_seminar .box_detail dt{
color:#2f6193;
font-size:93%;
}
.top_seminar .box_detail dt a:link,
.top_seminar .box_detail dt a:visited{
color:#2f6193;
text-decoration:none;
}
.top_seminar .box_detail dt a:hover,
.top_seminar .box_detail dt a:active{
color:#2f6193;
text-decoration:underline;
}
.top_seminar .box_detail dd{
padding:0 12px 8px;
color:#3d3d3d;
font-size:85%;
}
/* イベント情報 */
.top_event_float{
float:right;
}
.top_event{
width:340px;
height:411px;
margin-bottom:8px;
margin-right:8px;
padding:11px 10px 20px;
background-color:#838617;
position:relative;
}
.top_event .title{
margin-bottom:11px;
}
.top_event .box_wrap{
height:350px;
overflow-y: auto;
}
.top_event .box{
margin-bottom:8px;
background-color:#e6e7d1;
}
.top_event .box_detail dt{
color:#838617;
font-size:93%;
}
.top_event .box_detail dt a:link,
.top_event .box_detail dt a:visited{
color:#838617;
text-decoration:none;
}
.top_event .box_detail dt a:hover,
.top_event .box_detail dt a:active{
color:#838617;
text-decoration:underline;
}
.top_event .box_detail dd{
padding:0 12px 8px;
color:#3d3d3d;
font-size:85%;
}
.top_event .link_list{
position:absolute;
right:10px;
bottom:11px;
}
.top_event_bottom li.first{
float:left;
margin-right:8px;
}
.top_event_bottom li.last{
float:left;
}
.top_event_bottom li{
width:176px;
}
/* お知らせ */
.top_news{
padding:11px 10px;
background-color:#93846f;
}
.top_news .title{
margin-bottom:11px;
}
.top_news ul{
margin-bottom:8px;
padding:0 8px 8px;
background-color:#e9e6e2;
}
.top_news ul li{
padding:8px 0;
border-bottom:dotted #8b8b8b 1px;
}
.top_news ul li span{
display:inline-block;
}
.top_news ul li span.date{
width:70px;
font-size:93%;
vertical-align:top;
}
.top_news ul li span.text{
width:270px;
font-size:85%;
}
.top_news ul li span.text a:link,
.top_news ul li span.text a:visited{
color:#000;
text-decoration:none;
}
.top_news ul li span.text a:hover,
.top_news ul li span.text a:active{
color:#000;
text-decoration:underline;
}

.top_column01{
width:100%;
}
.box03{
width:582px;
}
.box03 .youtube186{
float:right;
}
.box03 .youtube380{
float:left;
}
.box04{
width:582px;
}
.box04 .youtube186{
float:left;
}
.box04 .youtube380{
float:right;
}
.item{
float:left;
}

.item .top_event .title img{
width:auto;
}
.youtube186{
width:176px;
margin:0 8px 8px 0;
background-color:#FFFFFF;
height:142px;
}
.youtube380{
width:360px;
margin:0 8px 8px 0;
height:292px;
background-color:#FFFFFF;
}
.box380{
width:360px;
}
.box186{
width:176px;
}

.slide_wrap{
width:1020px;
height:292px;
background-color:#FFFFFF;
margin:0 5px 5px 0;
}
.slide_inner{
	height: 365px;
	width:1020px;
	position: absolute;
}
.slide_wrap .slide_title{
height:48px;
background-color:#333;
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
position:absolute;
left:0;
bottom:0;
}
.slide_wrap .slide_title img{
position:absolute;
left:10px;
bottom:16px;
}
#slide{
float:left;
}
.topslideimg{
	height: 292px;
	width: 1020px;
	}
.top_column01 ul{
width:100%;
}
.top_column01 ul li{
padding-bottom:8px;
}
.top_column01 ul.youtube01 {
float:left;
}
.top_column01 ul.youtube01 li{
float:left;
}
.top_column01 ul.youtube02{
float:right;
}

.bx-wrapper ul li{
padding-bottom:0;
}
.bx-wrapper .bx-controls-direction a {
bottom:13px;
}
.bx-wrapper .bx-prev {
left: 218px;
}
.bx-wrapper .bx-next {
left: 246px;
}

footer{
max-width:1288px;
width:auto !important;
width:1288px;
margin:0 auto;
text-align:left;
}
}

/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
width:100%;
position: relative;
*zoom: 1;
}

.bx-wrapper img {
max-width: 100%;
display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
overflow:hidden;
left: 0;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 15px;
width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
min-height: 50px;
background: url(../img/top/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
background:url(../img/top/btn_circle_prev.png) no-repeat;
}

.bx-wrapper .bx-next {
background:url(../img/top/btn_circle_next.png) no-repeat;
}

.bx-wrapper .bx-controls-direction a {
position: absolute;
outline: 0;
width: 22px;
height: 22px;
text-indent: -9999px;
z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(../controls.png) -86px -11px no-repeat;
margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(../controls.png) -86px -44px no-repeat;
margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}