@charset "utf-8";
/*
--------------------------------------------------
CSS Skin Settings
FileName:   main.css
Version:    2008/03/11
--------------------------------------------------
*/

/* =contents
------------------------------
*/
.asH2{
	background:url(../images/bg_h1.jpg) repeat-y top left;
	width:674px;
	padding:8px 14px 7px;
	font-weight:bold;
	font-size:144%;
	margin:0 0 26px 0;
	color:#FFF;
	clear:both;
	}
.asH3{
	clear:both;
	background:url(../images/bg_h3.jpg) repeat-y top left;
	width:676px;
	padding:6px 13px 7px;
	font-weight:bold;
	font-size:122%;
	margin:40px 0 20px;
	color:#042045;
	}
.asH4{
	clear:both;
	background:url(../images/bg_h4.jpg) repeat-y top left;
	width:676px;
	padding:6px 13px 6px;
	font-weight:bold;
	font-size:107%;
	margin:30px 0 26px 0;
	color:#042045;
	}
.asH42{
	clear:both;
	background: url(../images/ico_h3.jpg) no-repeat 4px center;
	border-bottom:#cccccc 1px solid;
	width:686px;
	padding:6px 0px 6px 16px;
	font-weight:bold;
	font-size:107%;
	margin:0 0 8px 0;
	color:#042045;
	}
.asH4tech{
	font-weight:bold;
	padding:6px 0px 6px 16px;
	background: url(../images/ico_h4.jpg) no-repeat 4px center;
	font-size:107%;
	clear:both;
	}
.wrapper:after { content: ""; display: block; clear: both; }
#index, #container {
	margin: 0px 19px;
	padding: 0px 20px 35px;
	background: url("../images/bg_index.png") repeat-y;
	width: 882px;
}

#container {
	clear: both;
	overflow: hidden;
}

#containertop {
	margin: 0px 19px;
	background: url("../images/bg_containertop.png") no-repeat;
	overflow: hidden;
	height: 6px;
}

#containerbottom {
	margin: 0px 19px;
	background: url("../images/bg_containerbottom.png") no-repeat;
	overflow: hidden;
	height: 6px;
}

#contents {
	float: Right;
	width:702px;
	padding:52px 0 35px;
	position:relative;
}

#localNavi {
	padding-top:52px;
	float: Left;
	width:223px;
}

#menu {
	width: 192px;
	float: right;
	padding: 37px 0px;
}


#contents #pnkz{
	position:absolute;
	right:0;
	top:20px;
	font-size:72%;
	}
#ToTop{
	position:absolute;
	bottom:5px;
	right:0;
	}
#contents ul{
	line-height:1.7;
	margin:15px 0 15px;
	}
#contents ul li{
margin:0 0 10px 15px;
zoom: 1;
}
/* =menu
------------------------------
*/
#asH1{
	margin-bottom:26px;
	}

#localNavi ul li.titleLi{
	background:url(../images/bg_navi_01.jpg) no-repeat left top;
	width:193px;
	height:20px;
	padding:5px 10px 0 20px;
	margin:0 0 2px 0;
	font-size:13px;
	font-weight:bold;
	}

#localNavi ul li{
	background: url(../images/bg_navi.jpg) no-repeat left bottom;
	width:192px;
	padding:5px 10px 5px 0;
	}
	
#localNavi ul li a{
	background: url(../images/ico_navi_02.jpg) no-repeat 11px center;
	padding:0 0 0 21px;
	font-size:13px;
	font-weight:bold;
	display:block;
	}
#localNavi ul li.titleLi a{
	background: none;
	padding:0;
	display:inline;
	
}
	
#localNavi ul li.lastChild{
	margin:0 0 10px 0;
	}
#localNavi ul li.titleLi a:link    {color: #fff; text-decoration: none;}
#localNavi ul li.titleLi a:visited {color: #fff; text-decoration: none;}
#localNavi ul li.titleLi a:active  {color: #85dcfc; text-decoration: none;}
#localNavi ul li.titleLi a:hover   {color: #85dcfc; text-decoration: none;}

#localNavi ul li a:link    {color: #7c7c7c; text-decoration: none;}
#localNavi ul li a:visited {color: #7c7c7c; text-decoration: none;}
#localNavi ul li a:active  {color: #474747; text-decoration: none;}
#localNavi ul li a:hover   {color: #474747; text-decoration: none;}
#localNavi ul li a span.navimin{
	font-weight:normal;
	font-size:9px;}

/* =product index
------------------------------
*/
.makerBox{
	width:672px;
	height:auto;
	border:1px #cccccc solid;
	padding:8px 14px 10px 14px;
	margin:0 0 13px 0;
	background:url(../images/bg_makerBox.jpg) repeat-x top left;
	}
.makerBox h3{
	margin:0;
	padding:0;}
