@charset "utf-8";

/*------------------------------------------------
	base styles
--------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	/*border:none;*/
}
img {
	/*vertical-align: top;*/
}
ul, li {
    list-style-type: none;
}
body{
	color:#222222;
	font-size:13px;
	line-height:25px;
	font-family:"Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","微软雅黑","黑体",Arial,sans-serif;
	background:url(../../images/body_bg.gif) center repeat-y;
}

a{
	color:#0042ff;
	text-decoration:none;
}

a:hover{
	color:#ff7800;
	text-decoration:underline;
}


/*------------------------------------------------
	base layout styles
--------------------------------------------------*/

#head_blue_line{
	margin:0 auto;
	width:996px;
	height:35px;
	background:url(../../images/header_gradation.gif) top repeat-x;
}

/*------------------------------------------------
	wrapper
--------------------------------------------------*/
#wrapper{
	width:900px;
	margin:0 auto;
	position:relative;
}


/*------------------------------------------------
	header
--------------------------------------------------*/
#header{
	height:72px;
}

#header ul#external_btns{
	position:absolute;
	top:0px;
	right:0px;
	display:none;
}

#header ul#external_btns_i{
	position:absolute;
	top:0px;
	right:0px;
}

#header ul#external_btns li{
	float:right;
	margin-left:20px;
	list-style:none;
}

#header ul#external_btns_i li{
	float:right;
	margin-left:20px;
	list-style:none;
}

/*------------------------------------------------
	global navigations
--------------------------------------------------*/
#globalnavi{
	width:906px;
	height:47px;
	margin-bottom:23px;
}

#globalnavi li{
	float:left;
	height:47px;
	text-indent:-9999px;
	list-style:none;
}

#globalnavi li#home a{
	display:block;
	width:183px;
	height:47px;
	background:url(../../images/global_nav_top.gif);
}

#globalnavi li#home a:hover{
	background:url(../../images/global_nav_top.gif) bottom no-repeat;
}

#globalnavi li#home a.active{
	background:url(../../images/global_nav_top.gif) bottom no-repeat;
}


#globalnavi li#companyinfo a{
	display:block;
	width:182px;
	height:47px;
	background:url(../../images/global_nav_about.gif);
}

#globalnavi li#companyinfo a:hover{
	background:url(../../images/global_nav_about.gif) bottom no-repeat;
}

#globalnavi li#companyinfo a.active{
	background:url(../../images/global_nav_about.gif) bottom no-repeat;
}

#globalnavi li#productinfo a{
	display:block;
	width:179px;
	height:47px;
	background:url(../../images/global_nav_product.gif);
}

#globalnavi li#productinfo a:hover{
	background:url(../../images/global_nav_product.gif) bottom no-repeat;
}

#globalnavi li#productinfo a.active{
	background:url(../../images/global_nav_product.gif) bottom no-repeat;
}


#globalnavi li#productinfo a{
	display:block;
	width:179px;
	height:47px;
	background:url(../../images/global_nav_product.gif);
}

#globalnavi li#productinfo a:hover{
	background:url(../../images/global_nav_product.gif) bottom no-repeat;
}

#globalnavi li#productinfo a.active{
	background:url(../../images/global_nav_product.gif) bottom no-repeat;
}



#globalnavi li#distributors a{
	display:block;
	width:179px;
	height:47px;
	background:url(../../images/global_nav_distributors.gif);
}

#globalnavi li#distributors a:hover{
	background:url(../../images/global_nav_distributors.gif) bottom no-repeat;
}

#globalnavi li#distributors a.active{
	background:url(../../images/global_nav_distributors.gif) bottom no-repeat;
}





#globalnavi li#useterms a{
	display:block;
	width:182px;
	height:47px;
	background:url(../../images/global_nav_useofterms.gif);
}

#globalnavi li#useterms a:hover{
	background:url(../../images/global_nav_useofterms.gif) bottom no-repeat;
}

