@charset "utf-8";


/* ==========================================

  “Template” CSS

========================================== */

/* Common 
========================================== */
body	{	text-align:center;}
.mainContent	{	width:700px; margin:0 auto; font-size:15px; text-align:left;}

	/* Float Clera
	----------------------------------------*/
	.clearFix:after	{	content:url("../_common/spacer.gif");
							display:block;
							clear:both;
							height:0; }
	
	.clearFix		{	display: inline-block;} 
	
	/* Hides from IE-mac \*/
	* html .clearFix {height: 1%;}
	.clearFix {display: block;}
	 /* End hide from IE-mac */
	 
	 .cB	{	clear:both;}


	/* Title
	----------------------------------------*/
	#imgTtl	{	margin:0 0 0 0;}


	/* SNS
	----------------------------------------*/
	.snsBtns	{	padding:0; margin:1em 0;}
	.snsBtns li	{	float:right; width:100px; height:21px; overflow:hidden; margin:0 0 0 5px; padding:0; list-style:none;}
	.snsBtns li:first-child		{	width:112px;}
			#chineseSns li				{	width:82px;}
			#chineseSns li:first-child	{	width:81px;}
			#koreanSns li				{	width:83px;}
			#koreanSns li:first-child	{	width:104px;}
			#englishSns li				{	width:91px;}
			#englishSns li:first-child	{	width:90px;}
			



