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




html {
color:#F9F9F9
}


body {
	background: url(../img/body/bg.jpg) #000000 no-repeat;	
}
 

#header {
	width:960px;
	margin:auto;
	padding:30px 0px 40px 0px;
	}
	#header h1 {
	margin:0 0 0 16px
	}
	







/* トップページ メイン画像 */
#main-pic {
		max-width:1250px; margin:auto
}






/* グローバルナビ レスポンシブ 
---------------------------------------------------------------------------*/
#main-nav {
	width: 960px;
	margin:auto;
	clear: both;
	margin-bottom:23px;

}


#globalNavi-rps {

}


/* Flexnav Base Styles */
  .flexnav{ margin:0 0 0 19px; width:960px}
	  .flexnav:after {
	  content: "";
	  clear: both;
	  display: block;
	}


  .flexnav li { float:left
	}


  .flexnav li.gnav-01 {width: 140px;}
  .flexnav li.gnav-02 {width: 148px;}
  .flexnav li.gnav-03 {width: 149px;}
  .flexnav li.gnav-04 {width: 148px;}
  .flexnav li.gnav-05 {width: 183px;}
  .flexnav li.gnav-06 {width: 148px;}



  .flexnav li a {
	position: relative;
	display: block;
	z-index: 2;
	overflow: hidden;
	color: #fff;
	text-align:center;
	padding-right: 0.5em;
	padding-left: 0.5em;
	text-decoration: none;
	line-height:36px;
	height:36px;
	font-size:16px;
	font-weight:normal;
	border-right:1px solid #A9A9A9;

}

  .flexnav li:first-child a{ border-left:1px solid #A9A9A9;}


  .flexnav li a:hover{ background:url(../img/navi/current.png) repeat-x} 


#medical-service li.gnav-01  {	border-bottom-width: 3px;}
#about-clinic li.gnav-02  {	border-bottom-width: 3px;}
#guidance li.gnav-03  {	border-bottom-width: 3px;}
#specialty li.gnav-04  {	border-bottom-width: 3px;}
#qanda li.gnav-05  {	border-bottom-width: 3px;}
#access li.gnav-06  {	border-bottom-width: 3px;}



/* カレント表示 */
#home li.gnav-01 a,
#page02 li.gnav-02 a, 
#page03 li.gnav-03 a,
#page04 li.gnav-04 a,
#page05 li.gnav-05 a,
#page06 li.gnav-06 a
 {	
	background:url(../img/navi/current.png)  repeat-x;
	-moz-background-size:100% 100%;
	background-size:100% 100%;}





/* main top
**************************************************************** */
#main{ width:960px; margin:30px auto 0px auto;}

		.top-title-info {
				background: url(../../img_top/news_title.png) no-repeat  left bottom;
				height: 40px;
				width: 470px;
				background-repeat: no-repeat;
				margin-bottom: 5px;
				text-align: right;
			}
			
			.top-title-info p {
				padding-top: 13px;
				padding-right: 7px;
			
			}
			.top-title-info p img{ width:90px}
			


		/* 新着情報 */
		#newbox{ width:470px; margin:0 0 20px 0; float:left}
			#content-news dl {
				overflow: hidden;  
				zoom: 1;  
				border-bottom:1px solid #fff;
	
				margin:10px 0 20px 0;
			}

		/* 新着情報（html記述用に対応するclass名付与） */
		/*  #content-news dt*/
			.news_date {
				color: #fff;
				padding:3px 0 3px 5px;
				font-size: 95%;
/*				font-size: 80%;
*/				font-weight: bold;
/*				width:90px;
*/				float:left;
				clear:both;
				line-height: 150%;
/*				line-height: 1.5em;
*/				margin: 0 2.5em 0 0;
				display: inline-block;
			}

		/* 新着情報（html記述用：margin調整） */	
			.news_date_margin {
				color: #fff;
				padding:3px 0 3px 5px;
				font-size: 95%;
/*				font-size: 80%;
*/				font-weight: bold;
/*				width:90px;
*/				float:left;
				clear:both;
				line-height: 150%;
/*				line-height: 1.5em;
*/				margin: 0 6.5em 0 0;
				display: inline-block;
			}
			
			#content-news dd {