#globalnavi li#useterms a.active{
	background:url(../../images/global_nav_useofterms.gif) bottom no-repeat;
}

#globalnavi a.active{
	cursor:default;
}



/*------------------------------------------------
	bread links
--------------------------------------------------*/
#bread{
	height:38px;
	margin:-10px 0 0 5px;
}


/*------------------------------------------------
	mainimage or flash
--------------------------------------------------*/
#mainimage{
	margin-bottom:16px;
}

/*------------------------------------------------
	contents (#main_area + #right_area)
--------------------------------------------------*/
#contents{
	width:900px;
	margin-bottom:50px;
}

#contents #main_area{
	float:left;
	width:620px;
}

#contents #right_area{
	float:right;
	width:230px;
	
}
#contents #left_area{
	float:left;
	width:230px;
	
}

#contents #right_area #banner_list{
	margin-top:-14px;
}
#contents #left_area #banner_list{
	margin-top:-14px;
}

#contents #right_area #inner_right_area #banner_list{
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
	background-color:#f3f3f3;
}
#contents #left_area #inner_right_area #banner_list{
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
	background-color:#f3f3f3;
}

#contents #right_area #inner_right_area #product_list{
	border:1px solid #d1d1d1;
	background-color:#f3f3f3;
}
#contents #left_area #inner_right_area #product_list{
	border:1px solid #d1d1d1;
	background-color:#f3f3f3;
}

#contents #right_area #inner_right_area .banner_img{
	margin:14px;
}

#contents #left_area #inner_right_area .banner_img{
	margin:14px;
}
#contents #right_area #inner_right_area .banner_img_with_border{
	margin:14px;
	padding-top:14px;
	border-top:1px solid #cecece;
}
#contents #left_area #inner_right_area .banner_img_with_border{
	margin:14px;
	padding-top:14px;
	border-top:1px solid #cecece;
}

/*------------------------------------------------
	page top button
--------------------------------------------------*/
#pagetop_btn{
	margin:0;
}

/*------------------------------------------------
	footer
--------------------------------------------------*/
#footer{
	width:996px;
	margin:0 auto;
	background-color:#1462af;
	border-top:2px solid #b49244; 
}

#footer #links{
	color:#8dbfec;
	text-align:center;
	letter-spacing:1.4px;
	font-size:12px;
	padding:22px 0;
	margin:0px;
	border-bottom:1px solid #0d4c8b;
}

#footer #links a{
	color:#FFFFFF;
}

#footer #links a:hover{
	color:#ff8400;
	text-decoration:underline;
}

#footer #copy{
	color:#FFFFFF;
	text-align:center;
	letter-spacing:1px;
	font-size:11px;
	padding:4px 0;
	border-top:1px dashed #4684c2;
}

#footer a .external_link{
	padding-left:20px; 
	background:url(../../images/footer_external_icon.gif) no-repeat;
}

#footer a.icp_link{
	color:#FFFFFF;
}

#footer a.icp_link:hover{
	color:#ff8400;
}


/*------------------------------------------------
	clear styles
--------------------------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}

/*------------------------------------------------
		optional
--------------------------------------------------*/
a:hover img.fadeOut{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70)";
	background: #fff;
}


div.green-black {
    padding: 3px;
	font-size:14px;
	clear:both;
}
div.green-black li.disabled {
    border: 1px solid #F3F3F3;
    color: #CCCCCC;
    margin-right: 2px;
    padding: 11px 5px;
}
div.green-black li.current {
	/*background-color:#3278bd;
    border: 1px solid #3278bd;*/
	border-bottom: 1px solid #fff;
    padding: 11px 0px;
}
div.green-black li.current_up {
	/*background-color:#4694e1;
    border: 1px solid #4694e1;*/
	border-bottom: 1px solid #3278bd;
    padding: 11px 0px;
}
div.green-black a {
    /*color: #FFFFFF;*/
	color: #303030;
    margin-right: 2px;
     padding: 0 2px 1px 6px;
    text-decoration: none;
}











