@charset "utf-8";


#wrapper{
	clear: both;
	background-color: #EFEFEF;
	text-align: left;

	}
	
#container {
	width:860px;
	margin:0 auto;
	padding: 15px 10px 40px 10px;
	background-color: #FFF;
	overflow: hidden;
	}

#pankuzu {
	float:right;
	}
#pankuzu ul li {
	float:left;
	}

#topic_path{
}
#topic_path p{
text-align: right;
font-size:10px;
padding-bottom:10px;
}
#topic_path p a{
font-size:10px;
padding: 0 3px;
}	
#topic_path p span{
font-size:10px;
padding: 0 3px;
}	
#left {
 float:left;
 width:190px;
 margin-right: 20px;
 }
#left-menu {
	clear:both;
	width:168px;
	border:1px solid #ccc;
	padding: 15px 10px;
	line-height:1.5;
	/zoom:1;
	}
#left-menu ul {
	padding-left:15px;
	font-size:12px;
	/zoom:1;
	}
#left-menu > ul > li {
	margin-bottom: 15px;
	list-style: url(../image/products/lm1.gif);
	}

#left-menu > ul > li:last-child {
	margin-bottom: 0;
	}

#left-menu ul li ul{
	padding-top: 5px;
	padding-left:10px;
	}

#left-menu ul li ul li{
	margin-bottom: 10px;
	list-style: url(../image/products/lm2.gif);
	}
#left .imgSpan {
	margin-top:20px;
	}
#right {
	float:left;
	width:650px;
	}
	
	
#right h2 {
	clear: both;
	margin-bottom:20px;
}
	
#right h3 {
	clear: both;
	background:url(../image/products/blue_bar.jpg) no-repeat left top;
	width:650px;
	line-height:120%;
	color:#ffffff;
	margin-top:20px;
	margin-bottom:20px;
	font-size:16px;
	font-weight:bold;
	padding-left:10px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#right h4 {
	clear: both;
	background:url(../image/products/gray_bar1.jpg) no-repeat left top;
	/*width:630px;
	height:29px;*/
	line-height:120%;
	padding-left:20px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top:25px;
	margin-bottom: 10px;
	font-size:16px;
	font-weight:bold;
	border-bottom: solid 1px #0B4ABF;
}

#right table h4 {
	clear: both;
	background:url(../image/products/gray_barproducts.jpg) no-repeat left bottom;
	/*width:630px;
	height:29px;*/
	line-height:100%;
	padding-left:20px;
	margin-top:25px;
	margin-left:10px;
	margin-right: 0px;
	margin-bottom: 0;
	padding-bottom: 0;
	font-size:16px;
	font-weight:bold;
	border-bottom: solid 1px #0B4ABF;
}

#right h5 {
	clear: both;
	background:#EEE;
	width:620px;
	height:26px;
	margin: 0 auto;
	padding-left:10px;
	padding-top:5px;
	margin-top:25px;
	font-size:16px;
	}

#right h6 {
	clear: both;
	background:url(../image/products/lm3.gif) no-repeat left center;
	height:26px;
	line-height:26px;
	border-bottom:1px solid #CCC;
	margin-top:20px;
	margin-bottom: 20px;
	width:600px;
	margin-left: 10px;
	margin-right:10px;
	font-size:14px;
	padding-left: 20px;	
	}

#right .photo-left {
	float: left;
	margin: 0 10px 20px 0;
	}
#right .photo-right {
	float: right;
	margin: 0 0 20px 10px;
	}

#right .txt-center {
	text-align: center;
	}

#right .title3 {
	background:#EEE;
	width:620px;
	height:26px;
	margin: 0 auto;
	padding-left:10px;
	padding-top:5px;
	margin-top:25px;
	font-size:16px;
}

#right .title4 {
	background:url(../image/products/lm3.gif) no-repeat left center;
	height:26px;
	line-height:26px;
	border-bottom:1px solid #CCC;
	margin-top:20px;
	margin-bottom: 20px;
	width:600px;
	margin-left: 10px;
	margin-right:10px;
	font-size:14px;
}


#right #pImg {
	padding:0px 10px 10px 60px;
	}

