@charset "utf-8";

/*=========================================================
	[ nav_common.css ]
	date - creation:2013-01-21 // update:2013-02-08
=========================================================*/

/*=========================================================
	index
		1. text link
		2. link support
		3. header navigation
		4. function navigation
		5. content navigation
=========================================================*/

/* 1. text link
=========================================================*/
a{
	color:#30B1F2;
	text-decoration:underline;
}
a:visited{color:#30B1F2;}
a:hover,a:active{text-decoration:none;}

/* link icon
---------------------------------------------------------*/
img.ico{margin:0 3px;}
.icoBlank{
	margin-right:2px;
	padding-right:17px;
	background-repeat:no-repeat;
	background-position:100% 80%;
}
/* icon image */
#wrapper #content .icoBlank{background-image:url(/format/images/for_ico_blank.gif);}
#wrapper .icoLink{
	padding:1px 0 1px 17px;
	background-repeat:no-repeat;
	background-position:0 .1em;
	background-image:url(/format/images/nav_ico_bl.png);
}
#wrapper #content a.ico-gr{
	background-image:url(/format/images/nav_mk_gr.gif);
}
#wrapper #content p.icoLink{background-position:left center;}

/* link img
---------------------------------------------------------*/
a.linkImg:hover img,.linkImg:hover input{
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* 2. link support
=========================================================*/
/* topic path
---------------------------------------------------------*/
div#topicPath{
	margin-bottom:15px;
	line-height:2.5;
}
#topicPath ol{
	list-style:none;
}#topicPath li{
	display:inline;
	margin-right:5px;
/*	white-space:nowrap;*/
}
#topicPath a{
	padding:6px 20px 6px 15px;
	background:transparent url(/format/images/for_path_bg.gif) no-repeat right center;
	color:#ffffff !important;
	border-radius:3px;
	text-decoration:underline;
}#topicPath a:hover{text-decoration:none;
}#topicPath a:visited{color:#ffffff !important;}

#topicPath .noCat{
	margin-right:6px;
	padding-right:10px;
	background:transparent url(/format/images/nav_topicpath.gif) no-repeat right center;
}
#topicPath .here a{
	padding:5px 10px;
	background:#ECF9FF;
	text-decoration:none;
	color:#333333 !important;
}
#topicPath a.here:visited{color:#333333 !important;}

/* Only IE7 */
*:first-child+html #topicPath li{
	display:block;
	float:left;
	white-space:nowrap;
}

/* go to page top
---------------------------------------------------------*/
.pagetop{
	position:relative;
	margin:0 auto;
	text-align:right;
}
.pagetop a{
	padding:0 2px 0 13px;
	background:url(/format/images/nav_pagetop.png) no-repeat 0 50%;
	color:#0DA6F2;
	text-decoration:underline;
}
.pagetop a:hover{text-decoration:none;}

#content .pagetop{
	clear:both;
	margin:20px 0;
	font-size:12px;
	font-size:1.2rem;
}

/* 3. header navigation
=========================================================*/
/* Utility navigation in header
---------------------------------------------------------*/
/* header copy & logo */
div#siteID{
	float:left;
	width:700px;
}
/* site Utility */
div#siteUtility{
	float:right;
	width:199px;/* for margin-right:+11px */
	height:49px;
	margin-top:34px;
}
div#siteUtility #siteUlist{
	display:block;
	overflow:hidden;
	height:0;
	width:188px;
	padding-top:49px;
	background:transparent url(/format/images/nav_u_list.gif) no-repeat 0 0;
	line-height:2;
}
div#siteUtility #siteUlist:hover{
	background:transparent url(/format/images/nav_u_list.gif) no-repeat 0 -49px;
}
#siteUtility #siteUlist{
	margin-right:6px;
}
#siteUtility #siteUfavorite{
	display:block;
	margin-right:13px;
}
#siteUfavorite .btn{

}

