@charset "shift_jis";

/*==================================================================*/
/* 商品詳細CSS */
/*==================================================================*/

/* 通常タイプは見せない */

body .disp_type_nor {
	display: none;
}

div#qa-list h4 span.disp_type_nor {
	display: none;
}

body div#search-eng h4 span.norm {
	display: none;
}

body div#review-area h4 span.disp_type_nor {
	display: none;
}

body #search-eng ul.norm {
	display: none;
}

/* リセット
--------------------------------------*/
body,h1,h2,h3,h4,h5,h6,
div,p,ul,ol,li,dl,dt,dd,
table,tr,th,td,img {
	margin: 0;
	border: 0;
	padding: 0;
}

ul,ol {
	list-style-type: none;
}

#header #topic-path {
	padding-bottom: 0;
}


/* mac用テキストサイズ */
body.mac div#container {
	font-size: 16px;
}


/* ヘッダー
--------------------------------------*/
/*
#header .header-bottom {
	background-color: #444;
}

#header-global-navi li#gl-space,
#header-global-navi-top li#gl-space {
	position: relative;
}

#header-global-navi li#gl-space::before,
#header-global-navi-top li#gl-space::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 5px;
	background-color: #444;
	display: block;
	z-index: 3;
}

#header-global-navi li:nth-child(2) {
	border-left: 1px solid #9D9D9D;
}
#header-global-navi li:last-child {
	border-right: 1px solid #9D9D9D;
}
*/

#header-space-block {
    content: "";
    width: 195px;
    height: 42px;
    position: absolute;
    bottom: 0;
    left: 100%;
    display: none;
    background-color: #444;
}


/* コンテナ枠
--------------------------------------*/
#container {
/*	width: 736px; /* 伸ばすときは'auto' */
/*	min-width: 736px; */
	width: 980px; /* 伸ばすときは'auto' */
	min-width: 980px;
	float: none;
	margin: 0 auto;
	padding-left: 10px;
/*	font-family: Meiryo,メイリオ,"Lucida Grande","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif; */
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, Meiryo, "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}

#wrap-container {
/*	position: relative;*/
	width: auto;
	margin: 0 auto;
	padding: 0 10px;
}



/* 以下、Type B */

/* サイドバーは右へ
--------------------------------------*/

div#side_bar {
	float: none;
/*	width: 212px;*/
	width: 182px;
	padding-top: 0;
	position: absolute;
	top: 140px;
	left: 1030px;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, Meiryo, "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	font-weight: 500;
	display: none;
}


/* サンワチャンネル用
--------------------------------------*/

div#sanwach-link {
	text-align: right;
	margin-bottom: 15px;
}
div#sanwach-link a {
	display: block;
	background: url(/images/syousai_right/banner_3ch.png) no-repeat 0 0;
	width: 212px;
	height: 65px;
	font-size: 0;
}

div#side_bar a:hover {
	opacity: 0.6;
}


/* ラックバナー用 */

div#rack_link {
	margin-bottom: 15px;
}

/* 日替わりバナー用 */
/*div#cate-banner-area {
	margin-bottom: 15px;
}*/

/* 特集表示
--------------------------------------*/
/*div#rel-tokusyu {
	margin-bottom: 15px;
}

div#rel-tokusyu dl {
	background: url(/images/syousai_right/tokusyuu_bg_re.png) repeat-y 0 0;
}

div#rel-tokusyu-inner {
	background-color: #FFFFFF;
	margin: 10px 5px 0;
	border: 1px solid #CCCCCC;
}

div#rel-tokusyu dl dt {
	background: #FFFFFF url(/images/syousai_right/tokusyuu_bg_top.png) repeat-y 0 0;
	font-size: 0;
	width: 212px;
	height: 27px;
}
*/


/*
div#rel-tokusyu dl dd {
	padding: 10px 20px 10px 0;
	margin: 0 10px;
	font-size: 0.9em;
	background-image: url(/images/syousai_right/yajirushi_tokusyuu.jpg);
	background-repeat: no-repeat;
	background-position: 172px center;
	border-bottom: 1px dotted #CCCCCC;
	line-height: 1.2;
}
*/

/*div#rel-tokusyu dl dd a {
	padding: 10px 20px 10px 0;
	margin: 0 10px;
	font-size: 0.83em;
	background-image: url(/images/syousai_right/yajirushi_tokusyuu.jpg);
	background-repeat: no-repeat;
	background-position: 172px center;
	border-bottom: 1px dotted #CCCCCC;
	line-height: 1.2;
	display: block;
}


div#rel-tokusyu dl dd a:hover {
	opacity: 1;
}*/

/* 商品詳細（特長・仕様・対応機種） */

div#syousai {
	margin-top: 10px;
}

div#syousai h4  {
	background-color: #004da2;
	color: #ffffff;
	font-weight: normal;
	font-size: 1.15em;
	padding: 11px 15px 8px;
}

div#syousai div#syousai-inner {
/*	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 1px 20px; */
	padding: 0;
}

div#fix-nav-cont + div#syousai div#syousai-inner > div:first-child {
	margin-top: -50px;
}

div#syousai div#syousai-inner > div:last-child {
	padding-bottom: 0;
}

div#syousai div#syousai-inner h4.syousai-inner-title  {
/*	border-bottom: 2px solid #004da2;
	font-size: 1.2em;
	font-weight: normal;
	padding-bottom: 4px;
	background-color: #FFFFFF;
	color: #000000;
	padding: 11px 15px 3px 0px;
	margin-bottom: 12px; */
	border-left: 4px solid #174DAD;
	font-size: 1.8em;
	font-weight: bold;
	padding-bottom: 4px;
	background-color: #FFFFFF;
	color: #000000;
	padding: 8px 15px 3px 10px;
	margin-bottom: 12px;
	letter-spacing: 0.15em;
}


/* ----- 製品画像 モーダル表示 -----*/

#s-photo-modal-scroll {
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	overflow: auto;
	position: fixed;
/*	padding-bottom: 1px;*/
	padding: 0 0 1px;
	background-color: rgba(0, 0, 0, 0.4);
	display: none;
	z-index: 2007;
}

#s-photo-modal-popover {
	width: 980px;
	position: absolute;
	min-width: 0;
	max-width: 90%;
	padding: 0;
	z-index: 2008;
	height: auto;
	margin: 40px 0;
	opacity: 1;
	display: inline-block;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

#syohin-photo-wrapper {
	overflow: visible;
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #FFF;
	z-index: 2009;
}

#syohin-photo-container {
	width: 940px;
/*	max-height: calc(90vh - 40px);*/
	height: auto;
/*	overflow-y: auto;*/
	margin: 0;
	padding: 15px 20px 30px;
	text-align: left;
/*	position: fixed;
	top: 40px;
	left: 50%;*/
	background-color: #FFF;
	z-index: 2010;
/*	display: none;*/
/*	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);*/
}

#modal-overlay {
/*	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2006;
	background-color: rgba(0, 0, 0, 0.4);
	display: none;*/
}

#syohin-photo-container h1.syohin-photo-ttl {
/*	border-left: solid 4px #5B95C5; */
	margin: 0 0 10px;
	padding: 0 0 0 20px;
	font-size: 0.95em;
	position: relative;
	border: 0;
	font-weight: bold;
	font-weight: 600;
}

#syohin-photo-container h1.syohin-photo-ttl > span {
	display: inline-block;
/*	width: 473px;
	padding-right: 10px; */
	vertical-align: middle;
	width: calc(100% - 60px);
}

#syohin-photo-container h1.syohin-photo-ttl > span > span {
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle;
	width: auto;
}

#syohin-photo-container h1.syohin-photo-ttl span span#part_number {
/*	font-weight: normal; */
	font-size: 1em;
	line-height: 1.3;
}

#syohin-photo-container h1.syohin-photo-ttl a {
	position: absolute;
	right: 0;
	top: 0;
}

#syohin-photo-container #gallery {
/*	border: 1px solid #CCCCCC; */
	padding: 0;
}

#syohin-photo-container #main-photo-inner {
	padding: 0 176px;
}

#syohin-photo-container #main-photo-left,
#syohin-photo-container #main-photo-mid,
#syohin-photo-container #main-photo-right {
	float: left;
}

#syohin-photo-container #main-photo-left {
	padding-right: 20px;
}

#syohin-photo-container #main-photo-right {
	padding-left: 20px;
}

#syohin-photo-container #main-photo-left,
#syohin-photo-container #main-photo-right {
	min-height: 270px;	/* for modern browser */
	height: auto !important;	/* for modern browser */
	height: 270px;	/* for IE */
	padding-top: 230px;
}

#syohin-photo-container #main-photo-mid {
	width: 500px;
	min-height: 500px;	/* for modern browser */
	height: auto !important;	/* for modern browser */
	height: 500px;	/* for IE */
	margin: 0 auto;
	vertical-align: middle;
}

#syohin-photo-container #main-photo-mid img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

#syohin-photo-container #main-photo-mid .item {
	margin: 0 auto;
}

#syohin-photo-container #main-photo-mid .photo {
/*	margin: 12px 0 5px;*/
	margin: 0;
	width: 500px;
	height: 500px;
	position: relative;
}

#syohin-photo-container #main-photo-mid .text {
	margin: 0 0 20px;
	font-size: 0.8em;
}

#syohin-photo-container #thumbs {
/*	border-top: 1px dotted #CCCCCC; */
	padding: 20px 15px 0;
}

#syohin-photo-container #thumbs li {
	float: left;
	margin: 0;
	padding: 0 0 8px 8px;
	letter-spacing: normal;
	vertical-align: top;
}

#syohin-photo-container #thumbs li img {
	vertical-align: bottom;
}

