@charset "UTF-8";

/*-----------------------------
## index
1. default style reset
2. common header
3. common footer
4. left navigation
5. common style
	sub-title, table, list, form item, arrow, text, button, icon, break...
6. Company
7. Locations
-----------------------------*/


/* default style reset 
-----------------------------*/
body{
	background-color:#fff;
	color:#333;
	font:13px arial,helvetica,sans-serif;
	*font-size:small;
	*font:x-small;
	line-height:1.3;
}
h1, h2, h3, h4, h5{
	font-size:100%;
}
table {
	font-size:inherit;
	font:100%;
	border-spacing:0;
	border-collapse:separate;
}
th{
	font-weight:normal;
	text-align:left;
}
select, input, textarea {
	font:99% arial,helvetica,sans-serif;
}
hr{
	display:none;
}
fieldset{
	border:none;
}
body, h1, h2, h3, h4, h5, h6, div, p, ol, ul, li, dl, dd, form, fieldset, a, input{
	margin:0;
	padding:0;
}
ul{
	list-style-type:none;
}
img{
	border:none;
	vertical-align:top;
}
a{
	outline:none;
}

/* font size */
.txt10,
.txt10b{
	font-size:.77em;
}
.txt12,
.txt12b{
	font-size:.92em;
}
.txt14,
.txt14b{
	font-size:1.07em;
}
.txt16,
.txt16b{
	font-size:1.23em;
}
.txt18,
.txt18b{
	font-size:1.38em;
}
.txt10b,
.txt12b,
.txt14b,
.txt16b,
.txt18b{
	font-weight:bold;
}
#container{
	font-size:.92em;
}
#container .txt10, 
#container .txt10b{
	font-size:.86em;
	line-height:1.4;
}
#container .txt12, 
#container .txt12b{
	font-size:1em;
}
#container .txt14, 
#container .txt14b{
	font-size:1.17em;
}
#container .txt16, 
#container .txt16b{
	font-size:1.33em;
}
#container .txt18, 
#container .txt18b{
	font-size:1.5em;
}

/* link color*/
a:link{
	color:#521b90;
	text-decoration:none;
}
a:visited{
	color:#521b90;
	text-decoration:none;
}
a:hover{
	color:#521b90;
	text-decoration:underline;
}
a:active{
	color:#521b90;
	text-decoration:underline;
}


/* common header
----------------------------*/
#header-wrap{
	padding-bottom:1px;
	background:#fff url(../images/common/bg_header.gif) repeat-x left top;
}
#header{
	position:relative;
	width:850px;
	margin:0 auto;
	text-align:left;
}
#header #logo{
	float:left;
	padding:13px 13px 8px 12px;
}
#header #siteid{
	float:left;
	padding-top:20px;
}

/* global navigation */
#g-navi{
	clear:left;
}
#g-navi li{
	float:left;
}
#g-navi li#sitemap{
	float:right;
}

/* search form */
#search-box{
	position:absolute;
	right:45px;
	top:20px;
	width:138px;
	padding:2px 0 1px;
	border:1px solid #b3b3b3;
	color:#666;
}
#bt-go{
	position:absolute;
	right:0px;
	top:20px;
}



/* common footer
----------------------------*/
#footer-wrap{
	clear:both;
	width:100%;
	border-top:1px solid #bcbcbc;
	background-color:#fff;
	color:#333;
	line-height:1;
}
#footer{
	width:826px;
	margin:0 auto;
	padding:6px 12px 6px;
	text-align:left;
}
#footer a:link{
	color:#3f445d;
	text-decoration:none;
}
#footer a:visited{
	color:#3f445d;
	text-decoration:none;
}
#footer a:hover{
	color:#3f445d;
	text-decoration:underline;
}
#footer a:active{
	color:#3f445d;
	text-decoration:none;
}
#footer .breadcrumb{
	float:left;
	width:70%;
}
#footer .breadcrumb span{
	color:#d50000;
}
#footer .links{
	float:right;
	list-style-type:none;
}
#footer .links li{
	float:left;
	padding:0 7px;
	border-right:1px solid #838383;
}
#footer .links li.list-r{
	margin-right:0;
	padding-right:0;
	border-right:none;
}
#copyright{
	clear:both;
	width:100%;
	padding-top:6px;
	font-size:.1em;
}


/* left navigation 
----------------------------*/
#l-navi{
	position:absolute;
	left:15px;
	top:117px;
	width:210px;
}
#l-navi #t-inquiry{
	height:152px;
	padding:25px 0 9px 13px;
	background:url(../images/common/bg_lnavi_210px.png) no-repeat;
}
#products-top #l-navi #t-inquiry,
#products-u #l-navi #t-inquiry{
	height:152px;
	background:url(../images/common/bg_lnavi_210px.png) no-repeat;
}

