@charset "utf-8";

/*==================================================================*/
/* 商品詳細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: 0px;
}


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

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


/* 以下、Type B */

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

div#side_bar {
	float: right;
	width: 212px;
	padding-top: 12px;
}

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

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#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;
}


/*el-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: 40px;
}

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;
}

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;
}





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

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

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: 0px;
}

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

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 {
	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 {
	font-size: 0.7em;
}

div#line-up-outer dl {
	margin: 0 0 0;
}

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

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


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

}

div#line-up-outer dl dt span span.lineup-num-inner {
	font-size: 1.2em;
	font-weight: bold;
}

/* img-view */
div#line-up-outer dl dd.img-view {
	float: left;
	padding: 15px;
	margin-bottom: 15px;
	margin-top: -10px;
	width: 107px;
}

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

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

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

div#line-up-outer dl dd.img-view span.price {
	font-size: 0.7em;
	text-align: center;
	display: block;
}

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

/* list-view */

div#line-up-outer dl dd.list-view {
	float: left;
	width: 139.5px;
	margin: 5px -1px 0 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;
}
*/


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

/* QA */

body div#qa-list {
	margin-top: 40px;
}

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

body #qa-list dl dt {
	background-color: #f6f6f6;
	border-left: none;
	border-radius: 0;
	border-right: none;
	border-top: none;
}

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;
}

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

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.date {
	border-left: 1px solid #dddddd;
	display: block;
	float: right;
	font-size: 0.8em;
	margin: 5px;
	padding: 7px 10px 3px 8px;
	width: 80px;
}

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;
}

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 dl#review_link.disp_type_b 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: 8px;
}

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

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

div#social-btn {
	margin-top: 8px;
}

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

body div#search-eng h4 {
	font-weight: normal;
	font-size: 1.15em;
	padding: 0 0 5px 0;
	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;
	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;
	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;
	padding: 2px 5px 2px 24px;
	background: url(/product/images/ico_printer.png) no-repeat top left;
}

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

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

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

/* キャプション
--------------------------------------*/
h1 {
    clear: both;
    margin: 0px 0px 15px 0px;
    padding: 10px 15px 10px 15px;
    border-left: solid 4px #4775A6;
    border-right: solid 1px #999999;
    border-bottom: solid 1px #999999;
    border-top: solid 1px #999999;
    background: url(/product/images/title_bg.png) repeat-x left bottom;
    font-size: 0.95em;
    line-height: 1.4;
    zoom: 1;
}

/* 詳細エリア
--------------------------------------*/
#detail-area {

}

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

#detail-left2 {
	float: left;
	width: 120px;
/*	background-color: #FFFFCC;*/
}

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

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

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

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

#detail-right2 {
	margin: 0px 0px 0px 160px;
/*	background-color: #FFCCFF;*/
}

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

/* 名前・品番など
--------------------------------------*/
#item-data {
	zoom: 1; /* IE6 bug fix */
    border: 1px solid #CCCCCC;
    padding: 8px;
}

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

#item-data h2 {
padding: 5px 5px 5px 5px;
    border-left: solid 4px #5B95C5;
    border-bottom: 1px solid #cccccc;
	font-size: 0.9em;
	line-height: 1.3;
}

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

#item-data table th,
#item-data table td {
	padding: 2px 0px 2px 0px;
	/*font-size: 0.8em;*/
	line-height: 1.4;
}

#item-data table th {
	width: 80px;
	background: url(/product/images/delimiter.gif) no-repeat center right;
	font-weight: normal;
	white-space: nowrap;
}

#item-data table td {
	padding-left: 10px;
	background-color: #FFFFFF;
}

#item-data table h3 {
	/*font-size: 1.6em;*/
	line-height: 1.2;
	font-weight: normal;
}

#item-data table 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;
}

/* 非公開マーク */
#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 {
	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: 8px 0px 13px 0px;
	text-align: right;
}

#koukei-link span { /* テキストの場合、左寄せに */
	display: block;
	padding: 0px 0px 0px 1em;
	text-indent: -1em;
	text-align: left;
	font-size: 0.8em;
	line-height: 1.4;
}

/* 取説・ダウンロードなど
--------------------------------------*/
#item-support {
	margin: 7px 0px 0px 0px;
	background-color: #EEF3F7;
	zoom: 1; /* for IE6 */
}

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

#item-support li {
	float: left;
	margin: 4px 0px 0px 20px;
}

#item-support li img {

}