#dMainColumn .ulCol1List li:last-child {
    margin-bottom: 0;
}
#dMainColumn .ulCol1List li {
    border-bottom: 1px dotted #cccccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.sModSecNormal, #dMWrapper .comModSecNormal {
    margin-bottom: 40px;
}
.comModSecNormal {
	margin-top:40px;
}
#aMainContents h2, #aMainContents .hModEleStyle02, #dMainOthers h2, #dMainOthers .hModEleStyle02 {
    background-image: url(../images/bg_h2.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 5px;
}
#dMainColumn .ulCol1List li {
    border-bottom: 1px dotted #cccccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#dMainColumn .ulCol1List li div.dModLayText {
    margin-bottom: 10px;
    position: relative;
}
div.dModLayImgLeft div.dModLayText, div.dModLayImgRight div.dModLayText {
    width: 490px;
}
div.dModLayImgLeft .dModLayText {
    float: right;
}
.comSubMenuBox .dModBoxPadding > ul > .stay > a {
    color: #e27001;
}
.comSubMenuBox .dModBoxPadding > ul > li a {
    display: block;
}
a.aModEleDef {
    background-image: url(../images/ico_arrow_right.gif);
    background-position: 4px 0.7em;
    background-repeat: no-repeat;
    padding: 3px 0 3px 16px;
}



#dMainColumn .ulCol1List li .dModLayImgLeft .fModLayImg {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    height: 95px;
    text-align: center;
}
#dMainColumn .ulCol1List li .dModLayImgLeft .fModLayImg img {
    max-height: 95px;
    max-width: 125px;
}
div.dModLayImgLeft .fModLayImg {
    float: left;
}
div.dModLayImgLeft .fModLayImg, div.dModLayImgRight .fModLayImg {
    width: 125px;
}
#dMainColumn .ulCol1List li div.dModLayImgLeft > p, #dMainColumn .ulCol1List li div.dModLayImgRight > p, #dMainColumn .ulCol1List li div.dModLayImgLeft > dl, #dMainColumn .ulCol1List li div.dModLayImgRight > dl {
    padding-left: 135px;
}
#aMainContents p.pModEleRight, #dMWrapper .comModEleRight {
    text-align: right;
}

p:last-child, section p:last-child {
    margin-bottom: 0;
}











#dMainColumn .comSubMenuBox h2.comBtn03 a {
    background-position: 20px center;
    padding: 10px 20px 10px 30px;
}
#dMainColumn .comSubMenuBox h2 a, #dMWrapper .comSubMenuBox h3 a {
    color: #ffffff;
}
#dMainColumn .comBtn03 input, #dMainColumn .comBtn03 a {
    background-image: url(../images/ico_arrow_right_w.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    color: #ffffff;
    display: block;
    padding: 13px 10px 13px 20px;
}

