@charset "utf-8";

/* index.html
---------------------------------------------------- */
.pan-kuzu {padding:5px; background-color:#efefef; border-bottom:1px solid #ccc; margin-bottom:15px; font-size:80%; line-height:normal;}
.searchbox { margin-bottom:15px; text-align:right;}
#products h3{}
/*#products #pagebody li{list-style:none; background:url(../img/point.gif) no-repeat left center; padding-left:38px; margin-bottom:8px;}*/
.pro-box {border-bottom:1px dotted #ccc; margin:0px auto; /* overflow:hidden; */ }
.pro-box-w { margin: 0 0 15px; }
.pro-box img{}
.pa10{padding:0px 9px 9px 9px;}
.pa10-2{padding:10px 0px 0px 0px;}
.pa10-3{padding:10px; border:1px solid #ccc; margin-bottom:10px; margin-top:10px; font-size:140%; line-height:normal; font-weight:bold;}
.click-btn a{padding:3px; line-height:normal; margin:9px; text-align:center; display:block; text-decoration:none; background-color:#5596d3; color:#fff;}
.click-btn2 a{padding:3px 0px 3px 0px; line-height:normal; margin-top:10px; text-align:center; display:block; text-decoration:none; background-color:#5596d3; color:#fff;}
.pro-box h4{padding:9px; border-bottom:1px dashed #ccc; font-size:100%; line-height:normal; background-color:#eff9fd;}
.pro-d-box {border:1px solid #ccc; margin:0px auto; margin-bottom:10px; _height: 1%; min-height: 1%;}
.pro-d-box h4{padding:9px; border-bottom:1px dashed #ccc; font-size:100%; line-height:normal; background-color:#eff9fd; margin-bottom:10px;}
.pro-d-box img{border-left:9px solid #fff;border-right:9px solid #fff;border-top:0px solid #fff;border-bottom:9px solid #fff;}
.detail-plus {padding-top:9px; background-color:#efefef; border:1px dashed #ccc; margin:0 0 15px; _height: 1%; min-height: 1%;}
.detail-plus img{border-left:9px solid #efefef;border-right:9px solid #efefef;border-top:0px solid #efefef;border-bottom:9px solid #efefef;}
.carts{ border-collapse:collapse; width:700px;}
.carts th{ border:1px solid #ccc; padding:5px; background: url(../images/bg5.jpg) left top no-repeat;}
.carts td{ border:1px solid #ccc; padding:5px;}
fieldset{padding:10px;}
.subcate-list{ list-style:disc; margin-bottom:18px; background-color:#fff; padding:3px 2px 3px 2px;}
.subcate-list2{ list-style:disc; background-color:#fff; padding:3px 2px 3px 2px;}
h5.subcate{ padding:3px 3px 3px 7px; background-color:#5596d3; border-bottom:1px solid #487baa; border-left:6px solid #487baa; color:#fff;}
h5.common{ padding:3px 3px 3px 7px; background-color:#ddd; border-bottom:1px solid #bbb; color:#333;}
.layout-left .subcate-list li{margin-left:20px; margin-bottom:5px; padding:3px; border-bottom:1px dashed #ccc; margin-right:10px;}
.subcate-list2 li{margin-left:20px; margin-bottom:5px; padding:3px; border-bottom:1px dashed #ccc; margin-right:10px;}
.click-btn3 {padding:5px 0px 3px 0px; margin-top:10px; text-align:center; background-color:#efefef; border-bottom:1px solid #ccc;}
.layout-left .cate-list {padding:8px; background-color:#efefef; border-bottom:1px solid #ccc; margin-bottom:15px;}
.controlbox { border-bottom:1px solid #ccc; width:159px; margin:0px auto; margin-bottom:10px; background-color:#efefef; text-align:center;}
.comtext{text-align:center; padding:10px; border:1px solid #ccc;}
.data-photo {
	width:134px;
	float:left;
}

.data-photo {
	width:134px;
	float:left;
}

.data-text {
	width:350px;
	border-right:9px solid #fff;
	border-bottom:9px solid #fff;
	float:right;
}

.data-text2 {
	width:350px;
	border-right:9px solid #efefef;
	border-bottom:9px solid #efefef;
	float:right;
}

.cd-main-image {
	width:501px;
	height:225px;
	background: url(../img/top-img.jpg) no-repeat top;
	text-indent:-9999px;
}


#mainimage {
	border-bottom:15px solid #fff;
}

#top-banner-left {float:left; width:360px; height:96px; border-left:15px solid #fff; border-bottom:8px solid #fff;}
#top-banner-right{float:right; width:360px; height:96px; border-right:15px solid #fff; border-bottom:8px solid #fff;}

#layout-lr{padding-left:15px; padding-right:15px;}

#copyarea{
	float:left;
	width:358px;
	border:1px solid #3762aa;
}

#copyarea h2{
	background:url(../img/top-copy-title.jpg) no-repeat;
	width:358px;
	height:34px;
}

#copyarea p{
	padding:12px 17px 12px 17px;
	text-justify:inter-ideograph;
	text-align:justify;
	line-height:150%;
}

#whatsnew{
	float:right;
	width:358px;
	border:1px solid #3762aa;
}

#whatsnew h2{
	background:url(../img/top-info-title.jpg) no-repeat;
	height:34px;
	width:358px;
}

#whatsnew #waku{
	padding:12px;
}

#whatsnew dl{margin:10px 15px 0px 15px; border-bottom:15px solid #fff;}
#whatsnew dt{float:left; width:80px; text-indent:10px; padding-bottom:2px; padding-top:2px; border-left:4px solid #036; border-right:1px solid #999; line-height:normal;}
#whatsnew dd{float:right; width:250px; padding-bottom:2px; padding-top:2px; line-height:normal;}

#shortcut{
	float:right;
	width:245px;
}

#shortcut h2{
	height:36px;
	background:url(../img/ssc.gif) no-repeat;
}

#shortcut #sc01:link,#shortcut #sc01:active,#shortcut #sc01:visited{
	background:url(../img/ssc.gif) no-repeat 0px -36px;
	text-indent:-9999px;
	text-decoration:none;
	height:80px;
	display:block;
}
#shortcut #sc01:hover {
	background:url(../img/ssc.gif) no-repeat -245px -36px;
	text-indent:-9999px;
	text-decoration:none;
	height:80px;
	display:block;
}
#shortcut #sc02:link,#shortcut #sc02:active,#shortcut #sc02:visited{
	background:url(../img/ssc.gif) no-repeat 0px -116px;
	text-indent:-9999px;
	text-decoration:none;
	height:80px;
	display:block;
}
#shortcut #sc02:hover {
	background:url(../img/ssc.gif) no-repeat -245px -116px;
	text-indent:-9999px;
	text-decoration:none;
	height:80px;
	display:block;
}
#shortcut #sc03:link,#shortcut #sc03:active,#shortcut #sc03:visited{
	background:url(../img/ssc.gif) no-repeat 0px -196px;
	text-indent:-9999px;
	text-decoration:none;
	height:80px;
	display:block;
}
#shortcut #sc03:hover {
	background:url(../img/ssc.gif) no-repeat -245px -196px;
	text-indent:-9999px;
	text-decoration:none;
	height:80px;
	display:block;
}

/* faq.html
------------------------------------------------ */
#faq h2{height:80px; background:url(../img/faq_title.jpg) no-repeat; text-indent:-9999px;}
#faq h3.subtitle1 {height:45px; background:url(../img/faq_subtitle1.jpg) no-repeat; text-indent:-9999px;}
#faq h3.subtitle2 {height:45px; background:url(../img/faq_subtitle2.jpg) no-repeat; text-indent:-9999px;}
#faq h4 {border-bottom:2px solid #1b86a4; padding-bottom:5px; color:#1b86a4; margin-bottom:12px;}
#faq p.commontext {padding:12px; border:1px solid #ccc; margin-bottom:15px;}
#faq .faq-list{list-style:disc; margin-left:20px; margin-bottom:25px;}
#faq .faq-list li{margin-bottom:5px;}
#faq #faq1 {padding:12px; border:1px solid #ccc; margin-bottom:15px;}
#faq #faq2 {padding:12px; border:1px solid #ccc; margin-bottom:15px;}
#faq #faq3 {padding:12px; border:1px solid #ccc; margin-bottom:15px;}
#faq #faq4 {padding:12px; border:1px solid #ccc; margin-bottom:15px;}
#faq #faq5 {padding:12px; border:1px solid #ccc; margin-bottom:15px;}
#faq #faq6 {padding:12px; border:1px solid #ccc; margin-bottom:15px;}
#faq #faq7 {padding:12px; border:1px solid #ccc; margin-bottom:15px;}
#faq #faq8 {padding:12px; border:1px solid #ccc; margin-bottom:15px;}
#faq #faq9 {padding:12px; border:1px solid #ccc; margin-bottom:15px;}


/* staff.html
------------------------------------------------ */
#staff h2{height:80px; background:url(../img/staff_title.jpg) no-repeat; text-indent:-9999px;}
#staff h3{height:45px; background:url(../img/staff_subtitle1.jpg) no-repeat; text-indent:-9999px;}
#staff img.photo-left{padding:5px; border:1px solid #ccc; margin-right:12px; float:left;}
#staff img.photo-right{padding:5px; border:1px solid #ccc; margin-left:12px; float:right;}
#staff div.commontext-left {border:1px solid #ccc; margin-bottom:15px; height:1%; float:left; width:355px;}
#staff div.commontext-right {border:1px solid #ccc; margin-bottom:15px; height:1%; float:right; width:355px;}
#staff #content p {padding:12px; height:1%;}

/* company.html
------------------------------------------------ */
#company h2{height:80px; background:url(../img/company_title.jpg) no-repeat; text-indent:-9999px;}
#company h3.subtitle1{height:45px; background:url(../img/company_subtitle1.jpg) no-repeat; text-indent:-9999px;}
#company h3.subtitle2{height:45px; background:url(../img/company_subtitle2.jpg) no-repeat; text-indent:-9999px;}
#company h3.subtitle3{height:45px; background:url(../img/company_subtitle3.jpg) no-repeat; text-indent:-9999px;}
#company .comtable{
	width:100%;
	border:1px solid #ccc;
	border-collapse:collapse;
	margin-bottom:15px;
}

#company .comtable th{
	padding:5px;
	white-space:nowrap;
	border-bottom:1px solid #ccc;
	text-align:left;
	background-color:#efefef;
	white-space:nowrap;
	vertical-align:top;
}
#company .comtable td{
	padding:5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	text-align:left;
	vertical-align:top;
}

#company .comtable thead th{
	padding:5px;
	white-space:nowrap;
	border-bottom:1px solid #ccc;
	text-align:left;
	background-color:#ccc;
	white-space:nowrap;
	vertical-align:top;
	text-align:center;
}
#company .comtable thead td{
	padding:5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #fff;
	background-color:#ccc;
	text-align:left;
	vertical-align:top;
	text-align:center;
}

#company img.photo{padding:5px; border:1px solid #ccc; margin-bottom:10px;}
#company div.commontext-left {border:1px solid #ccc; margin-bottom:15px; height:1%; float:left; width:355px;}
#company div.commontext-left-nb {margin-bottom:15px; height:1%; float:left; width:357px;}
#company div.commontext-right {border:1px solid #ccc; margin-bottom:15px; height:1%; float:right; width:355px;}
#company #content p {padding:12px; height:1%; text-align:center;}


/* contact.html
------------------------------------------------ */
#contact h2{height:80px; background:url(../img/contact_title.jpg) no-repeat; text-indent:-9999px;}
#contact h3.subtitle1{height:45px; background:url(../img/contact_subtitle1.jpg) no-repeat; text-indent:-9999px;}
#contact h3.subtitle2{height:45px; background:url(../img/contact_subtitle2.jpg) no-repeat; text-indent:-9999px;}
#contact p.commontext {padding:12px; border:1px solid #ccc; margin-bottom:15px;}


/* product.html
------------------------------------------------ */
#product-title {
	height:100px;
	background:url(../img/product-title.jpg) no-repeat;
	margin-bottom:35px;
}
#product-title-a {
	height:100px;
	background:url(../img/product-title.jpg) no-repeat;
	margin-bottom:5px;
}
#product-subtitle1 {
	margin-bottom:20px;
	color:#333;
}
#product-subtitle2 {
	height:65px;
	background:url(../img/product-subtitle2.gif) no-repeat;
	text-indent:-9999px;
}
#product-subtitle3 {
	height:65px;
	background:url(../img/product-subtitle3.gif) no-repeat;
	text-indent:-9999px;
}
#product-subtitle4 {
	height:65px;
	background:url(../img/product-subtitle4.gif) no-repeat;
	text-indent:-9999px;
}
#product-subtitle5 {
	height:65px;
	background:url(../img/product-subtitle5.gif) no-repeat;
	text-indent:-9999px;
}
#product-subtitle6 {
	height:65px;
	background:url(../img/product-subtitle6.gif) no-repeat;
	text-indent:-9999px;
}
#product-subtitle-a {
	height:40px;
	background:url(../img/product-subtitle-a.gif) no-repeat;
	text-indent:-9999px;
}
#product-subtitle-b {
	height:40px;
	background:url(../img/product-subtitle-b.gif) no-repeat;
	text-indent:-9999px;
}
#product-subtitle-c {
	height:40px;
	background:url(../img/product-subtitle-c.gif) no-repeat;
	text-indent:-9999px;
}

