@charset "utf-8";

/* ----------text color---------- */

body {
	color: #2F2F2F;
}

/* ----------local navi---------- */

.menu_on a,
.menu_on1 a {
	background-image: url(../ms/images/navi_arrow_01a.gif);
}

.menu_on2 a {
	background-image: url(../ms/images/navi_arrow_01b.gif);
}

ul.sub_menu {
	background-image: none;
}

ul.sub_menu li.active a,
ul.sub_menu li.active a:hover,
ul.sub_menu li.noline_a a,
ul.sub_menu li.noline_a a:hover {
	background-color: transparent;
}


/* ----------top style---------- */

#top_main {
	margin-bottom: 17px;
}

#top_box1 {
	float: left;
	width: 215px;
	margin-right: 20px;
}

#top_box2 {
	float: left;
	width: 215px;
}

#top_box3 {
	float: right;
	width: 215px;
}

#top_box1 h2,
#top_box2 h2,
#top_box3 h2 {
	margin-bottom: 5px;
}

/* ----------products detail style---------- */

#detail_cate {
	border-top: 3px solid #594A8C;
	background: url(../ms/images/dotline.gif) repeat-x left bottom #9283BA;
	padding-bottom: 2px;
	padding-left: 8px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1.8em;
}

h1#detail_head {
	margin: 0.3em 0;
	color: #000000;
	font-size: 1.125em;
	font-weight: bold;
}


/* data */

.box_left {
	float: left;
	width: 506px;
}

.box_right {
	float: right;
	width: 159px;
}

.box_left1 {
	float: left;
	width: 506px;
	padding-bottom: 1.5em;
}

.box_right1 {
	float: right;
	width: 159px;
	padding-bottom: 1.5em;
}


/* text */

.text_lead {
	font-size: 0.875em;
	font-weight: bold;
}

.text_head {
	clear: both;
	background-color: #9D9EC5;
	margin-bottom: 8px;
	padding-left: 0.5em;
	color: #FFFFFF;
	font-weight: bold;
}


/* column */

.column1 {
	background-color: #EAEAE3;
	margin-bottom: 1em;
	padding: 0.25em 0.5em;
	color: #494949;
}

/* video area */

#video_area {
	width: 159px;
	margin-bottom: 1em;
}

.video_time {
	background: url(../images/icon_wmv.gif) no-repeat 3px center;
	background-color: #EAEAE3;
	padding-left: 20px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


/* pdf column */

#detail_pdf {
	width: 153px;
	background-color: #DEDDE3;
	padding: 6px 0 3px 6px;
}

* html body #detail_pdf {
	width: 159px;
}

#detail_pdf ul.list_pdf {
	margin-bottom: 0;
}

#detail_pdf ul.list_pdf li {
	margin-bottom: 0;
}

#detail_pdf ul.list_pdf li a {
	display: block;
	background: url(../images/icon_pdf.gif) no-repeat left 0.25em;
}

* html body #detail_pdf ul.list_pdf li a {
	width: 153px;
}


/* data */

ul.list_products {
	list-style-type: none;
	margin-bottom: 1em;
}

ul.list_products li {
	background: url(../images/list_icon_01.gif) no-repeat left 0.5em;
	margin-left: 0;
	margin-bottom: 0.25em;
	padding-left: 10px;
}


/* components data */

#components_data h3 {
	margin-bottom: 0.5em;
	color: #37387D;
}

#components_data h4 {
	background-color: #EAEAE3;
	color: #37387D;
	margin-bottom: 0.5em;
	padding-left: 0.5em;
}


#components_data ul {
	list-style-type: none;
	margin-bottom: 1em;
}

#components_data ul li {
	background: url(../images/list_icon_01.gif) no-repeat left 0.5em;
	margin-left: 0;
	margin-bottom: 0.25em;
	padding-left: 10px;
}

#components_data ul li ul {
	list-style-type: circle;
	margin-bottom: 0;
}

#components_data ul li ul li {
	background-image: none;
	margin-left: 1.5em;
	padding-left: 0;
}


/* ----------news style---------- */

/* page title */

h2.news_head {
	background-color: #9C9CA3;
	padding-left: 0.5em;
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
}


/* list */

.tb_news_list {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1em;
}

.tb_news_list th,
.tb_news_list td {
	border-bottom: 1px solid #EAEAE3;
	padding: 0.75em 0.5em;
	font-size: 0.75em;
	line-height: 1.6em;
	vertical-align: top;
}

.tb_news_list th {
	width: 9em;
}

html*.tb_news_list th,
*+html body .tb_news_list th {
	width: 10em;
}


.tb_news_list td h3 {
	color: #3C3D8C;
	font-size: 1em;
}

.tb_news_list td p {
	font-size: 1em;
}

.tb_news_list td .list_pdf {
	margin-top: 0.5em;
	margin-bottom: 0;
	font-size: 1em;
}

.tb_news_list td .image_right {
	float: right;
	margin-left: 10px;
}