/*#right .title5 {
	margin:10px;
	font-size:14px;
	font-weight:bold;
	}
#right .title6 {
	line-height:1.5;
	font-weight: normal;
	padding: 0 10px;
	font-size:14px;
	}
#right .title7 {
	line-height:1.5;
	font-weight: normal;
	padding:20px;
	font-size:14px;
	}
*/

#right p {
	line-height:1.5;
	font-weight: normal;
	padding:0 0 15px 0;
	font-size:14px;
}



#right .pBox {
	margin-bottom:20px;
	}

#right .pBox h4 {
	margin-top:25px;
	margin-bottom:15px;
	}
#right .pro_tit01{
margin-left:10px;
margin-bottom:5px;
font-size:14px;
font-weight:bold;
}
#right .pBox table td{
	font-size: medium;
	line-height:150%;
	padding-left:5px;
	}
	
#right .pBox table .cTd{
	background:#f2f2f2;
	color:#666;
	border-bottom:1px solid #ccc;
	border-right: 1px solid #ccc;
	width:120px;
	font-size:14px;
	font-weight:bold;
	}
#right .pBox table .td02{
border: none;
border-left: 1px solid #ccc;
line-height:0;
font-size:0;
}
#right .pBox table .pTd{
	width:220px;
	height:170px;
	padding:5px 0 0 15px;
	}

#right .pBox p.over {
	text-align: right;
	}

#right .pBox .buy-btn {
	margin-top:10px;
	margin-right: 10px;
	}
	
.clear {
	clear:both;
	}
	
#right .product_table{
width:630px;
margin-left: 10px;
border: 1px solid #ccc;
}
#right .product_table .p_td01{
font-size:14px;
padding-left:10px;
border-bottom:1px solid #ccc;
border-right: 1px solid #ccc;
}
#right .product_table .p_td01 em{
color:#FF0000;
font-weight: bold;
}
#right .pagetop{
	clear: both;
padding-top: 50px;
text-align: right;
margin-right: 10px;
}
#right .pagetop a:hover img{
opacity: 0.7; 
filter: Alpha(opacity=70);
}

/*---- sbon css 

#right #pImg_s {
	clear:both;
	height:250px;
	padding:0px 10px 10px 60px;
	}
#right .sbon_box{
	float:left;
	width:200px;
	padding-right:30px;
}
#right .sbon_box p {
	font-size:14px;
	line-height:150%;
	text-align:center;
}
#right .sbon_box span {
	font-weight:bold;
}
#right .sbon_box .img01 a{
	display:block;
	margin-top:10px;
	margin-left:25px;
	text-indent:-9999px;
	background:url(../image/products/h_6_sole.jpg) no-repeat left top;
	width:150px;
	height:200px;
}
#right .sbon_box .img01 a:hover{
	background:url(../image/products/h_6_sole_f2.jpg) no-repeat left top;
}
#right .sbon_box .img02 a{
	display:block;
	margin-top:10px;
	margin-left:25px;
	text-indent:-9999px;
	background:url(../image/products/h_16_sole.jpg) no-repeat left top;
	width:150px;
	height:200px;
}
#right .sbon_box .img02 a:hover{
	background:url(../image/products/h_16_sole_f2.jpg) no-repeat left top;
}

sbon css end-----------------*/

/*---- kosa css --------------------*/

#right #pImg_k {
	clear:both;
	height:250px;
	padding:0px 10px 10px 60px;
	font-size:14px;
	}

/*---- kosa css end-----------------*/

/*---- sublem css ------------------*/

#link_area{
	width:550px;
	height:650px;
	padding-top:40px;
	padding-left:50px;
}
#link_area p{
	padding-bottom:20px;
}
#link_area #fit a {
	background:url(../image/products/fit.gif) no-repeat left top;
	widht:546px;
	height:142px;
	text-indent:-9999px;
	display:block;
}
#link_area #fit a:hover {
	background:url(../image/products/fit_f2.gif) no-repeat left top;
}
#link_area #preats a {
	background:url(../image/products/per.gif) no-repeat left top;
	widht:546px;
	height:142px;
	text-indent:-9999px;
	display:block;
}
#link_area #preats a:hover {
	background:url(../image/products/per_f2.gif) no-repeat left top;
}
#link_area #sed a {
	background:url(../image/products/sed_btn.gif) no-repeat left top;
	widht:546px;
	height:142px;
	text-indent:-9999px;
	display:block;
}
#link_area #sed a:hover {
	background:url(../image/products/sed_btn_f2.gif) no-repeat left top;
}
#link_area #fale a {
	background:url(../image/products/fale_btn.gif) no-repeat left top;
	widht:546px;
	height:142px;
	text-indent:-9999px;
	display:block;
}
#link_area #fale a:hover {
	background:url(../image/products/fale_btn_f2.gif) no-repeat left top;
}