#product-subtitle-b2 {
	height:40px;
	background:url(../img/product-subtitle-b2.gif) no-repeat;
	text-indent:-9999px;
}
#product-subtitle-c2 {
	height:40px;
	background:url(../img/product-subtitle-c2.gif) no-repeat;
	text-indent:-9999px;
}

#product-subtitle-d {
	height:40px;
	background:url(../img/product-subtitle-d.gif) no-repeat;
	text-indent:-9999px;
}

.product-left {width:285px; float:left;}
.product-right {width:285px; float:right;}
.ml5{margin-left:5px;}



/* business.html
------------------------------------------------ */
#business-title {
	height:100px;
	background:url(../img/business-title.jpg) no-repeat;
	margin-bottom:20px;
}
#business-subtitle1 {
	height:40px;
	background:url(../img/business-subtitle1.gif) no-repeat;
	text-indent:-9999px;
}
#business-subtitle2 {
	height:40px;
	background:url(../img/business-subtitle2.gif) no-repeat;
	text-indent:-9999px;
}
#business-subtitle3 {
	height:40px;
	background:url(../img/business-subtitle3.gif) no-repeat;
	text-indent:-9999px;
}
#business-subtitle4 {
	height:40px;
	background:url(../img/business-subtitle4.gif) no-repeat;
	text-indent:-9999px;
}
.pdf{ text-decoration:none; margin-left:10px;}
.pdfdlbox{border:1px solid #ccc; padding:10px;}


/* company.html
------------------------------------------------ */
#company-title {
	height:100px;
	background:url(../img/company-title.jpg) no-repeat;
	margin-bottom:20px;
}
#company-subtitle1 {
	height:40px;
	background:url(../img/company-subtitle1.gif) no-repeat;
	text-indent:-9999px;
}
#company-subtitle2 {
	height:40px;
	background:url(../img/company-subtitle2.gif) no-repeat;
	text-indent:-9999px;
}

