/* CSS Document */
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
    margin:0px;
    padding:0px;
}
.clear {
    clear: both;
}

body {
	color: #0F058A;
	background-color: #FFFFFF;
	background-image: url(images/bk.jpg);
	background-repeat: repeat-x;
}

a {
	color: #D50909;
	text-decoration: underline;
}

a:hover {
	color: #0F058A;
	text-decoration: underline;
}
.intro {
margin: 10px 0 10px 0;
}
.intro img {
margin: 10px 0 10px 0;
}
/* header */
.header_bg{
	background-image: url(images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.header_bg{
	background-image: url(images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding: 9px 12px 0 12px;
}
.logo{
    float: left;
}
.header_navi{
	text-align: right;
    float: right;
}
.font9 {
	font-size: 9px;
	line-height: 16px;
}
.header_textnavi {
	font-size: 11px;
	line-height: 16px;
}
.main_navi_bg{
	width: 760px;
	height: 65px;
	background-image: url(images/main_navi_bg.jpg);
	padding: 4px 0 0 0;
	background-repeat: no-repeat;
	text-align:center;
}
.main_navi_bg img{
	padding: 0 2px 0 2px;
}
.page {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #D50909;
	margin-top: 10px;
	clear: both;
}

/* body */
.body_frame {
	width: 760px;
	background-color: #FFFFFF;
	border: 1px solid #89989F;
	margin: 0 auto;
}
.main_content{
	padding: 0 15px 20px 15px;
}
/* index */
.index_left{
	float: left;
	width: 179px;
	background-color: #9E2323;
	background-image: url(images/whatnew_bg.jpg);
	background-repeat: no-repeat;
}
.index_whatnew{
	padding-top: 13px;
	background-color: #FFFFFF;
}
.index_left_box{
	width: 167px;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding: 10px 0 10px 0;
}
.index_left_box p{
	font-size: 12px;
	line-height: 18px;
	color: #000000;
}
.index_left_box li{
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	list-style-position: inside;
	list-style-image: url(images/li_arrow_blue.jpg);
	margin: 0 0 0 10px;
}
.index_left_box a{
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	font-weight:bold;
	text-decoration: underline;
}
.index_left_box a:hover{
	color: #9E2323;
	text-decoration: underline;
}
.index_left_date{
	text-align: right;
	margin: 0 10px 0 0;
}
.index_right{
	float: right;
	width: 542px;
}
.index_right h2{
	padding: 12px 0 5px 0;
}
.index_right p{
	text-align: center;
	color: #528B9C;
	padding-bottom: 5px;
}
.index_right img{
	padding: 0 2px 0 2px;
}
.index_right li{
	line-height: 16px;
	margin: 0 0 0 10px;
	list-style-position: outside;
	list-style-type: none;
}
.index_right td{
	padding: 2px;
}
.index_right_detail{
	background-color: #EAF5FA;
	background-image: url(images/corner_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.index_right_detail p{
	font-size: 14px;
	line-height: 20px;
	color: #528B9C;
	padding: 12px 15px 5px 12px;
	text-align:left;
}


/* footer */
.footer {
	color: #0F058A;
	font-size: 11px;
	line-height: 16px;
	text-align: center;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #9E2323;
	padding: 5px 0 5px 0;
}
.copyright {
	color: #CCCCCC;
	font-size: 11px;
	line-height: 16px;
	text-align: center;
}

/* form */
.form_bg {
	color: #666666;
	font-weight: bold;
	background-color: #EAF5FA;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #528B9C;
}

.product_name_bg {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #528B9C;
	background-color: #ffffff;
	padding: 2px 0 2px 4px;
}

.product_frame {
	background-color: #ffffff;
	margin-bottom: 10px;
}

.input {
	cursor : pointer;
	font-size: 14px;
	line-height: 20px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #528B9C;
	border: none;
	height: 22px;
	width: 60px;
	margin: 5px;
}

.input:hover {
	background-color: #6cb6cc;
}

input {
	font-size: 14px;
	line-height: 20px;
	color: #210507;
	background-color: #FFFFFF;
	height: 22px;
}

form {
	background-color: #ffffff
}

/* about us */
.uldot {list-style:url(images/dot.jpg) none inside;
margin: 0;
padding: 0; }
.uldot p {margin: 0;
padding: 20px 0 0 0; }

/* whats new */
.whatsnew {
margin: 10px 0 0 0;
border:#C3E5F2 solid 1px;
}
.whatsnew td {
padding: 5px 10px 5px 10px;
}
.whatsnew img {
padding: 0 0 5px 5px;
float: right;
}
.newstitle {
font-size: 15px;
font-weight: bold;
color: #0F058A;
border-bottom: #C3E5F2 dotted 1px;
background-color: #EAF5F9;
}
.newsdate {
font-size: 15px;
font-weight: bold;
color: #9E2323;
border-bottom: #C3E5F2 dotted 1px;
background-color: #EAF5F9;
}

/* faq */
.faq_form {
font-size: 15px;
color: #0F058A;
background-color: #FFFFFF;
}
.question {
font-size: 15px;
font-weight: bold;
color: #0F058A;
border: #C3E5F2 solid 1px;
background-color: #EAF5F9;
padding: 2px;
margin: 20px 0 0 0;
}
.answer {
font-size: 14px;
padding: 4px;
border-bottom-width: 3px;
border-bottom-style: double;
border-bottom-color: #C3E5F2;
margin: 0 0 20px 0;
}
.answer_red {
font-size: 15px;
font-weight: bold;
color: #D50909;
}

/* case studies */
.casestudy_bg {
	
	width: 705px;
	float: left;
	padding: 10px;
	background-color: #EAF5F9;
	border: #C3E5F2 solid 1px;
}
.casestudy_left{
	float: left;
	width: 250px;
	margin: 0;
}
.casestudy_left img{
border: #FFFFFF solid 5px;
}
.casestudy_right{
	float: right;
	width: 420px;
	padding: 10px;
	background-color: #FFFFFF;
	border: #C3E5F2 solid 1px;
}
.casestudy_story{
	font-size: 15px;
	font-weight: bold;
    text-align: center;
	width: 260px;
	padding: 5px;
	background-color: #FDF2CC;
	border: #FDD64F double 3px;
	margin: 20px 0 5px 0;
}
.casestudy_story a{
	color: #FB4F00;
	text-decoration: none;
}
/* download */
.catalog{
	border: #0f058a solid 1px;
	margin: 30px 0 0 0;
}
.catalog_top{
	border: #0f058a solid 1px;
}

/* detail */

.left_box {	float:left;	width:260px; }
.left_box p.icon { padding:0 0 30px 0; margin:0;}
.left_box:after, .detail_header:after, .right_box2:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}

.detail_header {	padding:0 0 10px 0;}
.detail_header h2 { background:#eaf5fa; padding:4px 5px; margin-right:70px; font-size:20px;}
.right_box { margin-left:260px; }
p.detail_text { margin:0; padding:0 5px 15px 5px; color:#fb4f00; font-weight:bold; }
.num_guide { padding:10px 0; text-align:center; }

.icon_list { float:right; padding:0 0 15px 0; margin:0; list-style:none; }

.icon_list li { float:left; padding:3px 0 3px 10px; }

.detail_description td, .detail_description th { font-size:11px;	padding:2px; border-bottom:solid 1px #a2becb; }
.detail_description th { text-align:left; width:120px; }
.detail_description { background:#eaf5fa; clear:right; padding:5px 10px; }

.list01 { list-style:none; padding:10px 5px; }
.list01 li.pdf { background:url(images/b_pdf_l.gif) left center no-repeat; padding:0 0 0 25px; }
.list01 li.sound { background:url(images/b_sound.gif) left center no-repeat; padding:0 0 0 25px; }
.list01 li a { font-weight:bold; font-size:12px; }

.option h2, .detail_ac h2 { padding:15px 0; }

/* list */
.float_r { float:right; }
.left_box2{ width:160px; float:left; border: #d0e1e8 solid 1px; margin:10px 15px 0 0;}
.left_box2 h2 {color:#fb4f00; border-bottom:dotted 1px #a2becb; margin:0; padding:3px 0 3px 6px; background:#eaf5fa;}

.list02 { list-style:none; padding:5px; margin:0; }
.list02 li {  padding:0 0 0 5px; margin:0; }
.list02 li a { font-weight:bold; font-size:12px; }

.right_box2 { float:left; }
.list_box { padding:10px 0; }
.list_box table { width:545px;}
.list_box th {width:102px;  }
.list_box td {padding:0 0 0 5px;}
.list_box p { padding:4px 3px; }
.list_box h2 { border-bottom:#a2becb dotted 1px; padding:4px 3px; }
.img_box {width:100px; overflow:hidden; background:#ffffff; border:#fb4f00 solid 1px; text-align:center;}

/* Search Result */
.search_result { margin:0; padding:15px 0;}
.border_top {
	border-top:dashed 1px #89989F;
}
.result td {font-size:12px;
 text-align:left;
font-weight:bold;
	padding:2px 5px 2px 8px;
	border-right:solid 1px #89989F;}
.result {color:#333333;
	margin:0 0 20px 0;
	border-top:solid 1px #89989F;
	border-bottom:solid 1px #89989F;
	border-left:solid 1px #89989F; }
.result td a { font-size:12px; }
.center {text-align:center!important;}

/* Advanced Search */
.adsearch { margin:20px 0; }
.adsearch th {	text-align:left;  padding:0 5px; border:solid 1px #cfcbff; border-left:solid 3px #9E2323; }
.adsearch td {  text-align:left;  padding:1px 5px 1px 5px;  }
.ad_result td { text-align:left; background:url(images/dot_orange.gif) left center no-repeat; padding:2px 2px 2px 15px; border-bottom:1px solid #cccccc; }

.ad_result td.del { background:none; border:none; }