#syohin-photo-container #thumbs li a {
	outline: none;
}

/*
#thumbs li a:link img,
#thumbs li a:visited img {
	border: 1px solid #0000FE;
}

#thumbs li a:hover img,
#thumbs li a:active img {
	border: 1px solid #FF0000;
}

#thumbs li.active a img {
	border: 1px solid #FF0000;
}
*/

#syohin-photo-container #thumbs li a:link img,
#syohin-photo-container #thumbs li a:visited img {
	border: 1px solid #d1d1d1;
	vertical-align: bottom;
}

#syohin-photo-container #thumbs li a:hover img,
#syohin-photo-container #thumbs li a:active img {
	border: 3px solid #01AEF0;
	vertical-align: bottom;
	margin: -2px;
}

#syohin-photo-container #thumbs li.active a img {
	border: 3px solid #01AEF0;
	vertical-align: bottom;
	margin: -2px;
}


#syohin-photo-container .photo-comment {
	margin: 15px 0 0;
	font-size: 0.8em;
	text-align: center;
}

#syohin-photo-container .photo-comment a img {
	width: 420px;
	margin: 0 auto;
}

#syohin-photo-container .close {
	margin: 20px 0 0;
	text-align: center;
}


/* ----- キーボード拡大 モーダル表示 -----*/

#keylayout-modal-scroll {
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	overflow: auto;
	position: fixed;
	padding: 0 0 1px;
	background-color: rgba(0, 0, 0, 0.4);
	display: none;
	z-index: 2007;
}
#keylayout-modal-popover {
	width: 990px;
	position: absolute;
	min-width: 0;
	max-width: 90%;
	padding: 0;
	z-index: 2008;
	height: auto;
	margin: 40px 0;
	opacity: 1;
	display: inline-block;
	top: 40%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#keylayout-wrapper {
	overflow: visible;
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #FFF;
	z-index: 2009;
}
#keylayout-container {
	width: 950px;
	height: auto;
	margin: 0;
	padding: 15px 20px 30px;
	text-align: left;
	background-color: #FFF;
	z-index: 2010;
}
#keylayout-container h1.keylayout-ttl {
	margin: 0 0 10px;
	padding: 10px 0 0;
	font-size: 0.95em;
	position: relative;
	border: 0;
	font-weight: bold;
	font-weight: 600;
}
#keylayout-container h1.keylayout-ttl > span {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 60px);
}
#keylayout-container h1.keylayout-ttl > span > span {
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle;
	width: auto;
}
#keylayout-container h1.keylayout-ttl a {
	position: absolute;
	right: 0;
	top: 0;
}
#keylayout-container .keylayout-zoom-area {
	border: 1px solid #C0C0C0;
	width: 950px;
	margin: 20px 0 0;
	padding-bottom: 130px;
}
#keylayout-container .keylayout-zoom-image {
	float: left;
	padding: 20px 5px 10px 10px;
}
#keylayout-container .keylayout-zoom-note {
	float: left;
	padding: 50px 0 0;
}
#keylayout-container .close {
	margin: 20px 0 0;
	text-align: center;
}




/* ----- 画像ダウンロード  -----*/
div.imagedb_banner {
/*	margin: 40px 0; */
	margin: 80px 0;
	text-align: center;
}

/* relational.cssへ移動させる */
/*---------------- ここからrelationalに含める -----------------*/
div#lineup-area-open {
/*	margin-top: 60px; */
	margin-top: 40px;
	padding: 56px 0 0;
}

div#lineup-area-open h4 {
/*	background-color: #004da2;
	color: #ffffff;
	font-weight: normal;
	font-size: 1.15em;
	padding: 11px 15px 8px; */
	border-left: 4px solid #174DAD;
	font-size: 1.8em;
	font-weight: bold;
	padding-bottom: 4px;
	background-color: #FFFFFF;
	color: #000000;
	padding: 8px 15px 3px 10px;
	margin-bottom: 20px;
	letter-spacing: 1px;
}

div#line-up-outer {
/*	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px 20px 15px;
	margin-top: 0; */
}

/*div#line-up-outer dl dt {*/
div#line-up-outer .dl .dt {
/*	border-bottom: 2px solid #004da2;
	font-size: 1.2em;
	font-weight: normal;
	padding: 11px 0 3px;
	margin-bottom: 10px; */
	border-bottom: 1px solid #AAAAAA;
	padding: 0;
	margin-bottom: 15px;
}

/*div#line-up-outer dl dt a {*/
div#line-up-outer .dl .dt a {
	background: url(/images/common/arrow_12px/yaji_kaku_bl_12.png) no-repeat right 6px;
	display: block;
	float: right;
	padding-right: 14px;
	padding-top: 5px;
}

/*body.mac div#line-up-outer dl dt a {*/
body.mac div#line-up-outer .dl .dt a {
	background: url(/images/common/arrow_12px/yaji_kaku_bl_12.png) no-repeat right 5px;
	display: block;
	float: right;
	padding-right: 14px;
	padding-top: 5px;
}

/*div#line-up-outer dl dt a span {*/
div#line-up-outer .dl .dt a span {
	font-size: 0.7em;
}

/*div#line-up-outer dl {*/
div#line-up-outer .dl {
	margin: 20px 0 0;
}

div#line-up-outer .dl + .dl {
	margin: 50px 0 0;
}

/*div#line-up-outer dl:after {*/
div#line-up-outer .dl:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/*div#line-up-outer dl dt:before {*/
div#line-up-outer .dl .dt:before {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/*div#line-up-outer dl dt span.lineup-reason-block {*/
div#line-up-outer .dl .dt span.lineup-reason-block {
	background-color: #E7E7E7;
	padding: 0 40px 0 10px;
	line-height: 35px;
	display: inline-block;
	height: 35px;
	position: relative;
	font-weight: bold;
	font-size: 1.1em;
}
/*div#line-up-outer dl dt span.lineup-reason-block::after {*/
div#line-up-outer .dl .dt span.lineup-reason-block::after {
	content: "";
	display: block;
	border-right: 35px solid #FFFFFF;
	border-bottom: 35px solid #E7E7E7;
	position: absolute;
	top: 0;
	right: 0;
}

/*div#line-up-outer dl dt span.lineup-num {*/
div#line-up-outer .dl .dt span.lineup-num {
	font-size: 0.8em;
/*	font-weight: normal; */
}

/*div#line-up-outer dl dt span span.lineup-num-inner {*/
div#line-up-outer .dl .dt span span.lineup-num-inner {
	font-size: 1.2em;
	display: inline-block;
	margin: 0 2px;
}

div#line-up-outer .dl .dd {
}

div#line-up-outer .dl .dd .lineup-all-slide {
	width: 925px;
	overflow: hidden;
	float: left;
}

div#line-up-outer .dl .dd .lineup-slider {
	width: 3000%;
	position: relative;
	top: 0;
	left: 0;
}

div#line-up-outer .dl .dd .page-unit.slide {
	float: left;
	width: 925px;
}

div#line-up-outer .dl.no-slide .dd .lineup-all-slide {
	overflow: visible;
}

div#line-up-outer .dl.no-slide .dd .lineup-slider {
	width: 100%;
}

div#line-up-outer .dl.no-slide .dd .page-unit.slide {
	float: none;
}

div#line-up-outer .dl.no-slide .dd .page-unit.slide + .page-unit.slide {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px dashed #CCC;
}


/* img-view */
/*div#line-up-outer dl dd.img-view { */
div#line-up-outer div.img-view {
	float: left;
/*	padding: 15px;
	margin-bottom: 15px;*/
	padding: 15px 15px 0;
	margin-bottom: 0;
	margin-top: -10px;
	width: 155px;
	font-size: 1.2em;
	font-weight: normal;
	font-weight: 500;
	position:relative;
}

/*div#line-up-outer dl dd.img-view a img {*/
div#line-up-outer div.img-view a img {
	display: block;
	padding-bottom: 12px;
	width: 148px;
}

/*div#line-up-outer dl dd.img-view span.rel-text {*/
div#line-up-outer div.img-view span.rel-text {
	font-size: 0.85em;
/*	text-align: center; */
	text-align: left;
	display: block;
	padding-bottom: 5px;
}

/*div#line-up-outer dl dd.img-view span.sku {*/
div#line-up-outer div.img-view span.sku {
	font-size: 0.85em;
/*	text-align: center; */
	text-align: left;
	display: block;
	padding-bottom: 5px;
}

/*div#line-up-outer dl dd.img-view span.sku::before {*/
div#line-up-outer div.img-view span.sku::before {
	content: "";
	width: 12px;
	height: 12px;
	display: inline-block;
	vertical-align: -1px;
	background: url(/product/images/ya.gif) left center no-repeat;
	background-size: 100% auto;
	margin-right: 5px;
}

/*div#line-up-outer dl dd.img-view span.price {*/
div#line-up-outer div.img-view span.price {
	font-size: 0.85em;
/*	text-align: center; */
	text-align: left;
	display: block;
}
div#line-up-outer div.img-view span.note {
	display:none;
	position: absolute;
	bottom: -40px;
	left: 0px;
	padding: 0;
	background-color: #FFF;
	border: 1px solid #666;
	padding: 10px;
	line-height: 1.3;
	font-size: 0.8em;
	border-radius: 10px;
}

div#line-up-outer div.img-view:hover span.note {
	display:block;
	color:#EE0000;
}

div.btnOpen-lineup, div.btnClose-linup, div#btnOpen-option, div#btnClose-option , #btnOpen-option-recommend , #btnClose-option-recommend {
	text-align: center;
	margin-top: 3px;
}

/* list-view */

