@charset "Shift_JIS";

/*

-----------------------------------

	create: 2015-12-17
	update: 
	url: https://www.kracie.co.jp/

----------------------------------- */



/*----------------------------------------------
	Common
----------------------------------------------*/
.product h2.ttl {
	background: url(../image/product/bg_h1.png) repeat-x bottom;
	margin : 15px 0 10px;
	font-weight: bold;
	font-size: 24px;
	padding-bottom: 15px;
}
.product {
	font-size: 88%;
}
.product .iconArea li {
	float: left;
	color: #fff;
	padding: 4px 6px;
	text-align: center;
}
.iconArea li.ja {
	background: #ef6c62;
}
.iconArea li.ph {
	background: #999;
}
.iconArea li.ma {
	background: #ffb554;
}


/* SmartPhoneにのみ適応 */

@media screen and (max-width: 480px){
#topicPath {
	padding: 10px;
}
.product h2.ttl {
	padding: 0 10px 10px;
}
.product {
	font-size: 12px;
}
}


/*----------------------------------------------
	Brand list
----------------------------------------------*/
.product.productTop h3 {
	font-size: 20px;
	font-weight: bold;
	border-left:5px solid #626141;
	padding-left: 10px;
	margin: 40px 0 0 0;
}
.product.productTop .cont02 h3 {
	border-color: #9ce0f3;
}
.product.productTop .cont03 h3 {
	border-color: #cee4ae;
}
.product.productTop .cont04 h3 {
	border-color: #f5d9d5;
}
.product.productTop h4 {
	font-size: 18px;
	border-bottom: 1px solid #f0f2f4;
	padding: 0 0 5px 20px;
	margin:30px 0 10px;
}
.product.productTop .btnChiiku {
	background: url(/eng/image/product/arrow_g03.png) no-repeat left center;
	padding-left: 14px;
	margin-left: 20px;
	font-size: 14px;
}
.product.productTop .brandList {
	margin-left: 20px;
}
.product.productTop .brandList li {
	float: left;
	margin-right: 20px;
	width: 120px;
}
.product.productTop .brandList li a {
	color: #626141 !important;
}
.product.productTop .brandList li a:hover {
	text-decoration: none;
}
.product.productTop .brandList li p {
	border: 1px solid #f0f2f4;
	border-radius: 6px;
	height: 120px;
}
.product.productTop .brandList li img {
	width: 110px;
	height: auto;
	margin: 10px 5px;
}
.product.productTop .brandList li h5 {
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}
.product.productTop .cont01 dt,.product.productTop .cont01 dd {
	margin-bottom:5px;
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 0;
}
.product.productTop .cont01 dt {
	width: 180px;
	text-align: right;
	padding: 0 20px 0 0;
	margin-right: 10px;
}
.product.productTop .cont01 .g01 dt {
	background: url(/eng/image/product/arrow_g01.png) no-repeat right center;
}
.product.productTop .cont01 .g02 dt {
	background: url(/eng/image/product/arrow_g02.png) no-repeat right center;
}
.product.productTop .cont01 .g03 dt {
	background: url(/eng/image/product/arrow_g03.png) no-repeat right center;
}
.product.productTop .cont01 .g01 dt a {
	color: #158cae !important;
}
.product.productTop .cont01 .g02 dt a {
	color: #719933 !important;
}
.product.productTop .cont01 .g03 dt a {
	color: #cd4532 !important;
}
.product.productTop .cont01 dd {
	border-left:1px solid #CCC;
	padding-left:12px;
	margin-left:12px;
}
.product.productTop .cont01 dd.first {
	border-left:none;
}
.product.productTop .cont01 dd a {
	color:#626141 !important;
}
.product.productTop .cont04 {
	position: relative;
}

/* SmartPhoneにのみ適応 */

@media screen and (max-width: 480px){
.product.productTop .cont01,.product.productTop .cont02,.product.productTop .cont03,.product.productTop .cont04 {
	margin: 0 10px;
}
.product.productTop .cont01 {
	overflow-x: hidden;
}
.product.productTop .cont01 dl {
	border: 1px solid #f0f2f4;
}
.product.productTop .cont01 dl.g01 {
	border-radius: 4px 4px 0 0;
}
.product.productTop .cont01 dl.g03 {
	border-radius: 0 0 4px 4px;
}
.product.productTop .cont01 dt {
	clear:left;
	text-align: left;
	padding: 5px;
	float: none;
	width: 100%;
}
.product.productTop .cont01 dt a {
	width: 90%;
	display: block;
}
.product.productTop .cont01 .g01 dt {
	background: url(none) #f0f2f4;
	display: block;
}
.product.productTop .cont01 .g02 dt {
	background: url(none) #f0f2f4;
}
.product.productTop .cont01 .g03 dt {
	background: url(none) #f0f2f4;
}
.product.productTop .cont01 dt,.product.productTop .cont01 dd {
	padding-top: 5px;
	padding-bottom: 5px;
}
.product.productTop .cont01 dd {
	margin-bottom: 0;
}
.product.productTop .cont01 dd.first {
	margin-left: 0;
}
.product.productTop .brandList li {
	width: 88px;
	margin-right: 8px;
	margin-bottom: 10px;
}
.product.productTop .brandList li p {
	border: 1px solid #f0f2f4;
	border-radius: 6px;
	height: 88px;
	width: 88px;
}
.product.productTop .brandList li img {
	width: 78px;
	height: auto;
	margin: 10px 5px;
}
.product.productTop p.btnChiiku {
	position: relative;
}
}