/*				padding:1px 0 3px 100px;
				border-bottom-width: 1px;
				border-bottom-style: dotted;
				border-bottom-color: #fff;
				font-size: 90%;
				line-height: 150%;
				line-height: 1.5em;
				display: inline-block; */
				
				padding:3px 0;
				font-size: 90%;
				line-height: 150%;
				display: inline-block;
				width: 55%;

			}
			
			#content-news a:link {
				color: #fff;
				text-decoration: underline;
			}
			
			#content-news a:visited {
				text-decoration: underline;
				color:#fff;
			}
			
			#content-news a:hover {
				text-decoration: none;
				color:#fff;
			}
			
			#content-news a:active {
				text-decoration: none;
				color:#fff;
			}


		/* カレンダーボタン */
		.btn_cal{ margin:15px 0 0 0}




		/* リクルート */
		#reqruite{ width:462px; margin:0 0 20px 0; float:right}
			#reqruite img{ width:100%}

	 /* プロダクト */
	#products{ }






/* ******************************************************************
2nd  共通
*******************************************************************/

/* 2nd ページ　メイン画像 */
#main-2nd {
		width:960px; margin:auto
}


h2{ height: 28px}
h3{ font-size:20px; font-weight:bold; padding-bottom:10px; font-weight:normal !important}

			/* テーブル */
			.ta1 {
				color:#FFFFFF;
				font-size:13px
			}
			
			.ta1 th {
			border-bottom:solid 1px #666666;
			vertical-align:text-top;
			padding:10px 10px 10px 10px ;
			white-space:nowrap;

			}
			
			.ta1 td {
			border-bottom:solid 1px #666666;
			padding:10px;
			line-height:150%;
			vertical-align:text-top;
			
			}
			
			
			
			
			
			/* テーブル */
			.ta1_with_list {
				color:#FFFFFF;
				font-size:13px;
				width:100%
			}
		
			.ta1_with_list td {
			border-bottom:solid 1px #666666;
			padding:10px;
			line-height:150%;
			vertical-align:text-top;
			background:url(../img/body/pc/listimage.png) no-repeat 10px 15px;
			padding-left:20px
			}
			
				.ta1_with_list  p{ padding-top:10px !important}

			
			/* テーブル */
			.ta2 {
				color:#FFFFFF;
				font-size:13px
			}
			
	
			
			.ta2 thead td,
			.ta2 tbody td,
			.ta2 tfoot td{
			border:1px solid #666;
			vertical-align:text-top;
			padding:10px 10px 10px 10px ;
			white-space:nowrap;

			}
			
			.ta2 tbody th,
		    .ta2 tfoot th{
			border:1px solid #666;
			padding:10px;
			line-height:150%;
			vertical-align:text-top;
			}
			
			
	
			.ta2 thead th{ text-align:center}
			.ta2 tbody th{ text-align:left; padding-right:20px}
			.ta2 tbody td{ text-align:center}
			.ta2 tfoot th{ font-weight:bold; border-top:2px solid #666;}
			.ta2 tfoot td{  font-weight:bold; border-top:2px solid #666; text-align:center}
					
			
			
			
			
			
			
#contentMain p{
			line-height:150%;
			font-size:13px;
			margin-bottom: 10px;

}



.left_470{ width:470px; float:left}
.right_470{width:470px; float:right}





hr.break_pont{ padding:15px 0px; clear:both}



	/* コピー */
　#head_copy{ }
		#head_copy h2{ font-size:48px;text-align:center; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
		font-weight:normal !important; height:auto !important; margin:30px 0px 20px 0px }
						#head_copy h2 br{ display:none}
		#head_copy p{ line-height:160%;text-align:center; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
		margin-bottom:0px; font-size:16px;  font-weight:normal}
		 
		 
		br.sp_br{ display:none}

		

			
	



/* テキストの調整 */
	p.center{ text-align:center}
	p.right{ text-align:right}
	p.left{ text-align:left}





/* ******************************************************************
2nd 　会社概要
*******************************************************************/
body#page02 #sec01 h2{ background:url(../../company/img/pc/t_philosophy.png)  no-repeat}
body#page02 #sec02 h2{ background:url(../../company/img/pc/t_profile.png) no-repeat}
body#page02 #sec03 h2{ background:url(../../company/img/pc/t_organization.png) no-repeat}
body#page02 #sec04 h2{ background:url(../../company/img/pc/t_overseas.png) no-repeat}
body#page02 #sec05 h2{ background:url(../../company/img/pc/t_history.png) no-repeat}


body#page02 #sec01{}
	body#page02 #sec01 ol.ol_txt{ font-size:14px; width:500px; color:#FFFFFF;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	width:450px; margin:30px auto;
	font-size:14px}
	body#page02 #sec01 ol.ol_txt li{ margin:0 0 10px 0}

body#page02 #sec02{ padding-bottom:40px}
		body#page02 #sec02 .left{ width:564px; float:left; margin-top:15px}
		body#page02 #sec02 .right{width:366px; float: right; margin-top:15px }
			body#page02 #sec02 .right img{ width:357px; margin-bottom:10px}
			
			
