@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2010-02-26
 * Editor:    mitoma
 * Modified:   2010-02-26 by:mitoma
 *
 * ***********************************************************
 */

/* ------------------------------------------------------------
	Font-size Adjustment
------------------------------------------------------------
10px = 83.4%
11px = 91.7%
12px = 100%
13px = 108.4%
14px = 116.7%
15px = 125%
16px = 133.4%
17px = 141.7%
18px = 150%
19px = 158.4%
20px = 166.7%
21px = 175%
22px = 183.4%
23px = 191.7%
24px = 200%
25px = 208.4%
26px = 217 %
*/

/* ----------------------------------------------------------------------------------------------------------
OTHERS
------------------------------------------------------------------------------------------------------------- */

/* CONTAINER
-------------------------------------- */
#container {
	background:url(../other/img/bg_main.jpg) top center no-repeat;
}

/* MAINAREA
-------------------------------------- */
#mainArea h4{
	font-weight:bold;
	width:670px;
	padding:5px 10px;
	margin:0 auto 10px;
	background:#efefef;
	border-bottom:1px dotted #999999;
}

#mainArea p{
	padding:0 0 20px;
}

/* INDEX
-------------------------------------- */
table.otr{
	width:690px;
	margin: 0 auto 10px;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
}
	
	table.otr th{
		text-align:left;
		padding:2px 10px;
		border:1px solid #CCCCCC;
		background: #FFFFCC;
	}
		
		table.otr th.ttl{
			text-align:center;
			color:#FFFFFF;
			background:#F57F11;
		}

	table.otr td{
		padding:2px 10px;
		text-align:left;
		border:1px solid #CCCCCC;
	}
	
	.nowrap{
		white-space: nowrap;
	}

.glayBox{
	width:670px;
	margin:5px auto;
	padding:5px 0;
	background:url(../img_cmn/bg_dot_glay.gif)  top left repeat;
}
	
	.glayBox .inner{
		padding:0 20px;
		background:url(../img_cmn/bg_box.png) center repeat-y;
	}
	
	.glayBox .innerTop{
		padding-top:20px;
		background:url(../img_cmn/bg_box_top.png) top center no-repeat;
	}
	
	.glayBox .innerBtm{
		padding-bottom:20px;
		background:url(../img_cmn/bg_box_btm.png) bottom center no-repeat;
	}
		
	.glayBox ul#foreign{
		text-align:center;
	}
	
		.glayBox ul#foreign li{
			display:inline;
			padding:0px 3px 0px 0px;
		}


	.glayBox ul#voice{
		width:600px;
		margin:0 auto;
		overflow:hidden;
	}
			
		.glayBox ul#voice li{
			clear:both;
			overflow:hidden;
			padding:15px 0 10px;
			margin-top:-1px;
			border-top:1px dotted #CCCCCC;
		}
			
			.glayBox .imgPt{
				float:left;
				padding-right:15px;
			}
			
			#mainArea .glayBox ul#voice p{
				overflow:hidden;
				padding:0px 0 5;
			}


/* ENGLISH KOREAN CHINESE
-------------------------------------- */
#mainArea h3.ttl{
	font-size:116.7%;
	font-weight:bold;
	margin-bottom:10px;
	text-align:center;
}

#mainArea p.txtCenter{
	text-align:center;
}

#mainArea p.sclName{
	padding:0 0 20px;
	background:#FFFFCC;
	border:1px solid #CCCCCC;
	padding:10px 10px 10px;
	margin-bottom:20px;
	text-align:center;
}

#mainArea p.pdf{
	border-bottom:1px dotted #999999;
	margin-bottom:20px;
	padding-bottom:20px;
	text-align:center;
}


#mainArea p.construction{
	font-size:116.7%;
	text-align:center;
	margin: 80px 20px 30px;
	padding: 10px;
	border-top: 1px dotted #F57F11;
	border-bottom: 1px dotted #F57F11;
	font-weight: bold;
	color: #FF6600;
}

table.en{
	width:690px;
	margin: 0 auto 30px;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
}
	
	table.en th{
		width:170px;
		text-align:left;
		padding:5px 10px;
		border:1px solid #CCCCCC;
		background:#EFEFEF;
	}

	table.en td{
		padding:5px 10px;
		text-align:left;
		border:1px solid #CCCCCC;
	}