/*----------------------------------------------
	Brand detail
----------------------------------------------*/
.product.brand p.bnBrandSite {
	margin-bottom: 20px;
}
.product.detail p.corp {
	text-align: right;
	margin: 15px 0;
}
.product.detail p.corp img {
	height: 20px;
	width: auto;
}
.bList {
	border-top:1px solid #f0f2f4;
	border-bottom:1px solid #f0f2f4;
	margin-top: 20px;
	text-align: center;
}
.bList ul {
	margin: 10px auto 2px;
}
.bList li {
	border-left:1px solid #CCC;
	padding-left:12px;
	margin-left:12px;
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 0;
}
.bList li:first-child{
	border-left:none;
}
.product.brand .cont02 {
	margin-top: 20px;
}
.product.brand .cont02 h3 {
	font-size: 20px;
	font-weight: bold;
	border-left:5px solid #626141;
	padding-left: 10px;
	margin-bottom: 10px;
}
.product.brand .cont02 .text01 {
	margin-left: 15px;
}
.product.brand .cont02 .text01 p {
	margin-bottom: 5px;
}
.product.brand .productList {
	margin-left: 15px;
	margin-top: 10px;
	background: url(/eng/image/product/line_brand.png) repeat-x bottom;
	padding-bottom: 5px;
}
.product.brand .productList .box {
	background: url(/eng/image/product/line_brand.png) repeat-x top;
	padding-top: 20px;
	padding-bottom: 5px;
	position: relative;
}
.product.brand .productList .box .imgArea {
	width: 200px;
	float: left;
	border: 2px solid #f0f2f4;
	border-radius: 6px;
}
.product.brand .productList .box .imgArea img {
	width: 190px;
	height: auto;
	margin: 5px;
}
.product.brand h4 {
	font-size: 18px;
	border-bottom: 1px solid #f0f2f4;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.product.brand .productList .box h4 {
	position: absolute;
	left: 225px;
	top:15px;
	width: 710px;
}
.product.brand .productList .box h4 img {
	margin-left: 10px;
}
.product.brand .productList .box .txtArea {
	float: right;
	width: 710px;
	margin-top: 30px;
}
.product.brand .productList .box .iconArea {
	margin-top: 15px;
}
.product.brand .productList .box .iconArea li {
	margin-right: 12px;
	font-size: 12px;
}
.product.brand .productList .box p.moreBtn {
	margin: 10px 0;
}
.product.brand .productList .box p.moreBtn a {
	width: 100%;
	background: #fcc;
	display: block;
	background: #f9f2bb; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f2bb 0%, #fdef8f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f9f2bb 0%,#fdef8f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f9f2bb 0%,#fdef8f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f2bb', endColorstr='#fdef8f',GradientType=0 ); /* IE6-9 */
	color: #000 !important;
	border-radius: 2px;
	border: 1px solid #cacaca;
	text-align: center;
	padding: 5px 0;
	font-weight: bold;
	font-size: 16px;
}
.product.brand .productList .box p.moreBtn a:hover {
	text-decoration: none;
	background: #fc0;
}
.product.brand .cont03 {
	margin-top: 30px;
	margin-left: 15px;
}
.product.brand .cont03 h4 {
	font-size: 16px;
	margin-bottom: 15px;
}
.product.brand .oBrandList li {
	float: left;
	margin-right: 20px;
	width: 120px;
}
.product.brand .oBrandList li a {
	color: #626141 !important;
}
.product.brand .oBrandList li a:hover {
	text-decoration: none;
}
.product.brand .oBrandList li p {
	border: 1px solid #f0f2f4;
	border-radius: 6px;
	height: 120px;
}
.product.brand .oBrandList li img {
	width: 110px;
	height: auto;
	margin: 10px 5px;
}
.product.brand .oBrandList li h5 {
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}

/* SmartPhoneにのみ適応 */

