@charset "utf-8";

/* モバイルファースト（差分記述：末尾のメディアクエリ―別記載の箇所に個別指定しない限りすべてのデバイスでこの欄の記述が有効） */
/* 160404 */


#navigation .nav_flg_access,
#f_nav .nav_flg_access{display:none;}

/*---------------------------------------------*/
.nav-toggle {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 280px;
    height: 80px;
    float: right;
    text-indent: -200%;
    overflow: hidden;
    background: #ECAFB2 url("../img/common/nav_tab_menu.png") no-repeat 50% 50%;
    position: absolute;
    left: 15px;
    top: 195px;
}


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

#responsive-menu-button{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 50px;
    height: 50px;
    float: right;
    text-indent: -200%;
    overflow: hidden;
    background: url(../img/common/menu.png) no-repeat;background-size:contain;
    position: absolute;
    right: 11px;
    top: 23px;
left:260px;
margin:auto;
z-index:999;
}

/* sidrカスタマイズ */

.sidr {
    display: block;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 15px;
    background:#f3f3ef;
    color: #22964d;
    box-shadow: 0 0 0 0 #Eee inset;
}
.sidr ul {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    border-top: none;
    border-bottom: none;
}
.sidr ul li {
    display: block;
    margin: 0;
    line-height: 48px;
    border-top: none;
    border-bottom: 1px dotted  #045e3b;
}

.sidr ul li a, .sidr ul li span {
    color: #045e3b !important;
font-size:1.3em;
//font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.nav_lens-selection,
.nav_myopine{
    display: none !important;
}

/*---------------------------------------------
 ** 個別指定 for スマートフォン
---------------------------------------------*/
@media screen and (max-width: 767px) {
#mobile-header {
/*    display: block;float:left; width:calc(100% - 190px); height:72px;*/
}

.nav-collapse li {
  width: 100%;
  display: none;
}

#f_nav .sidr ul{margin-top:15px;}
#f_nav .sidr ul li {}

#f_nav{text-align:center;}

#f_nav ul{display:block; width:100%;text-align:center;}
#f_nav ul li	{/*    margin-top: 4px;*/}

#f_nav .nav_flg_access{display:block;}

#f_nav .nav_top,
#f_nav .nav_clinic,
#f_nav .nav_guide,
#f_nav .nav_doctor,
#f_nav .nav_first,
#f_nav .nav_recruit,
#f_nav .nav_access	{display: block; padding:9px 0;
    color: #045e3b;background:#f6f5f3;
    font-size: 1.1em;
    line-height: 40px;
    border-top: 1px dotted #045e3b;}


#f_nav .nav_top{border-top: none;}

/*#f_nav .nav_access{border-bottom:none;}*/

#index #f_nav .nav_top,				#f_nav .nav_top:hover,
#home_security #f_nav .nav_home_security,	#f_nav .nav_home_security:hover,
#office_security #f_nav .nav_office_security,	#f_nav .nav_office_security:hover,
#supply_record #f_nav .nav_supply_record,	#f_nav .nav_supply_record:hover,
#company #f_nav .nav_company,	#f_nav .nav_company:hover,
#contact #f_nav .nav_contact,	#f_nav .nav_contact:hover	{color:#f90; background:#fafafa;}

.sidr ul li:hover>a, .sidr ul li:hover>span, .sidr ul li.active>a, .sidr ul li.active>span, .sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span {
    box-shadow: none !important;
}

}
/*---------------------------------------------
 ** 個別指定 for タブレット
---------------------------------------------*/
 @media screen and (min-width: 768px) and (max-width: 1279px) { 
#mobile-header {
    display: none;
}
/*
.nav-collapse li {
  width: 100%;
  display: none;
}

#responsive-menu-button{
    width: 80px;
    height: 80px;
}


.sidr ul li a, .sidr ul li span{font-size:1.1em; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;}
*/
#navigation		{display:block; width:100%; height:41px;padding:32px 0 32px; position:relative;margin:0 auto; border-bottom:solid 2px #09613e;}

