@charset "UTF-8";
/* ==================================================================
    Common Css List
===================================================================== */
/*
     [基本設定]
          0. config, Reset
          1. HTML, Body, Anchor
          2. Heading, Paragraph
          3. List
          4. Table
          5. Form
          6. Other
          7. For IE6/7 bug

     [レイアウト]
          0. Layout Base
          1. Header
          2. Content(main)
          3. Content(sub)
          4. Footer

     [汎用エレメント]
          1. インラインテキスト
		2. ボタン
          3. 見出し
          4. 段落
          5. リスト
          6. フォーム
          7. 画像
          8. 表組み
          90. Other
          99. Clearfix/floatclear
    
     [共通モジュール]
          1. コンテンツトップ
          2. ナビゲーション
          3. メニュー
          4. 補足・引用・関連
          5. リスト
          90. JavaScriptライブラリ
*/

/* -----------------------------------------------
   開発Memo
-------------------------------------------------- */
/*
Font-size list (base: 13px)
 6px	= 46.2%
 7px	=	53.8%
 8px	=	61.5%
 9px	=	69.2%
10px	=	76.9%
11px	=	84.6%
12px	=	92.3%
13px	=	100%
14px	=	107.7%
15px	=	115.4%
16px	=	123.1%
17px	=	130.8%
18px	=	138.5%
19px	=	146.2%
20px	=	153.8%
21px	=	161.5%
22px	=	169.2%
23px	=	176.9%
24px	=	184.6%
*/
/*
Base Color
text
	-normal	:#000000
	-link		:#
	-hover	:#
	-accent	:# 
Accent
	-select	:#adada9
	-hover	:#f0f03b
Back main
	-base1	:#ffffff
	-base2	:#f3f3f2
Back sub
	-base3	:#cfcfcc
	-base4	:#dfdfdc
*/
/*
Grid Size(MainBody:12grid)
grid1	:55px		/	img	:45px
grid2	:110px	/	img	:90px
grid3	:165px	/ img	:145px
grid4	:220px	/ img	:200px
grid5	:275px	/ img	:255px
grid6	:330px	/ img	:310px
grid7	:385px	/ img	:365px
grid8	:440px	/ img	:420px
grid9	:495px	/ img	:475px
grid10:550px	/ img	:530px
grid11:605px	/ img	:585px
grid12:660px	/ img	:640px
*/
/* ==================================================================
		[基本設定]
===================================================================== */
/* -----------------------------------------------
  0. config, Reset
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote, th, td, form, fieldset, legend {
	margin:0;
	padding:0;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { 
 display:block;
}
/* -----------------------------------------------
	1. HTML, Body, Anchor
-------------------------------------------------- */
html{
	background:url(../img/con_bg_01.png) 0 0 repeat;
	overflow: auto;
}
body {
	color:#000;
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, sans-serif;
	-webkit-text-size-adjust: none;
	font-size:13px;
	line-height:1.5;
	min-width: 960px;
	position: relative;
}
a:link {
	color:#663300;
	text-decoration: underline;
}
a:visited {
	color:#330000;
}
a:hover, a:active {
	text-decoration:none;
}
/* -----------------------------------------------
	2. Heading, Paragraph
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height: 1.2;
	color: #000;
}
h2 img, h3 img, h4 img, h5 img, h6 img {
	vertical-align:middle;
	margin:0 10px 0 0;
}
/* p {} */
/* -----------------------------------------------
	3. List
-------------------------------------------------- */
ul, ol {
 list-style: none;
}
/* -----------------------------------------------
	4. Table
-------------------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
	line-height: 1.2;
	empty-cells: show;
	word-break: break-all;
}
caption, th, td {
	vertical-align: top;
}
/* -----------------------------------------------
	5. Form
-------------------------------------------------- */
fieldset {
	border: none;
}
input, textarea, select, label {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: middle;
}
input[type="search"],input[type="submit"] {
    border-radius: 0;
}
input[type="search"],input[type="submit"] {
	-webkit-appearance: none;
}
label {
	cursor: pointer;
}
textarea {
	overflow: auto;
}
/* -----------------------------------------------
	6. Other
-------------------------------------------------- */
img {
	border: none;
	vertical-align: bottom;
}
object {
	vertical-align: middle;
	outline: none;
}
em, strong {
	font-weight: bold;
	font-style: normal;
}
abbr, acronym {
	border: none;
	font-variant: normal;
}
q:before, q:after {
	content: '';
}
address, caption, cite, code, dfn, var {
	font-weight: normal;
	font-style: normal;
}
code, pre {
	font-family: monospace;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
hr {
	height:0;
	margin:0 0 15px 0;
	border:none;
	border-top:1px dotted #ccc;
}
/* -----------------------------------------------
   7. For IE6/7
-------------------------------------------------- */
/* for ie7: page zoom bug fix */
*:first-child + html body, *:first-child + html br {
	letter-spacing: 0;
}
/* ==================================================================
    [レイアウト]
===================================================================== */
/* -----------------------------------------------
	0. layout Base
-------------------------------------------------- */
/* --- 基本レイアウト・サイズ --- */
#globalHeader,#categoryNav ul , #topicPath ul , #mainBody, .footCateNav ul,.footNav,#mainHead,.topCon{
	width:960px;	/* deviceSize */
	margin:0 auto;
}
#wrapHead,#globalFooter .footCateNav,#mainFoot{
	min-width:960px;
}
#main {
	float:right;
  display:inline;
	width:720px;	/* deviceSize */
}
.topCon #mainBody {
	width:620px;
	float:left;
}
#sub {
	float:right;
	margin:0;
}
	.topCon #sub {
		width:320px;
	}
/* --- グリッドレイアウト --- */
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
  float:left;
  display:inline;
	padding:0;
}
.grid1 {width: 55px;}
.grid2 {width: 110px;}
.grid3 {width: 165px;}
.grid4 {width: 220px;}
.grid5 {width: 275px;}
.grid6 {width: 330px;}
.grid7 {width: 385px;}
.grid8 {width: 440px;}
.grid9 {width: 495px;}
.grid10 {width: 550px;}
.grid11 {width: 605px;}
/* -----------------------------------------------
	1. Header
-------------------------------------------------- */
/* --- globalHeader --- */
#wrapHead {
	color:#000;
	background:url(../img/con_bg_01.png) 0 0 repeat;
}
#globalHeader {
	padding:27px 0 0;
	background:url(../img/header_bg_01.png) 0 0 no-repeat;
}
#globalHeader .logoMark {
	float:left;
	padding:0 0 10px;
}
#globalHeader .logoMark img {
	margin:-25px 20px 0 0;
	vertical-align:middle;
}
#globalHeader .logoMark span {
	font-size:84.6%;
	display: inline-block;
    vertical-align: super;
}
/*---#globalNav---*/
#globalNav{
	margin:0;
	float:right;
}
/*--- #supportNav --- */
#supportNav {
	margin:4px 10px 0 0;
	float:right;
}
#supportNav li {
	margin:0 0 0 10px;
	display:inline;
}
#supportNav li a:hover {
	filter: alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
}
#phoneNav{
	display:none;
}
/* --- #searchNav --- */
#searchNav {
	float:right;
	margin:-7px 0 0;
}
#searchNav .searchNavForm {
	padding:4px;
	margin: 0 0 3px;
	background: url(../img/sitesearch_bg_01.png) 0 0 no-repeat;
}
#searchNav .search-field {
	margin: 0 0;
	padding: 8px 5px 6px 20px;
	border: none;
	background: url(../img/ic_search_02.png) 3px 50% no-repeat;
	width: 137px;
	height: 12px;
	font-size: 12px;
	vertical-align:middle;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
	line-height:1;
}
input::-webkit-input-placeholder {
	color:#333;
	padding:2px 0 0;
}
input:-ms-input-placeholder {
	color:#333;
	padding:5px 0 0;
}
input:-moz-placeholder {
	color:#333;
}
#searchNav .search-submit {
	background:url(../img/bt_search_01.png) 0 0 no-repeat;
	border:none;
	width:54px;
	height:26px;
	cursor:pointer;
	margin: 0 0 0 -5px;
}
#searchNav .search-submit:hover {
	filter: alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
}
#searchNav ul li {
	display:inline-block;
	font-size:84.6%;
	margin:0 10px 0 0;
}
/* --- #categoryNav --- */
#categoryNav{
	background:#000;
}
#categoryNav li {
	float:left;
	display:block;
	width:191px;
}
/* --- phonenav --- */
#globalHeader .toggleBtn{
	width: 40px;
	float: right;
	margin: 0 10px;
	display:none;
}
.build-menu-button:hover,
#globalHeader .toggleBtn:hover{
	filter: alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
}
#phoneMenu{
	display:none;
}
.phoneMenuHead{
	background: url(../img/con_bg_01.png) 0 0 repeat;
    -moz-box-shadow: inset 4px 0px 9px 0px #9E785E;
    -webkit-box-shadow: inset 4px 0px 9px 0px #9E785E;
    box-shadow: inset 4px 0px 9px 0px #9E785E;
	padding: 5px 5px 6px;
}
.phoneMenuHead .homeBtn {
	float:left;
}
.phoneMenuHead .homeBtn a{
	background: url(../img/bt_phone_home_01.png) 0 0 no-repeat;
	background-size: 113px 35px;
	width: 78px;
	height: 26px;
	margin: 5px 0 0;
	padding: 8px 0px 2px 35px;
	text-decoration: none;
	display: block;
	color: #663917;
	font-weight: bold;
}
.phoneMenuHead .homeBtn a:hover,
.phoneMenuHead .homeBtn a:active{
	filter: alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
}
.toggleBtn{
	float:right;
	cursor:pointer;
}
#build-menu-page .build-menu-button{
	position:absolute;
	right:5px;
	top:5px;
	display:none;
	z-index:9999;
}
#phoneCateNav ul li{
	border-bottom:1px solid #666;
	background:#000;
}
#phoneCateNav ul li:hover{
	background:#222;
}
#phoneCateNav ul li a{
	background: url(../img/ic_arrow_02.png) 98% 50% no-repeat;
	background-size: 8px;
	padding: 14px 28px 14px 15px;
	display:block;
	text-decoration: none;
	font-size: 15px;
	color:#fff;
	font-weight: bold;
}
#phoneCateNav ul li a span{
	margin: -14px 10px 0 0;
	display: inline-block;
	vertical-align: middle;
}
#phoneNav ul li{
	border-bottom:1px solid #825432;
	background: url(../img/con_bg_01.png) 100% 0 repeat;
    -moz-box-shadow: inset 4px 0px 8px -3px #B8B8B8;
    -webkit-box-shadow: inset 4px 0px 8px -3px #B8B8B8;
    box-shadow: inset 4px 0px 8px -3px #B8B8B8;
}
#phoneNav ul li a{
	background:url(../img/ic_arrow_06.png) 98% 50% no-repeat;
	padding:0 20px 0 0;
	background-size:6px;
}
#phoneNav ul li:hover{
	filter: alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
}
#phoneNav ul li a{
	padding:10px 10px;
	display:block;
	color:#825432;
	text-decoration:none;
}
#phoneMenu .search-form {
	padding:20px 30px;
}
#phoneMenu .search-field {
	padding: 0 5px;
	height:43px;
	border: 2px solid #663917;
	background:#f3e5d5;
	width: 100%;
	font-size:14px;
	margin: 0 -48px 0 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
#phoneMenu .search-submit {
	background: url(../img/ic_search_03.png) 50% 50% no-repeat #663917;
	background-size:18px;
	border: none;
	width: 43px;
	height: 43px;
	cursor: pointer;
	margin: 0;
}
#phoneMenu .search-submit:hover {
	filter: alpha(opacity=90);
		-moz-opacity:0.9;
		opacity:0.9;
}
#phoneMenu .searchSelect{
	margin:20px 0 0;
	border-radius:10px;
}
#phoneMenu .searchSelect li {
	float:left;
	display:inline-block;
	width: 50%;
	height: 50px;
}
#phoneMenu .searchSelect li.sitekensaku .radioBtn + label {
	padding: 20px 10px;
	border-radius: 10px 0 0 10px;
}
#phoneMenu .searchSelect li.forumkensaku .radioBtn + label {
	border-radius: 0 10px 10px 0;
}
#phoneMenu .searchSelect li .radioBtn + label{
	text-align:center;
	background: -moz-linear-gradient(top, #ebdbce 0%, #cdaf99 100%);
	background: -webkit-linear-gradient(top, #ebdbce 0%,#cdaf99 100%);
	background: linear-gradient(to bottom, #ebdbce 0%,#cdaf99 100%);
	background: -ms-linear-gradient(to bottom, #ebdbce 0%,#cdaf99 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebdbce',endColorstr='#cdaf99', GradientType=0)";
	display: block;
	color:#623719;
	font-weight:bold;
	height: 100%;
	border:1px solid #866955;
	box-sizing: border-box;
	padding: 12px 10px;
	position:relative;
}
#phoneMenu .searchSelect li .radioBtn + label.radioSelected:after{
	background: url(../img/bg_hukidashi_01.png) center 0 no-repeat;
	content: " ";
	position: absolute;
	width: 15px;
	height: 15px;
	top: -14px;
	margin: 0 0 0 -7px;
	left: 50%;
}
#phoneMenu .searchSelect li .radioBtn + label.radioSelected{
	background: -moz-linear-gradient(top, #5d3317 0%, #855a39 100%);
	background: -webkit-linear-gradient(top, #5d3317 0%,#855a39 100%);
	background: linear-gradient(to bottom, #5d3317 0%,#855a39 100%);
	background: -ms-linear-gradient(to bottom, #5d3317 0%,#855a39 100%);
	color:#fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d3317',endColorstr='#855a39', GradientType=0)";
}
/* --- topicPath --- */
#topicPath {
}
#topicPath ul{
	padding: 5px;
}
#topicPath li a {
	color:#000;
	text-decoration:none;
}
#topicPath li a:hover {
	text-decoration:underline;
}
#topicPath li {
	color:#666;
	font-size:11px;
	display:inline;
}
#topicPath li.home {
	background: url(../img/ic_home_01.png) 0 0 no-repeat;
	padding: 0 0 0 20px;
	display: inline-block;
	*display: inline;  
    *zoom: 1;
}
/* IE6/7非対応 */
#topicPath li + li:before {
 content: ">";
 margin:0 5px;
}
	html.ie6 #topicPath li, html.ie7 #topicPath li {margin:0 10px 0 0;}