.makerBox h4{
	padding:0;
	margin:0 0 12px;
	color:#042045;
	}
	#contents .makerBox p{
		margin:0;}


/* =
------------------------------
*/
.imgBoxHead{
	margin-bottom:25px;}
.linkList{
	padding:0 0 0 14px;}
.linkList li{
	background:url(../images/ico_link_02.jpg) left 4px no-repeat;
	padding:0 0 0 17px;
	margin:0 0 9px 0;
	}
.linkListBack{
	padding:0 0 0 0px;}
.linkListBack li{
	padding:0 0 0 0px;
	margin:0 0 9px 0;
	}
	
#contents .linkList2{
	padding:15px 0 0;
	margin:0;
	overflow:hidden;}
#contents .linkList2 li{
	border:#ccc 1px solid;
	padding:10px 25px 15px 25px;
	margin:0 12px 33px 0;
	float:left;
	width:173px;
	height:175px;
	background:url(../images/ico_link_02.jpg) 10px 14px no-repeat;
	overflow:hidden;
	}
#contents .linkList2 li a{
	padding:0 0 0 0px;
	margin:0 0 0 0px;
	}
#contents .linkList2 li.lastchild{
	margin:0 0px 33px 0;
	}
#contents .linkList2 li img{
	padding:11px 0 7px 0;
	vertical-align:middle;
	}
#contents .linkList2 li p{
	text-align:center;
}


#contents .linkList3{
	padding:15px 0 0;
	margin:0;
	overflow:hidden;
	}
#contents .linkList3 li{
	border:#ccc 1px solid;
	padding:10px 17px 10px 25px;
	margin:0 12px 33px 0;
	float:left;
	width:173px;
	background:url(../images/ico_link_02.jpg) 10px 14px no-repeat;
	overflow:hidden;
	}
#contents .linkList3 li a{
	padding:0 0 0 0px;
	margin:0 0 0 0px;
	float:left;
	width:125px;
	}
#contents .linkList3 li.lastchild{
	margin:0 0px 33px 0;
	}
#contents .linkList3 li img{
	vertical-align:top;
	border:1px solid #cccccc;
	}
#contents .linkList3 li p{
	float:right;
	text-align:center;
	margin:0;
	}

	
.imgCenter{
	margin:25px 0;
	text-align:center;
	clear:both;
	}
.imgBorder img{
	border:1px solid #cccccc;
	}
.specTable{
	background:url(../images/line_table_01.jpg) repeat-x bottom left;
	width:670px;
	margin:0 0 20px;
	line-height:1.7;
	}
.specTable tr{
	background:url(../images/line_table_01.jpg) repeat-x bottom left;
	}
.specTable tr th{
	font-size:92%;
	width:75px;
	font-weight:bold;
	padding:10px 0 10px 12px;
	background:url(../images/line_table_01.jpg) repeat-x bottom left #fff;
	}
.specTable tr td{
	font-size:92%;
	padding:10px;
	}
.specTableRight tr td{
	border-right:1px dotted #CCCCCC;
	}
.specTableDL tr th{
	width:100px;
	}
table.crossTable tbody tr td {
padding:7px 0;
}
#contents .soltionIndex li{
	float:left;
	margin:0 7px 14px 0;
	}
.soltionIndex li.right{
	margin:0 0 14px 0;
	}
.soltionIcon{
	margin-bottom:9px;
	}
.makerIcon{
	margin:0;
	}
div.faqIcon{
	margin-bottom:9px;}
/* =
------------------------------
*/
.gallery1 a,
.gallery2 a,
.gallery3 a,
.gallery4 a,
.gallery5 a,
.gallery6 a,
.gallery7 a,
.gallery8 a,
.gallery9 a,
.gallery10 a{
	padding:0 0 14px;
	background:url(../images/ico_zoom.jpg) bottom right no-repeat;
	display:block;
}
.gallery1 a img,
.gallery2 a img,
.gallery3 a img,
.gallery4 a img,
.gallery5 a img,
.gallery6 a img,
.gallery7 a img,
.gallery8 a img,
.gallery9 a img,
.gallery10 a img{
	border:1px solid #cccccc;
}
.gallery1,
.gallery2,
.gallery3,
.gallery4,
.gallery5,
.gallery6,
.gallery7,
.gallery8,
.gallery9,
.gallery10{
	float:right;
	text-align:right;
	margin:0 0 20px 20px;
}
.gallery1 p,
.gallery2 p,
.gallery3 p,
.gallery4 p,
.gallery5 p,
.gallery6 p,
.gallery7 p,
.gallery8 p,
.gallery9 p,
.gallery10 p{
	font-size:10px;
	text-align:center;
}


/* =
------------------------------
*/

#contents .ulTech{
	background:url(../images/bg_h4_02.jpg) top left no-repeat;
	padding:15px 0 0 14px;
	margin:0;}
