@charset "utf-8";
/*
Theme Name:ホンリャン・ジャパン株式会社
Description:ホンリャン・ジャパン株式会社
Version:1.0
*/

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
	box-sizing: border-box;
}
body {
	line-height: 1;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 100%;
	-webkit-text-size-adjust: 100%;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* reset end */

/* 共通 */

html,body{
	height: 100%;
}

#wrapper{
    width: 100%;
    position: relative;
    height: auto !important; /*IE6対策*/
    height: 100%; /*IE6対策*/
    min-height: 100%;
	margin: auto;
	padding: 0 0;
	overflow: hidden;
}

header{
	margin: 0;
}

div.area-logo{
	width: 960px;
	margin: auto;
}

div.area-logo p{
	font-size: 12px;
	color: #808080;
	padding: 15px 0;
}

header h1{
	width: 400px;
	height: 50px;
	margin: 0 0 15px 0;
	background: url("http://third.sakura.ne.jp/www/wp/wp-content/themes/huangliangJPN/images/common/logo.png") no-repeat;
}

header h1 a{
	width: 400px;
	height: 50px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	display: block;
}

nav{
	width: 960px;
	margin: auto;
}

nav ul{
	text-align: center;
	letter-spacing: -.4em;
	line-height: 0;
}

nav ul li{
	width: 160px;
	height: 52px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	letter-spacing: normal;
	display: inline-block;
}

nav ul li a{
	width: 160px;
	height: 52px;
	display: block;
}

nav ul li:hover,
nav ul li.active{
}

nav ul li:nth-child(1){
	background: url(images/common/navi.jpg) no-repeat;
	background-position: 0 0;
}

nav ul li:nth-child(1):hover,
nav ul li.active:nth-child(1){
	background: url(images/common/navi.jpg) no-repeat;
	background-position: 0 -52px;

}

nav ul li:nth-child(2){
	background: url(images/common/navi.jpg) no-repeat;
	background-position: -160px 0;
}

nav ul li:nth-child(2):hover,
nav ul li.active:nth-child(2){
	background: url(images/common/navi.jpg) no-repeat;
	background-position: -160px -52px;
}

nav ul li:nth-child(3){
	background: url(images/common/navi.jpg) no-repeat;
	background-position: -320px 0;
}

nav ul li:nth-child(3):hover,
nav ul li.active:nth-child(3){
	background: url(images/common/navi.jpg) no-repeat;
	background-position: -320px -52px;
}

nav ul li:nth-child(4){
	background: url(images/common/navi.jpg) no-repeat;
	background-position: -480px 0;
}

nav ul li:nth-child(4):hover,
nav ul li.active:nth-child(4){
	background: url(images/common/navi.jpg) no-repeat;
	background-position: -480px -52px;
}

nav ul li:nth-child(5){
	background: url(images/common/navi.jpg) no-repeat;
	background-position: -640px 0;
}

nav ul li:nth-child(5):hover,
nav ul li.active:nth-child(5){
	background: url(images/common/navi.jpg) no-repeat;
	background-position: -640px -52px;
}

nav ul li:nth-child(6){
	background: url(images/common/navi.jpg) no-repeat;
	background-position: -800px 0;
}

nav ul li:nth-child(6):hover,
nav ul li.active:nth-child(6){
	background: url(images/common/navi.jpg) no-repeat;
	background-position: -800px -52px;
}

div.middle{
	width: 960px;
	margin: auto;
}

div.middle:after{
	content: "";
	height: 0;
	display: block;
	clear: both;
}

div.content{
	float: left;
	width: 710px;
	margin-bottom: 50px;
}

.content section:after{
	content: "";
	height: 0;
	display: block;
	clear: both;
}

div.wrap-side{
	float: right;
	padding-left: 20px;
	margin-bottom: 50px;
}

div.side{
	width: 230px;
}

div.side li{
	margin-bottom: 20px;
}