/* --- snsArea --- */
#snsArea{
	float: right;
	padding: 5px 0 0;
	position: relative;
	z-index: 8000;
}
#snsArea .addthis_button_tweet{
	width: 90px;
}

/* -----------------------------------------------
	2. Content(Main)
-------------------------------------------------- */
#page{
	background:url(../img/con_bg_05.png) 0 0 repeat;
	overflow-x: hidden;
}
#wrapBody{
	min-height:600px;
	color:#444;
}
#mainHead{
	padding:15px 0 0;
}
	#mainBody #mainHead{
		padding:0 0 15px;
	}
#mainFoot{
	background:#eeeeee;
	margin: 0 0 -32px 0;
}
#mainFoot .mainFootInner{
	padding:40px 0 30px;
	width:600px;
	margin:0 auto;
	background:url(../img/bg_mainfoot_01.png) 50% 0 no-repeat;
}
/* --- Main Body --- */
#content {
	padding:20px 0 40px;
	zoom:1;
}
#mainBody section {
	margin:0 0 25px 0;
	padding:0;
}
#mainBody section p + section {
	padding-top:25px;
}
#mainBody .marB40{
	margin-bottom:40px;
}
/* -----------------------------------------------
	3. Content(sub)
-------------------------------------------------- */
#sub section {
	margin:0 0 20px 0;
}
#main{
	width:740px;
	float:left;
}
#mainBody #side{
	width:190px;
	float:right;
}
#mainBody #side p{
	margin:0 0 10px;
}
#mainBody #side a:hover img{
	filter: alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
}
#mainBody #side section {
	margin:0 0 10px 0;
}
/* -----------------------------------------------
	4. Footer
-------------------------------------------------- */
#globalFooter{
	background: url(../img/con_bg_01.png) 0 0 repeat;
}
#globalFooter .footCateNav{
	background:#000;
}
#globalFooter .footCateNav ul {
	background:url(../img/bg_boader_01.png) 100% 50% no-repeat;
}
#globalFooter .footCateNav ul li {
	display:inline;
	width:192px;
	float:left;
}
#globalFooter .footCateNav ul li a {
	color:#fff;
	width:172px;
	font-size:92.3%;
	text-align:center;
	text-decoration:none;
	padding:5px;
	display:block;
	background:url(../img/bg_boader_01.png) 0 50% no-repeat;
}
#globalFooter .footCateNav{
}
#globalFooter .footCateNav ul li a:hover {
	text-decoration: underline;
}
#globalFooter .footNav{
	padding:10px 0;
}
#globalFooter .footNav ul {
	float: left;
	width: 660px;
}
#globalFooter .footNav ul li {
	display:inline;
	margin: 0 20px 0 0;
}
#globalFooter .footNav ul li a {
	font-size: 84.6%;
	color: #333;
	text-decoration:none;
}
#globalFooter .footNav ul li a:hover {
	text-decoration: underline;
}
#globalFooter #copyright {
	text-align:right;
	font-size:76.9%;
	float: left;
	width: 280px;
	padding: 2px 0 2px 0;
}
/* --- ページトップ --- */
#wrapFoot .pageTop {
}
#wrapFoot .pageTop span {
	width:960px;
	text-align:right;
	margin: 0 auto;
	display: block;
}
#wrapFoot .pageTop a {
	background:url(../img/ic_arrow_up_02.png) 10px 50% no-repeat #000;
	padding:8px;
	width:100px;
	text-align:center;
	color:#fff;
	font-size:84.6%;
	text-decoration:none;
	display:inline-block;
	*display: inline;  
    *zoom: 1;
}
#wrapFoot .pageTop a:hover {
	text-decoration:underline;
}
/* snsList */
.mainFootInner h2 {
	float:left;
}
.mainFootInner h2 span{
	display: table-cell;
	height: 60px;
	vertical-align: middle;
}
ul.snsList {
	width: 260px;
	float: left;
}
ul.snsList li{
	list-style:none;
	float:left;
	margin:0 0 0 20px;
	display:inline;
}
#snsArea ul.snsList{
	width:auto;
	float:none;
}
	#mainBody #mainHead #snsArea ul.snsList{
		margin:0 0 0;
	}
#snsArea ul.snsList li{
	margin:0 0 0 5px;
}
#snsArea ul.snsList li.twiBtn{
	width:90px;
}

/* ==================================================================
    [汎用エレメント]
===================================================================== */
/* -----------------------------------------------
  1. インラインテキスト
-------------------------------------------------- */
/* --- 強調・補足テキスト --- */
#mainBody strong {
	font-weight:bold;
}
#mainBody .note {
	color:#888;
	font-size:84.6%;
}
#mainBody .fontRed {
	color:#ee0000;
}
#mainBody .fontColor {
	color:#663300;
}
.miniFont{
	font-size:12px;
}
#mainBody .strong{
	font-size:123.1%;
	font-weight:bold;
}

/* -----------------------------------------------
  2. ボタン
-------------------------------------------------- */
#mainBody .btnGray {
	border:1px solid #cccccc;
	font-size:115.4%;
	color:#663300;
	min-width: 137px;
	min-height: 18px;
	padding: 10px;
	text-align:center;
	font-weight:bold;
	background: url(../img/btn_gray_01.png) 0 50% repeat-x;
	text-decoration:none;
	text-shadow: 1px 1px 0px #FFFFFF;
	display:inline-block;
	*display: inline;  
    *zoom: 1;
}
#mainBody .btnGray span {
	background: url(../img/ic_arrow_07.png) 0 50% no-repeat;
	padding:0 0 0 15px;
}
#mainBody .btnGray:hover {
	background: #e5e5e5;
}
#mainBody .btnGrayArrow{
	border:1px solid #cccccc;
	font-size:115.4%;
	color:#663300;
	min-width: 137px;
	min-height: 18px;
	padding: 10px;
	text-align:center;
	font-weight:bold;
	background: url(../img/btn_arrow_01.png) 0 50% no-repeat;
	text-decoration:none;
	text-shadow: 1px 1px 0px #FFFFFF;
	display:inline-block;
	*display: inline;  
    *zoom: 1;
}
#mainBody .btnGrayArrow:hover{
	background: url(../img/btn_arrow_01_o.png) 0 50% no-repeat;
}
#mainBody .btnAction {
	color:#fff;
	font-size:115.4%;
	width: 133px;
	height: 18px;
	padding: 10px;
	text-align:center;
	font-weight:bold;
	background: #663300;
	border:3px solid #855f38;
	text-decoration:none;
	text-shadow: 1px 1px 0px #381400;
	display:inline-block;
	*display: inline; 
    *zoom: 1;
}
#mainBody .btnAction:hover {
	background: #000;
	text-shadow: 1px 1px 0px #000000;
	border-color:#666;
}
#mainBody .btnActionB {
	color:#fff;
	font-size:115.4%;
	min-width: 133px;
	padding: 10px;
	text-align:center;
	font-weight:bold;
	border:3px solid #666;
	text-decoration:none;
	background: #000;
	text-shadow: 1px 1px 0px #000000;
	display:inline-block;
	*display: inline; 
    *zoom: 1;
}
#mainBody .btnActionB:hover, #mainBody .btnActionC:hover {
	background:#333;
}
#mainBody .btnActionC {
	color:#fff;
	font-size:115.4%;
	min-width: 100px;
	padding: 10px;
	text-align:center;
	font-weight:bold;
	border:3px solid #666;
	text-decoration:none;
	background: #000;
	text-shadow: 1px 1px 0px #000000;
	display:inline-block;
	*display: inline; 
    *zoom: 1;
}
#content .btnGrayS {
	background: url(../img/btn_gray_01.png) 0 50% repeat-x;
	display: inline-block;
	border:1px solid #c2c2c2;
	text-decoration:none;
	padding: 4px 10px;
	font-weight:bold;
	font-size:12px;
}
#content .btnGrayS:hover {
	background: #e5e5e5;
}
#content .btnBlackS {
	background:url(../img/btn_black_02.png) 0 50% repeat-x;
	display:inline-block;
	text-decoration:none;
	padding: 4px 10px;
	font-weight:bold;
	color:#fff;
}
#content .btnBlackS:hover {
	background:#333;
}
#mainBody .btnGrayImg {
	background: url(../img/btn_gray_01.png) 0 50% repeat-x;
	display: inline-block;
	border: 1px solid #c2c2c2;
	text-decoration: none;
	padding: 6px 10px;
	font-weight: bold;
	font-size: 12px;
}
	#mainBody .btnGrayImg:hover {
		background: #e5e5e5;
	}
	#mainBody table .btnBlackImg,
	#mainBody table .btnGrayImg {
		width: 173px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
	}
#mainBody .btnGrayImg img {
	vertical-align: middle;
	margin: -6px 10px -6px 0;
}
#content .btnBlackImg {
	background:url(../img/btn_black_02.png) 0 50% repeat-x;
	display:inline-block;
	text-decoration:none;
	padding: 7px 10px 7px 35px;
	text-align: center;
	font-size:92.3%;
	font-weight: bold;
	color:#fff;
	position:relative;
}
	#content .btnBlackImg:hover {
		background:#333;
	}
#content .btnBlackImg .imageIc{
	position:absolute;
	top:0;
	left:5px;
}
/* アイコン */
.icArrowL{
	background: url(../img/ic_arrow_03.png) 0  50% no-repeat;
	padding-left:20px;
}
.icArrowM{
	background: url(../img/ic_arrow_01.png) 0  50% no-repeat;
	padding-left:10px;
}
.icArrowR{
	background: url(../img/ic_arrow_r_01.png) 0  50% no-repeat;
	padding-left:10px;
}
.icArrowW{
	background: url(../img/ic_arrow_w_01.png) 0  50% no-repeat;
	padding-left:10px;
}
.icArrowS{
	background: url(../img/ic_arrow_04.png) 0  50% no-repeat;
	padding-left:10px;
}
.icNewWin{
	background: url(../img/ic_newwin_01.png) 0  50% no-repeat;
	padding-left:20px;
}
.icNewWinR{
	background: url(../img/ic_newwin_01.png) 100%  50% no-repeat;
	padding-right:20px;
}
.icBack{
	background: url(../img/ic_arrow_05.png) 0  3px no-repeat;
	padding-left:20px;
}
.icNext{
	background: url(../img/ic_arrow_03.png) 100%  50% no-repeat;
	padding-right:20px;
}
.icUp{
	background: url(../img/ic_arrow_up_01.png) 0  50% no-repeat;
	padding-left:15px;
}
.icDown{
	background: url(../img/ic_arrow_down_01.png) 0  50% no-repeat;
	padding-left:15px;
}
.icCheck{
	background:url(../img/ic_check_01.png) 0 50% no-repeat;
	padding-left:25px;
}
.icDownload{
	background:url(../img/ic_download_01.png) 0 50% no-repeat;
	padding-left:25px;
}
.icDownloadW{
	background:url(../img/ic_download_02.png) 0 50% no-repeat;
	padding-left:25px;
}
.icSupport{
	background:url(../img/ic_support_01.png) 0 50% no-repeat;
	padding-left:25px;
}
.icAttn{
	background:url(../img/ic_attn_01.png) 0 50% no-repeat;
	padding-left:25px;
}
.icRelated{
	background:url(../img/ic_related_01.png) 0 50% no-repeat;
	padding-left:25px;
}
.icSearch{
	background:url(../img/ic_search_01.png) 0 50% no-repeat;
	padding-left:25px;
}
.icImg{
	vertical-align: middle;
	margin: 0 10px 0 0;
}
/* -----------------------------------------------
  3. 見出し 
-------------------------------------------------- */
#mainBody .hNormal{
	font-size: 107.7%;
	margin:0 0 5px;
}
#mainBody .hBg {
	font-size: 138.5%;
	margin:0 0 15px;
	padding:9px 10px 11px;
	background: url(../img/h_bg_01.png) 0 100% repeat-x #000;
	color:#fff;
}
#mainBody .hBgRibbon {
	font-size: 138.5%;
	padding:0;
	background: url(../img/h_bg_01.png) 0 100% repeat-x #000;
	color:#fff;
}
#mainBody .hBgRibbon img {
	position: relative;
	top: -6px;
	margin: 0 6px 0 8px;
	vertical-align: middle;
}
#mainBody .hBrown {
	font-size: 138.5%;
	margin:0 0 15px;
	color:#fff;
	font-weight: bold;
	border-bottom:6px solid #663300;
}
#mainBody .hBrown span {
	padding:13px 34px 6px 10px;
	display:inline-block;
	background: url(../img/h_bg_03.png) 100% 0 no-repeat #663300;
	min-width: 130px;
	line-height:1;
}
#mainBody .hBgBlue {
	background:#1c67a8;
	color:#fff;
	font-size:107.7%;
	padding:7px;
	font-weight:bold;
}
#mainBody .hRed {
	color:#cc0000;
	font-size:115.4%;
	margin:0 0 10px;
	font-weight: bold;
}
#mainBody .hBorder {
	color:#663300;
	font-size: 123.1%;
	padding:0 0 10px;
	font-weight:bold;
	background:url(../img/h_bg_02.png) 0 bottom repeat-x;
	margin:0 10px 15px;
}
#mainBody .hPoint {
	color:#000;
	border-left:5px solid #663300;
	font-size: 115%;
	margin:0 10px 15px;
	font-weight:bold;
	padding:2px 0 2px 10px;
}
#mainBody .hColor {
	color:#663300;
	font-weight:bold;
	font-size: 115.4%;
	margin:0 10px 15px;
	padding:2px 0;
}
#mainBody .hNote {
	color:#666;
	font-size: 100%;
	margin:0 10px 5px;
}
#content .hBtnBlack{
	padding:7px;
	position:relative;
	font-size: 138.5%;
	background:#000;
	color:#fff;
	font-weight:bold;
}
#content .hBtnBlack a {
	font-size:12px;
	position: absolute;
	right: 5px;
	min-width:50px;
	top: 6px;
}
#content .hRibbon{
	position:relative;
	padding-left:35px;
}
#content .hRibbon img{
	position:absolute;
	left: 5px;
	top: -9px;
}
#content #main .hRibbon{
	position:relative;
	padding-left:25px;
}
#sub .hBtnBlack{
	font-size: 123.1%;
}
#sub .hRibbon{
	padding-left:30px;
}
#mainBody .hBgLink{
	margin: 0 10px 15px;
	font-weight: bold;
	background:#ecdbc8;
	padding: 15px;
	font-size: 107.7%;
}
#mainBody .hBgLink a{
	background: url(../img/ic_arrow_01.png) 0 50% no-repeat ;
	padding-left: 15px;
}
#mainBody .hCube{
	background: url(../img/ic_cube_01.png) 0 3px no-repeat;
	font-weight: bold;
	font-size: 130.8%;
	padding-left: 20px;
	margin: 0 10px 10px;
}
/* -----------------------------------------------
  4.段落
-------------------------------------------------- */
/* --- 文章の右寄せ、中央せ --- */
#mainBody p {
	margin: 0 10px 10px;
}
#mainBody .right {
	text-align:right !important;
}
#mainBody .center {
	text-align:center !important;
}
#mainBody .left {
	text-align:left !important;
}
/* --- インデント --- */
#mainBody .indent {
	margin-left:30px;
}
/* --- リード文 --- */
#mainBody p.lead {
	margin: 0 10px 50px 10px;
	font-size: 107.7%;
	line-height: 1.7;
}
/* --- 箇条書き（段落） --- */
#mainBody p.freeBullet {
	margin-left:2em;
	position:relative;
}
#mainBody p.freeBullet.number {
	margin-left:3em;
}
#mainBody p.freeBullet span {
	display:block;
	position:absolute;
	top:0;
	left:-1.5em;
	font-size:92.3%;
}
#mainBody p.freeBullet.number span {
	left:-2.5em;
}
/* --- エリア --- */
#mainBody .boaderArea{
	border:1px solid #dddddd;
	padding:15px;
	margin:0 0 15px;
}
#mainBody .noteArea{
	border:1px solid #dddddd;
	background:#f1f1ef;
	padding:15px;
	margin:0 0 15px;
}
#mainBody .strongArea{
	background:#ecdbc8;
	padding:15px;
	margin:0 0 15px;
}
#mainBody .attnArea{
	border:5px solid #d83f3f;
	padding:15px;
	margin:0 0 15px;
}
#mainBody .actionArea{
	border:3px solid #faeebf;
	background:#feffeb;
	padding:15px;
	margin:0 0 15px;
}
/* -----------------------------------------------
  5.リスト 
-------------------------------------------------- */
/* --- リスト（共通） --- */
#mainBody li {
	margin:0 0 10px 10px;
}
/* --- 標準リスト・番号リスト --- */
#mainBody ul {
	list-style:disc outside;
}
#mainBody ol {
	list-style:decimal outside;
	padding-left: 10px;
}
#mainBody ul, #mainBody ol {
	margin:0 20px 15px;
}
/* --- 入れ子リスト・入れ子番号リスト --- */
#mainBody ul ul {
	list-style:circle;
}
#mainBody ol ol {
	list-style:lower-roman;
}
#mainBody ul ul, #mainBody ul ol, #mainBody ol ol {
	margin-top:10px;
	font-size:92.3%;
}
/* --- 自由リスト --- */
#mainBody ul.freeBullets {
	list-style:none;
	margin:0 15px 15px 25px;
}
#mainBody ul.freeBullets.number {
	margin:0 15px 15px 40px;
}
#mainBody ul.freeBullets li {
	position:relative;
	margin-bottom:5px;
}
#mainBody ul.freeBullets span {
	display:block;
	position:absolute;
	top:0;
	left:-1.5em;
	font-size:92.3%;
}
#mainBody ul.freeBullets.number span {
	left:-2.5em;
}
/* --- 定義リスト(標準) --- */
#mainBody dl {
	margin:0 10px 25px;
}
#mainBody dt {
	font-weight:bold;
}
#mainBody dd {
	margin:0 0 15px 0px;
}
/* --- 定義リスト(左タイトル・右説明/.split) --- */
#mainBody dl.split dt {
	clear:both;
	float:left;
	margin:0 0 15px 0;
	width:9em;
}
#mainBody dl.split dd {
	margin:0 0 15px 11em;
	font-size:92.3%;
	min-height: 19px;
}