/* _template_news.html
========================================== */

	/* lang
	----------------------------------------*/
	#langIcons 		{	text-align:right; padding:0 5px 0 0; margin:0;}
	#langIcons li	{	margin:0; padding:0; list-style:none; display:inline-block;}
	#jUrl, #eUrl, #cUrl, #kUrl	{	cursor:pointer;}
	#jUrl:hover, #eUrl:hover, #cUrl:hover, #kUrl:hover
		{	opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";
			-moz-opacity:0.7; -khtml-opacity: 0.7; zoom:1;}

	/* Title
	----------------------------------------*/
	.ttlDef		{	border:1px solid #bdbcbd; margin:5px 0 14px 0;
					border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;
					-webkit-box-shadow:0 2px 10px 1px #ccc inset; -moz-box-shadow:0 2px 10px 1px #ccc inset; box-shadow:0 2px 10px 1px #ccc inset;
					padding:5px 5px 5px 7px; line-height:1.2; }
	.ttlDef span	{	border-left:7px solid #73c178; padding:4px 4px 4px 10px; font-size:20px; font-weight:bold; display:block;}
	.ttlDef span em	{	font-weight:normal; font-size:70%; font-style:normal;}
	.ttlDef span em.emId	{	font-weight:bolc; font-size:inherit; font-style:italic;}
		.ttlDef.colBL span	{	border-left:7px solid #59b1d9;}
		.ttlDef.colOR span	{	border-left:7px solid #ffb972;}
		.ttlDef.colRE span	{	border-left:7px solid #ff0000;}
		.ttlDef.colGO span	{	border-left:7px solid #ffd700;}


	/* Date
	----------------------------------------*/
	.date	{	text-align:right; font-size:13px;}


	/* Edit Content base
	----------------------------------------*/
	.editContent	{	width:700px; padding-bottom:20px;}

	/* table
	----------------------------------------*/
	.editContent .tbDef		{	width:100%; border-collapse:collapse; border-spacing:0;}
	.editContent .tbDef th,
	.editContent .tbDef td	{	border:2px solid #99CCFF; padding:5px 10px;}
	.editContent .tbDef th	{	background:#efffff; font-size:16px; font-weight:bold; width:98px; white-space:nowrap;}
	
	.editContent .tbDef .noBinTable		{	width:auto; border-collapse:collapse; border-spacing:0;}
	.editContent .tbDef .noBinTable th,
	.editContent .tbDef .noBinTable td	{	border:0; padding:0; vertical-align:top;}
	.editContent .tbDef .noBinTable th	{	background:#fff; font-weight:normal; width:auto; white-space:normal;}


	/* 見出し
	----------------------------------------*/
	/* /_common/_styles/style.cssに記載*/


	/* 出典
	----------------------------------------*/
	.editContent blockquote.df	{	text-align:right; margin:5px 0 0 0; padding:0;}


	/* img float 
	----------------------------------------*/
	.editContent .fRimg			{	float:right; margin:0 0 10px 10px;}
	.editContent .fLimg			{	float:left; margin:0 10px 10px 0;}
	.editContent .fRimg.cap span,
	.editContent .fLimg.cap span{	display:block; line-height:1.2; font-size:12px; text-align:center; margin-top:5px;}/*widthはstyle属性に直接記述する場合*/


	/* img list
	----------------------------------------*/	
	.editContent .photoList			{	margin:1em 0; padding:0;}
	.editContent .photoList li		{	float:left; list-style:none; margin:0; padding:0;}
		
		.editContent .column2 li		{	width:345px; margin-right:10px; margin-bottom:10px;}
		.editContent .column3 li		{	width:226px; margin-right:11px; margin-bottom:10px;}
		.editContent .column3 li.two	{	width:463px;}
		.editContent .column4 li		{	width:169px; margin-right:8px; margin-bottom:8px;}

		.editContent .tex li p			{	display:block; padding:5px; text-align:center;
											font-size:13px; margin:0; line-height:1.2; width:100%;
											box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

		.editContent .photoList li.r	{	margin-right:0!important;}
		
		/*言語個別設定*/
		#en .editContent .texBK li p,
		#en .editContent .texWT li p	{	font-size:11px;}


	/* list
	----------------------------------------*/	
	.listCom	{	padding:0 0 0 1em; margin:0;}
	.listCom li	{	text-indent:-1em; margin:0; padding:0; list-style:none;}
	
	.listDot	{	margin:0; padding:0;}
	.listDot li	{	margin:0 0 0 1.5em;}


	/* Others
	----------------------------------------*/	
	.underLine	{	text-decoration:underline;}
	.bBox		{	border:1px solid #666; padding:10px;}
	.textC		{	text-align:center;}
	.textR		{	text-align:right;}



	/* Colors
	----------------------------------------*/	
	.colGn	{	color:#00b050;}
	.colRd	{	color:#f00000;}


	/* font
	----------------------------------------*/	
	.fs10	{	font-size:10px!important;}
	.fs11	{	font-size:11px!important;}
	.fs12	{	font-size:12px!important;}
	.fs13	{	font-size:13px!important;}
	.fs14	{	font-size:14px!important;}
	.fs15	{	font-size:15px!important;}
	.fs16	{	font-size:16px!important;}
	.fs17	{	font-size:17px!important;}
	.fs18	{	font-size:18px!important;}
	.fs19	{	font-size:19px!important;}
	.fs20	{	font-size:20px!important;}
	
	.fwN	{	font-weight:normal!important;}
	


/* health.html
========================================== */
#healthList		{	padding:10px 10px 0 74px;}
#healthList li	{	background:url(../_common/maru_pink.png) no-repeat; font-size:18px; list-style:none; padding:0 0 0 30px; margin:0 0 1em 0;
					min-height:23px; height:auto!important; height:23px;}
#healthList li a:link		{	text-decoration:underline; color:#000000;	}
#healthList li a:visited	{	text-decoration:underline; color:#000000;	}
#healthList li a:hover,
#healthList li a:active		{	text-decoration:underline; color:#7700be;	}


/* access.html
========================================== */
#access	{	width:657px; margin:0 auto; font-size:18px;}

.accessTB			{	border-collapse: collapse; border-spacing: 0; margin:1em 0; width:100%;}
.accessTB th,
.accessTB td		{	padding:5px 10px; border:2px solid #bababa; vertical-align:middle; font-size:17px;}
.accessTB th		{	font-weight:normal; width:24%; text-align:left;}
.accessTB td		{	width:38%;}
.accessTB thead th,
.accessTB thead td	{	background:#e5f5f9;}
.accessTB .colSBL	{	background:#e5f5f9;}

.accessTB dl		{	zoom:1; overflow:hidden; margin:0; padding:0;}
.accessTB dt 		{	clear:both; float:left; width:5em; padding:5px 0; margin:0; }
.accessTB dd		{	padding:5px 0 5px 5em; margin:0;} 

	.w6em .accessTB dt	{	width:6em;}
	.w6em .accessTB dd	{	padding:5px 0 5px 6em;}
	.w8em .accessTB dt	{	width:8em;}
	.w8em .accessTB dd	{	padding:5px 0 5px 8em;}
	
#access dl.kome			{	zoom:1; overflow:hidden; margin:0; padding:0; font-size:13px;}
#access dl.kome dt 		{	clear:both; float:left; width:3em; padding:5px 0; margin:0; }
#access dl.kome dd		{	padding:5px 0 5px 3em; margin:0;} 



/* Blank adjustment
========================================== */
.mT0	{	margin-top:0!important;}
.mT05em	{	margin-top:0.5em!important;}
.mT1em	{	margin-top:1em!important;}
.mT2em	{	margin-top:2em!important;}
.mT3em	{	margin-top:3em!important;}

.mB0	{	margin-bottom:0!important;}
.mB05em	{	margin-bottom:0.5em!important;}