.ulTech li{
	background:url(../images/ico_link_02.jpg) left 4px no-repeat;
	padding:0 0 0 17px;
	margin:0 0 9px 0;
	}

/* =
------------------------------
*/
.tc{
	text-align:center;}


/* =
------------------------------
*/
.qArea{
	padding:12px 12px 14px 12px;
	border:1px solid #67a9da;
	margin:0 0 23px;
	}
.qArea h3{
	padding:14px 0 ;
	color:#042045;
	font-size:114%;
	}
.aArea{
	padding:12px 12px 12px 12px;
	border:1px solid #cccccc;
	background:#f7f7f7;
	}
.aImg{
	margin:0 0 14px;
	}
	
	
	
/* =
------------------------------
*/
.inqArea{
	background:url(../images/bana_inq_title.jpg) no-repeat center 10px;
	border: 1px solid #CCC;
	text-align:center;
	margin:60px 0 0;
	padding:0 0 0px;
	clear:both;
	}
.inqArea img{
	margin-top:31px;
	}
.inqArea input{
	margin:40px 1px 12px;
	border:none;
	}
.inqArea form{
	display:inline;
}
.inqArea p{
	clear:both;
}
/* =
------------------------------
*/
#cse-search-results iframe{
	width:702px;}
/* =
------------------------------
*/
.kome{
	color:red;
	}#radioBtn tr td input {
border:medium none;
}
#radioBtn tr td.noBorder {
border:medium none;}
html body .info dl.nobg dt {
background:none repeat scroll 0 0 transparent;
}
#way1, #way2, #way3, #g1, #g2, #male, #female, #yes, #no, #trade1, #trade2 {
border:medium none;
margin-right:0;
width:20px;
}
#school, #area, #gyear, #gmonth, #year, #month, #day {
border:1px solid #D6D6D6;
}
#zip1, #zip2, #tel1, #tel2, #tel3, #mobile1, #mobile2, #mobile3, #fax1, #fax2, #fax3, #dealertel1, #dealertel2, #dealertel3 {
width:50px;
}
#sei, #mei, #fsei, #fmei, #tradetype {
margin-right:0;
width:100px;
}
.infotable th {
background:url("../images/ico_h3.jpg") no-repeat scroll 4px center transparent;
border-bottom:1px solid #F2F2F3;
height:50px;
padding-left:16px;
width:110px;

color:#042045;
}
.infotable td {
border-bottom:1px solid #F2F2F3;
margin:10px 0;
font-size:92%;
}
.infotable input, .infotable textarea {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D6D6D6;
padding:2px;
font-size:92%;
}
.infotable .comment {
height:200px;
width:480px;
}
.infotable td.dllastchild {
border: none;
margin-top:10px;
}
.infotable .commentTh{
border: none;
	height:240px;}
#errorAreaWrap {
border:2px solid #FF0000;
color:#FF0000;
margin:20px 0 25px 0;
padding:10px;
width:700px;
}
#errorArea p {
margin:5px 0;
}

.DL {
	background-color: #f7f7f7;
	border: solid 1px #cccccc;
	text-align: center;
	padding: 20px;
}

.DL img.dlbtn {
	margin: 15px 0px 0px;
}

.DL input.DLemail {
	width: 300px;
}

.DL input.DLid {
	width: 150px;
}

.DL input.DLpwd {
	width: 150px;
}
.imgBoxHead01{
	background:url(../images/bg_sol_02.jpg) no-repeat left top;
	}
.imgBoxHead02{
	background:url(../images/bg_sol_01.jpg) no-repeat left bottom;
	}
.imgBoxHead03{
	background:url(../images/bg_sol_04.jpg) no-repeat left bottom;
	}
.imgBoxHead04{
	background:url(../images/bg_sol_06.jpg) no-repeat left bottom;
	}
.imgBoxHead05{
	background:url(../images/bg_sol_03.jpg) no-repeat left bottom;
	}
.imgBoxHead06{
	background:url(../images/bg_sol_05.jpg) no-repeat left top;
	}
	
.imgBoxHead07{
	background:url(../images/bg_pro_01.jpg) no-repeat left bottom;
	}
.imgBoxHead08{
	background:url(../images/bg_pro_02.jpg) no-repeat left bottom;
	}
.imgBoxHead09{
	background:url(../images/bg_pro_04.jpg) no-repeat left bottom;
	}
.imgBoxHead10{
	background:url(../images/bg_pro_03.jpg) no-repeat left bottom;
	}
.imgBoxHead11{
	background:url(../images/bg_pro_05.jpg) no-repeat left bottom;
	}
.imgBoxHead12{
	background:url(../images/bg_pro_06.jpg) no-repeat left bottom;
	}