/* --- リンクリスト --- */
#mainBody ul.linkList {
	margin:0;
	list-style:none;
	overflow: hidden;
}
#mainBody ul.linkList li {
	margin:0 0 5px -1px;
	display:inline;
	border-left:1px solid #ccc;
	padding: 0 9px;
	float: left;
}
#mainBody ul.linkList li a {
	color:#666;
	text-decoration:none;
	font-size:92.3%;
}
#mainBody ul.linkList li a:hover {
	text-decoration:underline;
}
/*  linkListBox  */
#mainBody ul.linkListBox {
	margin:0 10px;
	list-style:none;
	overflow: hidden;
}
#mainBody ul.linkListBox li {
	margin:0 0 5px 0px;
	display:inline;
	width:170px;
	padding: 0 9px;
	float: left;
}
#mainBody ul.linkListBox li ul{
	margin:0 0 10px;
}
#mainBody ul.linkListBox li a {
	color: #666;
	text-decoration: none;
	font-size: 92.3%;
	background: url(../img/ic_arrow_04.png) 0 6px no-repeat;
	padding-left: 10px;
	display: inline-block;
}
#mainBody ul.linkListBox li a:hover {
	text-decoration:underline;
}
/* -----------------------------------------------
  6.フォーム
-------------------------------------------------- */
.radioBtn{
	z-index: -1;
	position: absolute;
}
.radioBtn + label{
	background: url(../img/bt_radio_01.png) 0 0 no-repeat;
	padding: 3px 0 0 20px;
	height: 12px;
	display: inline-block;
	line-height: 1;
}
.radioBtn + label.radioSelected{
	background-position:0 -15px;
}

/* -----------------------------------------------
  7.画像
-------------------------------------------------- */
#mainBody figure {
	margin:0 10px 25px 10px;
}
#mainBody figure img.flexSize {
	 width:100%;
	height:auto;
	}
#mainBody figure+p {
	margin-top:-10px;
}
#mainBody h3+figure {
	margin-top:10px;
}
#mainBody figcaption {
	margin:5px 0;
	font-size:85%;
}
/* -----------------------------------------------
  8.表組み
-------------------------------------------------- */
#mainBody .tableWrap {
	padding:0 10px;
}
	#productMain .tableWrap{
		padding:0;
	}
#mainBody table {
	width:100%;
	margin:0 0 20px;
	border-collapse : collapse;
}
#mainBody table caption {
	text-align:left;
}
#mainBody table tbody,
#mainBody table thead{
	border-top:1px solid #999;
	border-left:1px solid #999;
}
#mainBody table thead th {
	text-align:center;
	background:#663300;
	border-right: 1px solid #83501d;
	border-bottom: 1px solid #83501d;
	color:#fff;
	padding:8px;
	vertical-align:middle;
}
#mainBody table tbody th {
	text-align:left;
	vertical-align:middle;
}
#mainBody table th{
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background:#eedcca;
	font-weight: bold;
	padding:12px 10px;
}
#mainBody table td{
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	padding:8px;
	background:#fff;
	vertical-align:middle;
}
#mainBody table th.headline{
	background:#663300;
	color:#fff;
}
#mainBody table tfoot {
	background: #ddd;
}
#mainBody table.noStyle,
#mainBody table.noStyle th,
#mainBody table.noStyle td,
#mainBody table.noStyle tbody,
#mainBody table.noStyle thead {
	border: none;	
	font-weight:normal;
	background: inherit ;
	text-align:left;
	color:inherit;
}
#mainBody table p:first-child {
	margin:0!important;
}
#mainBody table p {
	margin:10px 0 0 0;
}
#mainBody table ul, #mainBody table ol, #mainBody table dl {
	margin-bottom:10px;
}
#mainBody table td.boaderDod{
	border-right-style: dotted;
}
#mainBody table.normalTable th,
#mainBody table.normalTable td{
	vertical-align:top;
}
#mainBody table p.miniFont{
	margin: 5px 0 0;
}

/* -----------------------------------------------
	90. Other
-------------------------------------------------- */
/* for Voice Browser */
.hidden ,.navSkip {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
/* Noscript Message */
#msgNoscript {
	display:block;
	width:100%;
	background:#fcc;
	color:#f00;
	text-align:center;
}
#msgNoscript p {
	border: 5px solid #f00;
	text-align:left;
	padding:20px;
}
/* NoScript */
.noScript {
	display:none;
}
/* -----------------------------------------------
	99. Clearfix / floatclear
-------------------------------------------------- */
/* clearfix */
.clearfix,#mainBody section, #mainBody div, #globalHeader, #globalNav, #categoryNav ul, #mainBody,.footCateNav ul,.footNav,.phoneMenuHead,#mainHead,ul.snsList ,#mainFoot .mainFootInner,#productCateNav ul,ul.btnList,ul.seihinSlider,.pickBanner ul,.searchSelect,
.seihinMenu ul,
#imageDl ul,#mainBody ul.infoList li,#mainBody .tabBtn,#mainvisual ul,.topCon,ul.iconList,ul.monthMenu,.gradMenu,.relationLink ul,#mainBody ol,#mainBody ul{
	zoom: 1;
}
.clearfix:after, #mainBody section:after, #mainBody div:after, #globalHeader:after, #globalNav:after, #categoryNav ul:after, #mainBody:after,.footCateNav ul:after,.footNav:after,.phoneMenuHead:after,#mainHead:after,ul.snsList:after,#mainFoot .mainFootInner:after,#productCateNav ul:after,ul.btnList:after,ul.seihinSlider:after,.pickBanner ul:after,
.searchSelect:after,.seihinMenu ul:after,
#imageDl ul:after,#mainBody ul.infoList li:after,#mainBody .tabBtn:after,#mainvisual ul:after,.topCon:after,ul.monthMenu:after,.gradMenu:after,.relationLink ul:after,#mainBody ol:after,#mainBody ul:after{
	content: "";
	display: block;
	clear: both;
}
/* ---  floatclear --- */
.clearer {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0px;
}
/* ==================================================================
    [共通モジュール]
===================================================================== */
/* -----------------------------------------------
	1. コンテンツトップ
-------------------------------------------------- */
/* --- 記事タイトル --- */
#wrapBody .hCategory {
	margin: 0;
	font-size: 210%;
	color:#000;
	padding: 5px 0;
	float: left;
	font-weight:bold;
	width: 640px;
	line-height: 1.2;
}
	#wrapBody #mainBody .hCategory {
		margin: 0 0 15px;
		float: none;
		width: auto;
	}
	#wrapBody #mainHead .hCategory {
		width: 640px;
		float: left;
		margin: 0;
	}
#wrapBody .hCategory span{
	font-size: 13px;
	font-weight: normal;
	margin: 0 0 0 15px;
	vertical-align: middle;
}
#wrapBody .hCategory span a{
	text-decoration:none;
}
#wrapBody .hCategory span a:hover{
	text-decoration:underline;
}
/* -----------------------------------------------
	2. ナビゲーション
-------------------------------------------------- */
#mainBody .prev {
	float:left;
}
#mainBody .next {
	float:right;
}
/* --- ページネーション --- */
#mainBody .pageNation{
	padding:15px 60px;
	text-align:center;
	margin:0 0 25px 0;
	position:relative;
}
#mainBody .pageNation a {
	margin:0 4px 8px;
	display:inline-block;
	text-align:center;
	width:24px;
	padding: 5px 0;
	background:#fff;
	border:1px solid #bbb;
	color:#663300;
	text-decoration:none !important;
	font-size:107.7%;
	cursor:pointer;
}
	#mainBody .pageNation a:hover{
		background: #ddd;
	}
#mainBody .pageNation a.jp-current:hover,
#mainBody .pageNation a.jp-current {
	color:#333;
	cursor:default;
	border:none;
	background:none;
}
#mainBody .pageNation a.jp-previous,
#mainBody .pageNation a.jp-next{
	width:50px;
}
#mainBody .pageNation a.jp-previous:before,
#mainBody .pageNation a.jp-next:before{
		content: ' ';
		display: block;
		width: 6px;
		height: 1em;
		padding: 3px 0;
}
	#mainBody .pageNation a.jp-previous:before {
		background: url(../img/ic_prev_01.png) 0 50% no-repeat;
		float: left;
		margin: 0 0 0 5px;
	}
	#mainBody .pageNation a.jp-next:before {
		background: url(../img/ic_next_01.png) 0 50% no-repeat;
		float: right;
		margin: 0 5px 0 0;
	}
#mainBody .pageNation a.jp-disabled {
	display:none;
}
/* -----------------------------------------------
	3. メニュー
-------------------------------------------------- */
/* お助け情報・ニュースのサイドメニュー */
#mainBody #side .seihinMenu,#mainBody #side .cateMenu {
	margin:0 0 20px;
	background:#fff;
}
#mainBody .seihinMenu .quesMenu{
	color: #fff;
	margin: 0;
	background: url(../img/ic_question_02.png) 3px 50% no-repeat #000;
	padding: 11px 0 7px 23px;
}
#mainBody .cateMenu .newsMenu{
	font-weight:bold;
	color:#fff;
	background:#000;
	padding:7px 5px 5px;
}
#mainBody .cateMenu .newsMenu a{
	display:block;
	width:100%;
	padding: 7px 5px;
	margin: -7px -5px -5px;
	text-decoration:none;
	color:#fff;
	background: url(../img/btn_black_02.png) 0 50% repeat-x;
}
	#mainBody .cateMenu .newsMenu a:hover{
		background: #333;
	}
	#mainBody .cateMenu .newsMenu a:before{
		content:' ';
		background:url(../img/ic_arrow_r_01.png) 0 50% no-repeat;
		display:block;
		width: 5px;
		height: 1em;
		margin: 0 5px 0 8px;
		float: left;
	}
#mainBody .seihinMenu ul,
#mainBody .cateMenu ul{
	list-style:none;
	margin:0;
	border:2px solid #000;
}
#mainBody .seihinMenu ul li,
#mainBody .cateMenu ul li{
	margin:0;
	border-top:1px solid #999
}
	#mainBody .seihinenu ul li:first-child,
	#mainBody .cateMenu ul li:first-child{
		border:none;
	}
#mainBody .cateMenu ul li a{
	background: url(../img/ic_arrow_r_01.png) 10px 10px no-repeat;
	padding:6px 6px 6px 20px;
	display:block;
	color:#000;
	text-decoration:none;
}
	#mainBody .cateMenu ul li a.icNewWinR:after{
		padding-right: 18px;
		background: url(../img/ic_newwin_01.png) 100% 50% no-repeat;
		content: ' ';
	}