@media screen and (max-width: 480px){
.product.brand .cont01 {
	margin :10px;
}
.product.brand p.bnBrandSite {
	margin-bottom: 10px;
}
.product.brand p.bnBrandSite img {
	width: 100%;
	height: auto;
}
.product.brand p.corp {
	margin-bottom: 10px;
}
.product.brand p.corp img {
	height: 15px;
	width: auto;
}
.bList {
	border:1px solid #f0f2f4;
	border-radius: 6px;
	margin-top: 20px;
	text-align: left;
}
.bList ul {
	margin: 10px auto 2px;
}
.bList li {
	border-left:none;
	padding:5px 10px;
	margin-left:0;
	display: -moz-box;
	display: block;
	border-bottom:1px solid #f0f2f4;
	background: url(/eng/image/product/arrow_right.png) no-repeat 98% 50%;
	background-size: 6px 10px;
}
.bList li:first-child{
	padding-top:0;
	background-position-y: 0;
}
.bList li:last-child{
	border-bottom:none;
}
.bList li a {
	display: block;
}
.product.brand .cont02 {
	margin: 20px 10px 0;
}
.product.brand .productList {
}
.product.brand .productList .box .imgArea {
	width: 100px;
	height: 100px;
	margin-right: 10px;
}
.product.brand .productList .box .imgArea img {
	width: 90px;
	height: auto;
	margin: 10px 5px;
}
.product.brand .productList .box h4 {
	position:static;
	width: 100%;
}
.product.brand .productList .box .txtArea {
	width: 200px;
	margin-top: 0;
	float: left;
}
.product.brand .productList .box .iconArea {
	margin-top: 15px;
}
.product.brand .productList .box .iconArea li {
	margin:0 5px 5px 0;
	font-size: 10px;
}
.product.brand .productList .box .iconArea li:last-child {
	margin-right: 0;
}
.product.brand .productList .box p.moreBtn a {
	padding: 3px 0;
	font-size: 14px;
}
.product.brand .cont03 {
	margin: 30px 10px 0 25px;
}
.product.brand .oBrandList li {
	margin-right: 10px;
	width: 60px;
}
.product.brand .oBrandList li p {
	border: 1px solid #f0f2f4;
	border-radius: 6px;
	height: 60px;
}
.product.brand .oBrandList li img {
	width: 50px;
	height: auto;
	margin: 10px 5px;
}
.product.brand .oBrandList li h5 {
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}
}


/*----------------------------------------------
	Product Detail
----------------------------------------------*/
.hidden_p .bx-controls {
	display: none;
}
.product.detail .productList li {
	float: left;
	margin-right: 6px;
}
.product.detail .productList li p {
	border: 1px solid #f0f2f4;
	border-radius: 6px;
	height: 150px;
}
.product.detail .productList li img {
	width: 140px;
	height: auto;
	margin: 10px 5px;
}
.product.detail .productList li h5 {
	margin: 10px 0 0;
}
.product.detail h3 {
	font-size: 20px;
	font-weight: bold;
	border-left:5px solid #626141;
	padding-left: 10px;
	margin-bottom: 10px;
}
.product.detail h3 img {
	margin-left: 20px;
}
.product.detail h4 {
	font-size: 18px;
	border-bottom: 1px solid #f0f2f4;
	padding-bottom: 5px;
	margin-bottom: 10px;
	padding-left: 15px;
	margin-top: 30px;
}
.product.detail .linkArea {
	margin-top: 15px;
}
.product.detail .linkArea li {
	float: left;
	margin-right: 15px;
}
.product.detail .linkArea li.pdf {
	background: url(/eng/image/product/icon_pdf.png) no-repeat 10% 50%;
}
.product.detail .linkArea li a {
	display: block;
	border:1px solid #eee;
	background: url(/eng/image/product/arrow_linkbox.png) no-repeat 90% 50%;
	padding: 10px 40px 10px 10px;
}
.product.detail .linkArea li.pdf a {
	padding-left: 30px;
}
.product.detail .usage .imgArea {
	float: left;
	margin:0 15px;
}
.product.detail .usage .txtArea {
	margin-left: 15px;
}
.product.detail .cont01 .imgArea {
	width: 400px;
	float: right;
	margin-left: 20px;
}
.product.detail .cont01 .bx-wrapper .bx-viewport  {
	width: 400px;
	height: 360px;
	border:2px solid #f0f2f4;
	border-radius:6px;
}
.product.detail .cont01 .bx-wrapper {
	margin-bottom: 10px;
}
.product.detail .cont01 .slider01 li img {
	width: 360px;
	height: auto;
	margin: 20px;
}
.product.detail #pager a {
	float: left;
	width: 90px;
	height: 94px;
	border: 2px solid #efeeff;
	margin-right: 8px;
}
.product.detail #pager a:hover,
.product.detail #pager a.active {
	border-color: #98b3bd;
}
.product.detail #pager a.last {
	margin-right: 0;
}
.product.detail #pager a img {
	width: 88px;
	height: auto;
}
.product.detail .cont01 .iconArea {
	margin-left: 15px;
}
.product.detail .cont01 .iconArea li {
	margin-right: 12px;
}
.product.detail .cont01 .txtArea {
	margin:10px 0 0 15px;
}
.product.detail .productList .iconArea {
	margin-top: 10px;
	width: 140px;
	min-height: 40px;
}
.product.detail .productList .iconArea li {
	margin-right: 3px !important;
	font-size: 9px;
	margin-bottom: 3px;
	padding: 1px 2px;
}
.product.brand .productList li.last {
	margin-right: 0;
}
.product.detail .cont03 .bx-prev {
	left: -40px;
}
.product.detail .cont03 .bx-next {
	right: -40px;
}
.product.detail .cont05 .productList {
	margin-left: 15px;
}
.product.detail .cont05 .productList li {
	margin-bottom: 26px;
	margin-right: 26px;
	width: 152px;
	height: 240px;
}
.product.detail .cont05 .productList li li {
	margin-bottom: 3px;
	width: auto;
	height: auto;
}
.product.detail .bx-wrapper .bx-prev {
	background: url(/eng/image/product/slider_arrow_left_off.png) no-repeat 0 0;
}
.product.detail .bx-wrapper .bx-next {
	background: url(/eng/image/product/slider_arrow_right_off.png) no-repeat 0 0;
}
.product.detail .bx-wrapper .bx-prev:hover {
	background: url(/eng/image/product/slider_arrow_left_on.png) no-repeat 0 0;
}