#item-support li img {
	vertical-align: bottom;
}

#item-support .roundedcorner-top {
	position: relative;
}
#item-support .roundedcorner-top .right {
	position: absolute;
	top: 0;
	right: 0;
	background: url() no-repeat top right;
}
#item-support .roundedcorner-top .left {
	position: absolute;
	top: 0px;
	left: 0;
	background: url() no-repeat top left;
}
#item-support .roundedcorner-bottom {
	position: relative;
}
#item-support .roundedcorner-bottom .right {
	position: absolute;
	bottom: 0px;
	left: 0;
	background: url() no-repeat bottom right;
}
#item-support .roundedcorner-bottom .left {
	position: absolute;
	bottom: 0px;
	left: 0;
	background: url() 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 0px 0px 0px;
	zoom: 1; /* IE6 bug fix */
}

#item-series .title {
	padding: 0px 0px 0px 5px;
	border-left: 4px solid #5B95C5;
	color: #333333;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.2;
}

#item-series table {
	width: 100%;
	margin: 4px 0px 0px 0px;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}

#item-series table th,
#item-series table td {
	padding: 4px 10px 3px;
	border: 1px solid #CCCCCC;
	font-size: 0.8em;
	line-height: 1.4;
}

#item-series table th {
	background-color: #F4F4F4;
	font-weight: normal;
	text-align: center;
/*	white-space: nowrap;*/
}

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

#item-series table td.price {
	padding-right: 5px;
	text-align: right;
	white-space: nowrap;
}
#item-series p.sub-text {
		font-size:0.8em;
		text-align:right;
}

#item-series p.sub-text a {
		display: block;
		text-align: center;
		background: url(/product/images/list_back.png) repeat-x 0 0;
		height: 17px;
		padding-top: 3px;
		padding-right: 6px;
}

body.mac #item-series p.sub-text a {
		display: block;
		text-align: center;
		background: url(/product/images/list_back.png) repeat-x 0 0;
		height: 15px;
		padding-top: 5px;
		padding-right: 6px;
}

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

#default-photo {
	margin: 5px 0px 0px 0px;
	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:0px;
		margin-top:8px;
}
#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;
}

/* 特設コーナー
--------------------------------------*/
#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 0px 0px 0px;
}

/* 写真エリア */
#photo-area {
        width: 100%;
	margin: 0px 188px 0px 0px;
	padding: 0px 0px 6px 6px;
	background-color: #EEF3F7;
}

/* for IE6 style */
* html #photo-area {
	margin-right: 185px;
}

#photo-area li {
	float: left;
	margin: 6px 6px 0px 0px;
}

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

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

/* 色見本エリア */
#item-support2 {
	margin: 7px 0px 0px 0px;
	zoom: 1; /* for IE6 */
}

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

#item-support2 li {
	float: left;
	margin: 4px 0px 0px 4px;
}

#item-support2 li img {
	vertical-align: bottom;
}

#item-support2 .roundedcorner-top {
	position: relative;
}
#item-support2 .roundedcorner-top .right {
	position: absolute;
	top: 0;
	right: 0;
	background: url() no-repeat top right;
}
#item-support2 .roundedcorner-top .left {
	position: absolute;
	top: 0px;
	left: 0;
	background: url() no-repeat top left;
}
#item-support2 .roundedcorner-bottom {
	position: relative;
}
#item-support2 .roundedcorner-bottom .right {
	position: absolute;
	bottom: 0px;
	left: 0;
	background: url() no-repeat bottom right;
}
#item-support2 .roundedcorner-bottom .left {
	position: absolute;
	bottom: 0px;
	left: 0;
	background: url() no-repeat bottom left;
}

#item-support2 .roundedcorner-top,
#item-support2 .roundedcorner-top div,
#item-support2 .roundedcorner-bottom,
#item-support2 .roundedcorner-bottom div {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
/* for IE6 style */
* html #item-support2 .roundedcorner-top,
* html #item-support2 .roundedcorner-bottom {
	height: 6px;
}

/* 動画エリア */
#movie-area {
	float: right;
	width: 180px;
	background-color: #FFFFFF;
}

/* 動画1つの場合 */
#movie-area .movie-single-type {
	padding: 5px 9px 10px 9px;
	border-right: 1px solid #414A59;
	border-bottom: 1px solid #414A59;
	border-left: 1px solid #414A59;
	background-color: #757E8D;
}

#movie-area .movie-single div {
	padding: 5px 0px 0px 0px;
	text-align: center;
}

