@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 3.6
 *  updated --- 2014/06/20
 *
 *  2014-06-20 : myamamoto : version 3.6. Add  'メイリオ',Meiryo  to the default font-family.
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px; /* 10px; */
	-webkit-text-size-adjust: none;
	line-height: 22px;
	color: #1e1e1e;
}
/* ie7 */ *:first-child+html body { font-size: 75%; /* 62.5%; */}
/* ie6Below */ * html body { font-size:75%; /* font-size: 62.5%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 75%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Over
---------------------------------------------------------- */
.over:hover {
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#headerIn,
#contents,
#footerLinks,
.section
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#headerIn:after,
#contents:after,
#footerLinks:after,
.section:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #headerIn,
* html #contents,
* html #footerLinks,
* html .section
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: center;}
@media print {
	html,
	html body { *zoom: 0.65;}
}
/* !wrapper
---------------------------------------------------------- */
#wrapper {
	width: 100%;
}
/* !header
---------------------------------------------------------- */
#header {
	width:100%;
	height:86px;
	background:#0e1d7c;
}
	#headerIn {
		margin: 0 auto;
		max-width: 960px;
		width: 100%;
		text-align: left;
	}
		#headerLogo {
			float:left;
			max-width:496px;
			width: 100%;
			padding-top:26px;
		}
		#headerLogo img{
			max-width:496px;
			width: 100%;
			height: auto;
		}
		#headerUtility {
			float:right;
			width: 238px;
			padding-top:27px;
		}
			#headerSearch{
				float:right;
				position: relative;
				width: 238px;
				height: 25px;
				overflow:hidden;
			}
				#inputSearchTxt {
					width: 163px;
					height: 25px;
					padding: 0 10px;
					margin:0;
					background:#1d2c8c;
					border:none;
					font-size: 11px;
					color:#fff;
					line-height: 25px;
				}
				#inputSearchBtn {
					position: absolute;
					right: 0;
					top: 0;
				}
			#headerLanguage {
				float:left;
				width:83px;
				padding-top:8px;
			}
			.headerBtn01{
				display: inline;
				}
				.headerBtn01 a{
					background: #fcc257;
					color: #1e1e1e;
					display:block;
					float: right;
					font-weight: bold;
					letter-spacing: 0.1em;
					margin: 26px 2em 0 0;
					padding:0.2em 0.5em;
					text-align: center;
					text-decoration: none !important;
					width: 7em;
					border-radius:3px;
				}
				.headerBtn01 a:hover{
					background: #E5931F;
				}
				@media only screen and (max-width: 767px){
					.headerBtn01{
						display: none;
					}
				}
/* !gNavi
---------------------------------------------------------- */
#gNavi{
	width:100%;
	padding-bottom:12px;
	background:#0e1d7c;
}
	#gNaviIn {
		margin: 0 auto;
		max-width: 960px;
		width: 100%;
		text-align: left;
	}
		#gNavi ul {
			overflow:hidden;
		}
		#gNavi li {
			float:left;
			width:160px;
			height:29px;
			text-indent:-9999px;
			overflow:hidden;
			background: url(../img/gnavi.gif??20170517) no-repeat 0 0;
		}
		 #gNavi li#gNav01 {background-position:0 0;}
		 #gNavi li#gNav02 {background-position:-160px 0;}
		 #gNavi li#gNav03 {background-position:-320px 0;}
		 #gNavi li#gNav04 {background-position:-480px 0;}
		 #gNavi li#gNav05 {background-position:-640px 0;}
		 #gNavi li#gNav06 {background-position:-800px 0;}

		 #gNavi li#gNav01:hover {background-position:0 -29px;}
		 #gNavi li#gNav02:hover {background-position:-160px -29px;}
		 #gNavi li#gNav03:hover {background-position:-320px -29px;}
		 #gNavi li#gNav04:hover {background-position:-480px -29px;}
		 #gNavi li#gNav05:hover {background-position:-640px -29px;}
		 #gNavi li#gNav06:hover {background-position:-800px -29px;}

 		 body#g01 #gNavi ul.jp li#gNav01 {background-position:0 -29px;}
		 body#g03 #gNavi ul.jp li#gNav02 {background-position:-160px -29px;}
		 body#g04 #gNavi ul.jp li#gNav03 {background-position:-320px -29px;}
		 body#g02 #gNavi ul.jp li#gNav04 {background-position:-480px -29px;}
		 body#g05 #gNavi ul.jp li#gNav05 {background-position:-640px -29px;}
		 body#g06 #gNavi ul.jp li#gNav06 {background-position:-800px -29px;}

		#gNavi ul.en li {
			width:240px;
			background: url(../img/gnavi_en.gif) no-repeat 0 0;
		}
			#gNavi ul.en li#gNav01 {background-position:0 0;}
			#gNavi ul.en li#gNav02 {background-position:-240px 0;}
			#gNavi ul.en li#gNav03 {background-position:-480px 0;}
			#gNavi ul.en li#gNav04 {background-position:-720px 0;}

			#gNavi ul.en li#gNav01:hover {background-position:0 -29px;}
			#gNavi ul.en li#gNav02:hover {background-position:-240px -29px;}
			#gNavi ul.en li#gNav03:hover {background-position:-480px -29px;}
			#gNavi ul.en li#gNav04:hover {background-position:-720px -29px;}

			body#g01 #gNavi ul.en li#gNav01 {background-position:0 -29px;}
			body#g02 #gNavi ul.en li#gNav02 {background-position:-240px -29px;}
			body#g03 #gNavi ul.en li#gNav03 {background-position:-480px -29px;}

			#gNavi li a {
				display: block;
				height:29px;
			}