.product.detail .bx-wrapper .bx-next:hover {
	background: url(/eng/image/product/slider_arrow_right_on.png) no-repeat 0 0;
}
.product.detail .bx-wrapper .bx-controls-direction a {
	width: 23px;
	height: 38px;
}


/* SmartPhoneにのみ適応 */

@media screen and (max-width: 480px){
.product.detail .cont01,.product.detail .cont02,.product.detail .cont03,.product.detail .cont04,.product.detail .cont05 {
	margin: 0 10px;
}
.product.detail .productList li {
	width: 75px;
	margin-right: 6px;
}
.product.detail .productList li p {
	height: 75px;
}
.product.detail .productList li img {
	width: 70px;
	height: auto;
	margin: 5px 2px;
}
.product.detail .cont04 img {
	width: 100%;
	height: auto;
}
.product.detail .usage .imgArea {
	float: none;
	margin:0;
	margin:0 10px;
}
.product.detail .usage .imgArea iframe {
	width: 100%;
	height: auto;
}
.product.detail .usage .txtArea {
	margin:10px;
}
.product.detail .cont01 .imgArea {
	width: 400px;
	float: right;
	margin-left: 20px;
	margin-top: -32px;
}
.product.detail .slider02 {
	display: none;
}
.product.detail .slider03 {
	display: block;
}

.product.detail .bx-wrapper .bx-prev {
	background-size:13px 26px;
}

.product.detail .bx-wrapper .bx-next {
	background-size:13px 26px;
}
.product.detail .bx-wrapper .bx-prev:hover {
	background-size:13px 26px;
}

.product.detail .bx-wrapper .bx-next:hover {
	background-size:13px 26px;
}
.product.detail .bx-wrapper .bx-controls-direction a {
	width: 13px;
	height: 26px;
}
.product.detail .cont03 .bx-prev {
	left: -20px;
}
.product.detail .cont03 .bx-next {
	right: -20px;
}
.product.detail .productList .iconArea {
	min-height: 66px;
}
.product.detail .cont01 .imgArea {
	float: none;
	margin:10px auto;
	width: 290px;
}
.product.detail .cont01 .bx-wrapper .bx-viewport  {
	width: 290px;
	height: 360px;
	border:2px solid #f0f2f4;
	border-radius:6px;
}
.product.detail .cont01 .bx-wrapper {
	margin-bottom: 10px;
}
.product.detail .cont01 .slider01 li img {
	width: 250px;
	height: auto;
	margin: 20px;
}
.product.detail .cont05 .productList li {
	width: 75px;
}
.product.detail .cont05 .productList li li {
	max-width: 75px;
	float: none;
}
.product.detail #pager a {
	float: left;
	width: 66px;
	height: 60px;
	border: 2px solid #efeeff;
	margin-right: 3px;
}
.product.detail #pager a img {
	width: 66px;
	height: auto;
}
.hidden_p .bx-controls {
	display:block;
}


}