#adobeInfo {
	padding: 10px;
	font-size: 91.7%;
	line-height: 160%;
	margin-top: 15px;
	border-top: 1px solid #E2E2E4;
	border-bottom: 1px solid #E2E2E4;
}

#adobeInfo img.bnr {
	float:left;
	padding-right: 10px;
}


ul.pdfImg{margin:0px 0px 20px 0px;}


/* Adult
-------------------------------------- */
h3.visualTtl{
	margin-bottom:20px;
}

ul.indentList{
	margin-bottom:20px;
}
ul.indentList li{
	padding-left:1em;
    text-indent:-1em;
}

.resultBlock{
	margin-bottom:20px;
}
#mainArea .resultBlock h4{
	background:none;
	border:none;
	margin:0;
	padding:0;
	width:335px;
}
.resultBlock .boxL{
	float:left;
	width:335px;
	background:url("../other/img/bg_reason.gif") 0 0 repeat-y;
	margin-bottom:10px;
}
.resultBlock .boxR{
	float:right;
	width:335px;
	background:url("../other/img/bg_reason.gif") 0 0 repeat-y;
	margin-bottom:10px;
}
#mainArea .resultBlock p{
	margin:0;
	padding:10px 10px 15px 10px;
	background:url("../other/img/btm_reason.gif") 0 bottom no-repeat;
}


.commentBlock{
	margin-bottom:20px;
}
.commentBlock .boxL{
	float:left;
	width:335px;
}
.commentBlock .boxR{
	float:right;
	width:335px;
}
.commentBlock .photo{
	float:left;
}
.commentBlock dl{
	float:right;
	width:170px;
}
.commentBlock dt.gray_gr{
	background:#FAF8F4;
	padding:5px;
	color:#7AAD08;
	font-size:100%;
	line-height:130%;
	font-weight:bold;
	border:2px dotted #7AAD08;
}
.commentBlock dt.ttl{
	margin:8px 0 3px;
	color:#F67D23;
	font-weight:bold;
}



.commentBlock02{
	margin-bottom:20px;
}

.commentBlock02 .photo{
	float:left;
}
.commentBlock02 dl{
	float:right;
	width:515px;
}
.commentBlock02 dt.gray_gr{
	background:#FAF8F4;
	padding:5px;
	color:#7AAD08;
	font-size:100%;
	line-height:130%;
	font-weight:bold;
	border:2px dotted #7AAD08;
}
.commentBlock02 dt.ttl{
	margin:8px 0 3px;
	color:#F67D23;
	font-weight:bold;
}
.commentBlock02 dl span{
	font-size:85%;
}



table.tbl01{
	width:688px;
	margin:0 auto 20px;	
	border-collapse:collapse;
	border:1px solid #999999;
}
	
	table.tbl01 th{
		font-weight:bold;
		padding:5px 5px 5px 15px;
		width:150px;
		text-align:left;
		border:1px solid #999999;
		background:#F6F6F6 url(../request/img/bg_th.gif) left repeat-y;
	}
		
	table.tbl01 th.short{
		width:8em;
	}

	table.tbl01 th.short02{
		width:110px;
	}
	
	table.tbl01 th.ttl{
		padding:5px;
		width: auto;
		text-align:center;
		background:#F57F11;
		color:#FFFFFF;
	}
		
	table.tbl01 th.ttl2{
		padding:3px;
		width: auto;
		text-align:center;
		background:#F6F6F6;
	}

	table.tbl01 td{
		padding:5px;
		border:1px solid #999999;
	}

	table.tbl01 td.txtCenter{
		text-align:center;
	}
	
	.wid250{ width: 250px; }
	

#mainArea .supportBlock h4.none{
	background:none;
	border:none;
	padding:0;
	margin:10px 0 10px 0;
}

ul.supportList{
	margin-bottom:20px;
}
ul.supportList li{
	padding-left:1em;
    text-indent:-1em;
}

.mr20{ margin-right:20px; }
#mainArea .arw{
	background: url(../img_cmn/arw02.gif) no-repeat left center;
	padding-left: 15px;
}