/*---- sublem css end --------------*/
th {background-color: #B0D7BD}




/*---------------------会社概要--------------------------*/
table.company_table {
	margin: 10px 0 30px 0;
	}
table.company_table th {
	padding: 10px;
	text-align: left;
	white-space: nowrap;
	border: solid 3px #FFF;
	font-size:14px;
	vertical-align: top;
	}
table.company_table td {
	padding: 10px;
	border: solid 3px #FFF;
	font-size:14px;
	vertical-align: top;
	}




/**/
.red-txt {
	color: #F00;
	}




/*ニュース・おすすめ*/
.newsbox {
	margin-bottom: 20px;
	}
.newsbox table {
	margin: 10px 20px 20px 20px;
	}
.newsbox table td {
	padding: 5px;
	line-height: 150%;
	vertical-align: top;
	}
.newsbox h4 span {
	font-size: 12px;
	font-weight: normal;
}

.newsbox p span.more {
	display: block;
	font-size: 12px;
	padding: 10px 0 0 0;
}



/* shisai */
#right #shinsai h3 {
	clear: both;
	background: #f2f2f2 url(none);
	width:630px;
	line-height:120%;
	color:#333333;
	margin-top:30px;
	margin-bottom:15px;
	font-size:16px;
	font-weight:bold;
	padding: 10px 10px;
}
#right .bold {
	font-weight:bold;
}
#right .mb20 {
	margin-bottom:20px;
}
#top-leftbody .mb10 {
	margin-bottom:10px;
}




/**/
#pagenationarea {
	clear: both;
	text-align: center;
}
#pagenate {

}
ul.pagelink {

}
ul.pagelink li {
	display: inline;
	font-size:12px;
}




/*---------------------160902 化成品事業本部--------------------------*/
.flRight {
	float: right;
	margin: 0 0 15px 15px;
}

.bold {
	font-weight: bold;
}

.waku {
	border: 2px solid #ccc;
	padding: 15px;
}

.contactTxt {
	margin: 30px 0 20px;
	text-align: center;
}

#right .contactTxt p {
	font-size: 18px;
}

#right .contactTxt p:last-child {
	padding: 0;
}

.contactTxt + .contactArea {
	margin-top: 20px;
}

.contactArea {
	border: 2px solid #0B4ABF;
	padding: 20px;
	margin: 30px 0 20px;
	text-align: center;
}

.contactArea dl dt {
	font-size: 20px;
	font-weight: bold;
	color: #0B4ABF;
	margin-bottom: 20px;
}

.contactArea dl dd.tel {
	background: url("../image/kako_new/iconTel.png") no-repeat left center;
	padding-left: 38px;
	font-size: 26px;
	font-weight: bold;
	line-height: 30px;
	display: inline-block;
}

.contactArea dl dd.mail {
	width: 480px;
	margin: 15px auto 0;
}

.contactArea dl dd.mail a {
	background: #069;
	padding: 20px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	display: block;
}

.contactArea dl dd.mail a:hover {
	opacity: 0.7; 
	filter: Alpha(opacity=70);
}

.contactArea dl dd.mail a span {
	background: url("../image/kako_new/iconMail.png") no-repeat left center;
	padding-left: 38px;
	line-height: 22px;
	display: inline-block;
}

#kakoTop #linkList ul {
	margin: -10px 0 0 -10px;
}

#kakoTop #linkList ul li {
	float: left;
	width: 210px;
	margin: 10px 0 0 10px;
	text-align: center;
}

#kakoTop #linkList ul li a {
	background: #069;
	padding: 15px 10px;
	color: #fff;
	text-decoration: none;
	display: block;
}

#kakoTop #linkList ul li a:hover {
	opacity: 0.7; 
	filter: Alpha(opacity=70);
}

#kakoJigyou .waku p.tit {
	font-size: 16px;
	font-weight: bold;
}

#kakoJigyou .waku p:last-child {
	padding: 0;
}