#l-navi p{
	position:absolute;
	left:13px;
	top:59px;
}
#l-navi #bt-contact{
	position:absolute;
	left:13px;
	top:146px;
}
#l-navi ul{
	position:absolute;
	left:13px;
	top:203px;
}
body.power #l-navi ul{
	top:108px;
}
#l-navi ul li{
	float:left;
	width:177px;
	margin-bottom:8px;
	padding:0 0 8px 8px;
	background:url(../images/common/bg_dotline_purple.gif) repeat-x left bottom;
}
#l-navi #bt-back{
	position:absolute;
	left:13px;
	top:203px;
}
#l-navi ul li#bt-back{
	position:static;
	width:185px;
	padding:0 0 10px 0;
}
#l-navi ul.arr-circle li#bt-back a{
	padding-left:0;
	background-image:none;
}


/* common style
-----------------------------*/
/* clearfix */
.clearfix:after {
   display: block;
   visibility: hidden;
   clear: both;
   height: 0;
   content: ".";
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/*skip*/
.skip{
	position:absolute;
	visibility:hidden;
}
#noscript-msg{
	margin-bottom:20px;
	padding:10px;
	background-color:#fbefee;
	color:#ce302b;
	font-weight:bold;
}

#container{
	text-align:center;
}
#main{
	position:relative;
	width:850px;
	min-height:650px;
	margin:0 auto;
	padding-bottom:15px;
	text-align:left;
}
#t-meportal{
	padding:20px 0 4px 0;
}
#header-main{
	position:absolute;
	margin-left:-3px;
}
#content{
	float:right;
	width:602px;
	padding:164px 3px 0 0;
}
#content .breadcrumb{
	margin-bottom:5px;
	text-align:right;
}
#content #t-product{
	margin-bottom:10px;
}
#content .lede{
	margin-bottom:30px;
}


/*sub title*/
.subt-01{
	margin-bottom:10px;
	padding-bottom:6px;
	background:url(../images/common/bg_line_gray_6px.gif) repeat-x left bottom;
	font-size:1.17em;
	font-weight:bold;
}
.subt-01 span{
	display:block;
	padding-left:6px;
	border-left:3px solid #521b90;
}

/*table*/
.table-01{
	width:100%;
	margin-bottom:1em;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
.table-01 th,
.table-01 td{
	padding:8px 5px;
	border-top:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
}
.table-01 th{
	font-weight:bold;
	background-color:#fdf4f4;
}
.table-01 tr.even{
	background-color:#f7f7f7;
}

/*list*/
ul.list-h li{
	float:left;
	margin-right:.5em;
	padding-right:.5em;
	border-right:1px solid #444;
}
ul.list-h li.list-r{
	margin-right:0;
	padding-right:0;
	border-right:none;
}
table.list-h td{
	padding:0 15px 10px 0;
}
.list-anchor{
	margin-bottom:15px;
	padding:12px;
	background-color:#f2f2f2;
	font-weight:bold;
}
dl.list-info{
	margin-bottom:1em;
}
dl.list-info dt{
	margin-bottom:.5em;
	font-weight:bold;
}
dl.list-info dd{
	margin-bottom:.2em;
}
ul.list-disc{
	list-style-type:disc;
}
ul.list-disc li{
	margin-left:1.5em;
}

/*arrow*/
a.arr{
	padding:0 0 .5em 10px;
	background:url(../images/common/arr_7x8.gif) no-repeat 0 .3em;
}
a.arr-circle{
	padding-left:15px;
	background:url(../images/common/arr_circle.gif) no-repeat 0 .2em;
}
ul.arr li{
	float:left;
}
ul.arr a{
	display:block;
	float:left;
	padding:0 0 .5em 10px;
	background:url(../images/common/arr_7x8.gif) no-repeat 0 .3em;
}
ul.arr-circle li a{
	display:block;
	float:left;
	padding-left:15px;
	background:url(../images/common/arr_circle.gif) no-repeat 0 .25em;
}
.mline{
	display:block;
	float:left;
}

/*text*/
.align-right{
	text-align:right;
}
table.align-center th,
table.align-center td{
	text-align:center;
}

/*color*/
.red{
	color:#ce302b;
}
.purple{
	color:#521b90;
}
.blue{
	color:#00387a;
}

/*icon*/
.icon-blank,
.icon_new,
.icon_pdf{
	margin-left:5px;
}

.img-float-left{
	float:left;
	margin:0 10px 10px 0;
}
.img-float-right{
	float:right;
	margin:0 0 10px 10px;
}

/*break*/
.br-after-1em{
	margin-bottom:1em;
}
.br-after-2em{
	margin-bottom:2em;
}
.br-after-3em{
	margin-bottom:3em;
}
.br-after-4em{
	margin-bottom:4em;
}
.br-p p{
	margin-bottom:1em;
}
.br-before-3em{
	margin-top:3em;
}

.hr-before-1em{
	padding:1em 0;
	border-top:3px solid #f0f0f0;
}
.hr-after-1em{
	padding:1em 0;
	border-bottom:1px solid #d9d9d9;
}

.dot-before-1em{
	margin-top:1em;
	padding-top:1em;
	background:url(../images/common/bg_dotline.gif) repeat-x left top;
}
.dot-after-1em{
	margin-bottom:1em;
	padding-bottom:1em;
	background:url(../images/common/bg_dotline.gif) repeat-x left bottom;
}

/*button*/
.bt-go-contact{
	vertical-align:middle;
}

/*caption*/
.caption-img-left,
.caption-img-right{
	margin-top:.3em;
	font-size:.86em;
}
.caption-img-right{
	padding-right:10px;
	background:url(../images/common/arr_caption.gif) no-repeat right .25em;
	text-align:right;
}
.caption-img-left{
	padding-left:10px;
	background:url(../images/common/arr_caption.gif) no-repeat 0 .25em;
}

/*page top*/
.pagetop{
	clear:both;
	width:850px;
	margin:0 auto;
	padding:10px 0 20px;
	text-align:right;
}
#content .pagetop{
	width:100%;
	margin-bottom:30px;
}