/*div#line-up-outer dl dd.list-view {*/
div#line-up-outer div.list-view {
	float: left;
/*	width: 139.5px;*/
/*	width: 155px;*/
	width: 164px;
	margin: 0 -1px 10px 0;
}

div#line-up-outer .dl .page-unit:nth-of-type(1) div.list-view {
	margin-top: 0;
}

div.list-name {
	background-color: #eeeeee;
	border: 1px solid #999999;
	border-collapse: collapse;
	font-size: 0.85em;
	text-align: center;
	padding: 3px 0;
}

div.list-sku {
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-collapse: collapse;
	font-size: 0.85em;
	text-align: center;
	padding: 8px 0;
}
/*
div#line-up-outer dl dd.list-view div.table {
	display: table;
}

div#line-up-outer dl dd.list-view div.tr {
	display: table-row;
}

div#line-up-outer dl dd.list-view div.th {
	float: left;
	width: 138px;
	background-color: #EEEEEE;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	text-align: center;
	font-size: 0.8em;
	font-weight: normal;
	padding: 5px 10px;
}

div#line-up-outer dl dd.list-view div.td {
	clear: both;
	width: 138px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	text-align: center;
	font-size: 0.8em;
	font-weight: normal;
	padding: 5px 10px;
}
*/


#line-up-outer div[id$="-prev-btn"] {
	float: left;
	text-align: left;
	width: 24px;
	min-height: 1px;
}
#line-up-outer div[id$="-next-btn"] {
	float: right;
	text-align: right;
}
#line-up-outer div[id$="-prev-btn"].disp-table {
	min-height: 0;
}
#line-up-outer .navi-btn img {
	position: relative;
	top: 55px;
}



/*---------------- ここまでrelationalに含める -----------------*/

/* QA */

body div#qa-list {
/*	margin: 40px 0;*/
	padding: 56px 0 40px;
	margin-top: -50px;
}

body div#qa-list h4  {
/*	background-color: #004da2;
	background-image: none;
	color: #ffffff;
	font-weight: normal;
	font-size: 1.15em;
	padding: 11px 15px 8px; */
	border-left: 4px solid #174DAD;
	font-size: 1.8em;
	font-weight: bold;
	padding-bottom: 4px;
	background-color: #FFFFFF;
	color: #000000;
	padding: 8px 15px 3px 10px;
	margin-bottom: 20px;
	letter-spacing: 0.1em;
}

body #qa-list dl dt {
/*	background-color: #f6f6f6; */
	background-color: #FFFFFF;
	border-left: none;
	border-radius: 0;
	border-right: none;
	border-top: none;
	border-bottom: 1px solid #AAAAAA;
	padding: 20px 3%;
}

body #qa-list dl dt:first-child {
	border-top: 1px solid #AAAAAA;
}

body #qa-list dl dd {
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 14px;
	border-radius: 0;
	border-left: none;
	border-right: none;
}

body #qa-list div#qa-list-inner {
/*	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px 20px; */
	padding: 0;
}

body #qa-list dl dt p.q {
	display: block;
	float: left;
	font-size: 1em;
	line-height: 1.4;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 540px;
	vertical-align: middle;
	font-weight: bold;
	font-weight: 500;
}

body #qa-list dl dd div {
	display: block;
	float: left;
	font-size: 0.8em;
	line-height: 1.7;
	padding-bottom: 8px;
	padding-top: 10px;
	width: 640px;
}

body #qa-list dl dt p.link-show-answer {
	display: block;
	float: right;
	font-size: 0.8em;
	margin: 5px;
	width: 140px;
	padding: 2px 10px 3px 8px;
	text-align: right;
	position: relative;
}

body #qa-list dl dt p.link-show-answer a {
	border: 1px solid #EE1E1E;
	padding: 7px 15px 5px 12px;
	color: #EE1E1E;
	font-weight: bold;
	font-size: 1.2em;
/*	position: relative;
	display: inline-block;
	margin: 0 0 0 auto; */
	margin: 0;
	display: block;
	position: absolute;
	top: 50%;
	right: 12%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

body #qa-list dl dt p.link-show-answer a::after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-top: 2px solid #EE1E1E;
	border-right: 2px solid #EE1E1E;
	border-color: inherit;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-left: 5px;
	vertical-align: middle;
}

body #qa-list dl dt p.link-show-answer a:hover {
	opacity: 0.6;
	text-decoration: none;
}

body #qa-list dl dt p.date {
/*	border-left: 1px solid #dddddd; */
	border-left: 0;
	display: block;
	float: right;
	font-size: 0.9em;
	margin: 5px;
	padding: 7px 10px 3px 8px;
	width: 80px;
	position: relative;
	font-weight: bold;
	font-weight: 500;
}

body #qa-list dl dt p.date span {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

body p.moreQa {
    margin-bottom: 20px;
    margin-top: 30px;
    text-align: right;
}

body p.moreQa a {
    padding: 10px 10px 7px;
    border: 1px solid #CCCCCC;
    font-size: 0.95em;
}

body.mac p.moreQa a {
    padding: 10px;
    border: 1px solid #CCCCCC;
    font-size: 0.9em;
}

body p.moreQa a:hover {
    text-decoration: none;
    color: #1c64b3;
    background-color: #EFEFEF;
}

body p.moreQa a img {
    vertical-align: -1px;
    margin-left: 5px;
}

body #qa-list dl dd span {
	display: block;
	font-size: 0.8em;
	padding: 23px 5px 4px 0;
	text-align: right;
}

body #qa-list dl dd span img {
	display: inline;
	float: none;
	margin: 0 5px 12px;
	vertical-align: -12px;
}



/* お客様のご意見 */

div#qa-list h4  {
	background-color: #004da2;
	color: #ffffff;
	font-weight: bold;
	padding: 11px 15px 8px;
}

/* レビュー */

dl#review_link.disp_type_b {
	margin-top: 10px;
}

#review-inner {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	position: relative;
}

div#review-area h4 {
	margin-top: 40px;
}

dl#review_link.disp_type_b a {
	display: block;
	padding: 15px 40px;
	background: url(/images/common/arrow_12px/yaji_kaku_bl_12.png) no-repeat 99% 90%;
	border: 1px solid #CCCCCC;
	font-size: 1.05em;
	font-weight: bold;
	font-weight: 500;
}

dl#review_link.disp_type_b a:hover {
	text-decoration: none;
	background-color: #EFEFEF;
}

dl#review_link.disp_type_b a img {
	float: left;
	padding-right: 33px;
}

span.review_btn_title, span.review_btn_note {
	float: left;
	display: block;
	color: #333333;
}

span.review_btn_title {
	font-size: 1.15em;
	width: 50%;
	padding-top: 8px;
}

span.review_btn_note {
	font-size: 0.8em;
	padding-top: 8px;
}




/* レビューあり */

div#syousai div#review-area dl#review_link.disp_type_b {
	margin-top: 7px;
}

div#syousai div#review-area div#review-outer {
}

div#syousai div#review-area #review-inner {
	position: relative;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

div#syousai div#review-area #review-inner hr {
	position: absolute;
	top: 0;
	left: 0;
	border-left: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-top: 0px solid #CCCCCC;
	border-bottom: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	width: 100%;
	margin: 0;
	padding: 0;
}

div#syousai div#review-area #review-inner dl#review_link.disp_type_b a {
	display: block;
	padding: 15px 40px;
	margin: 20px 10px 10px;
	background: url(/images/common/arrow_12px/yaji_kaku_bl_12.png) no-repeat 99% 90%;
	border: 1px solid #CCCCCC;
}

div#syousai div#review-area #review-inner dl#review_link.disp_type_b a:hover {
	text-decoration: none;
	opacity: 0.6;
}

div#syousai div#review-area #review-inner a img {
	float: left;
	padding-right: 33px;
}

div#syousai div#review-area span.review_btn_title, div#syousai div#review-area span.review_btn_note {
	float: left;
	display: block;
	color: #333333;
}

div#syousai div#review-area span.review_btn_title {
	font-size: 1.15em;
	width: 50%;
	padding-top: 6px;
}

div#syousai div#review-area span.review_btn_note {
	font-size: 0.8em;
	padding-top: 10px;
}


/* この製品の情報を検索サイトでみる */

body div#search-eng h4 {
	font-weight: normal;
	font-size: 1.3em;
	padding: 0 0 5px;
	border-bottom: 1px solid #BBBBBB;
	background-color: #FFFFFF;
	color: #333333;
}

div#search-eng ul li {
/*	border: 1px solid #CCCCCC;*/
	margin-right: 10px;
}

body div#search-eng ul li a {
	font-size: 1.05em;
	display: block;
/*	padding: 5px 14px 4px;*/
	padding: 0;
	width: 66px;
	text-align: center;
}

body div#search-eng ul li a:hover {
	text-decoration: none;
	opacity: 0.6;
}

body div#search-eng ul li a:hover img {
	opacity: 0.3;
}

body div#search-eng ul li a.blue {
/*	width: 140px;*/
	width: auto;
/*	background-color: #F6FCFF;*/
}

body div#search-eng ul li a img {
	vertical-align: -1px;
	margin-left: 7px;
}



/* レコメンド */

body #recommend-wrapper {
    background-color: #ffffff;
    margin: 0 auto 8px;
    overflow: hidden;
    padding: 0 0 10px;
    width: 212px;
}



/* ここまで Type B */

/* 検索対象が無かった場合
--------------------------------------*/
#no-items {
	width:736px;
}
.notfound {
	font-size:1em;
	line-height:2em;
	font-weight:bold;
	padding: 32px 0px 32px 0px;
}