#aMainContents h3, #aMainContents .hModEleStyle03 {
    background-color: #5094e1;
    background-image: none;
    color: #ffffff;
    font-size: 1.16em;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 5px 10px;
}
#dMainColumn .dBackBox {
    border-top: 1px solid #cccccc;
}
#dMainColumn .dBackBox .comBtn02 {
    border-top: medium none;
    display: inline-block;
}
#dMainColumn .comBtn02 {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    margin-bottom: 0;
}
#dMainColumn .comBtn02 a {
    background-image: url(../images/ico_arrow_left.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    color: #333333;
    display: block;
    padding: 7px 10px 7px 20px;
}
#aMainContents ul.jsTab {
    background-image: url(../../company/images/bg_line.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    margin-bottom: 20px;
}
#aMainContents ul.jsTab li.stay, #aMainContents ul.jsTab li.liActive {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 3px solid #e27001;
}
#aMainContents ul.jsTab li:first-child {
    border-left: 1px solid #cccccc;
}
#aMainContents ul.jsTab li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
    border-color: #cccccc #cccccc -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid solid none none;
    border-width: 1px 1px medium medium;
    font-weight: bold;
    margin-bottom: 0;
    padding-right: 0;
    text-align: center;
}
ul.ulModEleFloat li {
    float: left;
}
#aMainContents ul.jsTab li.stay a, #aMainContents ul.jsTab li.liActive a {
    background-color: #ffffff;
    background-image: url(../images/ico_arrow_down.gif);
    color: #e27001;
    display: block;
    padding: 14px 20px 10px 30px;
}
#aMainContents ul.jsTab li a {	
    background-image: url(../images/ico_arrow_right.gif);
    background-position: 18px center;
    background-repeat: no-repeat;
    color: #333333;
    display: block;
    padding: 14px 20px 12px 30px;
}
table.tModEleDef:last-child {
    margin-bottom: 0;
}
table.tModEleDef {
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc;
    border-collapse: collapse;
    border-left: 1px solid #cccccc;
    border-spacing: 0;
    margin-bottom: 20px;
    width: 100%;
}
table.tModEleDef th {
    background-color: #eeeeee;
    padding: 10px;
    text-align: left;
}
table.tModEleDef th, table.tModEleDef td {
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}


#hGlobalHeader::after, #dHeaderUpper::after, #dHeaderLower::after, #nHeaderNav::after, #dHeaderNavUpper::after, #dHeaderNavMiddle::after, #dHeaderNavLower::after, #nGlobalNav ul::after, #dMainTop::after, #dMain::after, #aMainContents::after, #dBreadCrumbs::after, #dBreadCrumbs ol::after, #dSubColumn::after, #dGlobalFooter ul::after, #dFooterSiteMap::after, #dFooterLower::after, .hModEleHCol::after, .dModLayCol2::after, .dModLayCol3::after, .dModLayCol4::after, .dModLayImgLeft::after, .dModLayImgRight::after, .dModLayImgFloatLeft::after, .dModLayImgFloatRight::after, ul.ulModEleFloat::after, ul.ulModEleFloatBox::after, li.liFont dl::after, div#dPageTop::after, dl.dlModEleDef::after, dl.dlModEleNews::after, dl.dlModEleNews dt::after, dl.dlModEleEvent::after, dl.dlModEleEvent dt::after, dl.dlModEleEvent dd::after, dl.dlModEleFloat::after, div#dMainOthers::after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
address, caption, th, em {
    font-style: normal;
    font-weight: normal;
}
#aMainContents ul.jsTab li {
    font-weight: bold;
    text-align: center;
}
table.tModEleDef td {
    padding: 10px;
}

#aMainContents ul.jsTab li.stay, #aMainContents ul.jsTab li.liActive {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 3px solid #e27001;
}
#aMainContents ul.jsTab li:first-child {
    border-left: 1px solid #cccccc;
}

.sModSecNormal, #dMWrapper .comModSecNormal {
    margin-bottom: 40px;
}




#aMainContents [class*="acms-col"] {
   
    padding-left: 0;
    padding-right: 0;
}



[class*="column-image-"] a[href*="/video"] .sIcon, [class*="column-image-"] a[rel*="prettyPhoto"] .sIconZoom, [class*="column-image-"] a[href*="/video"] .sMoviePlayWrapper {
    display: block;
}
[class*="column-image-"] [rel*="prettyPhoto"] .sIconZoom {
    left: inherit;
    position: static;
    top: inherit;
}

/* index image fade */

.box{width:900px;height:228px;box-shadow:0px 0px 5px #ddd;margin:0px auto;overflow:hidden;position:relative;}
.box img{width:900px;height:228px;position:absolute;left:0px;top:0px;opacity:0;filter:alpha(opacity=0);}


.sModSecNormal h4{
font-weight: bold;
font-size: 1.16em;
color:
#5094E1;
margin-bottom: 10px;
}

.sModSecNormal .news_txt{
	text-indent: 1em;
}