/*get windows media player*/
#get-wmp {
	margin-bottom:1em;
	padding-top:10px;
	border-top:1px solid #ccc;
}
#get-wmp p{
	float:left;
	margin-top:8px;
	padding-right:10px;
}


/* Top Page
----------------------------*/
#top #container{
	background:url(../images/top/bg_container.gif) repeat-x 0 88px;

}
#top #main{
	position:relative;
	background:url(../images/top/bg_main.gif) repeat-x;
	margin-bottom:15px;
}
#top #t-meportal{
	float:left;
	padding:34px 0 3px 0;
}

/* locations links */
#top #gws{
	float:right;
	width:221px;
	padding:21px 3px 0 0;
}
#top #gws #t-gws{
	margin-bottom:4px;
	padding-bottom:2px;
	border-bottom:1px solid #b2b2b2;
	font-size:1px;
}
#top #gws li{
	line-height:100%;
}
#top #flash{
	position:absolute;
	left:-4px;
	top:54px;
	padding:7px 7px 0;
	background:url(../images/top/bg_flash.png) no-repeat;
}
#top #no-flash li{
	position:absolute;
	visibility:hidden;
}
#top #ns-img{
	position:absolute;
	left:0;
	top:0px;
}

/* inquiry */
#top #inquiry{
	position:absolute;
	left:616px;
	top:54px;
	width:238px;
	background:url(../images/top/bg_inquiry.gif) no-repeat;
	color:#fff;
}
#top #inquiry .wrap{
	position:relative;
	height:255px;
}
#top #inquiry h2{
	margin:0 0 6px 22px;
	padding-top:25px;
}
#top #inquiry p{
	padding:0 22px;
}
#top #inquiry #bt-contact{
	position:absolute;
	left:20px;
	bottom:42px;
}

/* products */
#top #left{
	float:left;
	width:605px;
	margin-top:255px;
}
#top #products h2{
	margin:0 0 15px 13px;
}
#top #products ul{
	margin-left:13px;
}
#top #products li{
	float:left;
	width:140px;
	margin-right:8px;
}
#top #products li .thumb{
	margin-bottom:9px;
}
#top #products li .menu{
	height:34px;
	margin:0 4px;
}
#top #products li p{
	margin:0 4px;
}

/* company, locations */
#top #right{
	float:right;
	width:206px;
	margin-top:255px;
	padding-right:12px;
}
#top #right .company{
	margin-bottom:8px;
	padding-bottom:8px;
	background:url(../images/common/bg_dotline.gif) repeat-x left bottom;
}
#top #right .locations{
	margin-bottom:23px;
}
#top #right .company .wrap,
#top #right .locations .wrap{
	padding-left:5px;
	border-left:4px solid #521b90;
}
#top #right .company h2,
#top #right .locations h2{
	margin-bottom:6px;
}