div.side li:last-child{
	margin-bottom: 0;
}

div.side li .sidebar-title{
	overflow: hidden;
	height: 0;
}

.breadcrumbs{
	
}

.breadcrumbs ul{
	margin: 13px 0;
}

.breadcrumbs ul:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.breadcrumbs ul li{
	float: left;
	font-size: 13px;
}

.breadcrumbs ul li a{
	color: #903;
}

.breadcrumbs ul li.view a{
	color: #15478c;
}

.breadcrumbs ul li:after{
	content: ">";
	display: inline-block;
	margin: 0 10px;
	color: #903;
}

.breadcrumbs ul li:last-child:after{
	display: none;
}

h2.pagetitle{
    height: 40px;
    background: #e1e1e1;
    font-size: 16px;
    font-weight: bold;
    color: #800730;
	box-sizing: border-box;
    padding: 11px 0;
}

.content.download h2.pagetitle{
    margin-bottom: 30px;
}

h2.pagetitle:after{
	content: "";
	height: 0;
	display: block;
	clear: both;
}

h2.pagetitle:before{
	content: "";
    margin: 0 10px;
    float: left;
	display: block;
	width: 18px;
	height: 18px;
	background: url(images/common/title-sq.gif) no-repeat;
}

h2.pagetitle span{
	padding: 1.5px 0;
	display: inline-block;
}

footer{
	padding: 20px 0;
	background: #ccc;
	font-size: 12px;
	text-align: center;
}

footer small{
	display: block;
	margin-bottom: 20px;
}

footer ul.footnavi{
	letter-spacing: -.4em;
}

footer ul.footnavi li{
	display: inline-block;
	border-right: 1px solid #000;
	letter-spacing: normal;
	padding-right: 15px;
    margin-right: 15px;
}

footer ul.footnavi li a{
	color: #000;
	text-decoration: none;
}

footer ul.footnavi li a:hover{
	text-decoration: underline;
}

footer ul.footnavi li:last-child{
	border: none;
}

/* index */

.wrap-slider{
	background: #e1e1e1;
	width: 100%;
	margin: 20px auto 30px;
}

.slider{
	width: 960px;
	height: 250px;
	margin: auto;
	overflow: hidden;
	background: #e1e1e1;
}
.slider li{
	width: 960px;
}

.content.index p.content-top{
    height: 40px;
    background: #e1e1e1;
    font-size: 16px;
    font-weight: bold;
    color: #800730;
	box-sizing: border-box;
    padding: 11px 0;
}

.content.index p.content-top:after{
	content: "";
	height: 0;
	display: block;
	clear: both;
}

.content.index p.content-top:before{
	content: "";
    margin: 0 10px;
    float: left;
	display: block;
	width: 18px;
	height: 18px;
	background: url(images/common/title-sq.gif) no-repeat;
}

.content.index p.content-top span{
	font-size: 15px;
	padding: 1.5px 0;
	display: inline-block;
}

.content.index section.main{
	border: 1px solid #e1e1e1;
	border-top: 2px solid #903;
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: border-box;
	font-size: 13px;
	color: #4c4c4c;
	margin-bottom: 40px;
}

.content.index section.main h2{
	font-size: 15px;
	font-weight: bold;
	padding: 11px 0;
	margin: 0 9px 20px;
	border-bottom: 1px solid #e1e1e1;
}

.content.index section.main h2:before{
	content: "";
	display: inline-block;
	width: 7px;
	height: 16px;
	background: url(images/common/top-arrowr.gif) no-repeat;
    position: relative;
    top: 2px;
	margin-right: 12px;
}

.content.index section.main ul{
	font-size: 15px;
	line-height: 24px;
	font-weight: bold;
	margin: 0 9px 25px;
}

.content.index section.main p{
	font-size: 13px;
	line-height: 23px;
	font-weight: bold;
	margin: 0 9px 25px;
}