#h_nav			{display:block; width:100%; margin:0 auto;}
#h_nav ul		{display:table; width: 100%; border-collapse:collapse;}
/*#h_nav ul:after	{content: ""; display: inline-block; width: 100%; height: 0;}
*/

#h_nav ul li		{display:table-cell;width:calc(100% / 6); font-size:1.1em; font-weight:bold; position:relative; text-align:center; vertical-align:top; border-left:solid 1px #ccc;}

#h_nav ul li:nth-of-type(1)	{display:none;}
#h_nav ul li:nth-of-type(2)	{border-left:none;}

#h_nav ul li a			{display:block; color:#045e3b; position:relative;}
#h_nav ul li a:hover		{color:#f90;}

/* index */
#h_nav .nav_top						{display:none;}
#index #h_nav .nav_top, #h_nav .nav_top:hover		{}
#index #h_nav .nav_top:after,
#h_nav .nav_top:hover:after				{}

/* clinic */
#h_nav .nav_clinic				{}
#h_nav .nav_clinic:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(0deg);
						-webkit-transform:	rotate(0deg);
						-o-transform:		rotate(0deg);
						-ms-transform:		rotate(0deg);
						transform:		rotate(0deg);}
#h_nav .nav_clinic:after			{content: "CLINIC";font-size: 0.6em;letter-spacing: 0.1em;color: #666666;position: absolute;left: 0;right: 0;bottom: -20px;
						margin: auto;text-align: center;font-family: sans-serif; font-weight:normal;}
#clinic #h_nav .nav_clinic,
#h_nav .nav_clinic:hover			{}
#clinic #h_nav .nav_clinic:before,
#h_nav .nav_clinic:hover:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol_hover.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(0deg);
						-webkit-transform:	rotate(0deg);
						-o-transform:		rotate(0deg);
						-ms-transform:		rotate(0deg);
						transform:		rotate(0deg);}

/* guide */
#h_nav .nav_guide				{}
#h_nav .nav_guide:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(45deg);
						-webkit-transform:	rotate(45deg);
						-o-transform:		rotate(45deg);
						-ms-transform:		rotate(45deg);
						transform:		rotate(45deg);}
#h_nav .nav_guide:after				{content: "GUIDE"; font-size: 0.6em;letter-spacing: 0.1em;color: #666666;position: absolute;left: 0;right: 0;bottom: -20px;
						margin: auto;text-align: center;font-family: sans-serif; font-weight:normal;}
#guide #h_nav .nav_guide,
#h_nav .nav_guide:hover				{}
#guide #h_nav .nav_guide:before,
#h_nav .nav_guide:hover:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol_hover.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(45deg);
						-webkit-transform:	rotate(45deg);
						-o-transform:		rotate(45deg);
						-ms-transform:		rotate(45deg);
						transform:		rotate(45deg);}


/* doctor */
#h_nav .nav_doctor				{}
#h_nav .nav_doctor:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(90deg);
						-webkit-transform:	rotate(90deg);
						-o-transform:		rotate(90deg);
						-ms-transform:		rotate(90deg);
						transform:		rotate(90deg);}
#h_nav .nav_doctor:after			{content: "DOCTOR"; font-size: 0.6em;letter-spacing: 0.1em;color: #666666;position: absolute;left: 0;right: 0;bottom: -20px;
						margin: auto;text-align: center;font-family: sans-serif; font-weight:normal;}
#doctor #h_nav .nav_doctor,
#h_nav .nav_doctor:hover			{}
#doctor #h_nav .nav_doctor:before,
#h_nav .nav_doctor:hover:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol_hover.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(90deg);
						-webkit-transform:	rotate(90deg);
						-o-transform:		rotate(90deg);
						-ms-transform:		rotate(90deg);
						transform:		rotate(90deg);}


/* first */
#h_nav .nav_first				{}
#h_nav .nav_first:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(135deg);
						-webkit-transform:	rotate(135deg);
						-o-transform:		rotate(135deg);
						-ms-transform:		rotate(135deg);
						transform:		rotate(135deg);}