/* !mainimg
---------------------------------------------------------- */
#mainimg {
	margin-bottom:40px;
	background:#0e1d7c;
}
	#mainimgIn {
		position:relative;
		margin: 0 auto;
		/*width: 1280px;*/
		text-align: left;
	}
	#mainimgIn ul li img {
		display: block;
		margin:0 auto;
		max-width: 960px;
		width: 100%;
		height: auto;
	}
	#mainimg .controls{}
		#mainimg .controls a{
			position: absolute;
			top:168px;
			outline: 0;
			width: 27px;
			height: 49px;
			z-index: 9999;
		}
		#mainimg .controls .prev{left:12px;}
		#mainimg .controls .next{right:12px;}

/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	margin: 0 auto;
	padding:25px 0 15px;
	max-width: 960px;
	width: 100%;
	text-align: left;
}
	#breadcrumb ul {
		overflow: hidden;
		*zoom: 1;
		margin-left: 10px;
		margin-right: 10px;
	}
		#breadcrumb li {
			float: left;
			margin-right:10px;
			white-space: nowrap;
		}
			#breadcrumb li a {
				margin-right:7px;
				color:#1e1e1e;
				white-space: nowrap;
				line-height:22px;
			}

/* !contents
---------------------------------------------------------- */
#contents {
	margin: 0 auto;
	max-width: 960px;
	width: 100%;
	text-align: left;
}
	#main {
		width:100%;
	}
	#content {
		float:right;
		width:700px;
	}
	#content.col-1 {
		float: none !important;
		width:100% !important;
	}
	#sub {
		float:left;
		width:220px;
	}


/* !pageTop
---------------------------------------------------------- */
#goTop {
	display: block;
	height: 1px;
	width: 70px;
	position:fixed;
	bottom: 70px;
	right:30px;
	z-index: 100;
}

/* !footer
---------------------------------------------------------- */
#footer {
	width:100%;
	margin-top:50px;
	background:#1b1b1b;
}
	#footerIn {
		position:relative;
		margin: 0 auto;
		padding:48px 0 80px;
		max-width: 960px;
		width: 100%;
		text-align: left;
	}
		#footerLinks {
			padding-bottom:13px;
		}
			#footerLinks h4 {
				margin-bottom:15px;
				font-size:13px;
				font-weight:bold;
				color:#fff;
				line-height:1;
			}
				#footerLinks h4 a{
					color:#fff;
				}
				#footerLinks .ul_link01 li {
					margin-bottom:8px;
					padding-left:12px;
					background:url(../img/ico_arrow01.png) no-repeat 0 6px;
				}
					#footerLinks .ul_link01 li a {
						font-size:13px;
						color:#fff;
						line-height:20px;
						letter-spacing:-1px;
					}
					*:first-child+html body #footerLinks .ul_link01 li a { letter-spacing:-2px;}

			#footerLinks .col-left {
				float:left;
				max-width:660px;
				width: 100%;
			}
				#footerLinks .ul_footer_bnr {
					overflow:hidden;
					/* margin:0 -20px 47px 0; */
					margin:0 0 47px 0;
				}
					#footerLinks .ul_footer_bnr li {
						float:left;
						margin-right:20px;
					}
				#footerLinks > .col-left > .ul_footer_link {
					overflow:hidden;
					/* margin-right:-60px; */
				}
					#footerLinks > .col-left > .ul_footer_link > li {
						float:left;
						width:180px;
						margin-right:40px;
						padding-bottom:26px;
					}
			#footerLinks .col-right {
				float:right;
				width:240px;
			}

		#copyright {
			margin-left: 10px;
		}
			#copyright h5{
				margin-bottom:5px;
				font-size:13px;
				font-weight:bold;
				line-height:20px;
				color:#fff;
			}
			#copyright p{
				font-size:12px;
				line-height:22px;
				color:#fff;
			}