.content.index .index-picture{
	text-align: center;
	letter-spacing: -0.4em;
	margin-bottom: 40px;
}

.content.index .index-picture img{
	margin: 0 25px;
	display: inline-block;
	letter-spacing: normal;
}

.content.index section.news{
	margin-bottom: 50px;
}

.content.index .news .wrap-news{
	background: #e1e1e1;
	width: 100%;
    overflow: hidden;
	margin-bottom: 10px;
}

.content.index .news .wrap-news-main{
	border: solid 1px #ccc;	
}

.content.index .news .wrap-news .content-top{
	float: left;
}

.content.index .news .wrap-news .btn-list{
	float: right;
	padding: 9px;
}

.content.index .wrap-news .btn-list a{
	display: block;
}

.content.index .news dl{
	padding: 0 10px;
	font-size: 14px;
	line-height: 22px;
	overflow: hidden;
}

.content.index .news dl:last-child{
	border-bottom: none;	
}

.content.index .news dl:after{
	content: "";
	height: 0;
	display: block;
	clear: both;
}

.content.index .news dl dt,
.content.index .news dl dd{
	font-size: 14px;
}

.content.index .news dl dt{
	padding: 10px 0 0 5px;
	clear: left;
	float: left;
	width: 80px;
}

.content.index .news dl dd{
	padding: 10px 0 10px 110px;
	border-bottom: 1px dotted #ccc;
}

.content.index .news dl dd:after{
	content:"";
	display: block;
	clear: both;
}
.content.index .news dl dd:last-child{
	border-bottom: none;
}

.content.index .news dl dd a{
	color: #903;
}

.content.index .news dl dd a:hover{
	text-decoration: none;
}

/* product */

.content.product .list-product{
	margin-top: 10px;
	overflow: hidden;
}

.content.product .list-product li{
	width: 350px;
	border: solid 1px #ccc;
	border-top: solid 2px #800730;
	padding-bottom: 20px;
	margin-bottom: 6px;
	float: left;
}

.content.product .list-product li:nth-child(2n+1){
	margin-right: 6px;
}

.content.product .list-product li:last-child{
	margin-bottom: 0;
}

.content.product .list-product li:after{
	content: "";
	height: 0;
	display: block;
	clear: both;
}