#h_nav .nav_first:after				{content: "ABOUT"; font-size: 0.6em;letter-spacing: 0.1em;color: #666666;position: absolute;left: 0;right: 0;bottom: -20px;
						margin: auto;text-align: center;font-family: sans-serif; font-weight:normal;}
#first #h_nav .nav_first,
#h_nav .nav_first:hover				{}
#first #h_nav .nav_first:before,
#h_nav .nav_first:hover:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol_hover.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(135deg);
						-webkit-transform:	rotate(135deg);
						-o-transform:		rotate(135deg);
						-ms-transform:		rotate(135deg);
						transform:		rotate(135deg);}


/* recruit */
#h_nav .nav_recruit				{}
#h_nav .nav_recruit:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(180deg);
						-webkit-transform:	rotate(180deg);
						-o-transform:		rotate(180deg);
						-ms-transform:		rotate(180deg);
						transform:		rotate(180deg);}
#h_nav .nav_recruit:after			{content: "RECRUIT"; font-size: 0.6em;letter-spacing: 0.1em;color: #666666;position: absolute;left: 0;right: 0;bottom: -20px;
						margin: auto;text-align: center;font-family: sans-serif; font-weight:normal;}
#recruit #h_nav .nav_recruit,
#h_nav .nav_recruit:hover			{}
#recruit #h_nav .nav_recruit:before,
#h_nav .nav_recruit:hover:before		{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol_hover.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(180deg);
						-webkit-transform:	rotate(180deg);
						-o-transform:		rotate(180deg);
						-ms-transform:		rotate(180deg);
						transform:		rotate(180deg);}


/* access */
#h_nav .nav_access				{}
#h_nav .nav_access:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(-135deg);
						-webkit-transform:	rotate(-135deg);
						-o-transform:		rotate(-135deg);
						-ms-transform:		rotate(-135deg);
						transform:		rotate(-135deg);}
#h_nav .nav_access:after			{content: "ACCESS"; font-size: 0.6em;letter-spacing: 0.1em;color: #666666;position: absolute;left: 0;right: 0;bottom: -20px;
						margin: auto;text-align: center;font-family: sans-serif; font-weight:normal;}
#access #h_nav .nav_access,
#h_nav .nav_access:hover			{}
#access #h_nav .nav_access:before,
#h_nav .nav_access:hover:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol_hover.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(-135deg);
						-webkit-transform:	rotate(-135deg);
						-o-transform:		rotate(-135deg);
						-ms-transform:		rotate(-135deg);
						transform:		rotate(-135deg);}





#f_navigation		{display:block; width:100%; height:41px;padding:32px 0 32px; position:relative;margin:0 auto; border-bottom:solid 2px #09613e;}

#f_nav			{display:block; width:100%; margin:0 auto;}
#f_nav ul		{display:table; width: 100%; border-collapse:collapse;}
/*#f_nav ul:after	{content: ""; display: inline-block; width: 100%; height: 0;}
*/

#f_nav ul li		{display:table-cell;width:calc(100% / 6); font-size:1.1em;font-weight:bold; position:relative; text-align:center; vertical-align:top; border-left:solid 1px #ccc;}

#f_nav ul li:nth-of-type(1)	{display:none;}
#f_nav ul li:nth-of-type(2)	{border-left:none;}

#f_nav ul li a			{display:block; color:#045e3b; position:relative;}
#f_nav ul li a:hover		{color:#f90;}

/* index */
#f_nav .nav_top						{display:none;}
#index #f_nav .nav_top, #f_nav .nav_top:hover		{}
#index #f_nav .nav_top:after,
#f_nav .nav_top:hover:after				{}