body#page02 #sec03{ width:515px; float:left}
		body#page02 #sec03 img{ width:90%; margin:20px 10px 10px 10px }
		
		
/* body#page02 #sec04{ width:434px; float: right}
			body#page02 #sec04 img{ width:100%; }
			body#page02 #sec04 p{ margin:0px 0px} */

body#page02 #sec04{ padding-bottom:40px}
		body#page02 #sec04 .left{ width:564px; float:left; margin-top:15px}
		body#page02 #sec04 .right{width:366px; float: right; margin-top:0 }
			body#page02 #sec04 .right img{ width:357px; margin-bottom:10px}
			
				body#page02 #sec02 tel strong{ margin-right:10px}

body#page02 #sec05{ padding-bottom:40px}
		body#page02 #sec05 .left{ width:564px; float:left; margin-top:15px}
		body#page02 #sec05 .right{width:366px; float: right; margin-top:15px }
			body#page02 #sec05 .right img{ width:357px; margin-bottom:10px}
			
				body#page02 #sec02 tel strong{ margin-right:10px}


/* スライド
--------------------------------------------------------------------- */
.pc_none{ display:none}

/* gogolemap
-------------------------------------------------------------------- */
#googlemap{ padding:20px 10px; clear:both}
#googlemap iframe{ width:940px; height:400px;}







/* ******************************************************************
2nd 　新着情報
*******************************************************************/
body#page03 #sec01 h2{ background:url(../../news/img/pc/t_01.png)  no-repeat}
body#page03 #sec01 h2{ margin-bottom: 10px;}

		/* 新着情報 */
		#newbox_list{ width:100%; margin:0 0 60px 0; }

/*	#newbox_list #content-news dt,
	#newbox_list #content-news dd{ border-bottom:1px solid #fff;}
*/	#newbox_list #content-news dt,
	#newbox_list #content-news dd {
					padding:10px 0 10px 5px;
		}
					
			
			
			
/* ******************************************************************
2nd 　新着詳細
*******************************************************************/
.txt{}
.photo{ float: right}
.photo img{ width:320px; margin-bottom:20px; padding-left:20px}
body.news_detail p.date{ font-size:13px; padding:30px 0 10px 3px;}
body.news_detail h3{ margin:0px 0 30px 0 }