/* searchBox */
#navSearch{
	position:relative;
	float:right;
	width:290px;
}
#navSearch td{
	padding:8px 0 5px;
	vertical-align:bottom;
}
#navSearch #searchTextbox{
	width:165px;
	height:18px;
	margin:0;
	padding:2px 2px 0 22px;
	border:1px solid #999999;
	background:transparent url(/format/images/for_search_form.gif) no-repeat 0 50%;
	line-height:1.3;
	color:#333333;
}
#navSearch td.tsearchArea{
	width:165px;
}
#navSearch td.tsearchBtn{
	padding-left:6px;
	width:90px;
}
#navSearch #searchBtn{
	width:80px;
	height:21px;
}

/* 4. footer navigation
=========================================================*/
/* Site guide navigation in footer
---------------------------------------------------------*/
/* area information */
div#areaInfo{
	padding:10px 0 8px;
}
#areaInfo p{
	margin-top:10px;
	line-height:1.4;
}

ul#navSiteguide{
	margin-bottom:10px;
	padding:10px;
	background:#C0EAFF;
	list-style:none;
	text-align:center;
	border:3px solid #ACE1FF;
}

div#areaList ul,ul.mkFlat{
	list-style:none;
	text-align:left;
}#navSiteguide li,#areaList li,.mkFlat li{
	display:inline;
	border-right:1px solid #0AA6F3;
	line-height:1.4;
}#navSiteguide li.end,#areaList li.end,.mkFlat li.end{
	border:0;
}#navSiteguide a,#areaList ul a{
	margin:0 8px 0 8px;
}#navSiteguide li.end a,#areaList li.end a {
	margin:0 0 0 8px;
}.mkFlat li.end a{
	margin:0 0 0 0;
}
ul.mkFlat{
	margin-left:-8px;
/*	padding-bottom:5px;*/
	color:#525552;
	font-size:10px;
}.mkFlat li{
	padding:0 8px 0 8px;
	border-right:1px solid #525552;
}.mkFlat a{
	color:#525552;
}.mkFlat li.end{
	padding-right:0;
}
.mkFlat.pad-left{
  padding-left: 47px;
}
/* Area list */
div#areaList{
	background:transparent url(/format/images/foot_area_btm.gif) no-repeat left bottom;
}#areaList ul{
	display:block;
	height:1%;
	margin:0;
	padding:13px 13px 0;
	background:transparent url(/format/images/foot_area_top.gif) no-repeat left top;
	text-align:center !important;
}#areaList li{
	display:inline-block;
	margin:3px 0;
	line-height:1;
	white-space:nowrap;
}

/* Only IE7 */
*:first-child+html #areaList li{
	display:inline;
	line-height:1.2;
}

/* Only IE6 */
* html #areaList li{
	display:inline;
	line-height:1.2;
}

#areaList ul a{
	color:#0AA6F3;
	margin:0 6px;
	text-decoration:none;
}#areaList ul a:hover{text-decoration:underline;
}#areaList ul a:visited{color:#0AA6F3;}
#areaList p{
	padding:0 25px 13px;
}

/* site information */
div#siteInfo{
	background-color:#DAF1FF;
	padding:5px 0;
}#siteInfo a{color:#555555;
}#siteInfo a:visited{color:#555555;
}
#siteInfo #fPR{
	float:left;
/*	width:auto;*/
  width: 710px;
	font-size:10px;
	line-height:1.6;
	color:#555555;
}
#siteInfo #fPR a{display:inline-block;}

#siteInfo #fPR .textlinks {
  margin-top: 10px;
}

/* footer logo */
#siteInfo #flogo{
	float:right;
	width:220px;
	padding-top:5px;
	font-size:11px;
	text-align:left;
	line-height:1.4;
	background:transparent url(/format/images/foot_flogo_top.gif) no-repeat 0 0;
}
#siteInfo #flogo a{
	text-decoration:none;
	color:#555555;
}
#siteInfo #flogo a:hover{
	color:#073E7A;
	text-decoration:underline;
}
#siteInfo #flogo img{
	display:block;
	float:right;
	margin:-2px 0 0 4px;
}
#siteInfo #flogo p{
	padding:10px 15px 15px 15px;
	background:transparent url(/format/images/foot_flogo_btm.gif) no-repeat left bottom;
}
#siteInfo .copyright{
	padding:23px 0 12px;
	clear:both;
	position:relative;
	text-align:center;
}