/* clinic */
#f_nav .nav_clinic				{}
/*
#f_nav .nav_clinic:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(0deg);
						-webkit-transform:	rotate(0deg);
						-o-transform:		rotate(0deg);
						-ms-transform:		rotate(0deg);
						transform:		rotate(0deg);}
*/
#f_nav .nav_clinic:after			{content: "CLINIC";font-size: 0.6em;letter-spacing: 0.1em;color: #666666;position: absolute;left: 0;right: 0;bottom: -20px;
						margin: auto;text-align: center;font-family: sans-serif; font-weight:normal;}
#clinic #f_nav .nav_clinic,
#f_nav .nav_clinic:hover			{}
/*
#clinic #f_nav .nav_clinic:before,
#f_nav .nav_clinic:hover:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol_hover.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(0deg);
						-webkit-transform:	rotate(0deg);
						-o-transform:		rotate(0deg);
						-ms-transform:		rotate(0deg);
						transform:		rotate(0deg);}
*/

/* guide */
#f_nav .nav_guide				{}
/*
#f_nav .nav_guide:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(45deg);
						-webkit-transform:	rotate(45deg);
						-o-transform:		rotate(45deg);
						-ms-transform:		rotate(45deg);
						transform:		rotate(45deg);}
*/
#f_nav .nav_guide:after				{content: "GUIDE"; font-size: 0.6em;letter-spacing: 0.1em;color: #666666;position: absolute;left: 0;right: 0;bottom: -20px;
						margin: auto;text-align: center;font-family: sans-serif; font-weight:normal;}
#guide #f_nav .nav_guide,
#f_nav .nav_guide:hover				{}
/*
#guide #f_nav .nav_guide:before,
#f_nav .nav_guide:hover:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol_hover.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(45deg);
						-webkit-transform:	rotate(45deg);
						-o-transform:		rotate(45deg);
						-ms-transform:		rotate(45deg);
						transform:		rotate(45deg);}
*/

/* doctor */
#f_nav .nav_doctor				{}
/*
#f_nav .nav_doctor:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(90deg);
						-webkit-transform:	rotate(90deg);
						-o-transform:		rotate(90deg);
						-ms-transform:		rotate(90deg);
						transform:		rotate(90deg);}
*/
#f_nav .nav_doctor:after			{content: "DOCTOR"; font-size: 0.6em;letter-spacing: 0.1em;color: #666666;position: absolute;left: 0;right: 0;bottom: -20px;
						margin: auto;text-align: center;font-family: sans-serif; font-weight:normal;}
#doctor #f_nav .nav_doctor,
#f_nav .nav_doctor:hover			{}
/*
#doctor #f_nav .nav_doctor:before,
#f_nav .nav_doctor:hover:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol_hover.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(90deg);
						-webkit-transform:	rotate(90deg);
						-o-transform:		rotate(90deg);
						-ms-transform:		rotate(90deg);
						transform:		rotate(90deg);}
*/

/* first */
#f_nav .nav_first				{}
/*
#f_nav .nav_first:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(135deg);
						-webkit-transform:	rotate(135deg);
						-o-transform:		rotate(135deg);
						-ms-transform:		rotate(135deg);
						transform:		rotate(135deg);}
*/
#f_nav .nav_first:after				{content: "ABOUT"; font-size: 0.6em;letter-spacing: 0.1em;color: #666666;position: absolute;left: 0;right: 0;bottom: -20px;
						margin: auto;text-align: center;font-family: sans-serif; font-weight:normal;}
#first #f_nav .nav_first,
#f_nav .nav_first:hover				{}
/*
#first #f_nav .nav_first:before,
#f_nav .nav_first:hover:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol_hover.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(135deg);
						-webkit-transform:	rotate(135deg);
						-o-transform:		rotate(135deg);
						-ms-transform:		rotate(135deg);
						transform:		rotate(135deg);}
*/

/* recruit */
#f_nav .nav_recruit				{}
/*
#f_nav .nav_recruit:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(180deg);
						-webkit-transform:	rotate(180deg);
						-o-transform:		rotate(180deg);
						-ms-transform:		rotate(180deg);
						transform:		rotate(180deg);}
*/
#f_nav .nav_recruit:after			{content: "RECRUIT"; font-size: 0.6em;letter-spacing: 0.1em;color: #666666;position: absolute;left: 0;right: 0;bottom: -20px;
						margin: auto;text-align: center;font-family: sans-serif; font-weight:normal;}
