@charset "UTF-8";


/*---------------------------------------------------------------

Home Desing - Head version

---------------------------------------------------------------*/

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

  Home Navi Design
------------------------------------------------------------*/
#HomeNavi {
	margin: 0 0 5px;
	padding: 15px 0 0;
	width: 100%;
	background: #93C119 url(/css/images/home/HomeNavi_bg.gif) repeat-x 0 0;
}
	div.homeNaviInner {
		padding: 0 0 10px;
		background: url(/css/images/home/homeNaviInner_bg.gif) repeat-x bottom left;
	}
	div.homeNaviWrap {
		margin: 0 auto;
		width: 960px;
	}
		div.homeNaviWrap div.fl {
			width: 285px;
		}
		div.homeNaviWrap div.fr {
			width: 664px;
		}


/* Pulldown Menu Design
------------------------------*/
div.homeNaviWrap div.fl div.example {
	clear: both;
	margin: 0 0 8px;
	padding: 0 10px 5px;
	width: 265px;
	height: 95px;
	background: #D8E7AB url(/css/images/home/example_bg.gif) no-repeat bottom left;
}
div.homeNaviWrap div.fl div.stateBranch {
	margin: 0;
}
div.homeNaviWrap div.fl div.example p.TitleImg {
	margin: 0 -10px 8px;
}
	div.writtenApp #a_link,
	div.stateBranch #b_link {
		width: 52px;
		height: 30px;
		display: block;
		text-indent: -9999px;
		background: url(/css/images/home/a_link_bg.gif) no-repeat 0 0;
		float: right;
		cursor: default;
	}
	div.stateBranch #b_link {
		background: url(/css/images/home/b_link_bg.gif) no-repeat 0 0;
	}
	div.writtenApp #a_link.clickbtn,
	div.stateBranch #b_link.clickbtn {
		background-position: bottom left;
		height: 32px;
		cursor: pointer;
	}
	div.writtenApp #a_link.clickbtn:hover,
	div.stateBranch #b_link.clickbtn:hover {
		background-position: bottom right;
	}

	div.stateBranch .InsuranceBtn{
		padding-top:20px;


	}

/* Tab Design
------------------------------*/
#CaseMenu {
	height: 211px;
	width: 664px;
	background: url(/css/images/home/CaseMenu_bg.gif) no-repeat bottom left;
}
#menuWrap_1 {
	position: relative;
}
#caseMenuArea {
	padding: 37px 0 0;
	position: relative;
}
	#caseMenuArea p#nav_1,
	#caseMenuArea p#nav_2 {
		margin: 0;
		padding: 0;
		width: 250px;
		height: 37px;
		background-repeat: no-repeat;
		background-position: top left;
		position: absolute;
		top: 0px;
		left: 0px;
		text-indent: -9999px;
		z-index:98;
		cursor: pointer;
	}
	#caseMenuArea p#nav_1 {
		background-image: url(/css/images/home/nav_1_bg.png);
	}
	#caseMenuArea p#nav_2 {
		background-image: url(/css/images/home/nav_2_bg.png);
		left: 228px;
	}
	#caseMenuArea p#nav_1.over, #caseMenuArea p#nav_2.over { background-position: top center;}
	#caseMenuArea p#nav_1.selected, #caseMenuArea p#nav_2.selected { background-position: top right; z-index:99;}

#menuWrap_1 ul,
#menuWrap_2 ul {
	margin: 13px 0 5px 9px;
	padding: 0;
	list-style: none;
	overflow: hidden;
	text-align: center;
	width: 645px;
	height: 156px;
}
	#menuWrap_1 li,
	#menuWrap_2 li {
		margin: 0;
		padding: 0 5px 8px;
		float: left;
		width: 205px;
		height: 70px;
		line-height: normal;
		vertical-align: middle;
	}
	#menuWrap_1 li a,
	#menuWrap_2 li a {
		margin: 0;
		padding: 0;
		float: left;
		width: 205px;
		height: 70px;
		background: #FFF;
		display: block;
		vertical-align: middle;
	}