body.news_detail .news_list{ text-align:center; padding:20px 0; margin:20px 0; clear: both;
border-top: 1px solid #6E6E6E}
body.news_detail .news_list span{ background:# 474747; padding:5px 10px }
	body.news_detail .news_list span a{color:#FFFFFF; text-decoration:none; font-size:13px}

		

/* ******************************************************************
2nd 　製品紹介
*******************************************************************/
body#page04 #sec01 h2{ background:url(../../products/img/pc/t_01.png)  no-repeat}
body#page04 #sec02 h2{ background:url(../../products/img/pc/t_02.png) no-repeat}
body#page04 #sec03 h2{ background:url(../../products/img/pc/t_03.png) no-repeat}
body#page04 #sec04 h2{ background:url(../../products/img/pc/t_04.png) no-repeat}
body#page04 h2{ margin-bottom:10px; margin-top:50px}

	.product_image{ padding-top:0px; padding-bottom:20px }
		.product_image img{ width:430px}
	.product_txt{padding-bottom:20px }
		.product_txt p{ width:390px; line-height:180% !important}
		
	
	/* 配置 */
	body#page04 #sec01 .product_image,
	body#page04 #sec03 .product_image{ float:left;width:510px; text-align:center}
	body#page04 #sec01 .product_txt,
	body#page04 #sec03 .product_txt{float:right; width:420px; padding-right:30px}
	
	body#page04 #sec02 .product_image,
	body#page04 #sec04 .product_image{ float:right;width:510px; text-align:center}
	body#page04 #sec02 .product_txt,
	body#page04 #sec04 .product_txt{float:left; width:400px; padding-left:30px}

	
	/* テキストの位置の調整 */
	body#page04 #sec01 .product_txt{ margin-top:90px}
	body#page04 #sec02 .product_txt{ margin-top:20px}
	body#page04 #sec03 .product_txt{ margin-top:100px}
	body#page04 #sec04 .product_txt{ margin-top:50px}





/* ******************************************************************
2nd 　製造プロセス
*******************************************************************/
body#page05 #sec01 h2{ background: url(../../process/img/pc/p_title.png)  no-repeat; margin-bottom:20px}
body#page05 #sec02 h2{ background: url(../../process/img/pc/p_title02.png)  no-repeat; margin-bottom:20px}
body#page05 h2{ margin-bottom:10px; margin-top:50px}


body#page05 .left_470 img{ width:100%; margin-bottom:20px}
body#page05 .right_470 img{ width:100%; margin-bottom:20px}

.zu_process{
	text-align: center;
	margin-top: 3em;
}





/* ******************************************************************
2nd 　採用情報
*******************************************************************/
body#page06 #sec01 h2{ background:url(../../recruite/img/pc/t_01.png)  no-repeat}
body#page06 #sec02 h2{ background:url(../../recruite/img/pc/t_02.png) no-repeat}
body#page06 #sec03 h2{ background:url(../../recruite/img/pc/t_03.png) no-repeat}
body#page06 #sec04 h2{ background:url(../../recruite/img/pc/t_04.png) no-repeat}
body#page06 #sec05 h2{ background:url(../../recruite/img/pc/t_05.png) no-repeat}

body#page06 h2{ margin-bottom:10px; margin-top:50px}

	/* 調整 */
	body#page06 #head_copy h2{ font-size:43px}
	
	body#page06 .ta1{ width:100%}





		/* アコーディオン */
#qaMenu{ margin-bottom:20px}

	#qaMenu h3{ background:#505050; padding:2px; text-align: center; 
	font-size:14px; font-weight:normal
	}
		
		
	#qaMenu div.qa_q{
		border-bottom:#515050 1px solid;
		background:url(../img/body/pc/listimage.png) no-repeat 10px 16px;
		padding-left:22px;
		}
		
		#qaMenu div h4{
			display:block;
			line-height:100%;
			padding:10px 100px  10px 0px ;
			line-height:140%;
			font-size:13px; font-weight:normal;
			cursor:pointer;
			background:url(../img/body/pc/btn_ancer.png)   right 12px no-repeat;
		
			}
			#qaMenu h4{}
			#qaMenu div.qa_a{ 
			padding:0.5em 10px 1em 10px; 
			background: url(../../recruite/img/sp/ico_ancer_a.gif) no-repeat 90px 12px;
			-moz-background-size:25px auto;
			background-size:25px auto; 
			min-height:50px;}
			#qaMenu div.qa_a p{ padding-left:130px; padding-bottom:10px;
			font-size:13px; font-weight:normal;
			padding-right:100px}
			#qaMenu div.qa_a table{ margin:10px 0px 15px 130px} 
			
		#qaMenu div.qa_a{
			/* background:#2E2E2E; */
			
			
			line-height:150%;
			
			display:none;
			}
		#qaMenu h4.active{
			background:url(../img/body/pc/btn_close.png) right 12px  no-repeat;
			
			}




/*　お問い合わせ
*******************************************************************/

#contact{ margin-top:30px}
	
  #contact .title{ width:180px; float:left;background:#505050}
  		#contact h4{ line-height:100px; text-align:center; height:100px}
  
  #contact .add{ width:779px; float:right; border-left:1px solid #000000;background:#505050;
 height:100px;}
   
	  #contact .add div.add_waku{ padding:5px 10px 5px 10px ; margin:17px 0 0 0 ; line-height:130%;}
		  #contact .add div.add_waku p:first-child{ margin-bottom:5px}
		  #contact .add div.add_waku p strong{ font-size:16px; padding-right:10px}


/* フッター 
*******************************************************************/

#footer {
	margin:30px auto;
	text-align: center;
	clear: both;
	color:#FFFFFF;
	 font-weight:normal;
	 font-size:14px;
}







/* Page Top */


#pageTop {
	position:fixed;
	bottom:20px;
	right:20px;
	}

* html #pageTop {
	display: none;
	float: right;
	}



/***************************** 01 ***********************************/


/*newsの詳細レイアウト
----------------------------------------------------------*/
.news_table3{
  margin: 10px 0 70px 0;
}
.news_table3 td{
  width: 25%;
}

.news_table3 img{
  width: 90%;
}

.news_table2{
  margin: 10px 0 70px 0;
}

.news_table2 td{
  /* width: 50%; */
  width: 55%;
}

.news_table2 img{
  width: 90%;
}
/* 2段組みレイアウトの場合のみ、display:flexを効かせるためにdivにする */
.news_table2_div{
	margin: 10px 0 70px 0;
	display: flex;
}
.news_table2_inner{
	width:45%;
}

.news_table2_side{
	width: 55%;
	margin: 10px;
}

/*
.news_content{
  border-bottom: 1px dotted #666;
}
*/


/*中途採用レイアウト
----------------------------------------------------------*/
.chuto{
  float: left;
  margin: 0 1em 0 0;
}

.chuto_float{
  overflow: hidden;
}

.sp_only{
	display: none;
}
.sp_none{
	display: block;
}