#recruit #f_nav .nav_recruit,
#f_nav .nav_recruit:hover			{}
/*
#recruit #f_nav .nav_recruit:before,
#f_nav .nav_recruit:hover:before		{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol_hover.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(180deg);
						-webkit-transform:	rotate(180deg);
						-o-transform:		rotate(180deg);
						-ms-transform:		rotate(180deg);
						transform:		rotate(180deg);}
*/

/* access */
#f_nav .nav_access				{}
/*
#f_nav .nav_access:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(-135deg);
						-webkit-transform:	rotate(-135deg);
						-o-transform:		rotate(-135deg);
						-ms-transform:		rotate(-135deg);
						transform:		rotate(-135deg);}
*/
#f_nav .nav_access:after			{content: "ACCESS"; font-size: 0.6em;letter-spacing: 0.1em;color: #666666;position: absolute;left: 0;right: 0;bottom: -20px;
						margin: auto;text-align: center;font-family: sans-serif; font-weight:normal;}
#access #f_nav .nav_access,
#f_nav .nav_access:hover			{}
/*
#access #f_nav .nav_access:before,
#f_nav .nav_access:hover:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol_hover.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(-135deg);
						-webkit-transform:	rotate(-135deg);
						-o-transform:		rotate(-135deg);
						-ms-transform:		rotate(-135deg);
						transform:		rotate(-135deg);}
*/















}
/*-----------------------------------------------------	*/
/*  個別指定 for PC	*/
/*-----------------------------------------------------	*/
@media screen and (min-width: 1280px) {
#mobile-header {
    display: none;
}

#sidr-main{display:none !important;}
.sidr{display:none !important;}

#navigation		{display:block; width:100%; height:41px;padding:32px 0 32px; position:relative;margin:0 auto; border-bottom:solid 2px #09613e;}

#h_nav			{display:block; width:1200px; margin:0 auto;}
#h_nav ul		{display:table; width: 100%; border-collapse:collapse;}
/*#h_nav ul:after	{content: ""; display: inline-block; width: 100%; height: 0;}
*/

#h_nav ul li		{display:table-cell;width:calc(100% / 6); font-size:1.2em;letter-spacing: 2px; font-weight:bold; position:relative; text-align:center; vertical-align:top; border-left:solid 1px #ccc;}

#h_nav ul li:nth-of-type(1)	{display:none;}
#h_nav ul li:nth-of-type(2)	{border-left:none;}

#h_nav ul li a			{display:block; color:#045e3b; position:relative;}
#h_nav ul li a:hover		{color:#f90;}

/* index */
#h_nav .nav_top						{display:none;}
#index #h_nav .nav_top, #h_nav .nav_top:hover		{}
#index #h_nav .nav_top:after,
#h_nav .nav_top:hover:after				{}

/* clinic */
#h_nav .nav_clinic				{}
#h_nav .nav_clinic:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(0deg);
						-webkit-transform:	rotate(0deg);
						-o-transform:		rotate(0deg);
						-ms-transform:		rotate(0deg);
						transform:		rotate(0deg);}
#h_nav .nav_clinic:after			{content: "CLINIC";font-size: 0.6em;letter-spacing: 0.3em;color: #666666;position: absolute;left: 0;right: 0;bottom: -20px;
						margin: auto;text-align: center;font-family: sans-serif; font-weight:normal;}
#clinic #h_nav .nav_clinic,
#h_nav .nav_clinic:hover			{}
#clinic #h_nav .nav_clinic:before,
#h_nav .nav_clinic:hover:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol_hover.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(0deg);
						-webkit-transform:	rotate(0deg);
						-o-transform:		rotate(0deg);
						-ms-transform:		rotate(0deg);
						transform:		rotate(0deg);}