/* news */
#top #news dl{
	margin:0 9px;
}
#top #news dd{
	margin-bottom:1em;
	padding-left:6px;
	background:url(../images/top/bg_new_indent.gif) no-repeat 0 2px;
}
#top #news #archives{
	margin:0 9px;
	padding-top:7px;
	background:url(../images/common/bg_line_gray_2px.gif) repeat-x;
}

/* banner */
#top #banner{
	margin-top:15px;
}


/* Products
----------------------------*/

/* products top */
#products-top #content .breadcrumb,
#products-top .wrap{
	margin-bottom:30px;
}
#products-top .left{
	float:left;
	width:150px;
}
#products-top .right{
	float:right;
	width:452px;
}
#products-top .caption{
	margin:5px 0 0 15px;
}
#products-top .product-menu{
	margin:1em 0 0 15px;
}
#products-top .product-menu .sub-tit{
	margin-bottom:.5em;
	padding-left:5px;
	border-left:3px solid #521b90;
	font-weight:bold;
} 
#products-top .product-menu ul{
	padding:5px 7px;
	background-color:#f2f2f2;
}
#products-top .product-menu li{
	margin-right:10px;
}
#products-top .product-menu ul.arr a{
	padding-bottom:0;
}


/* product page */
#products-u .summary{
	margin-bottom:30px;
	font-weight:bold;
}
#products-u ul.summary{
	margin-left:1.5em;
	list-style-type:disc;
}
#products-u ul.summary li{
	margin-bottom:.5em;
}
#products-u .wrap{
	margin:20px 0;
	padding-bottom:20px;
	background:url(../images/common/bg_dotline.gif) repeat-x left bottom;
}
#products-u .wrap.bottom{
	margin-bottom:40px;
	padding-bottom:0;
	background-image:none;
}
#products-u .wrap-other{
	margin-bottom:20px;
}
#products-u .left{
	float:left;
	width:130px;
}
#products-u .right{
	float:right;
	width:457px;
}
#products-u .product-name{
	margin-bottom:10px;
	padding:10px 12px;
	background-color:#f2f2f2;
	color:#521b90;
}
#products-u .caption{
	margin-bottom:1em;
}
#products-u .more{
	margin-bottom:12px;
	text-align:right;
}
#products-u #content form{
	float:right;
	padding-bottom:5px;
}
#products-u #content form p{
	float:left;
	margin-right:5px;
	padding-top:.2em;
}
#products-u #content fieldset{
	float:left;
}
#products-u #content select{
	vertical-align:middle;
	margin-right:5px;
}
#products-u .column{
	margin:50px 0 30px;
	padding-top:15px;
	background:url(../images/common/bg_dotline_purple.gif) repeat-x left top;
}
#products-u #solae.column .left{
	width:253px;
}
#products-u #solae.column .right{
	float:right;
	width:334px;
	padding-left:0;
}
#products-u .column .t-column{
	margin-bottom:.5em;
	padding-left:5px;
	border-left:3px solid #521b90;
	color:#521b90;
}
#products-u #qinm{
	margin-top:20px;
}

/* Company
----------------------------*/
#company h2{
	margin:30px 0 8px;
}
#company .wrap{
	margin-bottom:30px;
}
#company .lede{
	width:85%;
	font-weight:normal;
}

/* Locations
----------------------------*/
#locations .wrap{
	margin-bottom:25px;
}
#locations .lede{
	margin-top:30px;
	font-weight:bold;
}

/* News
----------------------------*/
#news .t-news{
	margin-bottom:.5em;
	color:#521B90;
}
#news .wrap{
	margin-bottom:25px;
}


/* Contact - Tel Fax List
----------------------------*/
#tel-fax #content{
	width:828px;
	padding:164px 0 0 11px;
}
#tel-fax #content .breadcrumb{
	margin-bottom:20px;
}
#tel-fax .wrap{
	margin-bottom:35px;
}
#tel-fax .list-info dl dt{
	margin-top:1em;
}

/* Sitemap
----------------------------*/
#sitemap-top .wrap{
	margin-bottom:30px;
}
#sitemap-top h2{
	margin-bottom:10px;
	padding-bottom:6px;
	background:url(../images/common/bg_line_gray_6px.gif) repeat-x left bottom;
	font-weight:bold;
}
#sitemap-top .list-h{
	margin:0 15px;
}


#forward #msg{
	padding:20% 0 20%;
	text-align:center;
}
#forward #links{
	padding-top:10px;
	border-top:1px solid #ccc;
}