.imgBoxHead13{
	background:url(../images/bg_pro_07.jpg) no-repeat left bottom;
	}
.imgBoxHead14{
	background:url(../images/bg_pro_08.jpg) no-repeat left bottom;
	}

.imgBoxHead01 .asH2,
.imgBoxHead02 .asH2,
.imgBoxHead03 .asH2,
.imgBoxHead04 .asH2,
.imgBoxHead05 .asH2,
.imgBoxHead06 .asH2,
.imgBoxHead07 .asH2,
.imgBoxHead08 .asH2,
.imgBoxHead09 .asH2,
.imgBoxHead10 .asH2,
.imgBoxHead11 .asH2,
.imgBoxHead12 .asH2,
.imgBoxHead13 .asH2,
.imgBoxHead14 .asH2
{
	background:url(../images/bg_h1_02.jpg) repeat-y left top;
	text-align:left;
	margin:0 0 21px;
	width:658px;
	padding:8px 0 7px 14px;
	}
.imgBoxHead01,
.imgBoxHead02,
.imgBoxHead03,
.imgBoxHead04,
.imgBoxHead05,
.imgBoxHead06,
.imgBoxHead07,
.imgBoxHead08,
.imgBoxHead09,
.imgBoxHead10,
.imgBoxHead11,
.imgBoxHead12,
.imgBoxHead13,
.imgBoxHead14
{
	padding:24px 30px 20px 0px;
	font-size:107%;
	font-weight:bold;
	color:#042045;
	text-align:right;
	line-height:1.4em;
	}
.infotable{
	width:700px;
	}
	
	
.sitemapLeft{
	float:left;
	width:344px;
	margin-right:14px;
	}
.sitemapRight{
	float:right;
	width:344px;
	}
	
#contents .sitemapLeft li.Lv1,
#contents .sitemapRight li.Lv1{
	margin:25px 0 10px 0 ;
	border:1px solid #ccc;
	font-weight:bold;
	padding:5px 0 5px 30px;
	background:url(../images/ico_sitemap_01.jpg) no-repeat 7px center;
	}

#contents .sitemapLeft li.Lv2,
#contents .sitemapRight li.Lv2{
	padding:0 0 0 45px;
	margin-bottom:10px;
	background:url(../images/ico_link_02.jpg) no-repeat 27px center;
	}
#contents .sitemapLeft li,
#contents .sitemapRight li{
	margin-bottom:5px;
	padding:0 0 0 62px;	
	background:url(../images/ico_sitemap_02.jpg) no-repeat 54px center;
	}
#contents .galleryCenter{
	text-align:center;
	float:none;
	clear:both;
	margin:40px 0 0;
	}
#contents .galleryCenter p{
	display:inline;
	margin:0 20px 40px 0;
	float:left;
	width:200px;
	}
#contents .gallery8 input{
	border:none;
	}
#contents ul li.listChild{
	padding:0 0 0 30px;
	margin:0 0 5px 0;
	background:none;}
.toBacknumber{
	text-align:right;
	}
.fin{
	color: #6C6C6C;
font-weight: bold;	}
	
/*-----------------------*/

.topnews ul{
}

.topnews h2 {
	background: url("../images/bg_h2_top.jpg") top no-repeat;
	margin: 0px;
	padding:15px 0 11px;
	height: 40px;
	background: none;
}

#contents .topnews ul li {
	background: url("../images/line_topnews.jpg") 0px bottom repeat-x;
	padding: 10px 0px 7px;
	margin:0 0 10px 0px
}
.topnews li.lastChild {
	background: none;
}

.topnews dl {
	clear: both;
	overflow: hidden;
	position: relative;
}

.topnews dl:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

/*\*/
* html .topnews dl {
  height: 1em;
  overflow: visible;
}
/**/

.topnews dt {
	margin:0 0 5px;
	padding:0 0 0 13px;
	background:url(../images/ico_link_01.jpg) 0px 9px no-repeat;
	text-align:right;
	width:689px;
}
.topnews h3 img {
	vertical-align:middle;
}

.topnews dd {
	margin-left:13px;
}

.topnews h3 {
	margin: 0px 0px 3px;
	padding: 0px 0px 0px 0px;
	border: none;
	font-weight:normal;
	position:absolute;
	left:15px;
	top:0;
}
.topnews dd p {
	clear:both;
}

.update{
	display:inline;
	position:absolute;
	top:0px;
	right:0px;
}

#contents .indentArea{
	margin-left:25px;
	overflow:hidden;
	width:651px;}

#contents .indentArea ul li{
	margin-bottom:0;
	font-size:92%;
}
#contents .indentArea ul{
	padding-bottom:15px;
}
.addul{
	background: url("../images/bg_h4_02.jpg") no-repeat scroll left top transparent;
	}
.tr {
	text-align:right;
	float:right;
}