#movie-area .movie-single div img {
	vertical-align: bottom;
}

/* 動画複数の場合 */
#movie-area .movie-list-type {
	padding: 5px 4px 0px 4px;
	border-right: 1px solid #414A59;
	border-bottom: 1px solid #414A59;
	border-left: 1px solid #414A59;
	background-color: #757E8D;
}

#movie-area .movie-list-type p {
	width: 170px;
	height: 50px;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
	background: url(/product/images/movie_play_btn2.png) left top no-repeat;
}

#movie-area .movie-list-type p img {
	float: right;
	margin: 4px 5px 0px 5px;
	vertical-align: bottom;
}

#movie-area .movie-list-type p span {
	display: block;
	padding: 9px 0px 0px 19px;
	font-size: 0.8em;
	line-height: 1.2;
	overflow: auto; /* for modern browser */
	zoom: 1; /* for ie6 */
}

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

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

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

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

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

/* 製品ラインナップ
--------------------------------------*/
#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;
}

/* インクルードHTML
--------------------------------------*/
.product-html {
	display: block;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

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

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

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

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


#feature-area li {
        list-style: disc;
	margin: 0px 0px 1em 1em;
	padding: 0px 0px 0px 15px;
	font-size: 0.8em;
	line-height: 1.6;
	background: url(/product/images/list_mark_circle_b.png) no-repeat left 4px;
}

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

/* テーブル形式 */
#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: 5px 10px 5px 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-size: 0.8em;
	line-height: 1.6;
}

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

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


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

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

#compatible-area li {
	font-size: 0.8em;
	line-height: 1.6;
}

/* テーブル形式 */
#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 {
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-size: 0.8em;
	line-height: 1.6;
}

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

/* リスト形式 */
#compatible-area li {
	margin: 0px 0px 0.8em 1em;
	padding: 0px 0px 0px 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: 0px 0px 0px 0px;
}

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

/* 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;
}

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








/*     */

.review-list {
	margin: 0px 0px 8px 0px;
}
.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: 0px 0px 8px 0px;
}

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

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

#houjin h4 {
	margin: 0px 0px 12px 0px;
	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: 0px 7px 0px 0px;
	font-size: 0.8em;
	line-height: 1.4;
}


/* 製品情報を他サイトでチェック
--------------------------------------*/
#search-eng {
	margin: 30px 0px 0px 0px;
}

#search-eng h4 {
	margin: 0px 0px 10px 0px;
	/*
	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;
	margin: 0px 7px 0px 0px;
	font-size: 0.8em;
	line-height: 1.4;
}
/*
#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%;
}

div#container h1 {
	padding: 10px 15px 10px 15px;
	font-weight: normal;
}


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

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

/* 戻るボタン
--------------------------------------*/
#retune-area {
	clear: both;
	margin: 16px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	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 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	background: none;
	font-size: 2em;
	line-height: 1.4;
}

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


/* よくある質問 */
/*
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;
	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;
	float: right;
	background: url(../product/images/sankaku_02.png) no-repeat 0 3px;
	width: 8px;
	height: 12px;
	padding-right: 4px;
}

span.number_item {
	display: block;
	float: right;
	color: #000000;
}

body.mac span.number_item {
	display: block;
	float: right;
	color: #000000;
}

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

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

#social-btn {
	text-align: center;
}

div.fb-like.fb_iframe_widget {
	padding-right: 10px;
}

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: 5px 10px 2px;
}

p.taiou-notice {
		font-size:0.7em;
		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_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%;
}

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

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

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

dl#taiou_os {
	border-top: 1px solid #CCCCCC;
	padding-top: 12px;
	margin-top: 10px;
}

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;
}

/* フロート解除
---------------------------*/
/* 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;
}

.product_ttl{
    border-bottom: 2px solid #CCCCCC;
    font-size: 1.2em;
    font-weight: normal;
    padding-bottom: 4px;
    background-color: #FFFFFF;
    color: #000000;
    padding: 11px 15px 3px 0px;
    margin-top: 20px;
    margin-bottom: 12px;
}

.related-entry{
    float: left;
    margin-right: 10px;
    margin-bottom: 50px;
}

.related-entry-title a:link, .related-entry-title a:visited {
    color: #666666;
    text-decoration: none;
}

.related-entry-content{
    width: 150px;
    font-size: 80%;
    padding-top: 5px;
    padding-left: 3px;
    padding-right: 3px;
}