/* guide */
#h_nav .nav_guide				{}
#h_nav .nav_guide:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(45deg);
						-webkit-transform:	rotate(45deg);
						-o-transform:		rotate(45deg);
						-ms-transform:		rotate(45deg);
						transform:		rotate(45deg);}
#h_nav .nav_guide:after				{content: "GUIDE"; font-size: 0.6em;letter-spacing: 0.3em;color: #666666;position: absolute;left: 0;right: 0;bottom: -20px;
						margin: auto;text-align: center;font-family: sans-serif; font-weight:normal;}
#guide #h_nav .nav_guide,
#h_nav .nav_guide:hover				{}
#guide #h_nav .nav_guide:before,
#h_nav .nav_guide:hover:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol_hover.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(45deg);
						-webkit-transform:	rotate(45deg);
						-o-transform:		rotate(45deg);
						-ms-transform:		rotate(45deg);
						transform:		rotate(45deg);}


/* doctor */
#h_nav .nav_doctor				{}
#h_nav .nav_doctor:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(90deg);
						-webkit-transform:	rotate(90deg);
						-o-transform:		rotate(90deg);
						-ms-transform:		rotate(90deg);
						transform:		rotate(90deg);}
#h_nav .nav_doctor:after			{content: "DOCTOR"; font-size: 0.6em;letter-spacing: 0.3em;color: #666666;position: absolute;left: 0;right: 0;bottom: -20px;
						margin: auto;text-align: center;font-family: sans-serif; font-weight:normal;}
#doctor #h_nav .nav_doctor,
#h_nav .nav_doctor:hover			{}
#doctor #h_nav .nav_doctor:before,
#h_nav .nav_doctor:hover:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol_hover.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(90deg);
						-webkit-transform:	rotate(90deg);
						-o-transform:		rotate(90deg);
						-ms-transform:		rotate(90deg);
						transform:		rotate(90deg);}


/* first */
#h_nav .nav_first				{}
#h_nav .nav_first:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(135deg);
						-webkit-transform:	rotate(135deg);
						-o-transform:		rotate(135deg);
						-ms-transform:		rotate(135deg);
						transform:		rotate(135deg);}
#h_nav .nav_first:after				{content: "ABOUT"; font-size: 0.6em;letter-spacing: 0.3em;color: #666666;position: absolute;left: 0;right: 0;bottom: -20px;
						margin: auto;text-align: center;font-family: sans-serif; font-weight:normal;}
#first #h_nav .nav_first,
#h_nav .nav_first:hover				{}
#first #h_nav .nav_first:before,
#h_nav .nav_first:hover:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol_hover.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(135deg);
						-webkit-transform:	rotate(135deg);
						-o-transform:		rotate(135deg);
						-ms-transform:		rotate(135deg);
						transform:		rotate(135deg);}


/* recruit */
#h_nav .nav_recruit				{}
#h_nav .nav_recruit:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(180deg);
						-webkit-transform:	rotate(180deg);
						-o-transform:		rotate(180deg);
						-ms-transform:		rotate(180deg);
						transform:		rotate(180deg);}
#h_nav .nav_recruit:after			{content: "recruit"; font-size: 0.6em;letter-spacing: 0.3em;color: #666666;position: absolute;left: 0;right: 0;bottom: -20px;
						margin: auto;text-align: center;font-family: sans-serif; font-weight:normal;}
#recruit #h_nav .nav_recruit,
#h_nav .nav_recruit:hover			{}
#recruit #h_nav .nav_recruit:before,
#h_nav .nav_recruit:hover:before		{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol_hover.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(180deg);
						-webkit-transform:	rotate(180deg);
						-o-transform:		rotate(180deg);
						-ms-transform:		rotate(180deg);
						transform:		rotate(180deg);}


/* access */
#h_nav .nav_access				{}
#h_nav .nav_access:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(-135deg);
						-webkit-transform:	rotate(-135deg);
						-o-transform:		rotate(-135deg);
						-ms-transform:		rotate(-135deg);
						transform:		rotate(-135deg);}