#mainBody .seihinMenu ul li a.active,
#mainBody .cateMenu ul li a.active,
#mainBody .seihinMenu ul li a:hover,
#mainBody .cateMenu ul li a:hover{
	background-color:#ebe8e3;	
}
#mainBody .cateMenu ul li ul.monthMenu{
	border:none;
	border-top:1px dotted #000;
}
#mainBody .cateMenu ul li ul.monthMenu li{
	float:left;
	color:#999;
	width: 46px;
	border:none;
	padding:5px 0;
	text-align:center;
}
#mainBody .cateMenu ul li ul.monthMenu li a:hover{
	text-decoration:underline;
}
#mainBody .cateMenu ul li ul.monthMenu li a{
	background:none;
	padding:0;
	width: 47px;
	text-decoration:none;
}
#mainBody .cateMenu ul li ul.monthMenu li a.active{
	font-weight:bold;
}
#mainBody .seihinMenu ul li a{
	display:block;
	color:#000;
	text-decoration:none;
	padding:5px;
}
#mainBody .seihinMenu ul li a span.cateImg{
	width: 40px;
	height: 40px;
	background:#fff;
	text-align:center;
	padding:0;
}
#mainBody .seihinMenu ul li a span{
	display: table-cell;
	vertical-align: middle;
	padding:0 0 0 10px;
}
#mainBody .seihinMenu ul li a span.cateImg img{
	max-width:40px;
	max-height:40px;
	width:auto;
	height:auto;
}
#mainBody #side .twiBn {
	margin: 40px 0 20px;
}
#mainBody #side .twiBn a {
	position:relative;
}
#mainBody #side .twiBn a span{
	position: absolute;
	top: -71px;
	left: 40px;
}
/* アーカイブ */
#mainBody .gradMenu {
	margin: 0 11px 30px;
	list-style: none;
	overflow: hidden;
	padding: 1px 0 0;
}
#mainBody .gradMenu li{
	width:178px;
	margin: -1px -1px 0 0;
	float:left;
	border: 1px solid #9e9e9e;
	font-size: 123.1%;
	background:#ddd;
	color: #aaa;
}
#mainBody .gradMenu li a:hover{
	background:#e5e5e5;
}
#mainBody .gradMenu li a{
	font-weight: bold;
	background:url(../img/btn_gray_01.png) 0 50% repeat-x;
	color: #333;
	text-shadow: 1px 1px 0px #FFFFFF;
	text-decoration: none;
	display: block;
}
#mainBody .gradMenu li > span,
#mainBody .gradMenu li a > span{
	height: 20px;
	padding: 16px 10px;
	text-align: center;
	width: 159px;
	display: block;
}
/* -----------------------------------------------
	4. 補足・引用・関連
-------------------------------------------------- */
/* --- 補足 ---*/
#mainBody .supInfo {
	margin:0 0 25px 0;
	padding:15px 10px 0 10px;
	border:1px solid #ccc;
	font-size:92.3%;
	color:#666;
}
/* --- 引用 ---*/
#mainBody blockquote {
	margin:15px;
	padding: 0 0 0 15px;
	background:url(../img/bg_blockquote01.gif) 0 0.1em no-repeat;
}
#mainBody blockquote p {
	color:#666;
  padding: 0 15px 0 0;
  background: url(../img/bg_blockquote02.gif) right bottom no-repeat;
}
/* --- 関連 ---*/
#mainBody .relatedInfo {
	margin:0 0 25px 0;
	padding:10px 10px 10px 10px;
	background:#eee;
}
/* -----------------------------------------------
	5. リスト
-------------------------------------------------- */
/* ニュースリスト */
#mainBody ul.infoList{
	list-style:none;
	border-bottom: 1px dotted #999;
	margin:0 0 15px;
}
	#mainBody ul#pageNationCon.infoList{
		border-bottom:none;
	}
	#mainBody .relatedBox ul.infoList{
		padding:8px;
		border-bottom:none;
		margin:0;
	}
#mainBody ul.infoList > li{
	margin:0;
	padding:10px 5px;
	border-top:1px dotted #999;
	position:relative;
}
	#mainBody #relatedInfo ul.infoList > li{
		padding:10px 5px 5px;
	}
	#mainBody ul#pageNationCon.infoList > li{
		border-top:none;
		border-bottom:1px dotted #999;
	}
#mainBody ul.infoList li:first-child{
	border-top:none;
}
#mainBody ul.infoList li .listThum{
	float:left;
	width:85px;
	position:relative;
}
	#mainBody .relatedBox ul.infoList li .listThum{
		width:67px;
	}
#mainBody ul.infoList li .icPickup{
	position:absolute;
	top:3px;
	left:3px;
}
#mainBody ul.infoList li .icPickup img{
	vertical-align: top;
}
#mainBody ul.infoList li .listThumInner{
	width:85px;
	height:85px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	background:#fff;
}
#mainBody ul.infoList li .listThumInner img{
	max-width:85px;
	max-height: 85px;
	height:auto;
}
	#mainBody .relatedBox ul.infoList li .listThumInner{
		border:1px solid #dddddd;
		width:65px;
		height:65px;
		display:table-cell;
		vertical-align:middle;
	}
	#mainBody .relatedBox ul.infoList li .listThumInner img{
	max-width:65px;
	max-height: 65px;
	height:auto;
	}
	
#mainBody ul.infoList li .listThum .icMaker{
	margin: 5px 0 0;
	display: block;
	text-align: center;
}
#mainBody ul.infoList li .listThum .icMaker img{
	max-width:55px;
	vertical-align: top;
}
#mainBody ul.infoList li .listText{
	width: auto;
	margin: 0 0 0 100px;
}
	#mainBody .relatedBox ul.infoList li .listText{
		margin: 0 0 0 80px;
	}
	#mainBody .relatedBox ul.infoList li .listText a{
		line-height: 1.2;
	}
	
#mainBody ul.infoList li .listText .timedate{
	float:right;
	font-size:92.3%;
}
#mainBody ul.infoList li .updateTime{
	color:#666;
	font-size:92.3%;
	float:right;
}
	#mainBody #relatedforum ul.infoList li .updateTime{
		float: none;
	}
#mainBody ul.infoList li a{
	color:#663300;
	font-weight:bold;
	text-decoration:none;
	display:block;
	clear: right;
}
#mainBody ul.infoList li .listText a{
	display:inline;
}
#mainBody ul.infoList li .note{
	display:block;
	line-height:1.4;
	font-size:92.3%;
	color:#666;
}
	#mainBody .relatedBox ul.infoList li .note{
		font-size: 84.6%;
		line-height:1.2;
	}
#mainBody ul.infoList li .modelNo{
	display:block;
	font-size:84.6%;
}

/* ピックアップリスト */
#mainBody ul.pickupBox{
	margin:0 0 0 -8px;
	list-style:none;
}
#mainBody ul.pickupBox > li{
	margin:0;
	background:#fff;
	border:1px solid #ccc;
	padding:1px 1px 5px;
	float:left;
	width: 220px;
	margin:0 -1px 0 8px;
	position:relative;
}
#mainBody ul.pickupBox > li:hover{
	background:#F5F5F5;
}
#mainBody ul.pickupBox > li .listThum{
	margin:0 0 5px;
}
#mainBody ul.pickupBox > li .iconList{
	margin:0 5px 2px;
}
#mainBody ul.pickupBox > li .icPickup{
	position:absolute;
	left:1px;
	top:1px;
}
#mainBody ul.pickupBox > li a {
	line-height:1.3;
	font-weight:bold;
	color:#000;
}
#mainBody ul.pickupBox > li p,
#mainBody ul.pickupBox > li a {
	margin:0 6px 2px;
	display:block;
}
/* pickupList */
#mainBody #listArea{
	margin:0 10px 25px;
	width: 940px;
	overflow: hidden;
}
#mainBody ul.pickupList{
	margin:0 ;
	list-style:none;
	width: 942px;
}
#mainBody ul.pickupList > li{
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:10px;
	width:470px;
	float:left;
	margin:0 1px 1px 0;
	position:relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
#mainBody ul.pickupList > li .listThum{
	border:1px solid #ddd;
	float:left;
	width:220px;
}
#mainBody ul.pickupList > li .icPickup{
	position:absolute;
	left:11px;
	top:11px;
}
#mainBody ul.pickupList > li .listText{
	margin:0 0 0 230px;
}
#mainBody ul.pickupList > li .listText a{
	font-weight:bold;
	line-height:1.3;
	color:#000;
}
#mainBody ul.pickupList > li .listText p{
	margin:0;
}


/* -----------------------------------------------
	90. JavaScript ライブラリ
-------------------------------------------------- */
/* --- 共通 --- */
.bl-hot a{
	text-decoration:none;
}
.bl-hover{
	background-color: #ebe8e3;
	cursor:pointer;
}
.bl-hover a{
	text-decoration:underline;
}
.trigger{
	cursor:pointer;
}
.toggleContainer{
	display:none;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
#cboxWrapper {max-width:none;padding: 10px 0 0;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
.cboxIframe{background:#fff;}
#cboxOverlay{
	background: url(../img/overlay.png);
}
#cboxContent{
	overflow:visible;
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
#cboxLoadedContent{
	padding:10px;
	background:#fff;
	border-top: 40px solid #000;
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
#cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}
.cboxElement:focus,#colorbox{outline:0;}
#cboxClose:active,#cboxClose:focus {outline:0;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadingOverlay{background:#fff;}
#cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:30px; height:30px; position:absolute; top:-20px; background: url(../img/bt_popclose_01.png) 0 0 no-repeat;}
#cboxClose{
	right: 5px;
	top: 5px;
	z-index: 9998;
}
.closeBtn{
	text-align:center;
	margin:20px 0 0;
	display:none;
}
.colorbox-close{
	background: url(../img/btn_brown_01.png) 0 50% repeat-x;
	cursor:pointer;
	font-weight: bold;
	border:none;
	color: #fff;
	width: 150px;
	padding: 14px 27px;
}
.colorbox-close:hover{
	background: url(../img/btn_brown_01_o.png) 0 50% repeat-x;
}
/* メニュー */
#build-menu-page {
	left: 0;
	position: relative;
	background: url(../img/con_bg_01.png) 0 0 repeat;
}
#build-menu {
	visibility: visible;
	z-index: 0;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	display: none;
	width: 90%;
	padding: 0;
	position: static;
	z-index: 0;
	top: 0;
	height: 100%;
	float:right;
	left: 0;
	overflow-y: auto;
    -moz-box-shadow: inset 4px 0px 9px 0px #9E785E;
    -webkit-box-shadow: inset 4px 0px 9px 0px #9E785E;
    box-shadow: inset 4px 0px 9px 0px #9E785E;
	background: url(../img/con_bg_04.png) 0 0 repeat;
}
.build-menu-animating #build-menu-page {
	position: fixed;
	overflow: hidden;
	width: 100%;
	top: 0;
	bottom: 0;
}
.build-menu-animating.build-menu-close #build-menu-page,
.build-menu-animating.build-menu-open #build-menu-page {
	-webkit-transition: -webkit-transform 250ms;
	-moz-transition: -moz-transform 250ms;
	-o-transition: -o-transform 250ms;
	-ms-transition: -ms-transform 250ms;
	transition: transform 250ms;
}
.build-menu-animating.build-menu-open #build-menu-page {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.build-menu-animating #build-menu { display: block }
.build-menu-open #build-menu {
	display: block;
	-webkit-transition-delay: 0ms, 0ms, 0ms;
	-moz-transition-delay: 0ms, 0ms, 0ms;
	-o-transition-delay: 0ms, 0ms, 0ms;
	-ms-transition-delay: 0ms, 0ms, 0ms;
	transition-delay: 0ms, 0ms, 0ms;
}
.build-menu-open #build-menu,
.build-menu-close #build-menu {
	-webkit-transition: -webkit-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-moz-transition: -moz-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-o-transition: -o-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-ms-transition: -ms-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	transition: transform 250ms, opacity 250ms, visibility 0ms 250ms;
}
/* --- スライダー --- */
/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
	position: relative;
	padding: 0;
	margin:0 auto;
	*zoom: 1;
}
html.ie7 .bx-wrapper img,
html.ie8 .bx-wrapper img {
	margin:0 0 0 -1px;
}
#mainVisual .bx-wrapper .bx-viewport {
	border-radius:5px;
	border:1px solid #e0dfd7;
	-moz-box-shadow: 0px 0px 10px #e0dfd7;
	-webkit-box-shadow: 0px 0px 10px #e0dfd7;
	box-shadow: 0px 0px 10px #e0dfd7;
	overflow: hidden;
}
/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
	text-align: center;
	padding-top: 5px;
}
	#topItioshi .bx-wrapper .bx-pager {
		border-top: 1px dotted #999;
		border-bottom:2px solid #000;
		margin: 10px -10px;
		padding: 12px 0;
		height: 8px;
	}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	text-indent: -9999px;
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 5px 0;
	outline: 0;
	background:#999;
	border-radius:25px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background:#663300;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left: -40px;
	background: url(../img/index_footer_arrow_02.png) no-repeat 0 0px;
	background-size:50%;
}
.bx-wrapper .bx-next {
	right: -40px;
	background: url(../img/index_footer_arrow_01.png) no-repeat right 0px;
	background-size:50%;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 0;
	outline: 0;
	width: 9px;
	height: 74px;
	text-indent: -9999px;
	z-index: 9999;
	background:#fff;
	border:1px solid #ccc;
}
.bx-wrapper .bx-controls-direction a.bx-prev {
	left: -20px;
	background: url(../img/ic_prev_01.png) 50% 50% no-repeat;
}
.bx-wrapper .bx-controls-direction a.bx-next {
	right: -20px;
	background: url(../img/ic_next_01.png) 50% 50% no-repeat;
}
	#topItioshi .bx-wrapper .bx-controls-direction a {
		border:none;
		height: 19px;
		top: 95px;
	}
	#topItioshi .bx-wrapper .bx-controls-direction a.bx-prev {
		left: -10px;
		background: url(../img/ic_prev_02.png) 50% 50% no-repeat;
	}
	#topItioshi .bx-wrapper .bx-controls-direction a.bx-next {
		right: -10px;
		background: url(../img/ic_next_02.png) 50% 50% no-repeat;
	}
.bx-wrapper .bx-controls-direction a:hover {
	background-color:#f5f5f5;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-has-pager{
}