/* 印刷ページ入り口
--------------------------------------*/
/* プリント表示 */
#print-btn {
	float: right;
	margin: 0;
}

#print-btn a {
	font-size: 0.8em;
	line-height: 1.2;
	padding: 2px 7px 2px 29px;
	background: url(/product/images/ico_printer.png) no-repeat top 2px left 5px;
	border-bottom: 2px solid #AAAAAA;
	color: #666;
	font-weight: bold;
}

#print-btn a:hover {
	text-decoration: none;
	border-color: #FF0000;
	color: #FF0000;
}


/* 電子カタログリンク表示 */
#catalog-link {
	float: right;
	margin: 0 15px 0 0;
}

#catalog-link a {
	font-size: 0.8em;
	line-height: 1.2;
	padding: 2px 7px 2px 29px;
	background: url(/product/images/ico_catalog.png) no-repeat top 1px left 5px;
	border-bottom: 2px solid #AAAAAA;
	color: #666;
	font-weight: bold;
}
#catalog-link a:hover {
	text-decoration: none;
	border-color: #FF0000;
	color: #FF0000;
}


/* 通常画面表示 */
#display-btn {
	float: right;
	padding: 2px 5px 4px 24px;
	background: url(/product/images/ico_display.png) no-repeat top left;
	border-bottom: 2px solid #AAAAAA;
}

#display-btn a {
	font-size: 0.7em;
	line-height: 1.2;
}

/* キャプション
--------------------------------------*/
h1 {
	clear: both;
	margin: 0 0 10px;
	padding: 30px 0 3px 5px;
	border-bottom: 1px solid #666666;
	font-size: 1.5em;
	line-height: 1.4;
	zoom: 1; /*IE6〜7*/
}

/* 詳細エリア
--------------------------------------*/
#detail-area {
/*	margin: 0 0 130px; */
}

/* 詳細 左側
--------------------------------------*/
#detail-left {
	float: left;
	width: 455px;
/*	background-color: #FFFFCC;*/
}

/* メイン画像
--------------------------------------*/
#main-photo-area {
	min-height: 340px;
	height: auto !important; /* for modern browser */
	height: 340px; /* for ie6 */
	text-align: center;
}

#main-photo-area #main-photo {
	margin: 0 auto;
}

#kakudai-btn {
	margin: 5px 0 0 0;
	text-align: center;
	font-size: 0.8em;
}

#photo-comment {
	visibility: hidden;
	margin: 1px 0 0;
	font-size: 0.8em;
	line-height: 1.2;
}

/* 詳細 右側
--------------------------------------*/
#detail-right {
	margin: 0 0 0 495px;
	padding: 60px 15px 0 0;
/*	background-color: #FFCCFF;*/
}

/* ダイレクトに戻る
--------------------------------------*/
#direct-back {
	margin: -5px 0 8px;
	text-align: right;
	font-size: 0.8em;
}

/* 名前・品番など
--------------------------------------*/
#item-data {
	margin-left: 4px;
	zoom: 1; /* IE6 bug fix */
}

#item-data .inner {
	margin: 0;
	position: relative;
/*
	margin: -1px 0px -1px 0px;
	padding: 10px 24px 5px 24px;
	border-left: 1px solid #C2C2C2;
	border-right: 1px solid #C2C2C2;
*/
}

#item-data h2 {
	font-size: 1.1em;
	line-height: 1.4;
}

#item-data .item-sku-area h3 {
	font-family: 'Arial';
}

#item-data dl {
	width: 100%;
	margin: 8px 0 0;
/*	border-top: 1px solid #CCCCCC;
	border-collapse: collapse; */
}

/*
#item-data dl::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
*/

#item-data dl dt,
#item-data dl dd {
	padding: 2px 0;
	font-size: 0.9em;
	line-height: 1.4;
	font-weight: bold;
	height: 18px;
}

#item-data dl dt {
	width: auto;
	background: url(/product/images/delimiter.gif) no-repeat center right;
/*	font-weight: normal; */
	white-space: nowrap;
	padding-right: 10px;
	float: left;
}

#item-data dl dd {
	padding-left: 10px;
/*	background-color: #FFFFFF; */
	position: relative;
	top: 0;
	left: 10px;
}

#item-data h3 {
	font-size: 2.3em;
	line-height: 1.4;
	font-weight: bold;
	word-wrap: break-word;
/*	width: 285px; */
	width: 100%;
}

#item-data h3 img {
	vertical-align: baseline;
}

#item-data .date {
	color: #DD0000;
	font-size: 0.5em;
	vertical-align: 3px;
}

/* 在庫ありマーク */
#zaiko {
	color: #DD0000;
	font-size: 0.5em;
	vertical-align: 3px;
}

/* 近日発売マーク */
#kinjitsu {
	color: #FF0000;
	font-size: 0.5em;
	vertical-align: 3px;
}

/* 発売予定 */
#ind-text {
	display: block;
	color: #FF0000;
	font-size: 0.43em;
	vertical-align: 3px;
	font-weight: normal;
}


/* 販売施策上の限定製品 */
#shop-gentei {
		color:#f00;
		font-size:0.5em;
		vertical-align: 3px;
}

/* 非公開マーク */
#hikoukai {
	color: #0000DD;
	font-weight: bold;
	font-size: 0.8em;
	vertical-align: 1px;
}

/* 新価格表示 */
#price-new {
		position:relative;
		top:-3px;
}
.mac .chrome #price-new {
		top:-1px;
}
.mac .safari #price-new {
		top:-2px;
}

#item-data .roundedcorner-top {
	display: none;
}

#item-data .roundedcorner-bottom {
	display: none;
}


/*
#item-data .roundedcorner-top {
	position: relative;
	border-top: 1px solid #C2C2C2;
}
#item-data .roundedcorner-top .right {
	position: absolute;
	top: -1px;
	right: 0;
	background: url(/product/images/itemdata_corner_tr.gif) no-repeat top right;
}
#item-data .roundedcorner-top .left {
	position: absolute;
	top: -1px;
	left: 0;
	background: url(/product/images/itemdata_corner_tl.gif) no-repeat top left;
}
#item-data .roundedcorner-bottom {
	position: relative;
	border-bottom: 1px solid #C2C2C2;
}
#item-data .roundedcorner-bottom .right {
	position: absolute;
	bottom: -1px;
	left: 0;
	background: url(/product/images/itemdata_corner_br.gif) no-repeat bottom right;
}
#item-data .roundedcorner-bottom .left {
	position: absolute;
	bottom: -1px;
	left: 0;
	background: url(/product/images/itemdata_corner_bl.gif) no-repeat bottom left;
}

#item-data .roundedcorner-top,
#item-data .roundedcorner-top div,
#item-data .roundedcorner-bottom,
#item-data .roundedcorner-bottom div {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
*/


/* for IE6 style */
/*
* html #item-data .roundedcorner-top,
* html #item-data .roundedcorner-bottom {
	height: 6px;
}
*/

/* 特設バナー */

div#item-special div#tokusetsu-area ul li {
	display: block;
}

/* 似ている製品
--------------------------------------*/
#koukei-link {
	margin: 0;
}

#koukei-link a {
	margin: 10px 0 15px;
	text-align: center;
	display: block;
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	border: 1px solid #AAAAAA;
	background-color: #EAF3FA;
	color: #184CB1;
	font-size: 0.93em;
	position: relative;
	padding: 0 22px 0 18px;
/*	box-sizing: border-box; */
	font-weight: normal;
	font-weight: 500;
	width: 135px;
}

#koukei-link a::after {
	content: "";
	width: 5px;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: 5%;
	background: url(/product/images/yaji_bl_10.png) right center no-repeat;
	background-size: 100% auto;
}

#koukei-link a.orange {
	border: 0;
	border: 1px solid #F55A17;
	background-color: #F55A17;
	color: #FFF;
}

#koukei-link a.orange::after {
	background-image: url(/product/images/yaji_wh_10.png);
	right: 6.5%;
}


#koukei-link a span {
/*	vertical-align: middle;
	position: relative;*/
}

#koukei-link a:hover {
	opacity: 0.6;
	text-decoration: none;
}


/* 取説・ダウンロードなど
--------------------------------------*/
#item-support {
	margin: 12px 0 0;
	padding: 12px 0 0;
/*	background-color: #EEF3F7; */
	border-top: 1px solid #DDDDDD;
	zoom: 1; /* for IE6 */
	min-height: 105px;
}

#item-support ul {
	margin: -4px 0 -1px;
/*	padding: 0 0 0 6px; */
	padding: 0;
/*	background-color: #EEF3F7;*/
	overflow: hidden;
	zoom: 1; /* for IE6 */
}

#item-support li {
	float: left;
	width: 150px;
	margin: 4px 0 0 6px;
}

#item-support ul li:first-child {
	margin-left: 0;
}

#item-support li a {
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	border: 1px solid #AAA;
	text-align: center;
}

#item-support li a:hover {
	opacity: 0.6;
	text-decoration: none;
}

#item-support li a img.support-icn {
	vertical-align: middle;
	margin-left: -3px;
	width: 30px;
}
#item-support li a img.support-icn.contact {
	margin-left: -4px;
	margin-right: 2px;
}

#item-support li a > span {
	vertical-align: middle;
	font-size: 0.85em;
}

#item-support li.driver a > span {
	letter-spacing: -0.04em;
}

#item-support .roundedcorner-top {
	display: none;
}

#item-support .roundedcorner-bottom {
	display: none;
}