#kakoJigyou dl dt {
	background: #EEE;
	padding: 8px 10px;
	margin: 15px 0;
	font-size: 16px;
	font-weight: bold;
}

#kakoJigyou dl dd p.ph {
	text-align: center;
}

#kakoSeihin ul {
	margin-top: 20px;
}

#kakoSeihin ul li {
	margin-left: 10px;
}

#kakoSeihin ul li {
	background: url("../image/kako_new/iconList.png") no-repeat 4px 5px;
	padding-left: 16px;
}

#kakoSeihin ul li + li {
	margin-top: 15px;
}

#kakoAccess .bold {
	font-size: 16px;
	font-weight: bold;
}

#kakoAccess .map iframe {
	border: none;
}

#kakoFaq .waku + .waku {
	margin-top: 15px;
}

#kakoFaq p.que {
	background: url("../image/kako_new/iconQ.png") no-repeat left top;
	padding: 3px 0 0 30px;
	min-height: 21px;
}

#kakoFaq p.ans {
	border-top: 1px dotted #ccc;
	background: url("../image/kako_new/iconA.png") no-repeat left 15px;
	padding: 18px 0 0 30px;
	min-height: 19px;
	margin-top: 15px;
}

#kakoNagare ul li {
	background: url("../image/kako_new/arrowNagare.png") no-repeat center top;
	padding-top: 40px;
	margin-top: 10px;
}

#kakoNagare ul li:first-child {
	background: none;
	padding-top: 0;
	margin-top: 0;
}

#kakoNagare .waku p {
	padding-bottom: 0;
}

#kakoNagare .waku p.tit {
	background: #4b7ad2;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

#kakoNagare .waku p + p {
	margin-top: 10px;
}

#right .seihinList p {
	padding: 0;
}

#right .seihinList h4 {
	margin-top: 30px;
	margin-bottom: 20px;
}

#right .seihinList .leadTit {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

#right .seihinList .leadTxt {
	font-size: 18px;
}

.seihinList dt {
	background: #7fa4ea;
	padding: 10px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
}

.seihinList dt .red {
	color: #ff0000;
}

.seihinList dd + dd {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dotted #ccc;
}

.seihinList dd + dt {
	margin-top: 30px;
}

.seihinList .box .ph {
	float: left;
	width: 200px;
}

.seihinList .box .txt {
	float: right;
	width: 435px;
	font-size: 14px;
}

#right .seihinList .box .txt p.name {
	border-bottom: 2px solid #7fa4ea;
	padding-bottom: 3px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}

.seihinList p.phC {
	text-align: center;
}

#right .seihinList p.phC + p.phC {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dotted #ccc;
}

.seihinList p.mt10 {
	margin-top: 10px;
}

.seihinList p.pagetop {
	margin-top: 25px;
}

.seihinList .box .txt table {
	width: 100%;
}

.seihinList .box .txt table th {
	background: #efefef;
	border: 1px solid #ccc;
	padding: 10px;
	text-align: center;
}
.seihinList .box .txt table td {
	border: 1px solid #ccc;
	padding: 10px;
}

.seihinList .box .txt table td.txtC {
	text-align: center;
}

.seihinList .box .txt table + p {
	margin-top: 15px;
}

.seihinList .box .txt .btn {
	margin-top: 15px;
}

.seihinList .box .txt .btn ul {
	margin: -12px 0 0 -12px;
}

.seihinList .box .txt .btn ul li {
	float: left;
	width: 137px;
	margin: 12px 0 0 12px;
}

.seihinList .box .txt .btn ul li a {
	background: #069;
	padding: 10px 5px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	display: block;
}

.seihinList .box .txt .btn ul li a:hover {
	opacity: 0.7; 
	filter: Alpha(opacity=70);
}

.btnArea {
	margin: 40px 0;
}

.btnArea p {
	width: 480px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.btnArea p a {
	background: #069;
	padding: 20px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	line-height: 22px;
	display: block;
}

.btnArea p a:hover {
	opacity: 0.7; 
	filter: Alpha(opacity=70);
}

.seihinList.otherList h3 {
	margin-top: 35px;
}

.seihinList.otherList dl {
	margin-top: 20px;
}

#kakoJigyou .ytArea {
	width: 560px;
	margin: 15px auto 0;
}

#kakoJigyou .ytArea iframe {
	border: none;
}