/* contact.html
------------------------------------------------ */
#contact-title {
	height:150px;
	background:url(../img/contact-title.jpg) no-repeat;
	margin-bottom:20px;
}

.comtext {
	text-justify:inter-ideograph;
	text-align:justify;
}

/* common table
------------------------------------------------ */

.comtable{
	width:100%;
	border:1px solid #ccc;
	border-collapse:collapse;
}

.comtable th{
	padding:5px;
	white-space:nowrap;
	border-bottom:1px solid #ccc;
	text-align:left;
	background-color:#efefef;
	white-space:nowrap;
	vertical-align:top;
}
.comtable td{
	padding:5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	text-align:left;
	vertical-align:top;
}

.comtable thead th{
	padding:5px;
	white-space:nowrap;
	border-bottom:1px solid #ccc;
	text-align:left;
	background-color:#ccc;
	white-space:nowrap;
	vertical-align:top;
	text-align:center;
}
.comtable thead td{
	padding:5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #fff;
	background-color:#ccc;
	text-align:left;
	vertical-align:top;
	text-align:center;
}

.comtable-l{
	width:305px;
	border:1px solid #ccc;
	border-collapse:collapse;
	margin-left:5px;
}

.comtable-l th{
	padding:5px;
	white-space:nowrap;
	border-bottom:1px solid #ccc;
	text-align:left;
	background-color:#efefef;
	white-space:nowrap;
	vertical-align:top;
}
.comtable-l td{
	padding:5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	text-align:left;
	vertical-align:top;
}