/*
#item-support .roundedcorner-top {
	position: relative;
}
#item-support .roundedcorner-top .right {
	position: absolute;
	top: 0;
	right: 0;
	background: url(/product/images/itemsupport_corner_tr.gif) no-repeat top right;
}
#item-support .roundedcorner-top .left {
	position: absolute;
	top: 0px;
	left: 0;
	background: url(/product/images/itemsupport_corner_tl.gif) no-repeat top left;
}
#item-support .roundedcorner-bottom {
	position: relative;
}
#item-support .roundedcorner-bottom .right {
	position: absolute;
	bottom: 0px;
	left: 0;
	background: url(/product/images/itemsupport_corner_br.gif) no-repeat bottom right;
}
#item-support .roundedcorner-bottom .left {
	position: absolute;
	bottom: 0px;
	left: 0;
	background: url(/product/images/itemsupport_corner_bl.gif) no-repeat bottom left;
}

#item-support .roundedcorner-top,
#item-support .roundedcorner-top div,
#item-support .roundedcorner-bottom,
#item-support .roundedcorner-bottom div {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
*/


/* for IE6 style */
/*
* html #item-support .roundedcorner-top,
* html #item-support .roundedcorner-bottom {
	height: 6px;
}
*/


/* 関連製品
--------------------------------------*/
#item-series {
	margin: 14px 0 0;
	zoom: 1; /* IE6 bug fix */
}

#item-series .title {
	padding: 0;
/*	border-left: 4px solid #5B95C5; */
	color: #333333;
	font-size: 1em;
	line-height: 1.2;
	font-weight: bold;
	font-weight: 500;
	width: 100%;
	display: inline-block;
}

#item-series .title.clfx:after {
	font-size: 0;
}

#item-series table {
	width: 100%;
	margin: 4px 0 0;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}
#item-series table th,
#item-series table td {
	padding: 4px 7px 3px 10px;
	border: 1px solid #CCCCCC;
	font-size: 0.87em;
	line-height: 1.4;
	font-weight: normal;
	font-weight: 500;
}

#item-series table th {
	background-color: #F4F4F4;
	text-align: center;
	letter-spacing: 0.2em;
/*	white-space: nowrap;*/
}

#item-series table td.photo {
	width: 60px;
	padding-right: 0;
	padding-left: 0;
	text-align: center;
}

#item-series table td.photo img {
	max-width: 54px;
	margin: 0 auto;
}

#item-series table td.hinban {
	white-space: nowrap;
}

#item-series table td.price {
	padding-right: 10px;
	text-align: right;
	white-space: nowrap;
}

#item-series #sub-none-table {
	display: none;
}
#item-series #sub-none-table table {
/*	margin-top: -276px; */
	margin-top: 0;
	border-top: 0;
}

#item-series #sub-none-table table tr:nth-of-type(1) td {
	border-top: 0;
}

#item-series p.sub-text {
		font-size: 0.8em;
		text-align: center;
}

#item-series p.sub-text a {
		display: block;
		text-align: center;
/*		background: url(/product/images/list_back.png) repeat-x 0 0;
		background-size: 100% auto;
		height: 17px;*/
		height: 18px;
		padding-top: 4px;
/*		padding-right: 6px;*/
		padding-right: 0;
		border: 1px solid #CCC;
		border-top: 0;
		width: calc(100% - 2px);
}

body.mac #item-series p.sub-text a {
		display: block;
		text-align: center;
/*		background: url(/product/images/list_back.png) repeat-x 0 0;
		background-size: 100% auto;
		height: 15px; */
		height: 18px;
		padding-top: 4px;
/*		padding-right: 6px;*/
		padding-right: 0;
		border: 1px solid #CCC;
		border-top: 0;
}

#item-series p.sub-text a:hover {
		text-decoration: none;
		color: #1c64b3;
		opacity: 0.6;
}

#item-series p.sub-text a #sub-text::before,
#item-series p.sub-text a #sub-text::after {
	content: "";
	width: 5px;
	height: 5px;
	border-top: 2px solid #1C64B3;
	border-right: 2px solid #1C64B3;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

#item-series p.sub-text a #sub-text.close::before,
#item-series p.sub-text a #sub-text.close::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#item-series p.sub-text a #sub-text::before {
	margin-right: 8px;
}

#item-series p.sub-text a #sub-text::after {
	margin-left: 8px;
}

/* 仕様違い 比較リンク */
#item-series a.series-link-comp {
	display: inline-block;
	float: right;
	font-size: 0.8em;
	padding-right: 10px;
	position: relative;
	margin: .25em 3px 0 0;
}
#item-series a.series-link-comp::after {
	content: "";
	width: 5px;
	height: 100%;
	display: block;
	position: absolute;
	top: -1px;
	right: 0;
	background: url(/product/images/yaji_bl_10.png) right center no-repeat;
	background-size: 100% auto;
	line-height: 1.2;
}
#item-series a.series-link-comp:hover {
	color: #1C64B3;
	text-decoration: none;
	opacity: 0.6;
}

#default-photo {
	margin: 5px 0 0;
	visibility: hidden;
	font-size: 0.8em;
}

#relational-items p {
		font-weight:bold;
		font-size:0.9em;
		margin:10px 0px;
}
#relational-items .prev {
		float:left;
		position:relative;
		top:50px;
}
#relational-items .next {
		float:right;
		position:relative;
		top:50px;
}
#relational-items .prev img,
#relational-items .next img {
		width:25px;
		height:25px;
}
#relational-items .items {
		margin:0px 2px;
		width:680px;
		float:left;
		text-align:center;
}
#relational-items .item {
		float:left;
		width:110px;
		margin:0px 1px;
}
#relational-items .item img {
		border:1px solid #ffffff;
		width:100px;
		height:100px;
}
#relational-items .item span.item-sku {
		font-size:0.9em;
}
#relational-items .item span.item-sku a {
		word-wrap: break-word;
}
#relational-items .item span.item-cap {
		font-size:0.8em;
}

#relational-items table {
		border:1px solid #999999;
		border-collapse: collapse;
		width:738px;
}
#relational-items table td {
		border:1px solid #999999;
		border-collapse: collapse;
		text-align:center;
		font-size:0.9em;
}
#relational-items table td div.item-cap {
		background-color:#eeeeee;
		margin:0px;
		height:20px;
}
#relational-items table td div.item-cap span {
		position:relative; top:2px;
}
#relational-items table td div.item-sku {
		background-color:#ffffff;
		margin:8px auto;
}

/* バリエーション
 * ----------------------------------- */
#variation-area {
	margin: 8px 0 0;
	text-align: right;
}
#variation-area a {
	margin: 0 0 0 auto;
	text-align: center;
	display: block;
	height: 24px;
	line-height: 24px;
	border-radius: 2px;
	border: 1px solid #AAAAAA;
	background-color: #EAF3FA;
	color: #184CB1;
	font-size: 0.93em;
	position: relative;
	padding: 0 10px 0 0;
/*	box-sizing: border-box; */
	width: calc(14em + 10px);
	font-weight: normal;
	font-weight: 500;
}

#variation-area a::after {
	content: "";
	width: 5px;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: 5%;
	background: url(/product/images/yaji_bl_10.png) right center no-repeat;
	background-size: 100% auto;
}

#variation-area a:hover {
	opacity: 0.6;
	text-decoration: none;
}


/*
#variation-area span {
	font-size: 0.9em;
	margin: 5px;
	position: relative;
	top: -2px;
}
body.mac #variation-area span {
	font-size: 0.8em;
	margin: 5px;
	position: relative;
	top: -2px;
}
*/

/* ツイッターキャンペーン
 * ----------------------------------- */
#twitter-area {
	margin:10px 0 15px 0;
	padding:10px 20px 10px 15px;
	background-color:#FFF3A7;
	height:76px;
}

#twitter-area .twitter-detail {
	float:left;
}

#twitter-area .twitter-btn {
	margin:20px 0 0 0;
	float:right;
}


/* 特設コーナー
--------------------------------------*/
#item-special {
	margin: 5px 0px 15px 0px;
}

#item-special ul {
	letter-spacing: -.40em;	/* 間を詰めて隙間を削除する */
	text-align: right;
}

#item-special ul li {
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline;	/*for ie5〜7*/
	/zoom:1; /*for ie5〜7*/
	letter-spacing: normal;	/* 文字間を通常に戻す */
	margin: 0px 0px 5px 5px;
	vertical-align: top;
}

#item-special li a:link img,
#item-special li a:visited img {
	/*
	border: 1px solid #0000FE;
	*/
	vertical-align: bottom;
}

#item-special li a:hover img,
#item-special li a:active img {
	/*
	border: 1px solid #FF0000;
	*/
	vertical-align: bottom;
}

#item-special li img.enter {
	border: none;
	vertical-align: bottom;
}


/* 写真・動画エリア
--------------------------------------*/
#photo-movie-area {
	margin: 5px 0 0;
}

/* 写真エリア */
#photo-area {
	margin: 0;
	padding: 10px 0 2px;
/*	background-color: #e3edf5; */
}

#photo-area .photo-inner div {
	float: left;
/*	margin-right: 6px;*/
	margin-right: 0;
	margin-bottom: 6px;
}

#photo-area .photo-inner div:nth-child(8n) {
	margin-right: 0;
}

#photo-area .photo-inner div a {
	display: block;
	padding-right: 6px;
}

#photo-area .photo-inner div a:link img,
#photo-area .photo-inner div a:visited img {
	border: 1px solid #d1d1d1;
	vertical-align: bottom;
}

#photo-area .photo-inner div a:hover img,
#photo-area .photo-inner div a:active img {
	border: 3px solid #01AEF0;
	vertical-align: bottom;
	margin: -2px;
}

/* 動画エリア */
#movie-area {
	margin: 60px 0 80px;
/*	padding: 20px;*/
	text-align: center;
/*	background-color: #d1d1d1; */
}

