@charset "utf-8";

/* CSS Document */

/* 色 */
#pan {
background: #a04a00;
}
#leftNavi .top {
background: url('../images/common/bg_leftnavi_top05.jpg') left top repeat-x;
color: #ea6a02;
}

#contents h2 {
background: url('../images/common/bg_ttlh2_05.jpg') left top repeat-x;
}

#leftNavi li a  {
background: #ee8224;
}

#leftNavi li a:hover {
background-color: #f7f3eb;
color: #ea6a02;
text-decoration:none;
}

#leftNavi li.active a  {
background-color: #f7f3eb;
color: #ea6a02;
}


/*index*/
.medical_t {
margin:0 auto;	
width: 600px;
}

.gate {
margin:70px auto 0 auto;
overflow:hidden;
text-align:center;
}

.gate p {
font-size: 140%;
font-weight:bold;
color: #f5940a;	
margin-bottom: 10px;
}

.gate_btn {
font-size:138%;
background-color:#525252;
padding:20px 50px;
line-height:3.5em;
text-align:center;
font-weight:bold;
display:inline;
margin:0 15px;
cursor:pointer;
}
.gate_btn {
color:#fff;
}
.gate_btn:hover {
color:#ffffff;
text-decoration:none;
}

.gate_btn:hover {
background-color:#f5940a;
}
/*index*/

/*index2*/
.news_out{
padding:5px 7px;
border-bottom:1px dotted #ccc;
overflow:hidden;
clear:both;
}

.news_date{
float:left;
padding-right:10px;
}

.news_title {
float: left;
width: 500px;
clear: right;
}

.bana {
width: 676px;
padding-top: 50px;
}



/*index2*/


/*medicine divice*/
.medicine_table {
font-size:85%;
width:100%;
}
.medicine_table th {
padding:10px;
background-color:#f5f5f5;
}
.medicine_table td {
padding:10px;
font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size:110%;
text-align:center;

font-weight:bold;
}
.medicine_table th p{
width:1em;
line-height:1;
margin:0 auto;
}
.medicine_table th.name {
text-align:left;
}
.medicine_table th.type{
font-size:90%;
width:4em;
}
.medicine_table th,.medicine_table td {
border:1px solid #c2c2c2;
}
/*medicine divice*/



/*society*/
.society {
padding:0 7px;
}
.society p {
margin-bottom:20px;
}




/*society*/

/*medicine cord*/
.medicine_cord {
font-size:85%;
width:100%;
margin: 0 auto;
}
.medicine_cord th {
padding:2px;
background-color:#f5f5f5;
}
.medicine_cord td {
padding:2px;
font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size:90%;
text-align:center;
}
.medicine_cord th p{
width:1em;
line-height:1;
margin:0 auto;
}
.medicine_cord th.type{
font-size:90%;
width:4em;
}
.medicine_cord th,.medicine_cord td {
border:1px solid #c2c2c2;
}

.medicine_cord td.name {
text-align:left;
color: #2976BC;
font-size: 100%;
line-height: 1.3;
padding: 5px;
}
/*medicine cord*/


.ai_title {
width: 650px;
}

.preview a {
color:#fff;
text-decoration:none;
line-height:2;
}

.preview {
background-color:#ee8224;
padding:2px 7px;
display:inline;
}

.preview:hover {
background-color:#ACA899;
}


/* common */
@charset "utf-8";



/* CSS Document */





* {

margin: 0;

padding: 0;

list-style: none;/*

border:none;

*/

}



table {

border: 0;

border-collapse: collapse;

}



img {

vertical-align: top;

line-height: 0;

border: none;

}



u {

text-decoration: underline;

}



/*link*/





a {

color: #2976bc;

text-decoration : none;

}



a:hover {

color: #2976bc;

text-decoration : underline;

}



a.fade img {

-webkit-transition: all 0.5s ease 0s;

-moz-transition: all 0.5s ease 0s;

-ms-transition: all 0.5s ease 0s;

-o-transition: all 0.5s ease 0s;

transition: all 0.5s ease 0s;

}