.comtable-l thead th{
	padding:5px;
	white-space:nowrap;
	border-bottom:1px solid #ccc;
	text-align:left;
	background-color:#ccc;
	white-space:nowrap;
	vertical-align:top;
	text-align:center;
}
.comtable-l thead td{
	padding:5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #fff;
	background-color:#ccc;
	text-align:left;
	vertical-align:top;
	text-align:center;
}


/* common form
------------------------------------------------ */
.ifmiddle{width:300px;}
.ifshort{width:120px;}
.ifvshort{width:80px;}
.ifvvshort{width:30px;}
.ifbox{width:100%;height:200px;}
.ifbox2{width:100%;height:100px;}
.btncenter{text-align:center; width:100%;}
.normalbtn2 {
text-align:center;
background-color:#efefef;
border-bottom:1px solid #ccc;
padding:5px;
}
.normalbtn2 input{
width:200px;
height:20px;
text-align:center;
}
.comdata5 {
	width:100%;
	border-collapse:collapse;
	background-color:#fff;
	border:5px solid #ccc;
	margin-bottom:10px;

}

.comdata5 th{
	white-space:nowrap;
	text-align:left;
	background-color:#ccc;
	color:#000;
	padding:5px;
	border-bottom:1px solid #fff;
	border-right:1px solid #ccc;
	vertical-align:top;
}

.comdata5 td{
	text-align:left;
	background-color:#fff;
	padding:5px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	vertical-align:top;
}


/* common decolation
------------------------------------------------ */
.fcred {color: #c00;}
.fcblue {color:#0099CC;}
#flashlink {width:730px; line-height:normal; font-size:11px; border-top:18px solid #fff; border-left:15px solid #fff;}
#flashlink img{float:left; margin-right:15px;}

/* extended
---------------------------------------------------- */
.clear {
	clear: both;
}
.tac{text-align:center; padding:10px; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; margin-bottom:10px; margin-top:10px;}



/* Paging
---------------------------------------------------- */
div.paging {
	color: #ccc;
	margin-bottom: 0em;
}
div.paging div.disabled {
	color: #ddd;
	display: none;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}