#movie-area .movie-title {
	margin: 0 0 30px 0;
	text-align: left;
	font-size: 1.8em;
	font-weight: bold;
	border-left: 4px solid #2A56BB;
	padding: 9px 0 8px 10px;
	background-color: #ECECEC;
}

#movie-area .movie-title img {
	margin: 0 7px 0;
	vertical-align: middle;
}

/* 動画複数の場合 */
#movie-area .movie-item {
	float: left;
}

#movie-area .movie-item.two {
/*	margin: 0 0 10px 65px;*/
	margin: 0 0 10px 45px;
}

#movie-area .movie-item.three {
	margin: 0 18px 10px 10px;
}

#movie-area .movie-item.three:nth-child(3n) {
	margin-right: 0;
}

#movie-area .movie-item .movie-link {
	margin:10px 0 0 0;
	font-size:0.8em;
	text-align:left;
}

#movie-area .movie-item .movie-link img {
	vertical-align:0px;
	margin:0 4px 0 0;
}

/* 動画と代替画像の切替用 */
#movie-flash,
#movie-alternative {
	display: none;
}

/* 絵文字エリア
--------------------------------------*/
#emoji-area {
	clear: both;
	margin: 10px 0 0;
	padding: 2px 0 3px 0;
}

#emoji-area ul {
	list-style: none;
	position: relative;
}

#emoji-area li {
	float: left;
	margin: 3px 0;
	padding: 0 5px 0 0;
}

#emoji-area li.emoji-br {
	width: 0;
	height: 0;
	margin: 0 0 3px;
	padding: 0;
	float: none;
	display: block;
	clear: both;
}

#emoji-area ul li a.emoji {
	display: block;
	padding: 0 7px;
	color: #FFF;
	font-size: 0.9em;
	height: 24px;
	line-height: 24px;
	background-color: #9A9A9A;
}
#emoji-area ul li a.emoji > span {
	display: block;
	white-space: nowrap;
}
#emoji-area ul li a.emoji:hover {
	opacity: 0.7;
	text-decoration: none;
}

#emoji-area ul li span.emoji {
	display: block;
	padding: 0 7px;
	color: #FFF;
	font-size: 0.9em;
	height: 24px;
	line-height: 24px;
	background-color: #9A9A9A;
	white-space: nowrap;
}

#emoji-area ul li span.emoji.e-cate-rohs {
	background-color: #60c060;
}

#emoji-area ul li span.emoji.e-cate-oomono {
	background-color: #ee7777;
}

#emoji-area ul li span.emoji.mouse-on {
	background-color: #174EAF;
}

#emoji-area ul li div.emoji-popup {
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 1;
	left: inherit;
	bottom: inherit;
}

#emoji-area ul li div.emoji-popup span {
	width: auto;
	position: absolute;
	left: -5px;
	bottom: 27px;
	max-width: 300px;
	padding: 0.8em 1em;
	text-align: left;
	color: #333;
	font-size: 0.9em;
	line-height: 1.5;
	background-color: #FFF;
	border: 1px solid #174EAF;
	border-radius: 5px;
	-webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.1));
	-moz-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.1));
	-ms-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.1));
	display: none;
}

#emoji-area ul li div.emoji-popup span::before {
	content: "";
	position: absolute;
	top: 100%;
	left: calc(8% + 8px);
	margin-left: -8px;
	border: 8px solid transparent;
	border-top-color: #174EAF;
}

#emoji-area ul li div.emoji-popup span::after {
	content: "";
	position: absolute;
	top: 100%;
	left: calc(8% + 8px);
	margin-left: -6px;
	border: 6px solid transparent;
	border-top-color: #FFF;
}

#emoji-area ul li span.emoji:hover {
	cursor: default;
	background-color: #174EAF;
}

#emoji-area ul li span.emoji:hover + div.emoji-popup span {
/*	display: inline-block; */
}




/*
#emoji-area li img {
	vertical-align: bottom;
}
*/



/* 大物送料 */

div.size-l {
	margin: 0.2em 0 0;
	padding: 0.5em 1.4em 0.5em 0;
	text-align: left;
}

div.size-l p {
	margin: 0;
    padding: 0.5em;
    text-align: left;
    font-size: 0.85em;
    line-height: 1.6em;
    color: #FF0000;
    width: 99%;
    background-color: #FFFFFF;
    border: 1px solid #FF0000;
    font-weight: normal;
    font-weight: 500;
}


/* 製品ラインナップ
--------------------------------------*/
#lineup-area {
	margin: 30px 0px 0px 0px;
}

#lineup-area iframe {
	margin: 0px 0px 0px 0px;
}

#lineup-area h4 {
	margin: 0px 0px 10px 0px;
	background: url(/product/images/title_bar_middle.png) repeat-x top left;
}

#lineup-area h4 span {
	display: block;
	background: url(/product/images/title_bar_right.png) no-repeat top right;
}

/* LANケーブル検索誘導バナー
 * -----------------------------------*/
#lancable-search {
		text-align: center;
		margin: 40px auto;
}

/* キーボード拡大画像バナー
--------------------------------------*/
.zoom-btn-area {
	widht:100%;
}

.zoom-btn-area p {
	margin: 5% 0 0 0;
	padding:0;
	text-align: center;
}

/* インクルードHTML
--------------------------------------*/
#fix-nav-cont {
	margin: 86px 0 60px;
	padding-top: 1px;
}
#syousai-btn {
	margin: -36px 0 0;
	text-align: center;
	height: 20px;
	z-index: 149;
	background: #FFF;
	display: block;
	padding: 10px 0 8px;
/*	position: absolute; */
}
#syousai-btn.fixed {
	position: fixed;
	top: 0;
	margin: 0;
	width: 980px;
}
#syousai-btn ul {
	margin: 0;
	padding: 0;
}

#syousai-btn ul li {
	display: inline-block;
	margin: 0 1px;
	width: calc(14% - 4px);
}

#syousai-btn ul li a {
	display: block;
	border-bottom: 3px solid;
	padding-bottom: 5px;
	text-align: center;
	position: relative;
	font-size: 0.9em;
	font-weight: bold;
	font-weight: 500;
}

#syousai-btn ul li a:hover {
	border-color: inherit;
	text-decoration: none;
}

#syousai-btn ul li a::before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	border-top: 2px solid #1C67E6;
	border-right: 2px solid #1C67E6;
	border-color: inherit;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	vertical-align: 2px;
	margin-right: 7px;
}

#syousai-btn ul li.direct-link a {
	color: #666;
}

#syousai-btn ul li.direct-link a:hover {
	color: #F00;
}

#syousai-btn ul li.direct-link a::before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	border-top: 2px solid #1C67E6;
	border-right: 2px solid #1C67E6;
	border-color: inherit;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#syousai-btn ul li a span {
	display: inline-block;
	vertical-align: middle;
}

#syousai-btn ul li.direct-link a span {
	letter-spacing: -0.04em;
}

div[id^="product-html-"] {
	display: block;
	margin: 40px auto 0;
	padding: 0;
	width: 736px;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, Meiryo, "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}

div#product-html-wide,
div#product-html-wide1 {
	display: block;
	margin: 40px 0 0;
	padding: 0;
	width: 980px;
}

.product-html {
	display: block;
	margin: 40px 0 0;
	padding: 0;
}

#wrap-container > div#product-html-wide {
	margin: 40px auto 0;
}

.product-html p{
	margin: 0;
	padding: 0;
}

.product-html dl{
	margin: 16px 0 0;
	padding: 0;
}
.product-html dt{
	margin: 0 0 10px;
	font-size: 0.9em;
	font-weight: bold;
}
.product-html dd{
	margin: 6px 0 0;
	font-size: 0.8em;
}
.product-html img{
	margin: 0;
}

.product-html table {
	margin: 0 auto;
}

/* 特集ページリンクバナー
--------------------------------------*/
.tokusyu-banner {
	margin:0 0 40px 0;
	text-align:center;
}

/* 導入チラシ・単品チラシダウンロード
--------------------------------------*/
.download-area {
	text-align:center;
}
.download-area.download-bottom {
	margin:40px 0 0 0;
}
.download-area .download-banner {
	display:inline-block;
}
.download-area .download-banner + .download-banner {
	margin:0 0 0 15px;
}
.download-area #case-by.modal-content div.table {
	margin:0px auto 0px;
}
.download-area #case-by.modal-content.modal-content div.td {
	padding: 17px 0 17px 20px;
	text-align:left;
}
.download-area #case-by.modal-content.modal-content div.td + div.td {
	text-align:center;
}
.download-area #case-by.modal-content.modal-content div.td a img {
	width:72px;
}

/* 検索システムへのバナー
--------------------------------------*/
.sys-search-banner {
	margin: 40px 0;
	padding: 25px 0;
	text-align: center;
	background-color: #EBF3FA;
}
.sys-search-banner a img {
	margin: 0 auto;
}

/* 動画・インクルードボタンエリア
--------------------------------------*/
.double_area,
.movie_btn_area,
.include_btn_area {
	padding:20px 0;
	background-color:#F6F6F6;
}

.double_area .movie_detail {
	margin:0 0 0 50px;
	float:left;
}

.movie_btn_area .movie_detail a,
.double_area .movie_detail a {
	padding:13px;
	border:2px solid #032ca1;
	background-color:#FFFFFF;
	color:#032ca1;
	font-weight:bold;
	font-size:1.2em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	display:block;
	background-image: url(/product/images/icn_movie.png),url(/product/images/yaji_1218_bl.png);
	background-repeat: no-repeat,no-repeat;
	background-position: 5% center,95% center;
	width:240px;
	text-align:center;
}