/* ==================================================================
    [個別ページ]
===================================================================== */
#mainBody .conWrap{
}
#mainBody .con2col{
	width: 460px;
	float: left;
	margin: 0 20px 20px 0;
}
/* -----------------------------------------------
	TOP
-------------------------------------------------- */
#mainBody #mainvisual {
	margin:0 0 10px;
	position:relative;
}
#mainBody #mainvisual .pcvisual {
	margin: 0 0 -10px;
}
#mainBody #mainvisual .spvisual {
	display:none;
}
#mainBody #mainvisual .visualBg {
	margin:0 0 0 -57px;
}
#mainBody #mainvisual .visualLink01{
	position:absolute;
	top: 14%;
	right: 41%;
}
#mainBody #mainvisual .visualLink02{
	position:absolute;
	top: 10.5%;
	right: 56.5%;
}
#mainBody #mainvisual .visualLink03{
	position:absolute;
	top: 17.5%;
	right: 73.5%;
}
#mainBody #mainvisual .visualLink01 a img,
#mainBody #mainvisual .visualLink02 a img,
#mainBody #mainvisual .visualLink03 a img{
	max-height: 35%;
	width: auto;
	height: auto;
}
/* 重要なお知らせ */
#importantInfo{
	border:2px solid #999999;
	background:#fff;
}
	#mainBody #importantInfo{
		padding:12px 12px 5px;
	}
	#sub #importantInfo{
		margin:0 0 10px;
		padding:12px 12px 5px;
	}
#importantInfo h2{
	font-size:115.4%;
	color:#cc0000;
	position:relative;
}
#importantInfo h2 a{
	font-size: 12px;
	position: absolute;
	right: -6px;
	top: -6px;
	min-width: 50px;
}
#mainBody #importantInfo ul,
#importantInfo ul{
	margin:10px 0 0;
	list-style:none;
}
#importantInfo ul li{
	margin:0 0 10px;
	padding:0 0 0;
	line-height: 1.3;
}
	#mainBody #importantInfo ul li{
		padding: 0 0 0 90px;
	}
#importantInfo ul li a{
	color:#333;
}
	#sub #importantInfo ul li a{
		font-size:92.3%;
	}
	#sub #importantInfo ul li.heavyInfo span:after{
		content:url(../img/ic_attn_01.png);
		vertical-align: middle;
		margin: 0 0 0 3px;
	}
	#importantInfo ul li.heavyInfo a{
		font-weight:bold;
		color:#cc0000;
		font-size: 100%;
	}
	#mainBody #importantInfo ul li.heavyInfo a{
		background: url(../img/ic_attn_01.png) 0 50% no-repeat;
		padding-left: 22px;
		font-size: 107.7%;
	}
#importantInfo ul li span{
	color:#666;
	margin:0 0 3px ;
	font-size:92.3%;
	line-height:1;
	display: block;
}
	#mainBody #importantInfo ul li span{
		width: 90px;
		margin: 0 0 0 -90px;
		display: inline-block;
	}
/* ピックアップ */
#mainBody #topPickup{
	margin:0;
}
#mainBody #topPickup .pickBanner{
	margin:0 0 20px;
}
#mainBody #topPickup .pickBannerL a{
	margin:0 0 15px;
	display:block;
}
#mainBody #topPickup .pickBannerL a:hover,
#mainBody #topPickup .pickBanner a:hover{
	filter: alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
}
#mainBody #topPickup .pickBanner .bx-viewport{
	padding: 0 0 10px;
}
#mainBody #topPickup .pickBanner ul{
	margin:0 -37px 0 0;
	list-style:none;
}
#mainBody #topPickup .pickBanner ul li {
	display:inline-block;
	float:left;
	margin:0 37px 0 0;
}
#mainBody #topPickup .pickBanner ul li a {
	border:1px solid #eee;
	position:relative;
	display:block;
}
#mainBody #topPickup .pickBanner ul li .icPickup{
	position:absolute;
	top:0;
	left:0;
}
/* 製品を探す */
#mainBody #topCateSearch{
	margin:0 0 15px;
	background:url(../img/con_bg_01.png) 0 0 repeat;
}
#mainBody #topCateSearch .seriesBox .hLink{
	position:absolute;
	right:5px;
	top:10px;
}
#mainBody #topCateSearch .seriesBox .hLink .icNewWinR{
	background: url(../img/ic_newwin_02.png) 100% 50% no-repeat;
}
#mainBody #topCateSearch .seriesBox{
	margin:0 10px 9px 9px;
	padding: 5px 0 13px;
	position:relative;
	background:url(../img/bg_boader_03.png) 0 bottom repeat-x ;
}
#mainBody #topCateSearch .seriesBox h3{
	margin:0 0 5px;
}
#mainBody #topCateSearch .cateBox{
	margin:0 10px 0 9px;
	padding: 0 0 10px;
}
#mainBody ul.btnList{
	margin:5px 0 0;
	background:#fff;
	list-style:none;
}
	#mainBody #topCateSearch .seriesBox ul.btnList li a img{
		width: auto;
		height: auto;
		max-width: 130px;
		max-height: 50px;
		margin-top: 7px;
	}
#mainBody ul.btnList li{
	margin: 0 -1px -1px 0;
	width: 149px;
	float: left;
	display: inline-block;
	border: 1px solid #999;
	overflow:hidden;
}
#mainBody ul.btnList li a{
	display:block;
	padding: 10px;
	text-decoration:none;
	color:#000;
	font-weight: bold;
	font-size:107.7%;
	text-align: center;
	background:url(../img/btn_gray_01.png) 0 50% repeat-x;
}
	#mainBody ul.btnList li:hover a{
		background:#e5e5e5;
	}
	#mainBody ul.btnList li.allSeihin a{
		background-image:url(../img/btn_brown_02.png);
	}
	#mainBody ul.btnList li.allSeihin:hover a{
		background:#e5ccaf;
	}
#mainBody ul.btnList li a .cateImg{
	display:table-cell;
	vertical-align:middle;
	height:90px;
	width:129px;
	text-align:center;
}
#mainBody ul.btnList li a .cateImg img{
	max-height:90px;
	max-width:129px;
	width:auto;
	height:auto;
}
#mainBody ul.btnList li a .cateTxt{
	margin:10px 0 0;
	display: inline-block;
}
#mainBody ul.btnList li a .seriesTxt{
	display: block;
	text-align: left;
	margin: 18px -2px 0;
	letter-spacing: -0.9px;
	font-size:84.6%;
	text-shadow: 1px 1px 0px #f5f5f5;
}
	#mainBody ul.btnList li.nextSeries a .seriesTxt{
		color:#009933;
	}
	#mainBody ul.btnList li.stnSeries a .seriesTxt{
		color:#00a0e9;
	}
	#mainBody ul.btnList li.premiumSeries a .seriesTxt{
		color:#ed6d00;
	}
	#mainBody ul.btnList li.kiwaSeries a .seriesTxt{
		color:#e60012;
	}
/*　イチオシ　*/
#mainBody #topItioshi .hItioshi{
	background: url(../img/img_itioshi_01.png) 0 0 no-repeat #000;
	padding: 8px 5px 8px 50px;
	color:#fff;
	font-size: 138.5%;
	margin:0 0 15px;
	font-weight:bold;
}
#mainBody #topItioshi ul.seihinSlider{
	margin:0;
	padding:0 10px 20px;
	list-style:none;
}
#mainBody #topItioshi ul.seihinSlider{
}
#mainBody #topItioshi ul.seihinSlider > li{
	width:130px;
	float:left;
	display:inline-block;
	margin:0 0 10px;
	padding:10px;
}
#mainBody #topItioshi ul.seihinSlider > li:hover{
	background-color: #ebe8e3;
}
#mainBody #topItioshi ul.seihinSlider > li a{
	color:#000;
	text-decoration:none;
	font-size:92.3%;
	line-height: 1.2;
	display: block;
}
#mainBody #topItioshi ul.seihinSlider > li .itioshiThumb{
	margin:0 0 3px;
	position:relative;
	padding: 30px 0 0;
	background:#fff;
	border: 1px solid #ccc;
}
#mainBody #topItioshi ul.seihinSlider > li .icPickup{
	position:absolute;
	top:3px;
	left:3px;
}
#mainBody #topItioshi ul.seihinSlider > li .icMaker{
	position:absolute;
	top:3px;
	right:5px;
}
#mainBody #topItioshi ul.seihinSlider > li .icMaker img{
	max-height:20px;
	width:auto;
	height:auto;
}
#mainBody #topItioshi ul.seihinSlider >li .thumbImg{
	display:table-cell;
	width:128px;
	height:98px;
	text-align: center;
	vertical-align:middle;
}
#mainBody #topItioshi ul.seihinSlider > li .thumbImg img{
	max-width:110px;
	max-height:80px;
	width:auto;
	height:auto;
}
/* サイド */
#sub #topNews,
#sub #topForum{
	margin:0 0 20px;
}
#sub .blackBox{
	border:2px solid #000;
}
#sub ul.subInfoList{
	margin:0;
	list-style:none;
	background:#fff;
}
#sub ul.subInfoList > li{
	border-top:1px dotted #999;
	padding:10px 6px 15px;
}
#sub ul.subInfoList > li:first-child{
	border-top:none;
}
#sub ul.subInfoList .subInfoThumb{
	width:47px;
	text-align:center;
	float:left;
}
#sub ul.subInfoList .subInfoThumb .subInfoInner{
	width:45px;
	height:45px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	background:#fff;
	border:1px solid #ccc;
}
#sub ul.subInfoList .subInfoThumb .subInfoInner img{
	max-width:45px;
	max-height:45px;
	width:auto;
	height:auto;
	display: block;
}
#sub ul.subInfoList .subInfoThumb .icMaker {
	display:block;
	margin:3px 0 0;
}
#sub ul.subInfoList .subInfoThumb .icMaker img{
	max-width:47px;
	max-height: initial;
	width:auto;
	display:block;
	margin:0 auto 5px;
}
#sub ul.subInfoList .subInfoText{
	margin:0 0 0 55px;
}
#sub ul.subInfoList a{
	display:block;
	font-weight:bold;
	text-decoration:none;
	clear: right;
}
#sub ul.subInfoList .note{
	color:#666;
	font-size:84.6%;
	line-height:1.2;
	display: inline-block;
}
#sub ul.subInfoList .updateTime{
	color:#999;
	font-size:84.6%;
	text-align:right;
	float:right;
}
#sub ul.subInfoList ul.iconList li{
	margin:0 2px 1px 0;
}
#sub .listCloseBtn,
#sub .listOpenBtn{
	border-top:1px solid #aaa;
	display:block;
	padding:5px;
	color:#000;
	cursor:pointer;
	font-weight:bold;
	font-size:92.3%;
	text-decoration:none;
	text-align:center;
	background:url(../img/btn_gray_01.png) 0 50% repeat-x;
}
#sub .listCloseBtn:hover,
#sub .listOpenBtn:hover{
	background:#e5e5e5;
}
#sub .listOpenBtn span{
	background: url(../img/ic_arrow_down_01.png) 0 50% no-repeat;
	padding-left: 15px;
}
#sub .listCloseBtn span{
	background: url(../img/ic_arrow_up_01.png) 0 50% no-repeat;
	padding-left: 15px;
}
#sub .listCloseBtn{
	display:none;
}
#sub #topForum .hRibbon img{
	top: -8px;
}
#twitterArea{
}
#twitterArea iframe{
	border:2px solid #009eda!important;
	background:#fff;
}
#twitterArea ol li{
	border-bottom:1px solid #ccc;
}
#twitterArea .twitterBn{
	display:none;
}
#twitterArea .twitterBn a:hover{
	filter: alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
}
#twitterArea .twitterBn img{
	max-width:100%;
	height:auto;
	width:auto;
}
/* -----------------------------------------------
	製品総合
-------------------------------------------------- */
/* btnList4col */
#mainBody ul.btnList4col{
	list-style:none;
	margin:0 -9px -9px 0;
}
#mainBody ul.btnList4col li{
	margin:0 9px 9px 0;
	float:left;
	width:226px;
	display:inline-block;
	border:1px solid #999;
}
#mainBody ul.btnList4col li a{
	display:block;
	padding: 5px 10px 13px;
	background:url(../img/btn_gray_01.png) 0 50% repeat-x;
	text-decoration:none;
	color:#000;
	font-weight: bold;
	font-size:107.7%;
	text-align: center;
	height: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
	#mainBody ul.btnList4col li a:hover{
		background:#e5e5e5;
	}
#mainBody ul.btnList4col li a img{
	width: auto;
	height: auto;
	max-width: 130px;
	max-height: 50px;
	margin-top: 7px;
}
#mainBody ul.btnList4col li a .seriesTxt{
	display: block;
	text-align: left;
	margin: 18px -2px 0;
	letter-spacing: -0.9px;
	text-shadow: 1px 1px 0px #f5f5f5;
}
	#mainBody ul.btnList4col li.nextSeries a .seriesTxt{
		color:#009933;
	}
	#mainBody ul.btnList4col li.stnSeries a .seriesTxt{
		color:#00a0e9;
	}
	#mainBody ul.btnList4col li.premiumSeries a .seriesTxt{
		color:#ed6d00;
	}
	#mainBody ul.btnList4col li.kiwaSeries a .seriesTxt{
		color:#e60012;
	}

#mainBody ul.listMenu{
	margin:0 -9px 0 0;
	list-style:none;
}
#mainBody ul.listMenu > li{
	float:left;
	width:224px;
	border:2px solid #000;
	margin:0 9px 9px 0;
	background: url(../img/bg_opacity_01.png) 0 0 repeat;
}
	#mainBody ul.listMenu li.nonCate{
		display:none;
	}
#mainBody ul.listMenu > li > a{
	text-decoration:none;
	background: url(../img/btn_gray_01.png) 0 50% repeat-x;
	color:#000;
	font-weight:bold;
	font-size:115.4%;
	line-height: 1.2;
	display:block;
}
	#mainBody ul.listMenu > li > a:hover{
		background: #e5e5e5;
	}
#mainBody ul.listMenu li .cateImg{
	width:55px;
	height:55px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}