a.fade:hover img

{

opacity:0.7;

filter: alpha(opacity=70);

-ms-filter: "alpha( opacity=70 )";

background: #fff;

}





html {

height: 100%;

}



body {

background: #fff;

font-family: Arial, "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;

line-height: 1.7;

letter-spacing: 0.05em;

color: #333;

font-size: 13px;

-webkit-text-size-adjust: none;

}



/* header */





#header {

width: 970px;

clear: both;

position: relative;

margin: 0 auto;

height: 130px;

}



#header h1 {

position: absolute;

top: 15px;

left: 30px;

}



#headerR {

position: absolute;

display: block;

top: 5px;

right: 3px;

padding:10px 0 0 0 ;

}



#headerSearch {

float: right;

width: 320px;

height: 35px;

clear: right;

}

#headerSearch p {

float:left;

font-size:90%;

margin-right:10px;

}

#header_size {

background:url(../images/common/sizebtn_bg.png) left top no-repeat;

padding:1px 1px 2px 1px;

overflow:hidden;

float:left;

margin:auto;

}

#header_size li {

float:left;

cursor:pointer;

}

#header #companyNews{
	position:absolute;
	top:20px;
	left:453px;
	font-size:120%;
}
#companyNews a{
	color:#F7820E;
	text-decoration:underline;
}
#companyNews a:link{
	color:#F7820E;
}
#companyNews a:hover{
	color:#F7820E;
	text-decoration:none;
}
#companyNews a:visited{
	color:#F7820E;
	text-decoration:underline;
}

#companyNews .memos{
	color:#333;
	font-size:60%;
	line-height:100%;
}

.excl img{
position:absolute;
top:27px;
left:430px;
width:2%;
}

/*
#header #companyNews{
	position:absolute;
	top:20px;
	left:380px;
	font-size:120%;
}

#companyNews a{
	color:#F7820E;
	text-decoration:underline;
}

#companyNews a:link{
	color:#F7820E;
}

#companyNews a:hover{
	color:#F7820E;
	text-decoration:none;
}

#companyNews a:visited{
	color:#F7820E;
	text-decoration:underline;
}
*/




#search {
width:170px;
float:right;
}

#search input {

width:133px;

height:13px;

}

#headerNavi {

float: right;

clear: both;

}



#headerNavi ul {

clear: both;

}



#headerNavi li {

float: left;

padding-left: 15px;

}



#headerNavi li p {

background: url('../images/common/ic_arrow.gif') 0px 8px no-repeat;

padding-left: 15px;

}



#headerNavi li a {

color: #333;

}



#headerNavi li a:hover {

color: #308d5c;

}



#mainNavi {

width: 968px;

border: solid 1px #91c6bb;

height: 43px;

position: absolute;

top: 72px;

left: 0;

}



#mainNavi ul {

clear: both;

}



#mainNavi li {

float: left;

}



#pan {

width: 950px;

background: #0a552f;

margin: 0 auto;

padding:3px 10px;

font-size: 11px;

color: #fff;

}



#pan a {

color: #ffeac0;

}



/* contents */

#wrapper {

width: 938px;

border: solid 1px #91c6bb;

margin: 0 auto;

clear: both;

overflow: hidden;

background: #fff;

padding:15px;

}



#contents {

float: right;

width: 690px;

padding-right: 10px;

min-height: 550px;

}



.block {

margin-bottom:40px;

overflow:hidden;

}

.textBox {

clear: both;

margin-bottom:15px;

overflow:hidden;

padding:0 7px;

}

.textBox span.catch {
font-size: 120%;
font-weight: bold;
display:block;
	
}

.ImageR {
float: right;
margin-left: 20px;
}

.ImageL {
float: left;
margin-right: 20px;
}

.ImageR img,.ImageL img {
border: solid 1px #dedede;
}
.noBorder {
border: none !important;
}

.imgBorder {
border: solid 1px #dedede;
}

.textBox p {
margin-bottom:15px;
}

.textBox p.indent {
	text-indent:1em;
}