/* 5. content navigation
=========================================================*/
/* content */
.box-shadow{
	margin:0 -6px -4px 0;
	padding:0 6px 4px 0;
	background:transparent url(/format/images/con_box_bk.gif) no-repeat right bottom;
}
.box-shadow .panel-b{border-top:none;}

/* tab box
---------------------------------------------------------*/
#boxSearch{
	padding-bottom:5px;
	background:transparent url(/format/images/tab_bk_btm.gif) no-repeat 0 100%;
}
#tabBox1,#tabBox2{
	padding:70px 20px 15px;
	background:transparent url(/format/images/tab_bk.gif) repeat-y 0 0;
}
.tabInner{
	padding:0 20px 20px;
	border-radius:3px;
	background:#ffffff;
/*	background:#ffffff url(/format/images/tab_inner_bk.gif) no-repeat 0 100%;*/
}
#mainTab{
	position:relative;
}
#tab-01,#tab-02{
	position:absolute;
	z-index:1;
	top:0;
	width:345px;
	height:52px;
}
#tab-02{left:345px;}
#mainTab a.active img{display:none;}

/* search result
---------------------------------------------------------*/
#content .sarchResult{
	margin-bottom:10px;
	border-bottom:1px solid #CBCBCB;
}
#content .sarchResult p{
/*
	float:left;
	width:150px;
*/
	font-weight:bold;
}
#content .sarchResult p span{
	font-size:18px;
	color:#F762AC;
}
#content .sarchResult ul{
	display:block;
/*	float:right;
	width:500px;
*/
	margin-top:5px;
	padding-bottom:5px;
	list-style:none;
	text-align:right;
}
#content .sarchResult ul li{
	display:inline;
}
#content .sarchResult ul li a{
	display:inline-block;
	border:1px solid #CBCBCB;
	padding:3px 4px;
	margin-left:3px;
}
#content .sarchResult ul li.here{
	font-weight:bold;
}
#content .sarchResult ul li a:hover,
#content .sarchResult ul li.here a{
	text-decoration:none;
	color:#333333;
	background:#CBCBCB;
}
#content .sarchResult ul li.linkNone a,
#content .sarchResult ul li.linkNone a:hover{
	color:#CBCBCB;
	background:#ffffff;
}

/* credit
---------------------------------------------------------*/
p.credit{
	clear:both;
	margin:0 auto;
	padding:10px 0;
	font-size:12px;
}
p.credit a{color:#333333;}

/* movile box
---------------------------------------------------------*/
#movile{
	margin-top:25px;
	background:transparent url(/format/images/mov_bk_btm.gif) no-repeat left bottom;
}
#movile table{
	background:transparent url(/format/images/mov_bk_top.gif) no-repeat left top;
}
#movile table td{
	padding:10px;
	vertical-align:top;
}
#movile table td h3{
	margin:0;
}
td.mov-tit{
	width:270px;
}
#movile td.mov-qr .frobject{
	margin-bottom:0;
	margin-left:10px;;	
}
#movile td.mov-qr p{
	margin-left: 0;
}

/* search
---------------------------------------------------------*/
/* form */
#searchNameForm td{
	vertical-align:top;
}
#mainSearchArea{
	width:480px;
	padding:0 0 8px;
	background:transparent url(/images/index/bg_search.gif) no-repeat 0 0;
}
#mainsearchTextbox{
	width:454px;
	padding:0 8px;
	height:53px;
	vertical-align:middle;
	background:transparent;
	border:none;
	font-size:18px;
	font-size:1.8rem;
}
#content .tipped{
	color:#bbbbbb;
}

/* Only IE7 */
*:first-child+html #mainsearchTextbox{
	height:44px;
	padding:18px 8px 0 8px;
}
/* Only IE8 */
#mainsearchTextbox{
	height:44px;
	padding:10px 8px 0 8px\9;
}

#mainsearchBtn{
	display:block;
	width:112px;
	height:40px;
	margin:5px 0 10px;
}