.content.product .list-product li p.product-category{
	text-align: center;
	color: #800730;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}

.content.product .list-product li p.product-category a{
	font-size: 14px;
	color: #800730;
	text-decoration: none;
}

.content.product .list-product li p.product-category a:hover{
	text-decoration: underline;
}

.content.product .list-product li p.product-category:before{
	background: url(images/common/top-arrowb.gif) no-repeat;	
	content: "";
	display: block;
	width: 16px;
	height: 7px;
	text-align: center;
	margin: 5px auto 10px;
}

.content.product .list-product li .list-inner-left{
	width: 110px;
	float: left;
	box-sizing: border-box;
	text-align: center;
}

.content.product .list-product li .list-inner-left .wrap-thumb{
	width: 90px;
	height: 90px;
	margin: 0 auto 40px;
}

.content.product .list-product li .list-inner-left .thumb-category{
	width: 90px;
}

.content.product .list-product li .list-inner-right{
	width: 240px;
	min-height: 150px;
	float: right;
	padding: 0 12px;
	box-sizing: border-box;
	border-left: solid 1px #aaa;
}

.content.product .list-product li .list-inner-right p{
	font-size: 11px;
	line-height: 17px;
}

.product-side{
    width: 230px;
}

.product-side h3{
	border: solid 1px #ccc;
	box-sizing: border-box;
}

.product-side h3 img{
	display: block;
}

.product-side .side-list-prduct{
	border: solid 1px #ccc;
	margin-bottom: 30px;
}

.product-side .side-list-prduct li{
	border-bottom: solid 1px #ccc;
	font-size: 12px;
	color: #15478c;
	padding: 13px 0;
	position: relative;
}

.product-side .side-list-prduct li.selected{
	background: #ebebeb;
	color: #b3003c;
}

.product-side .side-list-prduct li:last-child{
	border-bottom: none;	
}

.product-side .side-list-prduct li a{
	margin-left: 36px;
	color: #15478c;
	text-decoration: none;
}

.product-side .side-list-prduct li a:before{
	content: "";
	display: block;
	width: 7px;
	height: 16px;
	background: url(images/common/top-arrowr.gif) no-repeat;
    position: absolute;
    top: 10px;
    left: 20px;
}

/* detail */
.content.detail section.detail-main{
	margin-top: 25px;
	margin-bottom: 30px;
	border: solid 1px #ccc;
}

.content.detail section.detail-main .inner{
	padding: 20px 15px;
	overflow: hidden;
}

.content.detail h3.productname{
	background: url(images/product/bg-detail-name.jpg) no-repeat;
	font-size: 16px;
	color: #fff;
	height: 50px;
	padding: 17px 0 17px 20px;
	box-sizing: border-box;
}

.content.detail p.catch{
	font-size: 16px;
	margin: 0 0 15px;
}

.content.detail p.txt{
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 30px;
}

.content.detail .detail-left{
	float: left;
	width: 440px;
}

.content.detail .detail-right{
	float: right;
}

.content.detail .detail-right img{
	position: relative;
	top: 5px;
	display: block;
}

.content.detail .detail-specification p{
	font-size: 14px;
	line-height: 24px;
}

.content.detail .detail-specification .spec-subsec{
	padding-bottom: 30px;
}

.content.detail .detail-specification .spec-subsec:first-child{
	margin-top: 20px;
}

.content.detail .detail-specification h3{
	height: 30px;
	box-sizing: border-box;
	border-bottom: solid 1px #903;
	border-left: solid 5px #903;
	background: #f2f2f2;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0 8px 15px;
	margin-bottom: 20px;
	color: #4c4c4c;
}

.content.detail .detail-specification p{
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px;
}

.content.detail .detail-specification table{
	border: solid 1px #ccc;
}

.content.detail .detail-specification table tr{
    border: 1px solid #ccc;
}

.content.detail .detail-specification table td{
    border: 1px solid #ccc;
	vertical-align: middle;
	height: 45px;
	font-size: 12px;
	line-height: 14px;
	padding: 0 10px;
}

.content.detail .detail-specification table td.label{
	width: 150px;
	background: #f2f2f2;
}

.content.detail .detail-specification table td.value{
	width: 205px;
}

.content.detail .wrap-form{
	border: solid 1px #ccc;
	border-top: solid 1px #903;
	padding: 20px;
}

/* company */

.content.company section{
	margin-bottom: 50px;
}

.content.company .comp-about table{
	padding: 0;
	line-height: 22px;
	overflow: hidden;
}

.content.company .comp-about dl dt,
.content.company .comp-about dl dd{
}

.content.company .comp-about tr td.label{
	width: 160px;
	border-bottom: 2px solid #903;
	font-size: 15px;
}

.content.company .comp-about tr td{
	width: 550px;
	padding: 20px 0 10px 0;
	border-bottom: 2px solid #b3b3b3;
	font-size: 13px;
}

.content.company .comp-map iframe{
	margin-top: 20px;
}


/* supplier */

.content.supplier h3{
    height: 30px;
    box-sizing: border-box;
    border-bottom: solid 1px #903;
    border-left: solid 5px #903;
    background: #f2f2f2;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0 8px 15px;
    margin-bottom: 20px;
	color: #4c4c4c;
}

.content.supplier h3 a{
	text-decoration: none;
	color: #083680;
}

.content.supplier h3 a:hover{
	text-decoration: underline;
}

.content.supplier section{
	margin-top: 30px;
}

.content.supplier .list-supply{
	
}

.content.supplier .list-supply > li{
	padding-bottom: 30px;
}

.content.supplier .list-supply > li:last-child{
	padding-bottom: 0;
}

.content.supplier .list-supply-product{
	
}

.content.supplier .list-supply-product > li{
	margin-bottom: 20px;
}

.content.supplier .list-supply-product > li:last-child{
	margin-bottom: 0;
}

.content.supplier .list-supply-product > li h4{
	font-size: 14px;
	font-weight: bold;
	color: #083680;
	margin-bottom: 10px;
}

.content.supplier .list-supply-product > li p{
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #4d4d4d;
}

/*  download */

.content.download .subsec-catalog{
	margin-bottom: 30px;
}

.content.download .subsec-catalog.first{
	margin-top: 30px;
}

.content.download h3{
    height: 30px;
    box-sizing: border-box;
    border-bottom: solid 1px #903;
    border-left: solid 5px #903;
    background: #f2f2f2;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0 8px 15px;
    margin-bottom: 20px;
	color: #903;
}

.content.download .list-catalog{
	overflow: hidden;
	padding-bottom: 10px;
}

.content.download .list-catalog li{
	float: left;
	margin: 0 1% 20px 0;
	width: 32%;
}

.content.download .list-catalog li:nth-child(4){
	margin-right: 0;
}

.content.download .list-catalog li:nth-child(4):after{
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.content.download .list-catalog li p{
	height: 30px;
	font-size: 12px;
	line-height: 14px;
	color: #0d3b80;
	font-weight: bold;
	border-left: solid 5px #0d3b80;
	padding-left: 10px;
	margin-bottom: 10px;
}

.content.download .list-catalog li a.thumb,
.content.download .list-catalog li a.btn-download{
	display: block;
	margin: auto;
	width: 171px;
}

.content.download .list-catalog li a.thumb{
	margin-bottom: 10px;
}

.content.download .wrap-download-thumb{
	width: 170px;
	height: 180px;
	background: #f7f7f7;
	margin: 0 auto 10px;
}

.content.download .wrap-download-thumb img{
	width: 140px;
	margin: auto;
	padding: 20px 0;
	display: block;
}

/* contact */
.content.contact section{
	margin-top: 20px;	
}

.content.contact section .aptoenq_question textarea, #aptoenqform textarea{
	width: 99% !important;	
}

/* privacy,policy */

.content.policy section,
.content.privacy section {
	margin-top: 30px;
}

.content.policy h3,
.content.privacy h3 {
    height: 30px;
    box-sizing: border-box;
    border-bottom: solid 1px #903;
    border-left: solid 5px #903;
    background: #f2f2f2;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0 8px 15px;
    margin-bottom: 20px;
    color: #4c4c4c;
}

.content.policy .txtwrap,
.content.privacy .txtwrap{
	margin-bottom: 30px;	
}

.content.policy p,
.content.privacy p {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 10px;
}

.content.policy ul,
.content.privacy ul,
.content.policy ol,
.content.privacy ol {
	margin-bottom: 30px;
}

.content.policy ol,
.content.privacy ol {
	list-style: decimal;
	padding-left: 1.5em;

}

.content.policy li,
.content.privacy li {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 10px;
}

/* news */
.content.news section{
	margin-top: 30px;
}

.content.news h3{
	height: 30px;
	line-height: 1;
	box-sizing: border-box;
	border-bottom: solid 1px #903;
	border-left: solid 5px #903;
	background: #f2f2f2;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0 8px 15px;
	margin-bottom: 20px;
    	color: #4c4c4c;
}

.content.news h3 a{
	text-decoration: none;
	color: #083680;
}

.content.news h3 a:hover{
	text-decoration: underline;
}

.content.news ul{

}

.content.news ul li{
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 30px;
}

.content.news ul li .readmore{
	margin-top: 10px;
	text-align: right;
}

.content.news ul li .readmore a{
	color: #903;
}

.content.news p{
	font-size: 14px;
	line-height:22px;
}