.double_area .include_detail {
	margin:0 50px 0 0;
	float:right;
}

.include_btn_area .include_detail a,
.double_area .include_detail a {
	padding:13px;
	border:2px solid #1c8afb;
	background-color:#1c8afb;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.2em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	display:block;
	background-image: url(/product/images/icn_check.png),url(/product/images/yaji_1218_w.png);
	background-repeat: no-repeat,no-repeat;
	background-position: 5% center,95% center;
	width:320px;
	text-align:center;
}

.movie_btn_area .movie_detail {
	float:none;
	text-align:center;
}

.movie_btn_area .movie_detail a {
	margin:0 auto;
}

.include_btn_area .include_detail {
	float:none;
	text-align:center;
}

.include_btn_area .include_detail a {
	margin:0 auto;
}

/* 問い合わせフロー
--------------------------------------*/
.flow_banner {
	margin: 5% auto 0;
	padding: 3% 0 2%;
	background-color: #FEE100;
	width: 736px;
}

.flow_banner img {
	width:100%;
}

.flow_banner .flow_top_area {
	position:relative;
}

.flow_banner .flow_top_area .fig1 {
	margin: 0 0 0 4%;
	padding:0; 
	width: 13.315%;
}

.flow_banner .flow_top_area .fig2 {
	margin: 0; 
	padding: 0; 
	position:absolute; 
	top: 0%; 
	left: 20%; 
	width: 68.478%;
}

.flow_banner .flow_top_area .text1 {
	margin: 0; 
	position:absolute; 
	top: 61%; 
	left: 20.5%; 
	text-align:left; 
	font-size: 0.9em; 
	line-height: 1.6em; 
	width: 66%;
}

.flow_banner .flow_bottom_area {
	margin: 2% auto 0; 
	position:relative;
}

.flow_banner .flow_bottom_area .link_banner1 {
	margin: 0 0 0 2.5%; 
	padding:0; 
	width:46.739%;
}

.flow_banner .flow_bottom_area .link_banner2 {
	margin: 0; 
	padding: 0; 
	position:absolute; 
	top: 0%; 
	right: 2.5%;
	width:46.739%;
}


/* 仕様エリア
--------------------------------------*/
#spec-area {
	padding: 56px 0 40px;
}

/* テーブル形式 */
#spec-area table {
	width: 100%;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-collapse: collapse;
}

#spec-area table th,
#spec-area table td {
	padding: 8px 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-size: 0.9em;
	line-height: 1.6;
	vertical-align: top;
	font-weight: normal;
	font-weight: 500;
}

#spec-area table th {
	width: 135px;
	/width: 21%;
	background-color: #F7F7F7;
/*	font-weight: normal; */
	text-align: left;
}

#spec-area table th:not([colspan]) {
	border-right: 0;
}

#spec-area table td {
	/*width: 600px;*/
}


/* リスト形式 */
#spec-area li {
	margin: 0 0 0.8em 1em;
	padding: 0 0 0 12px;
	font-size: 0.9em;
	line-height: 1.6;
	background: url(/product/images/list_mark_square.gif) no-repeat left 5px;
	font-weight: normal;
	font-weight: 500;
}


/* 特長エリア
--------------------------------------*/
#feature-area {
	padding: 56px 0 40px;
}

#feature-area li {
/*	margin: 0 0 1em 1em;
	padding: 0 0 0 15px; */
	margin: 0 0 0.5em;
	padding: 0 0 0 17px;
	font-size: 0.9em;
	line-height: 1.6;
/*	background: url(/product/images/list_mark_circle_b.png) no-repeat left 4px; */
	position: relative;
	font-weight: normal;
	font-weight: 500;
}

#feature-area li::before {
	content: "";
	width: 12px;
	height: 12px;
	background-color: #AAAAAA;
	border-radius: 50%;
	position: absolute;
	top: 4px;
	left: 0;
	display: block;
}

#feature-area li.liststyle-n {
	padding-left: 0;
}
#feature-area li.liststyle-n::before {
	width: 0;
	height: 0;
	display: none;
}

/* 対応機種エリア
--------------------------------------*/
#compatible-area {
	padding: 56px 0 40px;
}

#compatible-area li {
	font-size: 0.9em;
	line-height: 1.6;
	font-weight: bold;
}

/* テーブル形式 */
#compatible-area table {
	width: 100%;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-collapse: collapse;
}

#compatible-area table th,
#compatible-area table td {
	word-break: break-all;
	padding: 15px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-size: 0.95em;
	line-height: 1.6;
	font-weight: normal;
	font-weight: 500;
}

#compatible-area table th {
	width: 135px;
	/width: 21%;
	background-color: #F7F7F7;
/*	font-weight: normal; */
	text-align: left;
/*	white-space: nowrap;*/
	vertical-align: top;
}

#compatible-area table th:not([colspan]) {
	border-right: 0;
}

/* リスト形式 */
#compatible-area li {
	margin: 0 0 0.8em 1em;
	padding: 0 0 0 12px;
	font-size: 0.8em;
	line-height: 1.6;
	background: url(/product/images/list_mark_square.gif) no-repeat left 5px;
}

/* レビュー関連
--------------------------------------*/

div#review-area h4 {
	/*
    background: url(/product/images/title_bar_middle.png) repeat-x scroll left top;
   */
}

div#review-area h4 span {
	/*
    background: url(/product/images/title_bar_right.png) no-repeat scroll right top;
   */
    display: block;
}

#review-area {
	margin: 0;
}

#review-area h5 {
	margin: 0 0 8px;
}

/* new */

div.review_list {
	width: 716px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 0 10px;
	border-top: 1px dotted #797979;
}

div.review_img {
	float: left;
	width: 52px;
	padding-left: 5px;
}

div.review_cont {
	float: right;
	width: 635px;
	padding-right: 5px;
}

div.review_cont dl {
	
}

div.review_cont dl dt {
	font-size: 0.75em;
	padding-top: 7px;
	color: #808080;
}

div.review_cont dl dd {
	font-size: 0.8em;
	padding-top: 10px;
	line-height: 1.6;
	letter-spacing: 0.5px;
}

span.left {
	display: block;
	float: left;
	line-height: 1.2;
}

span.left img.rank {
	vertical-align: -1px;
}

span.left span.honorific {
	margin-left: 3px;
}

span.right {
	display: block;
	float: right;
	line-height: 1.2;
}

/*
#review_link {
	padding: 18px 5px;
}
*/

#review_link dt {
	float: left;
	position: relative;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

#review_link dd {
	float: left;
	font-size: 0.8em;
	padding: 9px 14px;
}








/*     */

.review-list {
	margin: 0 0 8px;
}
.review-list td {
	padding: 4px 4px 8px 4px;
	font-size: 0.8em;
	line-height: 1.2em;
}
.review-list-star {
	background-color: #FFFFCC;
	color: #FF0000;
	font-weight: bold;
}

.review-dotted {
	background-image: url("/product/images/item_data_dot.gif");
	background-position: bottom;
	background-repeat: repeat-x;
}

#review-area ul {
	margin: 0 0 8px;
}

#review-area li {
	font-size: 0.8em;
}

/* 法人のお客様はこちら
--------------------------------------*/
#houjin {
	margin: 15px 0 0;
}

#houjin h4 {
	margin: 0 0 12px;
	background: url(/product/images/title_bar_middle.png) repeat-x top left;
}

#houjin span {
	display: block;
	background: url(/product/images/title_bar_right.png) no-repeat top right;
}

#houjin li {
	float: left;
	margin: 0 7px 0 0;
	font-size: 0.8em;
	line-height: 1.4;
}


/* 製品情報を他サイトでチェック
--------------------------------------*/
#search-eng {
	margin: 40px 0 0;
	text-align: center;
	border-top: 1px solid #AAAAAA;
	padding-top: 30px;
}

#search-eng h4 {
	margin: 0 0 10px;
	/*
	background: url(/product/images/title_bar_middle.png) repeat-x top left;
	*/
}

/*
#search-eng span {
	display: block;
	background: url(/product/images/title_bar_right.png) no-repeat top right;
}
*/

#search-eng ul {
}

#search-eng li {
/*	float: left; */
	display: inline-block;
/*	margin: 0 7px 0 0; */
	margin: 0;
	font-size: 0.8em;
	line-height: 1.4;
}
#search-eng li + li {
	margin-left: 7px;
}
/*
#search-eng li a:link img,
#search-eng li a:visited img {
	border: 1px solid #999999;
	vertical-align: bottom;
}

#search-eng li a:hover img,
#search-eng li a:active img {
	border: 1px solid #FF0000;
}
*/

/* カードリーダー詳細の対応メディア */
div.media-box {
	border-left: none;
}

div.media-box h3 {
	display: none;
}

div.media-box div.detail {
	display: none;
}

div.hyo {
	width: 100%;
}


/* OKWave エリア
--------------------------------------*/
#okwave {
	margin: 15px 0 0;
	border-top: 1px solid #999999;
}

#okwave p.banner {
	margin: 8px 0 0;
	font-size: 0.7em;
	line-height: 1.2;
}
#okwave p.banner img {
	margin: 0 0 2px;
}

/* 戻るボタン
--------------------------------------*/
#retune-area {
	clear: both;
	margin: 16px 0 0;
	padding: 0;
	border-top: 1px solid #666666;
	font-size: 0.8em;
	line-height: 1.4em;
}
#retune-area .retune-url{
	display: inline;
	float: left;
}
#retune-area .retune-text{
	display: inline;
	float: right;
}