/*.textImageR,.textImageL, .textAll {

clear: both;

margin-bottom: 20px;

overflow:hidden;

}



.textImageR p,.textImageL p,.textAll p {

margin-bottom: 15px;

padding: 0 7px;

}



.textImageR .image {

float: right;

margin-left: 20px;

}



.textImageL .image {

float: left;

margin-right: 20px;

}*/



#wrapper p.gotop {

margin-top: 15px;

clear: both;

float: right;

width: 300px;

height: 8px;

text-align: right;

}



#wrapper p.gotop a {

background: url('../images/common/arrow_gotop.jpg') 0px 1px no-repeat;

padding-left: 15px;

color: #333;

font-size: 11px;

}



#wrapper p.gotop a:hover {

color: #308d5c;

}



/* leftNavi */



#leftNavi {

padding: 5px;

border: solid 1px #e1e1e1;

width: 205px;

float: left;

background-color: #e5f0ef;

}



#leftNavi .top {

background: url('../images/common/bg_leftnavi_top.jpg') left top repeat-x;

width: 205px;

text-align:center;

color: #216a45;

height: 40px;

padding-top: 11px;

font-size: 15px;

font-weight: 600;

line-height: 1.2;

margin-bottom: 3px;

}



#leftNavi .top span {

font-size: 9px;

font-weight: 200;

}



#leftNavi ul {

}



#leftNavi li a  {

background: #019227;

padding: 10px 15px;

font-weight: bold;

color: #fff;

display:block;

width: 175px;

border-bottom: dotted 1px #fff;

-webkit-transition: all 0.5s ease 0s;

-moz-transition: all 0.5s ease 0s;

-ms-transition: all 0.5s ease 0s;

-o-transition: all 0.5s ease 0s;

transition: all 0.5s ease 0s;

}



#leftNavi li a:hover {

background-color: #f7f3eb;

color: #019227;

text-decoration:none;

}



#leftNavi li.active a  {

background-color: #f7f3eb;

color: #019227;

}





#leftNavi li.end  {

border-bottom: none;

}





/* title */

#contents h2 {

background: url('../images/common/bg_ttlh2.jpg') left top repeat-x;

color: #fff;

padding: 0 20px;

height: 61px;

margin-bottom: 15px;

line-height:61px;
font-size:135%;
}



#contents h2 span {

font-size: 70%;

font-weight: 200;

}



#contents h3 {

background: #595959 url('../images/common/bg_ttlh3.jpg') left bottom repeat-x;

color: #fff;

padding: 0 10px 18px 10px;

font-weight: 600;

height: 30px;

margin-bottom: 7px;

line-height:30px;

border-top: solid #ccc 1px;

font-size: 106%;

}



#contents h4 {

color: #f07d0b;

font-weight: 600;

margin-bottom: 10px;

font-size: 16px;

padding-left: 10px;

border-bottom: dotted #f07d0b 1px;

}



#contents h5 {

font-weight: bold;

font-size: 110%;

color: #f07d0b;

margin: 7px 0px;

	}
	
#contents h6 {

font-weight: bold;

font-size: 110%;

	}



/* footer */



#footer {

margin-top: 15px;

clear: both;

}



#footerNavi {

margin-bottom: 10px;

clear:both;

height: 35px;

}



#footerNavi ul {

margin: 0 auto;

width: 970px;

clear: both;

padding-left: 5px;

}



#footerNavi li {

float: left;

padding-right: 30px;

}



#footerNavi li p {

background: url('../images/common/ic_arrow.gif') 0px 8px no-repeat;

padding-left: 15px;

}



#footerNavi li a {

color: #333;

}



#footerNavi li a:hover {

color: #308d5c;

}



#footerNavi02 {

width: 100%;

border-top: dotted 1px #e1e1e1;

clear: both;

}



#footerNavi02 ul {

margin: 0 auto;

width: 970px;

}



#footerNavi02 li {

float: left;

font-size: 88%;

margin-right: 15px;

padding: 5px 0;

}



#copyright {

clear:both;

