@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 */


	/* 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
========================================== */

	/* 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.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;}



/* 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;}