/*---------------------------------------------------------------

 Home News

---------------------------------------------------------------*/
div.homeBoxWrap {
	margin: 0 0 15px;
	padding: 1px;
	background: #DEDEDE;
	border: 3px solid #EEE;
}
#homeNewsWrap {
	background: #FFF;
	padding: 1px;
	position: relative;
	width: 470px;
}
	#homeNewsWrap h2 {
		position: relative;
		width: 470px;
		height: 50px;
	}
	#homeNewsWrap #newsDisplayBtn,
	#homeNewsWrap #newsMoveBtn {
		position:absolute;
		top:15px;
		right: 10px;
	}
	#news_link {
		background-image: url(/css/images/home/news_link_bg.gif);
		background-repeat: no-repeat;
		height: 18px;
		display: block;
		text-indent: -9999px;
	}
		.headNews #news_link,
		.shipNews #news_link {
			background-position: -295px 0;
			width: 73px;
		}
		.headNews #news_link:hover,
		.shipNews #news_link:hover {
			background-position: -295px -18px;
		}
		.branchNews #news_link {
			width: 162px;
			background-position: 0 0;
		}
		.branchNews #news_link:hover {
			background-position: 0 -18px;
		}
		.branchNews #news_link.switch_btn {
			width: 128px;
			background-position: -166px 0;
		}
		.branchNews #news_link.switch_btn:hover {
			background-position: -166px -18px;
		}


	#homeNewsWrap #homeNewsInnerWrap {
		margin-top:-1px;
	}
	#homeNewsWrap #homeNewsInnerWrap .newsInner {
		padding: 10px 10px 0 10px;
		margin: 0 3px;
		border-top: dotted 1px #CCC;
	}
	#homeNewsWrap #homeNewsInnerWrap .newsInner .date {
		float:left;
		width:90px;
	}
	#homeNewsWrap #homeNewsInnerWrap .newsInner .news {
		float:right;
		width:354px;
	}
	#homeNewsWrap #homeNewsInnerWrap .newsInner .newsList {
		background: #FFF url(/css/images/content/b_arw.gif) no-repeat left 6px;
		padding-left: 16px;
		line-height: 1.5;
		margin-bottom:10px;
	}

	/* all news link  */
	#homeNewsWrap #homeNewsInnerWrap .newsListLinkArea {
		padding: 6px 0;
		background: #F5F5F5;
	}
	.newsListLinkArea a {
		margin: 0 5px 0 auto;
		display: block;
		background: url(/css/images/home/newslistlinkarea_bg.gif) no-repeat 0 0;
		height: 25px;
		width: 85px;
		text-indent: -9999px;
	}
	.newsListLinkArea a:hover {
		background-position: 0 -25px;
	}

/*---------------------------------------------------------------

 Selectbox

---------------------------------------------------------------*/

/* Selectbox Styles
------------------------------*/
a.sctble_display {
	padding: 0 30px 0 8px;
	width: 172px;
	height: 30px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	text-decoration: none;
	cursor: default;
	border: none;
	font-size: 11px;
	background: url(/css/images/home/dk_toggle_bg.gif) no-repeat 0 0;
	float: left;
	cursor: pointer;
}
	a.sctble_display span {
		display: block;
		color: #333;
		margin: 0 0 -5px;
		padding: 10px 0 6px;
		width: 172px;
		height: 14px;
		cursor: default;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		cursor: pointer;
	}
	a.sctble_display:hover span { background-position: 0 0 }
	a.sctble_focus span { background-position: 0 0 !important }


/* Pulldown Mat (Basis)
------------------------------*/
div.sctble_mat {
	border: 1px solid #C7BAB6;
	background: #FFF;
	font-size: small;
	z-index: 9999;
}
	div.sctble_mat a.selected {
		color: #333;
		text-decoration: none;
		cursor: default;
	}



/* Pulldown Mat (a_target)
------------------------------*/
#a_target_mat dl {
	overflow: hidden;
	overflow-y: scroll;
	width: 450px;
	max-height: 330px;
}
#a_target_mat dl dt {
	margin: 0;
	padding: 8px 8px 5px;
	border: none;
	color: #FFF;
	font-weight: normal;
	background: #8AAE13;
}
#a_target_mat dl dd {
	margin: 0;
	padding: 0;
}
#a_target_mat a {
	padding: 8px 8px 5px;
	border-bottom: 1px solid #C7BAB6;
	display: block;
	font-weight: normal;
	font-size: 90%;
	text-decoration: none;
	color: #000;
}
#a_target_mat a:hover { background: #EFEFEF;}
#a_target_mat a.selected { background: #C5D693;}
	#a_target_mat a.last-child {
		border-bottom: none 0px;
	}

/* Pulldown Mat (b_target)
------------------------------*/
#b_target_mat dl {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#b_target_mat dl dt {
	float: left;
	margin: 0;
	border: none;
	padding: 8px 0;
	width: 120px;
	color: #FFF;
	font-weight: normal;
	text-align: center;
	background: #8AAE13;
	border-bottom: 1px solid #FFF;
}
#b_target_mat dl dd {
	margin-left: 120px;
	padding: 8px 15px 8px 0;
	border-bottom: 1px solid #C7BAB6;
}
#b_target_mat a {
	margin-left: 15px;
	font-weight: normal;
}
#b_target_mat a.selected {
	color: #999;
}

dt#a_target_dt_0,
dt#b_target_dt_0,
dd#a_target_dd_0,
dd#b_target_dd_0 {
	display: none !important;
}
dt#b_target_dt_8,
dd#b_target_dd_8 {
	border: none !important;
}