/* スマートフォン用リンクボタン
--------------------------------------*/
div.smartphone-link {
		display:block;
		margin-top:20px;
		padding:0px;
		width:990px;
		height:100px;
		background:url(/product/images/smartphone_title_back.jpg) no-repeat top left;
				-webkit-background-size:990px 100px;
				-webkit-background-origin:border;
}
div.smartphone-link .smartphone-link-left {
		float:left;
		margin-left:20px;
}
div.smartphone-link .smartphone-link-right {
		float:right;
}


/* 商品が見つからない時のCSS
--------------------------------------*/
h1.result {
	clear: both;
	margin: 10px 0 0;
	padding: 0;
	border: none;
	background: none;
	font-size: 2em;
	line-height: 1.4;
}

.result-comment {
	margin: 4em 0em 4em 1em;
	font-weight: bold;
}


/* ARモーダル用
--------------------------------------*/

div#ar-modal-area {
	display: none;
	width: 65%;
	background-color: #FFFFFF;
	position: fixed;
	top: 10%;
	left: 17.5%;
	z-index: 2010;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 8.5% 8.5% 4%;
	font-size: 1rem;
}

div#ar-modal-area div#ar-modal-image {
	position: relative;
}

div#ar-modal-area img.ar-detail-image {
	display: block;
	margin: 0 auto;
	width: 100%;
}

div#ar-modal-area span.ar-note {
	display: block;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    margin: 7% 0 0;
}

div#ar-modal-area ul.select-ar {
	margin: 7% 0 0;
	padding: 0 3%;
}

div#ar-modal-area ul.select-ar.uselink {
	margin: 0;
}

div#ar-modal-area ul.select-ar li {
	position: relative;
    background-color: #009CFF;
    border: 2px solid #009CFF;
    text-align: center;
    margin: 0 0 5%;
    border-radius: 2em;
    font-size: 0.9em;
}

div#ar-modal-area ul.select-ar li a {
	display: block;
    padding: 3.3% 0 2.5%;
	color: #FFFFFF;
	font-weight: bold;
}

div#ar-modal-area ul.select-ar li a:hover {
	text-decoration: none;
}

div#ar-modal-area ul.select-ar li.howto {
	background-color: #FFFFFF;
	border: 2px solid #009CFF;
}

div#ar-modal-area ul.select-ar li.howto a {
	color: #009CFF;
}

div#ar-modal-area ul.select-ar li svg {
	fill: none;
    stroke: #FFFFFF;
    stroke-width: 5px;
    fill-rule: evenodd;
    width: 3%;
    vertical-align: middle;
    position: absolute;
    top: 29%;
    right: 3%;
}

div#ar-modal-area ul.select-ar li.howto svg {
	stroke: #009CFF;
}

div#ar-modal-image p.close-ar {
	position: absolute;
    top: -23%;
    right: -22%;
    width: 14%;
}

div#ar-modal-image p.close-ar img {
	width: 100%;
}


/* モーダル表示
--------------------------------------*/
#modal-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2009;
	background-color: rgba(0, 0, 0, 0.4);
	display: none;
}



/* よくある質問 */
/*
div#qa-list h4 {
    background: url(/product/images/title_bar_middle.png) repeat-x scroll left top;
    margin: 0 0 12px;
}
*/

div#qa-list ul {
	margin-left: 10px;
}

div#qa-list ul li {
	font-size: 0.8em;
	line-height: 1.4;
	margin-top: 5px;
}


/* 関連製品表示 */

span.arrow_down {
/*	display: block;*/
	display: none;
	float: right;
	background: url(../product/images/sankaku_01.png) no-repeat 0 4px;
	width: 8px;
	height: 12px;
	padding-right: 4px;
}

span.arrow_up {
/*	display: block;*/
	display: none;
	float: right;
	background: url(../product/images/sankaku_02.png) no-repeat 0 3px;
	width: 8px;
	height: 12px;
	padding-right: 4px;
}

span.number_item {
	display: inline-block;
/*	float: right;*/
	float: none;
/*	color: #000000;*/
	vertical-align: middle;
}

body.mac span.number_item {
	display: inline-block;
/*	float: right;*/
	float: none;
/*	color: #000000;*/
	vertical-align: middle;
}

span.number_inner {
	font-size: 1.1em;
/*	font-weight: bold;*/
	font-weight: normal;
	margin: 0 2px;
}

/* ソーシャルボタン */

div#social-btn {
	width: 100%;
	text-align: right;
	margin: 12px 0 20px;
}

div#social-btn ul li span {
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
}

div#social-btn ul li span.sns-count {
	color: #333;
	font-size: 1em;
	font-weight: normal;
}

.feedly {
	background-color: #6cc655;
}

.hatena {

}

.line {
	background-color: #5ae628;
}

.pocket {
	background-color: #ee4256;
}

.googleplus {

}

.facebook {

}

.twitter {

}

div#social-btn ul {
	margin-right: 1%;
}

div#social-btn ul li {
/*	float: left; */
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.2%;
}

div#social-btn ul li#pocket {
	margin: 0 1.5%;
	display: none;
}

div#social-btn ul li#line {
	display: none;
}

.social {
	position: relative;
	display: block;
/*	margin-right: 15px; */
}

.social.hatena {
	position: relative;
	display: block;
	margin-right: 0;
}

.social.googleplus {
	position: relative;
	display: block;
	float: left;
	margin-right: 0px;
}

div#social-btn a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	text-decoration: none;
}
.sns-count {
	position: absolute;
	right: 10px;
	bottom: 7px;
	display: block;
	padding: 2px 4px 2px;
	background-color: #FFF;
	font-size: 0.85em !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.social-icon {
	width: 25px;
}

/*
div.fb-like.fb_iframe_widget {
	padding-right: 10px;
	vertical-align: top;
}

iframe#twitter-widget-0 {
	padding-right: 10px;
}

iframe.hatena-bookmark-button-frame {
	padding-left: 10px;
	padding-right: 5px;
}
*/


/* 対応表一覧 */

div#taiou_link_outer {
	display: table;
	font-size: 0.8em;
	margin-top: 10px;
}

div#taiou_link_outer {
	display: table;
	font-size: 0.8em;
	margin-top: 10px;
	width: 101%;
}

div#taiou-link-area {
	padding: 10px 10px 2px;
}

p.taiou-notice {
		font-size:0.7em;
		line-height:1.4;
		margin:5px 0px;
}
p.taiou-notice a {
		text-decoration:underline;
}

div#taiou-link-area a {
	font-size: 0.95em;
}

div#taiou-link-area p {
	font-size: 0.95em;
	margin-bottom: 5px;
	text-align: right;
}

div.taiou_tr {
	display:table-row
}

div.taiou_th {
	display: table-cell;
	width:22.3%;
	background-color: #F7F7F7;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 1.5%;
	vertical-align:top;
}

div.taiou_td {
	display: table-cell;
	width: 76.8%;
	border: 1px solid #CCCCCC;
}

div.taiou_th.btn,
div.taiou_td.btn {
	border-top:none;
}

div.taiou_td dd {
	float: left;
	width:250px;
	font-size: 1.1em;
	padding-bottom: 5px;
}

dl#taiou_sm {
	margin:10px 0 0;
}

dl#taiou_sm dd,
dl#taiou_os dd {
	float: left;
/*	width: 250px;*/
	width: 270px;
	font-size: 1em;
	line-height: 1.2;
	text-indent: -1.3em;
	padding-bottom: 5px;
	padding-left: 1em;
	margin-right: 1em;
}

div.taiou_td dt {
	font-weight: bold;
	border-left: 3px solid #054E9D;
	padding-left: 6px;
	margin-bottom: 10px;
}

dl#taiou_sm dt,
dl#taiou_os dt {
/*	font-weight: bold;
	border-left: 3px solid #054E9D;
	padding-left: 6px;
	font-weight: normal; */
	margin-bottom: 5px;
	line-height:1.2;
}

dl#taiou_sm + p,
dl#taiou_os + p {
	font-size: 0.90em;
	margin-bottom: 15px;
	text-align: left;
}

dl#taiou_os {
/*	border-top: 1px solid #CCCCCC;*/
	border-top: 0;
	padding-top: 14px;
/*	margin-top: 10px;*/
	margin-top: 0;
}

dt span.notice {
	font-size: 0.85em;
	font-weight: normal;
	margin-left: 5px;
}

dd span.notice {
	font-size: 0.65em;
	font-weight: normal;
	margin-left: 5px;
}

.red {
	color: #FF0000;
}


/* 浜松町バナー */

li.hamamatsu img {
	margin-left: 3px;
}


/* 製品関連ページ
--------------------------------------*/
div#rel-category {
	margin: 40px 0 0;
	padding: 35px 0 0;
	border-top: 1px solid #AAAAAA;
}
div#rel-category h4.rel-category-ttl {
	border-left: 4px solid #174DAD;
	font-size: 1.8em;
	font-weight: bold;
	padding-bottom: 4px;
	background-color: #FFFFFF;
	color: #000000;
	padding: 8px 15px 3px 10px;
	margin-bottom: 12px;
	letter-spacing: 0.15em;
}
#rel-category-inner {
	margin: 25px 0 0 22px;
}
#rel-category-inner dd {
	margin: 9px 0;
	font-size: 0.9em;
	line-height: 1.2;
}
#rel-category-inner dd::before {
	content: "";
	display: block;
	width: 10px;
	height: 12px;
	display: inline-block;
	vertical-align: -1px;
	background: url(/product/images/icn_page.gif) left center no-repeat;
	background-size: 100% auto;
	margin-right: 5px;
}

/* フロート解除
---------------------------*/
/* for modern brouser */
.clfx:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/* IE7,MacIE5 */
.clfx {
	display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clfx {
	height: 1%;
}
.clfx {
	display: block;
}

.clfx_b:before {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}