#h_nav .nav_access:after			{content: "access"; font-size: 0.6em;letter-spacing: 0.3em;color: #666666;position: absolute;left: 0;right: 0;bottom: -20px;
						margin: auto;text-align: center;font-family: sans-serif; font-weight:normal;}
#access #h_nav .nav_access,
#h_nav .nav_access:hover			{}
#access #h_nav .nav_access:before,
#h_nav .nav_access:hover:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol_hover.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(-135deg);
						-webkit-transform:	rotate(-135deg);
						-o-transform:		rotate(-135deg);
						-ms-transform:		rotate(-135deg);
						transform:		rotate(-135deg);}





#f_navigation		{display:block; width:100%; height:41px;padding:32px 0 32px; position:relative;margin:0 auto; border-bottom:solid 2px #09613e;}

#f_nav			{display:block; width:1200px; margin:0 auto;}
#f_nav ul		{display:table; width: 100%; border-collapse:collapse;}
/*#f_nav ul:after	{content: ""; display: inline-block; width: 100%; height: 0;}
*/

#f_nav ul li		{display:table-cell;width:calc(100% / 6); font-size:1.2em;letter-spacing: 2px; font-weight:bold; position:relative; text-align:center; vertical-align:top; border-left:solid 1px #ccc;}

#f_nav ul li:nth-of-type(1)	{display:none;}
#f_nav ul li:nth-of-type(2)	{border-left:none;}

#f_nav ul li a			{display:block; color:#045e3b; position:relative;}
#f_nav ul li a:hover		{color:#f90;}

/* index */
#f_nav .nav_top						{display:none;}
#index #f_nav .nav_top, #f_nav .nav_top:hover		{}
#index #f_nav .nav_top:after,
#f_nav .nav_top:hover:after				{}

/* clinic */
#f_nav .nav_clinic				{}
/*
#f_nav .nav_clinic:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(0deg);
						-webkit-transform:	rotate(0deg);
						-o-transform:		rotate(0deg);
						-ms-transform:		rotate(0deg);
						transform:		rotate(0deg);}
*/
#f_nav .nav_clinic:after			{content: "CLINIC";font-size: 0.6em;letter-spacing: 0.3em;color: #666666;position: absolute;left: 0;right: 0;bottom: -20px;
						margin: auto;text-align: center;font-family: sans-serif; font-weight:normal;}
#clinic #f_nav .nav_clinic,
#f_nav .nav_clinic:hover			{}
/*
#clinic #f_nav .nav_clinic:before,
#f_nav .nav_clinic:hover:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol_hover.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(0deg);
						-webkit-transform:	rotate(0deg);
						-o-transform:		rotate(0deg);
						-ms-transform:		rotate(0deg);
						transform:		rotate(0deg);}
*/

/* guide */
#f_nav .nav_guide				{}
/*
#f_nav .nav_guide:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(45deg);
						-webkit-transform:	rotate(45deg);
						-o-transform:		rotate(45deg);
						-ms-transform:		rotate(45deg);
						transform:		rotate(45deg);}
*/
#f_nav .nav_guide:after				{content: "GUIDE"; font-size: 0.6em;letter-spacing: 0.3em;color: #666666;position: absolute;left: 0;right: 0;bottom: -20px;
						margin: auto;text-align: center;font-family: sans-serif; font-weight:normal;}
#guide #f_nav .nav_guide,
#f_nav .nav_guide:hover				{}
/*
#guide #f_nav .nav_guide:before,
#f_nav .nav_guide:hover:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol_hover.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(45deg);
						-webkit-transform:	rotate(45deg);
						-o-transform:		rotate(45deg);
						-ms-transform:		rotate(45deg);
						transform:		rotate(45deg);}
*/