#mainBody ul.listMenu li .cateImg img{
	width:auto;
	height:auto;
	max-width:45px;
	max-height:40px;
}
#mainBody ul.listMenu li .cateTxt{
	display:table-cell;
	vertical-align:middle;
	padding:0 5px;
}
#mainBody ul.listMenu li ul{
	margin:0 0 -1px;
	list-style:none;
	border-bottom:1px solid #65492b;
	font-size:100%;
}
#mainBody ul.listMenu li ul li{
	border-top:1px solid #65492b;
	display:block;
	margin:0;
}
#mainBody ul.listMenu li ul li a{
	text-decoration:none;
	color:#000;
	display:block;
	background:url(../img/ic_arrow_r_01.png) 10px 14px no-repeat;
	padding:10px 10px 10px 22px;
}
#mainBody ul.listMenu li ul li:hover{
	background:#EFE1D2;
}
/* -----------------------------------------------
	製品一覧
-------------------------------------------------- */
/* タブ */
#mainBody .tabBtn{
	background: url(../img/bg_catenav_02.png) 0 0 repeat-y;
	border-bottom:4px solid #522900;
	margin:0 0 10px;
}
#mainBody .tabBtn li{
	float:left;
	list-style:none;
	width:221px;
	margin:5px 3px 0 5px;
	background:#fff;
	border:1px solid #cccccc;
	border-bottom:none;
}
	#mainBody .tabBtn li:hover{
	filter: alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
	}
	#mainBody .tabBtn li.active{
		background:#663300;
		border-color:#663300;
	}
#mainBody .tabBtn li a{
	text-decoration:none;
	font-weight: bold;
	text-align:center;
	height: 29px;
	padding: 12px 5px 0;
	display:block;
	color:#663300;
	font-size:153.8%;
	line-height: 1;
}
	#mainBody .tabBtn li.active a,
	#mainBody .tabBtn li.active a span{
		color:#fff;
		text-shadow: 1px 1px 0px #522900;
	}
#mainBody .tabBtn li a.icList{
	background:url(../img/ic_list_01.png) 8px 50% no-repeat;
}
	#mainBody .tabBtn li.active a.icList{
		background:url(../img/ic_list_02.png) 8px 50% no-repeat;
	}
#mainBody .tabBtn li a.icHikaku{
	background:url(../img/ic_hikaku_01.png) 8px 50% no-repeat;
}
#mainBody .tabBtn li.active a.icHikaku{
	background:url(../img/ic_hikaku_02.png) 8px 50% no-repeat;
}
#mainBody .tabBtn li a span{
	color:#000;
	font-size:69.2%;
}
/* 絞り込み */
#refineSearch {
	margin:0 0 20px;
}
#refineSearch .refineSearchTitle{
	color:#663300;
	font-weight:bold;
	font-size:138.5%;
	margin:0 5px 5px;
	background:url(../img/ic_list_03.png) 0 0 no-repeat;
	padding: 0 0 0 25px;
	display: inline-block;
	vertical-align: top;
}
#refineSearch .refineTitle {
	float:left;
	margin:0;
}
#refineSearch .refineTitle .hPoint{
	display: inline-block;
	width: 108px;
	margin:0 0 5px 0;
}
	#productList #refineSearch .stockNav{
		margin:7px 0 0;
		width:auto;
		float:right;
	}
	#productList #refineSearch .stockNav span{
		display: inline-block;
		padding: 0;
		border: none;
		background: none;
		width: auto;
		margin: 0 5px 0 0;
		font-weight: normal;
		font-size: 84.6%;
	}
	#productList #refineSearch .stockNav span:before{
		content:'|';
	}
	#productList #refineSearch .stockNav span:first-child:before{
		content:none;
	}
	#productList #refineSearch .stockNav span a{
		padding:0;	
		text-decoration: underline;
		color:#666;
		display: inline-block;
		padding:0 0 0 5px;
	}
		#productList #refineSearch .stockNav span a:hover,
		#productList #refineSearch .stockNav span.active a{
			text-decoration:none;
		}
#refineSearch .refineBox{
	cursor:pointer;
	border:1px solid #999999;
	background:url(../img/ic_arrow_down_01.png) 10px 50% no-repeat #fff;
	padding: 7px 10px 7px 30px;
	display: inline-block;
	width: 108px;
}
#refineSearch .refineBox.active{
	background-image:url(../img/ic_arrow_up_01.png);
}
#refineSearch .btnReset{
	background:url(../img/ic_reset_01.png) 0 50% no-repeat;
	padding-left:18px;
	margin:0 10px;
	color:#333;
	text-decoration:none;
	cursor:pointer;
	color:#663300;
}
#refineSearch .btnReset:hover{
	text-decoration:underline;
}
#refineSearch .icLoading img{
	vertical-align:middle;
}
#refineSearch dl{
	font-size:92.3%;
	border-top:3px solid #000;
	margin:0;
	background: #dddddd;
}
	#refineSearch .toggleContainer{
		display:block;
	}
	#refineSearch .toggleContainer dl{
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}
#refineSearch dt{
	width:130px;
	background:url(../img/bg_boader_02.png) 0 0 repeat-x #dddddd;
	color:#000;
	padding:10px;
	display: table-cell;
	float:left;
	position:relative;
}
#refineSearch dt:first-child{
	background:#dddddd;
}
#refineSearch dd{
	display: table-cell;
	width: 810px;
}
#refineSearch dt:first-child + dd .selectList{
	background:#e7e7e7;
}
#refineSearch dt:first-child + dd .selectList + .selectList {
	background:url(../img/bg_boader_02.png) 0 0 repeat-x #e7e7e7;
}
#refineSearch dd .selectList{
	padding:10px;
	background:url(../img/bg_boader_02.png) 0 0 repeat-x #e7e7e7;
}
#refineSearch dd ul{
	list-style:none;
	margin:0;
}
#refineSearch dd h4 + ul{
	margin:0 0 0 130px;
}
#refineSearch dd ul li{
	display: inline-block;
	margin:0 20px 0 0;
}
#refineSearch dd .criteria {
	display:none;
}
#refineSearch dd h4{
	color:#000;
	display: inline-block;
	width:130px;
	float:left;
}
#refineSearch .checkOpen,
#refineSearch .checkText{
	display:none;
}
#refineSearch .checkText{
	font-weight:normal;
	color:#333;
	padding:0 30px 0 0;
}
#refineSearch .checkOpen{
	position:absolute;
	top:50%;
	right:10px;
	cursor:pointer;
	margin:-12px 0 0;
}
/* カテゴリ選択 */
#productCateNav{
	background:url(../img/bg_catenav_01.png) 0 0 no-repeat;
	padding:8px 0 0;
	margin:0 0 50px;
}
#productCateNav ul {
	margin:0 0 0 ;
	background:url(../img/bg_catenav_02.png) 0 0 repeat-y;
}
#productCateNav ul li{
	list-style:none;
	float:left;
	width:222px;
	height:88px;
	margin:0 7px 8px 8px;
	border:1px solid #999999;
	background:url(../img/btn_gray_01.png) 0 50% repeat-x;
}
	#productCateNav ul li:hover{
		background:#f5f5f5;
	}
#productCateNav ul li a{
	display:block;
	color:#333;
	font-size:115.4%;
	text-decoration:none;
	padding: 0 10px;
}
#productCateNav ul li span.cateImg {
	width:75px;
	height:75px;
	padding:0 10px 0 0;
}
#productCateNav ul li span.cateImg img{
	max-width: 75px;
	max-height: 75px;
	height: auto;
	width: auto;
}
#productCateNav ul li span{
	display:table-cell;
	height:86px;
	vertical-align:middle;
}
/* 一覧 */
.zaikoList{
	display:none;
}
#resultsArea{
	margin: 0;
    padding: 0 0 40px;
}
.zaikoList,
.currentList{
	margin: 10px 0 0 -20px;
}
#productList .productBox{
	position:relative;
	float:left;
	width:468px;
	padding:20px 0 65px;
	border:1px solid #ccc;
	background:url(../img/bg_dot_03.png) 0 0 repeat-x #fff;
	margin:0 -1px 20px 20px;
}
#productList .productBox .iconList{
	margin: 0;
	padding:10px 0 0;
	position: absolute;
	top: 0;
	right: 0;
}
#productList .productBox .productBoxBtm{
	background: url(../img/bg_dot_02.png) 0 0 repeat;
	padding: 7px 8px 5px;
	position: absolute;
	width: 452px;
	bottom: 0;
	left: 0;
}

#productList .productBox .productBoxBtm .kikiList ,
#productList .productBox .productBoxBtm .kinouList {
	float:left;
	margin:0;
}
#productList .productBox .productBoxBtm .kikiList li,
#productList .productBox .productBoxBtm .kinouList li{
	margin: 0 2px 2px 0;
	float:left;
}
#productList .productBox:hover{
	border:1px solid #663300;
	background-color:#f8ecd9;
}
#productList .productBox .icPickup{
	position:absolute;
	top: 10px;
	left: 6px;
}
#productList .productBox .icMaker{
}
#productList .productBox .icMaker img{
	max-height:20px;
	width:auto;
	vertical-align:middle;
}
#productList .productBox .modelNo{
	color:#666;
	display: inline-block;
	margin:0 5px 5px 0;
}
#productList .productBox .listThumInner{
	float:left;
	padding:13px;
}
#productList .productBox .listThumInner span{
	vertical-align: middle;
	display:table-cell;
	background:#fff;
	height:115px;
}
#productList .productBox .listThumInner img{
	width:115px;
	height:auto;
}
#productList .productBox .productText{
	padding:20px 13px 13px;
	float: right;
	width:300px;
	position:relative;
	line-height: 1.3;
}
#productList .productBox .productText .introText{
	color:#663300;
	font-size:107.7%;
	display:block;
}
#productList .productBox .productText .icStatus{
}
#productList .productBox .productText a{
	display:block;
	font-weight:bold;
	font-size:130.8%;
	margin:0 0 5px;
	color:#000;
	text-decoration:none;
}
#productList .productBox:hover .productText a{
	text-decoration:underline;
}
#productList .productBoxWrap + .stockNav{
	margin:0 auto 80px;
}
#productList .stockNav{
	width:263px;
	margin:0 auto 10px;
}
#productList .stockNav span{
	width: 130px;
	border:1px solid #999999;
	float:left;
	font-size:107.7%;
	font-weight:bold;
	margin:0 0 0 -1px;
	text-align:center;
	display: inline-block;
}
#productList .stockNav span.genkou{
	background: url(../img/btn_brown_02.png) 0 50% repeat-x;
}
	#productList .stockNav span.genkou.active,
	#productList .stockNav span.genkou:hover{
		background: #e5ccaf;
	}
#productList .stockNav span.syuuryou{
	background:url(../img/btn_gray_02.png) 0 50% repeat-x;
}
#productList .stockNav span.syuuryou a{
	color:#fff;
}
	#productList .stockNav span.syuuryou.active,
	#productList .stockNav span.syuuryou:hover{
		background:#5c5c5c;
	}
#productList .stockNav span a{
	display: block;
	padding: 7px 4px;
	text-decoration:none;
}
.noRefine{
	display:none;
	height: auto!important;
	text-align:center;
	font-size:115.4%;
	color:#666;
	padding:50px 0;
}
/* 比較表 */
#mainBody table.table-autosort .table-sorted-desc,
#mainBody table.table-autosort .table-sorted-asc {
	background-color: #522900!important;
}
#mainBody .hikakuTable .scroll_x {
	overflow:auto!important;
}
#mainBody .scroll_x table {
	position: relative!important;
}
#mainBody .hikakuTable .scroll_x span {
	display: block;
}
#mainBody .hikakuTable table{
	margin:0 ;
	width:auto;
	min-width:960px;
}
#mainBody .hikakuTable table td {
	white-space: nowrap;
}
#mainBody .hikakuTable table a{
	color:#000;
	font-weight:bold;
}
#mainBody .hikakuTable table thead th{
	color: #fff;
	font-weight: bold;
	background: #000;
	padding: 10px 5px 5px;
	border-color: #ccc;
	cursor:pointer;
	white-space: nowrap;
}
#mainBody .hikakuTable table thead th span{
	background:url(../img/ic_arrow_sort_01.png) 100% 50% no-repeat;
	padding-right:12px;
}
#mainBody .hikakuTable table select{
	width:100%;
	border: none;
	margin: 2px 0;
	border-radius: 1px;
	font-size: 92.3%;
}

/* -----------------------------------------------
	製品詳細
-------------------------------------------------- */
#productTopWrap{
	margin: -10px -500% 30px;
	padding: 0 500%;
	width: 100%;
	background:#000;
}
/* 詳細 */
#productTop{
	display: block;
	background:url(../img/bg_dot_01.png) 0 0 repeat;
	border:1px solid #000;
	padding:8px;
	margin: 0 ;
}
#productTopInner{
	padding:16px 12px 21px 32px;
	background:#fff;
}
#productTop #mainDetail{
	float: left;
	width:420px;
}
#productTop #mainDetail #productTitle{
	padding:20px 0 10px;
}
#productTop #mainDetail .summary p{
	margin:0 0 10px;
	color:#000;
	font-size:123.1%;
}
#productTop #mainDetail .summary{
	background:url(../img/h_bg_04.png) 0 0 repeat-x;
	margin:20px 0 0;
	padding:20px 0 0;
}
#productTop #mainDetail .productLead{
	color:#663300;
	font-size:184.6%;
	font-weight:bold;
	margin:0 0 5px;
}
#productTop #mainDetail .modelNo{
	color: #666666;
	font-size: 123.1%;
	font-weight: bold;
	display: inline-block;
}
#productTop .goBottomBlock{
	border-left: 1px solid #cccccc;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
}
#productTop #mainDetail .productSpec{
	padding:25px 0 0;
	position:relative;
}
#productTop #mainDetail .osList{
	position:absolute;
	margin: 0 0 5px;
	list-style: none;
	top:0;
	left:0;
}
#productTop #mainDetail .osList li{
	display: inline-block;
	margin:0 3px 3px 0;
}
#productTop #mainDetail .osList li span{
	font-size:84.6%;
	color:#fff;
	padding:4px 5px;
	width:30px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
	line-height: 1em;
	text-align: center;
	display: inline-block;
	*display: inline;  
    *zoom: 1;
}
#productTop #mainDetail .osList .osIcWin{
	background:#3366cc;
}
#productTop #mainDetail .osList .osIcMac{
	background:#86689d;
}
#productTop #mainDetail .osList .osIcUnix{
	background:#5ca95c;
}
#productTop #mainDetail .osList .osIcLinux{
	background:#c9a03d;
}
/* kinouList/kikiList */
#mainBody .kikiList,
#mainBody .kinouList{
	list-style:none;
	margin:0 0 5px;
	display: inline-block;
	*display: inline;  
	*zoom: 1;
}
	#mainBody .productSpec .kikiList,
	#mainBody .productSpec .kinouList{
		display: inline;
		float: left;
	}