/* !Local Navi
---------------------------------------------------------- */
.lNavi{
	margin-bottom:26px;
	overflow: hidden;
	*zoom: 1;
}
	.lNavi li{}
		.lNavi li a{
			display:block;
			color:#1e1e1e;
			text-decoration:none;
		}
		.lNavi li a:hover,
		.lNavi li a:active{
			color:#144bd7;
		}

	.lNavi > li{
		padding:25px 12px 5px;
		border-bottom:1px solid #d7d7d7;
	}
		.lNavi > li > a{
			padding-left:12px;
			background: url(../img/ico_arrow02.gif) no-repeat 0 6px;
		}

	.lNavi li li,
	.lNavi li li li{
		padding:7px 15px 4px;
	}
		.lNavi li li a,
		.lNavi li li li a{
			padding-left:15px;
			background: url(../img/ico_arrow03.gif) no-repeat 0 6px;
		}
	.lNavi li.current_page_item a{
		color: #144bd7;}
	.lNavi li.current_page_item ul li a{
		color: #1e1e1e;}

/* !h(n)eading
---------------------------------------------------------- */
.h1_basic01 {
	margin-bottom:20px;
	font-size:18px;
	font-weight:bold;
	line-height:26px;
	letter-spacing:-1px;
}
.h2_basic01 {}
.h3_basic01 {}
.h4_basic01 {}
.h5_basic01 {}
.h6_basic01 {}
/* !Listing
---------------------------------------------------------- */
.ul_basic01 {
}
	.ul_basic01 li {
	}
.ol_basic01 {
}
	.ol_basic01 li {
		margin:0 0 15px 20px;
	}
		.ol_basic01 li span{
			float:left;
			width:20px;
			margin-left:-20px;
		}
		.ol_basic01 li span.ddg{
			width:25px;
		}

.dl_basic01 {
}
	.dl_basic01 dt {
		margin-bottom:5px;
		text-indent:-10px;
	}
	.dl_basic01 dd {
		margin-bottom:5px;
	}


/* !Button
---------------------------------------------------------- */
.btn_lNavi01{
	display:block;
	padding:28px 0 20px 0;
	background:#0e1d7c;
	font-size:16px;
	color:#fff;
	text-align:center;
}
.ico_email{
	padding-left:25px;
	background: url(../img/ico_email01.gif) no-repeat left center;
	font-size:14px;
	color:#144bd7;
}

/* !table
---------------------------------------------------------- */
.table_basic01{
	width:100%;
	border-collapse:collapse;
}
	.table_basic01 th,
	.table_basic01 td{
		border:1px solid #d7d7d7;
	}
	.table_basic01 thead tr{
		background:#2f3d97;
		color:#fff;
		line-height:37px;
		text-align:center;
	}
	.table_basic01 tbody tr{
		background:#fff;
	}
	.table_basic01 tbody tr.even{
		background:#f6f6f3;
	}
		.table_basic01 tbody th{
			width:110px;
		}
			.table_basic01 tbody th div,
			.table_basic01 tbody td div{
				letter-spacing:-1px;
				line-height:25px;
			}
			.table_basic01 tbody th div,
			.table_basic01 tbody td div{
				padding:10px 5px 10px 10px;
			}



/* WP
---------------------------------------------------------- */
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter,
#content img.alignnone {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .gallery {
	margin: 0 auto 18px;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#content .gallery img {
	border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 10px solid #f1f1f1;
}
#content .gallery br+br {
	display: none;
}
#content .attachment img {
	display: block;
	margin: 0 auto;
}

.clinical_headline{
	margin: -10px auto 15px;
	max-width: 910px;
	text-align: left;
	padding: 20px 25px;
	background-color: #FFF;
	font-size: 14px;
}

.comment-form-comment textarea{
	width: 100%;
}
.spNav {
	display: none;
}
#gNavi .safety li {
	float:left;
	width:170px;
	height:50px;
	overflow:hidden;
	text-align: center;
	text-indent: 0;
	background-image: none;
}
#gNavi .safety li a{
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	margin-top: 10px;
}
@media only screen and (max-width: 767px){
	#content,
	#content.col-1{
		width: 90% !important;
	}
	#goTop{
		right: 2%;
	}
	#goTop  img{
		width: 80%;
		height: auto;
	}
	#gNaviIn, #headerUtility{
		display: none;
	}
	.spNav {
		display: block;
		margin: 7px 0 0;
		width: 25px;
		margin-left: auto;
		margin-bottom: 5px;
		margin-right: 5px;
	}
	#header{
		height: 65px;
		position: relative;
	}
	#headerLogo img{
		margin: 0 0 0 5%;
		width: 75%;
	}
      #gNavi .safety li a{
      	color: inherit;
      	font-size: 12px;
      }
      #footerLinks .col-right{
      	float: none;
      }
	#footerIn{
		padding: 10% 5%;
		width: 90%;
	}
}

.pc-only {
	display: block; }
.sp-only {
	display: none !important; }
@media screen and (max-width: 767px) {
	.pc-only {
		display: none !important; }
	.sp-only {
		display: block !important; }
}