background: #3a3a3a;

width: 100%;

text-align:center;

font-size: 8px;

color:#c5c5c5;

}



/* other */

.small {

font-size: 88%;

}


.photo {

background: #CCC;

display:block;

}



.listbase {

border:solid 1px #DEDEDE;

line-height:1.3;

width:100%;

}

.listbase th {

background-color:#F5F5F5;

padding:5px 10px;

font-weight:normal;

border:solid 1px #DEDEDE;

text-align:left;

}

.listbase td {

padding:5px 10px;

border:solid 1px #DEDEDE;

}

.border-none {

border:none;

}

.bottomspace20 {

margin-bottom:20px;

}

.photo_3 {

margin-right:-30px;

width:706px;

overflow:hidden;

}

.photo_3 li{

margin-right:23px;

float:left;

padding:0

}

.photo_3 p {

margin-bottom:0;

}



.t_borderBlock {

border-top: dotted #ccc 1px;

padding-top: 20px; 	

}



.clear{
clear:both;
}

.hidden {
overflow: hidden;
}

#search_btn:hover{

	cursor:pointer;

}

.fl {float: left;}
.fr {float: right;}
.center {text-align: center;}

.r {
vertical-align:super;
}
.w370 {width: 370px;}

.space7 {padding: 7px;}

h4.color_g {color: #019227 !important;
border-bottom-color: #019227 !important;}
.color_b {color: #106AB4 !important;
border-bottom-color: #106AB4 !important;}
.color_p {color: #E2007D !important; 
border-bottom-color: #E2007D !important;}
.color_pp {color: #674695 !important; 
border-bottom-color: #674695 !important;}
.color_o {color: #EE8224 !important; 
border-bottom-color: #EE8224 !important;}
.color_r {color: #E4001D !important; 
border-bottom-color: #E4001D !important;}

/*--------------------------------------*/
#top_navi{
	overflow:hidden;
	clear:both;
	margin:0 0 5px;
}
#top_navi li{
	float:left;
	overflow:hidden;
}
#top_content.en{
	overflow:hidden;
	clear:both;
	margin:0 0 15px;
}
#top_content.en >div{
	overflow:hidden;
	float:left;
}
#top_content.en .ir_list{
	overflow:hidden;
	clear:both;
	height:380px;
}
#top_content .t_right{
	margin:0 10px 0 0;
}
#top_content .t_left{
	padding:10px 9px;
/*	border:1px solid #00A45C;*/
/*	height:163px; */
	height:165px;
}
#top_content .t_bottom{
	overflow:hidden;
	clear:both;
	padding:10px;
	border:1px solid #00A45C;
	margin:10px 0 0;
}
#top_content.en h4{
	padding:0 0 5px;
	margin:0 0 5px;
}
#top_content.en .more{
	text-align:right;
}
#top_content.en .more a{
	text-decoration:underline;
}
.ir_list li:before{
	content:"";
	overflow:hidden;
	display:block;
	float:left;
	margin:6px 0 0;
	border-width:5px;
	border-style:solid;
	border-color:transparent transparent transparent #008a41;
	
}
.ir_list .caption{
	overflow:hidden;
}
/*
-------------------------------*/
.achi{
	float:left;
	width:330px;
	margin:0 0 20px;
}
.achi1,.achi3{
	margin-right:30px;
}
.achi >div{
	padding:10px;
	overflow:hidden;
	clear:both;
	border:1px solid #c7c7c7;
}
.achi .milion.left{
	float:left;
	overflow:hidden;
}
.achi .milion.right{
	float:right;
	overflow:hidden;
}
/*--------------------------------*/
p.sign{
	overflow:hidden;
	text-align:left;
}
.textBox .eco_link{
	margin:0;
}
p.textright{
	text-align:right;
}
ul.compliance.lisnone li{
	list-style:none;
}
.black,#contents h5.black{
	color:#333333;
}
.bold{
	font-weight:bold;
}




/*20170112追加*/
.cap_red{
	font-size:10px;
	color:#F00 !important; 
}