#mainBody .kikiList li,
#mainBody .kinouList li{
	font-size:84.6%;
	padding:4px 7px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
	line-height: 1em;
	text-align: center;
	display: inline-block;
	*display: inline;
	background:#fff;
    *zoom: 1;
	margin:0 3px 3px 0;
}
#mainBody .kinouList li{
	border:1px solid #996633;
	color:#996633;
}
#mainBody .kikiList li{
	border:1px solid #666;
	color:#666;
}
/* relationLink */
#productTop #mainDetail .relationLink{
	margin:15px 0 0;
	clear:both;
}
#productTop #mainDetail .relationLink ul{
	border:3px solid #000;
	display: inline-block;
	margin:0;
	list-style:none;
	background:#000;
}
#productTop #mainDetail .relationLink li{
	display: inline-block;
	margin:0;
	float:left;
	border-left:1px solid #666;
	background:url(../img/btn_black_01.png) 0 50% repeat-x;
}
	#productTop #mainDetail .relationLink li:first-child{
		border-left:none;
	}
#productTop #mainDetail .relationLink li:hover{
	background:#333;
}
#productTop #mainDetail .relationLink li a{
	padding:10px 7px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	display:block;
}
#productTop #mainDetail .relationLink li.supportLink a{
	background:url(../img/ic_support_01.png) 6px 50% no-repeat;
	padding-left: 22px;
}
#productTop #mainDetail .relationLink li.driverLink a{
	background:url(../img/ic_newwin_03.png) 6px 13px no-repeat;
	padding-left: 25px;
}
#productTop #mainDetail .relationLink li.forumLink a {
	position:relative;
	padding-left:22px;
}
#productTop #mainDetail .relationLink li.forumLink a span{
	font-size:84.6%;
}
#productTop #mainDetail .relationLink li.forumLink a span.imageIc {
	position: absolute;
	top: -3px;
	left: -4px;
	display:block;
}
#productTop #mainDetail .relationLink li.forumLink a span img{
	vertical-align:middle;
}
/* productImg */
#productTop #productImg{
	float: left;
	width:428px;
	height:338px;
	margin: 0 0 0 49px;
}
#productTop #productImg #imageSelect{
	height:332px;
	padding:0 3px;
	width: 50px;
	margin: 0 0 0 32px;
	float: right;
}
#productTop #productImg ul{
	margin:0 0 0 -1px;
	list-style:none;
}
#productTop #productImg ul li{
	margin:0 0 3px;
	border:1px solid #fff;
	cursor:pointer;
}
#productTop #productImg ul li.on{
	border:1px solid #663300;
}
#productTop #productImg ul li span{
	display:table-cell;
	vertical-align: middle;
	background:#fff;
	width:48px;
	height:48px;
	text-align:center;
}
#productTop #productImg ul li img{
	max-height: 48px;
	max-width:48px;
	height: auto;
}
#productTop #productImg #productMainImg{
	float:right;
	width:340px;
}
#productTop #productImg #productMainImg a{
	position:relative;
	display: block;
}
#productTop #productImg #productMainImg .mainImg {
	display: table-cell;
	width:340px;
	height:338px;
	text-align:center;
	vertical-align: middle;
}
#productTop #productImg #productMainImg .mainImg img{
	max-width: 340px;
	max-height: 338px;
	height: auto;
	width:auto;
}
#productTop #productImg #productMainImg .productInfo{
	position:absolute;
	top: 5px;
	right: 5px;
	background: url(../img/bg_overlay_01.png) 0 0 repeat;
	padding:2px 5px;
}
#productTop #productImg #productMainImg .productInfo span img{
	vertical-align:middle;
}
#productTop #productImg #productMainImg .makerLogo img{
	max-height:22px;
	width:auto;
}
#productTop #productImg #productMainImg .zoomIc{
	position:absolute;
	bottom:5px;
	right: 5px;
}
/* 特徴 */
#mainBody section#featurea{
	margin: 0 0 40px;
}
#featurea p{
	margin:0 20px 10px;
}
#featurea img{
	max-width:100%;
}
	#featurea .featurea2col img{
		max-width:432px;
	}
#featurea .featurea1col{
	clear:both;
	margin: 0 0 25px;
}
#featurea .featurea2col{
	width: 470px;
	float: left;
	margin: 0 10px 20px 0;
}
#featurea .box1col{
	clear:both;
}
#featurea .box2col{
	width: 100%;
	overflow: hidden;
}
#featurea .box2col .imageWrap{
	float:left;
	margin:0 0 10px 20px;
}
#featurea .box2col .imageWrap img{
	margin:0;
}
#featurea .box2col .colConR{
	display:table-cell;
}
#featurea .box2col div p{
	margin:0 0 10px;
}
#featurea .box2col .colConL{
	display: block;
	float:left;
	margin: 0 15px 10px 20px;
}
/* 型番・JAN */
#mainBody .strongLink{
	font-weight: bold;
	color:#cc0000;
}
/* 仕様 */
#mainBody section#spec{
	margin:0 0 60px;
}
/* 画像ダウンロード */
#imageDl{
}
#imageDl ul{
	margin:0;
	padding: 0 21px 20px;
	list-style:none;
}
#imageDl ul li{
	float:left;
	margin:0 8px 10px;
	width: 137px;
}
#imageDl ul li .imageName{
	color:#333;
	font-weight:bold;
	font-size:107.7%;
}
#imageDl ul li .imageThum{
	border:1px solid #ddd;
	height:125px;
	width:125px;
	display:table-cell;
	background:#fff;
	text-align: center;
	padding:5px;
	vertical-align: middle;
}
#imageDl ul li .imageThum img{
	max-width:125px;
	max-height:125px;
	width:auto;
	height:auto;
}
#imageDl ul li .dlArea{
	background:#eedcca;
	padding:5px 6px;
	display: block;
}
#imageDl ul li .dlArea .btnGrayS{
	width:113px;
	font-size: 11px;
	padding:5px;
	text-align: center;
}
#imageDl ul li .dlArea .btnGrayS span{
	padding-left:20px;
}
/* 関連情報 */
#related{
}
#related .relatedBox{
	float:left;
	width:440px;
	padding:2px;
	margin:0 16px 20px 17px;
	border:1px solid #999999;
	position:relative;
	background:#fff;
}
#related .relatedBox h4{
	font-size:123.1%;
	padding:7px 5px;
	margin:0;
}
#related .relatedBox h4 img{
	margin:-10px 5px -5px 0;
}
	#related #relatedInfo h4,
	#related #relatedproduct h4{
		background:url(../img/bg_dot_02.png) 0 0 repeat;
		color:#333;
	}
	#related #relatedforum h4{
		background:#000;
		color:#fff;
	}
#related .relatedBox .hLink{
	position:absolute;
	right: 4px;
	top: 4px;
	margin: 0;
}
#related .relatedBox .hLink a{
	display: block;
	text-decoration: none;
	padding: 4px 10px;
	font-weight: bold;
	font-size: 12px;
	min-width: 80px;
}
#related .relatedBox .hLink a span{
	background: url(../img/ic_arrow_r_01.png) 0 50% no-repeat;
	padding: 0 0 0 13px;
}
#related .relatedBox .hLink a{
	background: url(../img/btn_gray_01.png) 0 50% repeat-x;
	border: 1px solid #c2c2c2;
	color: #663300;
}
#related .relatedBox .hLink a:hover{
	background: #e5e5e5;
}
	/* フォーラム */
	#related #relatedforum .hLink a{
		background: url(../img/btn_black_02.png) 0 50% repeat-x;
		border: 1px solid #000;
		color: #fff;
	}
	#related #relatedforum .hLink a:hover{
		background: #333;
	}
#mainBody #news .hBgBlue a{
	display:none;
	background: url(../img/ic_arrow_w_01.png) 13px 7px no-repeat #0f488b;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 92.3%;
	padding: 4px 15px 4px 25px;
	float: right;
	margin: -3px;
	border-radius: 2px;
}
#mainBody #newsPickup{
	position:relative;
	padding:0 2px 2px;
	background:url(../img/bg_dot_04.png) 0 0 repeat;
	box-shadow: 0 0 5px #aaa;
	-moz-box-shadow: 0 0 5px #aaa;
	-o-box-shadow: 0 0 5px #aaa;
	-ms-box-shadow: 0 0 5px #aaa;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=0, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=270, strength=3, enabled=true);
}
#mainBody #newsPickup h3{
	position:absolute;
	top:-2px;
	left:-6px;
	z-index:9888;
}
#mainBody #newsPickup > ul{
	background:#fff;
	padding:0;
	border-bottom:none;
	margin:0;
}
/* 製品ステータス */
#content ul.iconList{
	margin:0;
	list-style:none;
	overflow: hidden;
}
#content ul.iconList li{
	margin:0 5px 5px 0;
	display:inline-block;
	float:left;
	font-weight: normal;
}
	#mainBody .relatedBox ul.iconList li{
		margin:0 4px 2px 0;
	}
.icNew{
	color:#fff;
	font-size:11px;
	padding:1px 5px 0;
	width:40px;
	height: 14px;
	text-align: center;
	vertical-align: middle;
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.5) inset;
	background:#e93838;
	border:1px solid #e93838;
	display: inline-block;
	*display: inline;  
    *zoom: 1;
}
.icStatus{
	color:#fff;
	font-size:11px;
	padding:0 5px 1px;
	min-width:54px;
	height: 17px;
	display: inline-block;
	*display: inline;  
    *zoom: 1;
	text-align: center;
	vertical-align: middle;
	background:#014783;
	border:1px solid #014783;
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3) inset;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
#sub .icStatus{
	font-size:10px;
	padding: 0 3px 1px;
}
.icBgRed{
	background:#d20000;
	border:1px solid #d20000;
}
.icBgOrange{
	background:#d38130;
	border:1px solid #d38130;
}
.icBgGreen{
	background:#47916c;
	border:1px solid #47916c;
}
.icBgLightGreen{
	background:#A1BB4E;
	border:1px solid #A1BB4E;
}
.icBgBlue{
	background:#336699;
	border:1px solid #336699;
}
.icBgLightBlue{
	background:#2C7ED1;
	border:1px solid #2C7ED1;
}
.icBgLightPurple{
	background:#A15EC7;
	border:1px solid #A15EC7;
}
.icBgPink{
	background:#e866a0;
	border:1px solid #e866a0;
}
.icBgGray{
	background:#666;
	border:1px solid #666;
}
.icBgBrown{
	background:#926857;
	border:1px solid #926857;
}
.icBgPurple{
	background:#B466C7;
	border:1px solid #B466C7;
}
.icBgLightPurple{
	background:#944F8C;
	border:1px solid #944F8C;
}
.icBgYellow{
	background:#CAB231;
	border:1px solid #CAB231;
}
/* お助け情報 */
.icFaq{
	color:#fff;
	font-size:11px;
	padding:0 5px 1px;
	min-width:80px;
	height: 17px;
	display: inline-block;
	*display: inline;  
    *zoom: 1;
	text-align: center;
	vertical-align: middle;
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.5) inset;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.icBgDeepPurple{
	background:#666699;
	border:1px solid #666699;
}
.icMaker img{
	max-height:18px;
	width:auto;
}
.icProductCate{
	border:1px solid #999999;
	color:#999999;
	padding:0 7px 1px;
	height: 17px;
	background:#fff;
	text-align: center;
	font-size:10px;
	vertical-align: middle;
	display: inline-block;
	*display: inline;  
    *zoom: 1;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}


/* -----------------------------------------------
	ニュース
-------------------------------------------------- */
#mainBody #newsCate h3{
	display:none;
	padding: 13px 10px;
	margin:0;
	font-size: 123.1%;
}
/* --- リリースページ.releaseDl) --- */
#mainBody .releaseText{
	padding: 0px 140px 10px;
	font-weight: normal;
}
#mainBody .releaseLink{
	font-size:107.7%;
}
#mainBody dl.releaseDl {
	margin:0 0 10px;
	padding:10px 0 0;
}
#mainBody dl.releaseDl dt {
	color: #000;
	border-left: 5px solid #663300;
	font-size: 115%;
	margin: 0 0 15px;
	font-weight: bold;
	padding: 2px 0 2px 10px;
	text-align: left;
}
#mainBody dl.releaseDl dd {
	margin: 0 0 15px 10px;
	text-align: left;
}
/* -----------------------------------------------
	ピックアップ
-------------------------------------------------- */
.pickupCon{
	margin: -45px auto 20px;
}
#mainBody #pickupArea {
	margin:0 10px 25px;
}
	#mainBody #main #pickupArea {
		margin:0 0 25px;
	}
#mainBody #pickupArea .listWrap{
	background:#ebddcc;
	padding:10px;
}
#mainBody #pickupArea .quesList{
	background:#fff;
	padding:5px;
}
/*詳細*/
#mainBody #articleTitleWrap{
	border:3px solid #000;
	position:relative;
	margin:0 0 20px;
	font-weight:bold;
	background:#fff;
}
#mainBody #articleTitleWrap .timedate{
	color: #000;
	background: url(../img/bg_dot_02.png) 0 0 repeat;
	font-weight: normal;
	padding: 10px;
	margin: 0;
	display: block;
	text-align: right;
}
#mainBody #articleTitleWrap .hQues {
	background:url(../img/bg_dot_02.png) 0 0 repeat;
	display:block;
	padding:4px;
	font-size:138.5%;
	font-weight:bold;
}
	#mainBody #hintArticle #articleTitleWrap .iconList{
		position: static;
		float: right;
		margin: -4px;
	}
#mainBody #articleTitleWrap .hQues span {
	float:left;
}
#mainBody #articleTitleWrap .hQues > span {
	color: #000;
}
#mainBody #articleBox .hHint img,
#mainBody #articleTitleWrap .hQues img {
	margin:0 10px 0 0;
	vertical-align:-7px;
}
#mainBody #articleTitleWrap .iconList{
	background: url(../img/bg_dot_02.png) 0 0 repeat;
	padding: 10px 10px 5px 10px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 8100;
	max-width: 600px;
}
	#mainBody #newsArticle #articleTitleWrap .iconList{
		position:static;
		padding-right:100px;
	}
	#mainBody #newsArticle #articleTitleWrap .timedate{
		position: absolute;
		right: 0;
		top: 0;
		z-index: 8101;
	}
#mainBody #articleTitleWrap .articleTitle{
	color:#000;
	font-size:153.8%;
	padding:18px;
	text-align:center;
}
#mainBody #articleBox {
	margin:0 0 30px;
}
#mainBody #articleBox .hHint {
	padding:4px;
	font-size:153.8%;
	color:#000;
	margin:0 0 5px;
	font-weight:bold;
}
#mainBody #articleBox .articleBoxInner {
	padding:30px 10px 20px;
	margin:0 0 20px;
	color:#333;
	min-height:300px;
}
	#mainBody #hintArticle #articleBox .articleBoxInner {
		background: url(../img/con_bg_06.png) 0 0 repeat;
	}
	#mainBody #newsArticle #articleBox .articleBoxInner {
		background: #f1ebe4;
	}