/* doctor */
#f_nav .nav_doctor				{}
/*
#f_nav .nav_doctor:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(90deg);
						-webkit-transform:	rotate(90deg);
						-o-transform:		rotate(90deg);
						-ms-transform:		rotate(90deg);
						transform:		rotate(90deg);}
*/
#f_nav .nav_doctor:after			{content: "DOCTOR"; font-size: 0.6em;letter-spacing: 0.3em;color: #666666;position: absolute;left: 0;right: 0;bottom: -20px;
						margin: auto;text-align: center;font-family: sans-serif; font-weight:normal;}
#doctor #f_nav .nav_doctor,
#f_nav .nav_doctor:hover			{}
/*
#doctor #f_nav .nav_doctor:before,
#f_nav .nav_doctor:hover:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol_hover.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(90deg);
						-webkit-transform:	rotate(90deg);
						-o-transform:		rotate(90deg);
						-ms-transform:		rotate(90deg);
						transform:		rotate(90deg);}
*/

/* first */
#f_nav .nav_first				{}
/*
#f_nav .nav_first:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(135deg);
						-webkit-transform:	rotate(135deg);
						-o-transform:		rotate(135deg);
						-ms-transform:		rotate(135deg);
						transform:		rotate(135deg);}
*/
#f_nav .nav_first:after				{content: "ABOUT"; font-size: 0.6em;letter-spacing: 0.3em;color: #666666;position: absolute;left: 0;right: 0;bottom: -20px;
						margin: auto;text-align: center;font-family: sans-serif; font-weight:normal;}
#first #f_nav .nav_first,
#f_nav .nav_first:hover				{}
/*
#first #f_nav .nav_first:before,
#f_nav .nav_first:hover:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol_hover.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(135deg);
						-webkit-transform:	rotate(135deg);
						-o-transform:		rotate(135deg);
						-ms-transform:		rotate(135deg);
						transform:		rotate(135deg);}
*/

/* recruit */
#f_nav .nav_recruit				{}
/*
#f_nav .nav_recruit:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(180deg);
						-webkit-transform:	rotate(180deg);
						-o-transform:		rotate(180deg);
						-ms-transform:		rotate(180deg);
						transform:		rotate(180deg);}
*/
#f_nav .nav_recruit:after			{content: "recruit"; font-size: 0.6em;letter-spacing: 0.3em;color: #666666;position: absolute;left: 0;right: 0;bottom: -20px;
						margin: auto;text-align: center;font-family: sans-serif; font-weight:normal;}
#recruit #f_nav .nav_recruit,
#f_nav .nav_recruit:hover			{}
/*
#recruit #f_nav .nav_recruit:before,
#f_nav .nav_recruit:hover:before		{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol_hover.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(180deg);
						-webkit-transform:	rotate(180deg);
						-o-transform:		rotate(180deg);
						-ms-transform:		rotate(180deg);
						transform:		rotate(180deg);}
*/

/* access */
#f_nav .nav_access				{}
/*
#f_nav .nav_access:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(-135deg);
						-webkit-transform:	rotate(-135deg);
						-o-transform:		rotate(-135deg);
						-ms-transform:		rotate(-135deg);
						transform:		rotate(-135deg);}
*/
#f_nav .nav_access:after			{content: "access"; font-size: 0.6em;letter-spacing: 0.3em;color: #666666;position: absolute;left: 0;right: 0;bottom: -20px;
						margin: auto;text-align: center;font-family: sans-serif; font-weight:normal;}
#access #f_nav .nav_access,
#f_nav .nav_access:hover			{}
/*
#access #f_nav .nav_access:before,
#f_nav .nav_access:hover:before			{content:""; display:block; width:50px; height:50px; background:url(../img/common/common_nav_symbol_hover.png) no-repeat; background-size:contain;
						position:absolute; top:-60px;left:0;right:0;margin:auto;
						-moz-transform:		rotate(-135deg);
						-webkit-transform:	rotate(-135deg);
						-o-transform:		rotate(-135deg);
						-ms-transform:		rotate(-135deg);
						transform:		rotate(-135deg);}
*/






}