#mainBody #articleBox iframe {
	margin:20px 10px;
	border:none;
}
/* -----------------------------------------------
	お助け情報
-------------------------------------------------- */
/* TOP */
#mainBody table th.nextSeries{
	background:#e4f2ea;
	padding: 5px 10px;
}
#mainBody table th.stnSeries{
	background:#e6f3f9;
	padding: 5px 10px;
}
#mainBody table th.premiSeries{
	background:#fcf0e6;
	padding: 5px 10px;
}
#mainBody table th.kiwaSeries{
	background:#faeaeb;
	padding: 5px 10px;
}
#mainBody .kakuninBox{
	width:480px;
	float:left;
	margin: 0 20px 0 10px;
	display: inline;
}
#mainBody .kakuninBox ul{
	margin:0 -15px 0 0;
	list-style:none;
}
#mainBody .kakuninBox ul li{
	width:150px;
	float: left;
	margin: 0 15px 10px 0;
}
#mainBody .kakuninBox ul li img{
	margin:0 0 5px;
}
#mainBody .kakuninBox ul li span{
	font-size:92.3%;
}
#mainBody .moreHintBox{
	float: left;
	width:192px;
	border: 4px solid #191512;
	padding: 10px;
	margin: 0 0 10px;
	background: url(../img/bg_hint_01.png) 0 0 no-repeat #fff;
}
#mainBody .moreHintBox p{
	margin:0 0 10px;
	line-height:1.8;
}
#mainBody .moreHintBox .btnActionB{
	padding-right: 6px;
	margin: 0 -4px -4px;
}
#mainBody .formArea{
	padding:14px;
	background:#ecdbc8;
	text-align:center;
}
#mainBody .btnGrayArrow{
	width:258px;
}
/* リスト */
#mainBody ul.quesList{
	list-style:none;
	margin:0;
}
#mainBody ul.quesList > li{
	margin:0 0 15px;
	padding:6px 0 0;
}
#mainBody ul.quesList > li .listHead{
	padding: 7px 0 0;
}
#mainBody ul.quesList > li .hintTitle{
	background:url(../img/ic_question_02.png) 0 0 no-repeat;
	padding: 1px 0 1px 26px;
	color:#000;
	font-weight: bold;
	margin:0 0 5px;
	display:inline-block;
	font-size: 107.7%;
}
#mainBody ul.quesList > li img{
	margin:0 5px 0 0;
	vertical-align:middle;
}
#mainBody ul.quesList > li .iconList{
	margin:0 0 5px;
}
#mainBody ul.quesList > li .inventory{
	display:block;
	background:#f1e5d7;
	clear: both;
	padding:15px;
}
#mainBody ul.quesList > li .detailLink a span{
	background:url(../img/ic_arrow_01.png) 0 50% no-repeat;
	font-weight:bold;
	font-size:92.3%;
	padding: 0 0 0 9px;
	margin: 0 4px;
}
#mainBody ul.quesList > li .detailLink{
	display:inline-block;
}
#mainBody ul.quesList > li .detailLink:after{
	content:')';
}
#mainBody ul.quesList > li .detailLink:before{
	content:'(';
}
#mainBody .moreHint{
	border:4px solid #191512;
	padding:13px 6px 6px 13px;
	margin:0 0 10px;
}
#mainBody .moreHint h3,
#mainBody .moreHint p,
#mainBody .moreHint a{
	display:inline-block;
	vertical-align:middle;
	margin:0 7px 10px 0;
}
#mainBody .moreHint p{
	width:336px;
	font-size:92.3%;
	color:#000;
}
/* -----------------------------------------------
	キーワード検索
-------------------------------------------------- */
#mainBody .searchArea {
	margin:0 auto 50px;
	width:332px;
}
#mainBody .resultsHead .hColor{
	margin-bottom:5px;
}
#mainBody .resultsHead .resultsText{
	padding: 8px 9px;
	margin: 0 10px;
	display: block;
	background: url(../img/h_bg_02.png) 0 0 repeat-x #eeeeee;
}
#mainBody ul.searchList{
	list-style:none;
	margin:0 10px 20px;
}
#mainBody ul.searchList li{
	margin:0;
	border-bottom:1px dotted #999999;
	padding:15px 10px 8px;
}
#mainBody ul.searchList li a{
	display:block;
	color:#663300;
	font-size:115.4%;
	font-weight:bold;
	margin:0 0 5px;
	text-decoration:none;
}
#mainBody ul.searchList li span{
	margin:0 0 5px;
	display:block;
}
#mainBody ul.searchList li .urlText{
	color:#777;
	font-size:92.3%;
}
#mainBody .searchForm {
	background:#663300;
	padding: 4px;
	display: inline-block;
	margin:0 10px 15px;
}
#mainBody .searchForm .search-field {
	margin: 0 0;
	padding: 6px 5px 6px 25px;
	border:0;
	background: url(../img/ic_search_04.png) 5px 50% no-repeat #fff;
	width: 200px;
	height: 22px;
	vertical-align: top;
	box-sizing: content-box;
}
#mainBody .searchForm .search-submit {
	background: url(../img/bt_search_02.png) 50% 50% no-repeat #663300;
	border: none;
	width: 74px;
	height: 34px;
	cursor: pointer;
	margin: 0 0 0 -5px;
}
#mainBody .searchForm .search-submit:hover{
	filter: alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
}
#mainBody .resultsFoot{
	background: url(../img/h_bg_02.png) 0 0 repeat-x;
	padding:23px 0;
	margin:0 10px;
}
#mainBody ul.searchSelect {
	text-align:center;
	margin: 0 10px 15px;
}
#mainBody ul.searchSelect li {
	display:inline-block;
	min-width:90px;
	text-align:left;
	color:#000;
	font-size:92.3%;
	margin:0 10px 0 0;
}
#mainBody ul.searchSelect li br {
	display: none;
}
#mainBody .noSearchRefine {
	text-align: center;
	font-size: 115.4%;
	color: #666;
	padding: 50px 0;
}

/* -----------------------------------------------
	玄人の心得
-------------------------------------------------- */
#kokoroe h1{
	margin:0 25px 15px;
}
#kokoroe .kokoroeTop{
	margin: 0px 0 0 -11px;
	padding: 0 58px 0 55px;
	background: url(../img/kokoroe_bg_01.png) 30px 0 repeat-y;
	position: relative;
}
#kokoroe .kokoroeTop h2{
	margin: 0 -56px 10px;
}
#kokoroe .kokoroeTop h2.spH{
	display:none;
}
#kokoroe .kokoroeTop .kokoroeImg {
	position:absolute;
	left: 540px;
	top: -86px;
}
#kokoroe .kokoroeTop .leadTxt{
	line-height: 2em;
	color: #fff;
	width: 490px;
}
#kokoroe .kokoroeTop .hCube{
	color: #fff;
}
#kokoroe .kokoroeTop .kokoroeBox{
	background: url(../img/kokoroe_bg_02.png) 0 0 repeat;
	width:390px;
	margin:0 0 9px 9px;
	float:left;
	padding:25px 15px 60px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	position:relative;
}
#kokoroe .kokoroeTop .kokoroeBox h4{
	margin:0 10px 10px;
}
#kokoroe .kokoroeTop .kokoroeBox p{
	color:#323232;
	line-height: 1.7em;
}
#kokoroe .kokoroeTop .kokoroeBox p span{
	color:#c30000;
}
#kokoroe .kokoroeTop .kokoroeBox p img{
	max-width:100%;
	height:auto;
	width:auto;
}
#kokoroe .kokoroeTop .kokoroeBox .linkBtm{
	position:absolute;
	bottom:0;
	left:20px;
}
#kokoroe .kokoroeTop .kokoroeBox .linkBtm a:hover{
	filter: alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
}
#kokoroe .seriesInfoWrap{
	margin:0 -35px 0 10px;
}
#kokoroe .seriesInfo{
	float:left;
	width:452px;
	margin:0 35px 35px 0;
}
#kokoroe .seriesInfo .seriesImg{
	border:1px solid #cccccc;
	background:#fff;
	width:140px;
	height:140px;
	text-align:center;
	vertical-align: middle;
	display:table-cell;
}
#kokoroe .seriesInfo .seriesImg img{
	max-width:130px;
	max-height:130px;
	width:auto;
	height:auto;
}
#kokoroe .seriesInfo .seriesText{
	display: table-cell;
	padding:0 0 0 10px;
}
#kokoroe .seriesInfo .seriesText span{
	display:block;
	line-height:1.7em;
	margin:0 0 5px;
}
#kokoroe .seriesInfo .seriesText span.lineupLink{
	color:#898989;
	padding-left:20px;
}	
#kokoroe .seriesInfo .seriesText span.lineupLink:first-letter {
	margin-left:-15px;
}
#kokoroe .seriesInfo .seriesText span a {
	text-decoration:none;
	padding: 0 0 0 5px;
}
#kokoroe .seriesInfo .seriesText span a:hover {
	text-decoration:underline;
}
	#kokoroe .seriesInfo.nextSeries .seriesText span a {
		color:#009945;
	}
	#kokoroe .seriesInfo.stnSeries .seriesText span a {
		color:#00a0ea;
	}
	#kokoroe .seriesInfo.premiSeries .seriesText span a {
		color:#dc8020;
	}
	#kokoroe .seriesInfo.kiwaSeries .seriesText span a {
		color:#c00012;
	}
/* 掟 */
#kokoroe .okite{
	background: url(../img/kokoroe_bg_03.png) 100% 100% no-repeat;
}
#kokoroe .okite ul{
	list-style:none;
	margin:0;
	padding:0;
}
#kokoroe .okite ul li span.okiteTxt{
	display: none;
}
/* -----------------------------------------------
	広告バナー 20150407追加
-------------------------------------------------- */
#mainBody ul.bnList{
	list-style:none;
	margin:0;
	text-align:center;
}
#mainBody ul.bnList li{
	margin:0 0 15px;
}
/* -----------------------------------------------
	お助け情報改修 20160212追加
-------------------------------------------------- */
#mainBody .duaproKakuninBox{
	width:100%;
  display : inline;
}
#mainBody .duaproKakuninBox ul li{
 float: left;
 margin: 0 15px 10px 0;
}
#mainBody .duaproKakuninBox ul{
     list-style: none;
      margin: 0 -15px 0 10px;
  }
#mainBody .hMargin{
     margin-top : 25px;
  }
#mainBody .duaproKakuninBox ul li span {
    font-size: 92.3%;
}
#mainBody .duaproKakuninBox ul li img {
    margin: 0 0 5px;
}
#mainBody .duaproSeries{
  background: #f5f5f5;
  }
/* -----------------------------------------------
	サポートメールフォーム　のページ部分 20160212追加
-------------------------------------------------- */
#mainBody .bbp-form{
  padding-top: 25px;
  }
#mainBody .kakuninComment{
  margin : 20px 5px;
  }
#mainBody .kakuninComment ul li{
  margin : 0 0 10px 0;
  }
#mainBody .kakuninCaution{
  color : red;
  margin : 25px 0;
  list-style : none;
  }
#mainBody ul.kakuninCaution li{
  margin : 0 0 10px 0;
  }
/* -----------------------------------------------
　メールフォーム<form>～</form>部分 20160212追加
-------------------------------------------------- */
#duaproMailForm{
  width : 350px;
  margin : 0 0 0 10px;
  }
#duaproMailForm p{
    color: #000;
    font-weight: bold;
    font-size: 115%;
    min-height: 26px;
    width : 350px;
    margin : 10px 0;
  }
#duaproMailForm span.formtxt{
   color : red;
  }
#duaproMailForm span.wpcf7-not-valid-tip{
   color : red;
  }
div.screen-reader-response ul{
   display: none;
  }
#duaproMailForm input,select,textarea{
    border: 1px solid #663300;
    background: #f6ece1;
    width: 348px;
    margin : 0;
    padding : 0;
    font-weight : normal;
  }
#duaproMailForm input.wpcf7-form-control.wpcf7-submit{
    background: url(../img/btn_brown_01.png) repeat-x 0 50%;
    color: #fff;
    font-weight: bold;
    font-size: 107.7%;
    text-align: center;
    margin: 0 auto;
    border: none;
    cursor: pointer;
    width: 190px;
    padding: 10px 0;
    border: 3px solid #855f38;
  }
#duaproMailForm p.TxtCenter{
    text-align : center;
  }
  

/* -----------------------------------------------
	メインビジュアルスライダー追加 20200206追加
-------------------------------------------------- */
#mainVisualSlider{
  background: url(../img/mainvisualslider_bg.jpg);
  /*padding: 20px 0 0;*/
}
#mainVisualSlider .mainVisualSlider_list{
  margin: 0 auto;
}
/*#mainVisualSlider .pcShow{
  display: block;
}*/
#mainVisualSlider .spShow{
  display: none;
}
#mainVisualSlider .bx-wrapper .bx-controls-direction a.bx-prev {
	left: 25px;
	background: url(../img/ic_prev_03.png) 50% 50% no-repeat;
	opacity: 0;
	transition: all 0.5s;
}
#mainVisualSlider .bx-wrapper .bx-controls-direction a.bx-next {
	right: 25px;
	background: url(../img/ic_next_03.png) 50% 50% no-repeat;
	opacity: 0;
	transition: all 0.5s;
}
#mainVisualSlider .bx-wrapper .bx-controls-direction a.bx-prev.js-arrowDisplay,
#mainVisualSlider .bx-wrapper .bx-controls-direction a.bx-next.js-arrowDisplay {
  display: block;
  opacity:1;
  transition: all 1s;
}
#mainVisualSlider .bx-wrapper .bx-controls-direction a{
  border: none;
  width: 14px;
  top: 0;
  bottom: 0;
  margin: auto;
}
#mainVisualSlider .bx-wrapper .bx-pager{
  display: flex;
  position: absolute;
  bottom: 10px;
  align-items: center;
  justify-content: center;
  width: 100%;
}
#mainVisualSlider .bxslider{   
    margin:0px;
}

#mainVisualSlider .bx-wrapper {
    position: relative;
}

#mainVisualSlider img {
    width:100%;
    height:auto;
}

/*#mainVisualSlider .bx-viewport {
    max-height: 450px;
}*/