@charset "UTF-8";
/* ==================================================================
    Common Css List
===================================================================== */

/* -----------------------------------------------
   開発Memo
-------------------------------------------------- */
/*
Font-size list (base: 12px)
10px	=	84.6%
11px	=	92.3%
12px	=	100%
13px	=	107.7%
14px	=	115.4%
15px	=	123.1%
16px	=	130.8%
17px	=	138.5%
18px	=	146.2%
19px	=	153.8%
20px	=	161.5%
21px	=	169.2%
22px	=	176.9%
23px	=	184.6%
*/
/* ==================================================================
		[基本設定]
===================================================================== */
/* -----------------------------------------------
  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 {
}
body {
	-webkit-text-size-adjust: none;
	color: #333;
	font-size: 12px;
	line-height:1.5;
	background-color: #fff;
	font-family:"メイリオ","ＭＳ Ｐゴシック",sans-serif;
}
a,
a:link {
	color: #333;
	text-decoration: underline;
}
a:visited {
	color: #666;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #b91d1c;
	text-decoration: none;
}
/* -----------------------------------------------
	2. Heading, Paragraph
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height: 1.2;
}
/* -----------------------------------------------
	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;
}
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;
}
label {
	cursor: pointer;
}
textarea {
	overflow: auto;
}
/* -----------------------------------------------
	6. Other
-------------------------------------------------- */
img {
	border: none;
	vertical-align: bottom;
	-ms-interpolation-mode:bicubic;
}
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 25px 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
-------------------------------------------------- */
/* --- 基本レイアウト・サイズ --- */
.wrapper {
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.header-inner,
.link-area-inner,
.footer-inner {
	margin: 0px auto;
	width: 950px;
}
.header {
	height: 75px;
	min-width: 950px;
	background: url(../img/bg-header.jpg) center top no-repeat;
}
.footer {
	height: 50px;
}
.no-display {
	display: none;
}
img.icon-link-a {
	vertical-align: middle;
	padding-right: 5px;
}
img.icon-outlink-a {
	vertical-align: middle;
	padding-left: 3px;
}
span.note {
	font-size: 84.6%;
	color: rgb(102, 102, 102);
}
.no_script {
	margin: -20px auto 10px;
	border: 1px solid #f60;
	padding: 5px 7px;
	width: 60em;
	font-size: 12px;
	line-height: 14px;
	position: relative;
}
/* -----------------------------------------------
	1. Header
-------------------------------------------------- */
.header-inner {
	position: relative;
}
.header .logo {
	margin: 0px;
	padding: 16px 0px 0px;
	width: 197px;
	height: 59px;
	float: left;
}
.header .logo h1 {
	margin: 0px;
	padding: 0px;
}
.header div.grand-navi {
	margin: 0px;
	padding: 18px 0px 0px;
	width: 471px;
	height: 57px;
	float: left;
}
.header div.grand-navi ul.grand-navi {
	display: block;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 5px 0px;
	width: 458px;
	height: 52px;
	list-style: none;
}
.header div.grand-navi ul.grand-navi li {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}
.header div.grand-navi ul.grand-navi li.grand-navi-partition {
	margin-right: 10px;
}
.header .houjin {
	margin: 0px;
	padding: 18px 0px 0px;
	width: 103px;
	height: 57px;
	float: left;
	position: relative;
	z-index: 10;
}
.header .link_search {
	margin: 0px;
	padding: 0px;
	width: 179px;
	height: 75px;
	font-size: 10px;
	line-height: 11px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 10;
}
.header .link_search #link-sitemap {
	position: absolute;
	right: 60px;
	top: 16px;
}
.header .link_search #siteserch {
	position: absolute;
	right: 54px;
	top: 16px;
}
.header .link_search #link-buffalo_global {
	position: absolute;
	right: 0px;
	top: 16px;
}
.header .link_search #link-buffalo_global a{
	background: url(../img/ic_arrow_red_01.gif) no-repeat 0 50%;
	padding-left: 8px;
}
.header .link_search form#site-search {
	position: absolute;
	right: 0px;
	top: 36px;
}
.header .link_search form#site-search input {
	vertical-align: middle;
}
.header .link_search form#site-search input#site-search-query {
	font-size: 12px;
	line-height: 14px;
	padding: 2px 1px;
	width: 114px;
	height: 14px;
	border: 1px solid #7f9db9;
	background: url(../img/bg-query_text.gif) no-repeat 2px center;
	background-color: #fff;
}
/*パンくず*/
.pankuzu-area {
	min-width: 950px;
	background-color: #b91d1c;
}
.pankuzu-area-inner {
margin: 0px auto;
width: 950px;
	padding-top: 5px;
	padding-bottom: 5px;
	min-height: 17px;
}
.pankuzu-area-inner:after {
	clear: both;
	content: " ";
	display: block;
	height: 0px;
	visibility: hidden;
}
.pankuzu-area-inner .pankuzu-list {
	font-size: 12px;
	line-height: 17px;
	color: #fff;
	float: left;
	width: 740px;
}
.pankuzu-area-inner .pankuzu-list a,
.pankuzu-area-inner .pankuzu-list a:link,
.pankuzu-area-inner .pankuzu-list a:visited {
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
}
.pankuzu-area-inner .pankuzu-list a:hover,
.pankuzu-area-inner .pankuzu-list a:active {
	color: #fff;
	text-decoration: none;
}
/*フォントサイズ変更*/
#font-resize {
	height: 17px;
	float: right;
	overflow: hidden;
}
#font-resize #font-resize-caption {
	width:  83px;
	height: 17px;
	float:  left;
}
#font-resize ul#font-resize-buttons {
	margin:  0px;
	padding: 0px;
	height: 17px;
	float:  left;
	overflow: hidden;
	list-style: none;
}
#font-resize ul#font-resize-buttons li {
	display: block;
	margin:  0px;
	padding: 0px 0px 0px 7px;
	font-size: 1%;
	line-height: 1%;
	height: 17px;
	float:  left;
}
/* -----------------------------------------------
	2. Content(Main)
-------------------------------------------------- */
.main {
	min-width: 950px;
	background: url(../img/bg-main00.jpg) center top no-repeat;
}
.main-inner {
	padding-top: 13px;
	padding: 30px 0px 30px;
	background: url(../img/bg-right_navi.gif) right top repeat-y;
	margin: 0px auto;
	width: 950px;
}
.main-inner .contents {
	width: 720px;
	float: left;
}
.main-inner-nonside {
	padding-top: 13px;
	padding: 30px 0px 30px;
	margin: 0px auto;
	width: 950px;
}
.main-inner-nonside .contents {
	float: left;
}
/* -----------------------------------------------
	3. Content(sub)
-------------------------------------------------- */
.main-inner .right-navi {
	padding: 0 4px 0;
	width: 207px;
	float: right;
}
html.ie6 .main-inner .right-navi {
	padding:0 0 0 6px;
}
/* -----------------------------------------------
	4. Footer
-------------------------------------------------- */
#footer-navi {
	min-width: 950px;
	clear: both;
	padding: 30px 0 30px 0;
	background: #535252 url(../img/bg-link_area.gif) 0 0 repeat-x;
	color: #fff;
	text-align: center;
}
#footer-navi a {
	color: #fff;
	text-decoration: underline;
}
#footer-navi a:hover {
	color: #C0C0C0;
	text-decoration: none;
}
#footer-navi-inner {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url(../img/separator.gif) 0 0 repeat-y;
}
#footer-navi .products {
	width: 444px;
	float: left;
}
#footer-navi .products {
	width: 444px;
	float: left;
}
#footer-navi .support_s {
	width: 222px;
	float: left;
	padding: 0 0 0 31px;
}
#footer-navi .company {
	width: 222px;
	float: left;
	padding: 0 0 0 31px;
}
#footer-navi .title {
	margin: 0 0 13px 0;
	padding: 0 0 0 10px;
	background: url(../img/arrow-write.gif) 0 0.3em no-repeat;
	font-size: 120%;
}
#footer-navi .column {
	padding: 0 0 0 10px;
}
#footer-navi .products .column {
	width: 212px;
	float: left;
}
#footer-navi .column ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer-navi .column li {
	margin: 0 0 5px 0;
	line-height: 1.4;
}
/*footer-menu*/
.footer .footer-menu {
	margin: 0px;
	padding: 5px 0px 0px;
	max-width: 747px;
	line-height: 12px;
	float: right;
	font-size: 100%;
}
.footer .footer-menu ul {
	margin: 0px;
	padding: 10px 0px 0px;
	list-style: none;
	float: left;
}
.footer .footer-menu ul li {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	float: left;
}
.footer .footer-menu ul li a{
	background: url(../img/ic_arrow_red_01.gif) no-repeat 4px 50%;
	padding-left: 15px;
}
.footer .footer-menu div.footer-logo-buffalo {
	margin: 0px;
	padding: 9px 0px 0px 12px;
	float: left;
}
.footer .footer-menu div.footer-logo-melco {
	margin: 0px -3px 0px 0px;
	padding: 0px 0px 0px 15px;
	width: 121px;
	height: 29px;
	position: relative;
	float: left;
}
.footer #copyright {
	margin: 0px;
	padding: 15px 0px 0px;
	width: 202px;
	height: 12px;
	float: left;
}
.footer #copyright img {
	vertical-align:top;
}
/* ==================================================================
    [汎用エレメント]
===================================================================== */
/* -----------------------------------------------
  1. インラインテキスト
-------------------------------------------------- */
#mainBody {
	font-size: 107.7%;
}
#mainBody p {
	margin:0 0 10px;
}
#mainBody .pagetop {
	margin:10px 0 0;
	text-align: right;
}
/* --- 強調・注釈テキスト --- */
#mainBody strong {
	font-weight: bold;
}
#mainBody .note {
	color:rgb(102, 102, 102);
	font-size:92.3%!important;
}
#mainBody p.note {
	padding-left: 1em;
}
#mainBody p.note span {
	margin: 0 0 0 -1em;
}
/* --- 補足 --- */
#mainBody .hosoku {
	color:rgb(102, 102, 102);
}
/* -----------------------------------------------
  2. ボタン・アイコン
-------------------------------------------------- */
.icArrowS{
	background: url(../img/ic_arrow_red_01.gif) no-repeat 4px 50%;
	padding-left:15px;
}
.icArrowM{
	background: url(../img/ic_arrow_red_02.gif) no-repeat 0 50%;
	padding-left:15px;
}
.icNewwin{
	background: url(../img/ic_newwin_01.png) no-repeat 100% 50%;
	padding-right:15px;
}
.icPdf{
	background: url(../img/ic_pdf_01.png) no-repeat 100% 50%;
	padding-right:30px;
}
.icXls{
	background: url(../img/ic_xls_01.png) no-repeat 100% 50%;
	padding-right:30px;
}
.icDoc{
	background: url(../img/ic_doc_01.png) no-repeat 100% 50%;
	padding-right:30px;
}
.icPpt{
	background: url(../img/ic_ppt_01.png) no-repeat 100% 50%;
	padding-right:30px;
}
.icDownload{
	background: url(../img/ic_download_01.png) no-repeat 0 0;
	padding-left:25px;
}
.icPageB{
	background: url(../img/ic_arrow_gray_01.png) no-repeat 3px 50%;
	padding-left:15px;
}
.icPageT{
	background: url(../img/ic_arrow_gray_02.png) no-repeat 3px 50%;
	padding-left:15px;
}
/* -----------------------------------------------
  3. 見出し 
-------------------------------------------------- */
/*typeBoader*/
.typeBoaderR{
	border-left:5px solid #b91d1c;
	padding: 2px 10px;
	margin:0 0 10px;
}
.typeBoaderG{
	border-left:5px solid #266a80;
	padding: 2px 10px;
	margin:0 0 10px;
}
.typeBoaderImg{
	background:url(../img/icon-h3_top.gif) no-repeat;
	padding:0 0 0 10px;
	margin:0 0 10px 0;
	min-height:17px;
	font-size:107.7%;
}
.typeGrayTitle{
	border-left:5px solid #666;
	padding: 2px 10px;
	margin:0 0 10px;
	font-size:130.8%;
}
/*カテゴリータイトル*/
.category-title {
	margin: 0 0 12px;
	padding: 0 0 0 25px;
	font-size: 183.33%;
	line-height: 109.09%;
	font-weight: bold;
	background: url(../img/h1-mark.gif) no-repeat 0 0;
}
/*製品タイトル*/

.category-title-lead {
	font-size:100%;
	color:#555;
	font-weight: bold;
	background: url(../img/h1-mark.gif) no-repeat 0 0;
	min-height: 25px;
	padding: 0 0 0 25px;
	display: inline-block;
	*display: inline;  
    *zoom: 1;
	width: 490px;
	vertical-align: top;
}
.brandLogo{
	text-align: right;
	width: 200px;
	display: inline-block;
	*display: inline;  
    *zoom: 1;
	padding: 2px 0 0;
}
/*特徴見出し*/
.typeFeature,
.typeFeatureGray{
	background: url(../img/bt_feature_01.png) 0 0 no-repeat;
	font-size:17px;
	color:#555;
	padding:0 20px;
	margin:0 -4px 6px 0;
	height: 70px;
}
.typeFeature span,
.typeFeatureGray span{
	height:67px;
	display: table-cell;
	vertical-align: middle;
	width:661px;
	padding:0 23px 0 0;
}
html.ie6 .typeFeature span,
html.ie6 .typeFeatureGray span,
html.ie7 .typeFeature span,
html.ie7 .typeFeatureGray span{
	display: block;
	padding: 13px 23px 0 0;
	height: 41px;
}
.typeFeatureGray{
	background: url(../img/bt_feature_02.png) 0 0 no-repeat;
}

html.ie8 .typeFeatureGray.accordion:hover{
	background: url(../img/bt_feature_01.png) 0 0 no-repeat #fff;
}
html.ie8 .typeFeature.accordion:hover{
	background: url(../img/bt_feature_02.png) 0 0 no-repeat #fff;
}
.accordion{
	cursor:pointer;
}
.accordion:hover{
	filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
}
.typeFeatureGray.accordion span{
	background: url(../img/ic_toggle_03.png) 100% 50% no-repeat;
}
.typeFeatureGray.accordion.open span{
	background: url(../img/ic_toggle_04.png) 100% 50% no-repeat;
}
.typeFeature.accordion span{
	background: url(../img/ic_toggle_01.png) 100% 50% no-repeat;
}
.typeFeature.accordion.open span{
	background: url(../img/ic_toggle_02.png) 100% 50% no-repeat;
}
.typeBgGray{
	background: url(../img/h_bg_gray_02.png) 0 0 repeat-x;
    background: -moz-linear-gradient(top, #fff, #e9e9e9); 
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9e9e9));
	border:1px solid #dadada;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	font-size:15px;
	padding:15px 20px;
	margin:0 0 10px;
}
.typeBoader{
	background: url(../img/h_bg_boader_01.png) 0 bottom no-repeat;
	padding:3px 0 8px 13px;
	margin:0 0 10px;
}
.typeNormal{
	font-weight: bold;
	margin:0 0 5px;
}
.typeBgImage{
	background: url(../img/h2-list_720.gif) 0 bottom no-repeat;
	width:707px;
	height:22px;
	padding:9px 0 2px 13px;
	margin:0;
}
.typeBgImageB{
	background: url(../img/h2-bg_720.gif) 0 bottom no-repeat;
	width:707px;
	height:29px;
	padding:14px 0 2px 13px;
	margin:0;
	font-size:138.5%;
}
.typeBgRss{
	background: url(../img/bg_rss_01.gif) 0 top no-repeat;
	padding: 7px 0 7px 30px !important;
	color: #333;
}
/*プレスリリース詳細用*/
.newsDetails .typeBgImageB{
	background: url(../img/h2-bg_700.gif) 0 bottom no-repeat;
	width:687px;
	height:29px;
	padding:14px 0 2px 13px;
	margin:0 0 10px 0;
	font-size:139.4%;
}
.newsDetails .flBlock .typeBgImageB{
	background: url(../img/h2-bg_340.gif) 0 bottom no-repeat;
	width:327px;
	height:29px;
	padding:14px 0 2px 13px;
	margin:0 0 10px 0;
	font-size:139.4%;
}

/* -----------------------------------------------
  4.段落
-------------------------------------------------- */
#mainBody section {
	margin:0 ;
}
#mainBody section .inner{
	padding:0 0 20px;
}
#mainBody section section section {
	margin:0 0 20px;
}
#mainBody .right {
	text-align:right !important;
}
#mainBody .center {
	text-align:center !important;
}
#mainBody .left {
	text-align:left !important;
}
/* -----------------------------------------------
  5.リスト 
-------------------------------------------------- */
/* --- リスト（共通） --- */
#mainBody li {
	margin:0;
}
/* --- 横並びリスト --- */
#mainBody .navList {
	margin:0;
}
#mainBody .navList li{
	list-style:none;
	float:left;
	margin:0 20px 0 0;
	display:inline-block;
}
/* --- 標準リスト・番号リスト --- */
#mainBody ul {
	list-style:disc outside;
}
#mainBody ol {
	list-style:decimal outside;
}
#mainBody ul, #mainBody ol {
	margin:0 0 10px 15px;
}
/* --- 番号リスト・アルファベットリスト --- */
#mainBody ul.numberList,
#mainBody ul.alphabetList{
	list-style:none;
	margin:0 0 15px 0;
}
#mainBody ul.numberList li,
#mainBody ul.alphabetList li {
	padding: 0 0 0 2em;
}
#mainBody ul.numberList span,
#mainBody ul.alphabetList span {
	margin:0 0.5em 0 -2em;
}
/* --- 補足リスト --- */
#mainBody ul.hosokuList,
#mainBody ul.noteList {
	list-style:none;
	margin:0 0 15px 0;
}
#mainBody ul.hosokuList li,
#mainBody ul.noteList li {
	padding: 0 0 0 2em;
}
#mainBody ul.hosokuList span,
#mainBody ul.noteList span {
	margin:0 0.5em 0 -2em;
}
#mainBody ul.hosokuList li{
	color:rgb(102, 102, 102);
}
#mainBody ul.noteList li{
	color:rgb(102, 102, 102);
	font-size:84.6%;
}
/* -----------------------------------------------
  6.リンクリスト 
-------------------------------------------------- */
#mainBody ul.linkList,
#mainBody ul.newwinList{
	list-style:none;
	margin:0 0 15px 0;
}
#mainBody ul.linkList a{
	background: url(../img/ic_arrow_red_02.gif) no-repeat 0 50%;
	padding-left: 15px;
}
#mainBody ul.newwinList a{
	background: url(../img/ic_newwin_01.png) no-repeat 100% 50%;
	padding-right: 15px;
}
/* -----------------------------------------------
  7.表組み
-------------------------------------------------- */
#mainBody table{
	width:100%;
	margin:0 0 7px;
}
#mainBody table td img{
	margin:0 0 10px;
}
#mainBody table td p img,
#mainBody table td span img{
	margin:0;
}
#mainBody table.tableNormal,
#mainBody table.tableSpec{
	border-top:1px solid #cfcfcf;
	border-left:1px solid #cfcfcf;
}
#mainBody table.tableNormal th,
#mainBody table.tableSpec th{
	background:#e6e6e6;
	background: url(../img/bg_slanted_01.png) 0 0 repeat;
	font-weight: bold;
	vertical-align:top;
	padding:10px;
	border-right:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
}

#mainBody table.tableNormal td,
#mainBody table.tableSpec td{
	padding:10px;
	text-align:center;
	border-right:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
}
#mainBody table.tableNormal td{
	text-align: left;
}
#mainBody table.tableNormal thead th{
	color:#fff;
	background:#777777;
	text-align: left;
	border-right:1px solid #fff;
	border-bottom:none;
	min-width: 10px;
}
/*tableBoader*/
#mainBody table.tableBoader th,
#mainBody table.tableBoader td{
	border-bottom:1px solid #bbb;
	padding:10px;
}
#mainBody table.tableBoader th{
	text-align:left;
	width:30%;
}
#mainBody table.tableBoader td .note{
	margin:10px 0 0;
}
/*tableLineup*/
#mainBody table.tableLineup{
	border-top:1px solid #cfcfcf;
	border-left:1px solid #cfcfcf;
}
#mainBody table.tableLineup th,
#mainBody table.tableLineup td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding: 9px 10px;
	text-align:left;
}
#mainBody table.tableLineup th{
	font-weight: bold;
	background: url(../img/bg_slanted_01.png) 0 0 repeat;
}

@media only screen and (max-width: 420px) { 
    table {
        display: block; 
        width: auto;
        position: relative; 
        overflow-x: auto; 
        white-space: nowrap; 
    }
}
/* -----------------------------------------------
  8.補足エリア
-------------------------------------------------- */
#mainBody .noteArea{
	background:#efefef;
	color:#000;
	padding:15px;
	margin:0 0 10px 0;
}
#mainBody .noteArea .noteTitle{
	font-weight:bold;
	margin:0 0 5px;
}
#mainBody .noteArea .grid2{
	width:340px;
}
#mainBody .noteArea .grid3{
	width:223px;
}
#mainBody .noteArea .grid4{
	width:165px;
}
/* -----------------------------------------------
  9.画像
-------------------------------------------------- */
#mainBody a:hover img{
	filter: alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
}
html.ie8 #mainBody a:hover img{
		background:#fff;
}
#mainBody a.zoomImg{
	position:relative;
	display: inline-block;
	*display: inline;  
    *zoom: 1;
}
#mainBody a.zoomImg img{
	border:1px solid #ccc;
}
#mainBody a.zoomImg .icZoom{
	position:absolute;
	right:0;
	bottom:0;
}
#mainBody a.zoomImg .icZoom img{
	border:none;
}
/* -----------------------------------------------
	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, .main-inner,.cateSeihin ul li a,.selectList,#mainHead,.seihinVisual ul,.seihinIcon ul,.seihinInfo,.localNav ul,.supportNav ul,.gridWrap,.noteArea,.lineupBlock,#modalWrap,#mainVisual,.selectOption,.productTitleWrap,.thumbnailImgWrap,#productList,.featureIcon,.thumbnailSub ul,.addthisArea ul,.caLink,.newsYearBlock ul,.title-caption,title-description, .#mainBody .newsDetails .detailsBlockWrap ,#mainBody .newsDetails section, #mainBody .release-navi {
	zoom: 1;
}
.clearfix:after, .main-inner:after,.cateSeihin ul li a:after,.selectList:after,#mainHead:after,.seihinVisual ul:after,.seihinIcon ul:after,.seihinInfo:after,.localNav ul:after,.supportNav ul:after,.gridWrap:after,.noteArea:after,.lineupBlock:after,#modalWrap:after,#mainVisual:after,.selectOption:after,.productTitleWrap:after,.thumbnailImgWrap:after,#productList:after,.featureIcon:after,.thumbnailSub ul:after,.addthisArea ul:after,.caLink:after,.newsYearBlock ul:after,.title-caption:after,title-description:after,#mainBody .newsDetails .detailsBlockWrap:after ,#mainBody .newsDetails section:after, #mainBody .release-navi:after {
	content: "";
	display: block;
	clear: both;
}
/* ---  floatclear --- */
.clearer {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0px;
}
/* ==================================================================
    [共通モジュール]
===================================================================== */
/* -----------------------------------------------
	mainHead
-------------------------------------------------- */
#mainHead{
	margin:10px 0;
}
.seihinIcon{
	float:left;
}
.seihinIcon ul {
	margin: 15px 0 0;
	width:410px;
}
.seihinIcon ul li{
	float:left;
	margin:0 2px 2px 0;
	display:inline;
}

/*製品写真*/
.seihinVisual{
	float:right;
}
.seihinVisual p.miniLink{
	text-align:right;
	font-size:84.6%;
	margin: 0 0 -15px;
}
.seihinVisual ul{
	margin:15px 0 0;
	width:212px;
}
.seihinVisual ul li{
	float:left;
	margin:0 1px 1px 0;
	display:inline;
}
.seihinVisual ul li.imgRight{
	float:right;
}
.seihinVisual ul li img{
	border:1px solid #ccc;
}
.seihinVisual ul li a:hover img{
	filter: alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
}
.seihinVisual ul li a.iframe{
	position:relative;
	display: inline-block;
		*display: inline;  
		*zoom: 1;
}
.seihinVisual ul li a .icZoomS{
	position:absolute;
	right:0;
	bottom:0;
}
.seihinVisual ul li a .icZoomS img{
	border:none;
}
/* -----------------------------------------------
	大切なお知らせ
-------------------------------------------------- */
.seihinInfo{
	border:1px solid #ebd972;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	margin:10px 0 10px;
}
.seihinInfo .infoTitle{
	background: url(../img/h_bg_yellow_01.png) 0 0 repeat-x;
	float:left;
	width:115px;
	padding:10px;
	border-right:1px solid #ebd972;
}
.seihinInfo .infoArea{
	padding:10px;
	float:left;
	background:#fffde9;
	width: 562px;
}
/* -----------------------------------------------
	localNav
-------------------------------------------------- */
.localNav{
	background: url(../img/bg_nav_01.png) 0 0 no-repeat;
	position:relative;
	margin:0 0 5px;
}
.localNav a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.localNav ul{
	padding: 5px;
}
.localNav ul li{
	float:left;
}
.localNav .tyokuhanLink{
	position:absolute;
	top:10px;
	right:10px;
}
.localNav .tyokuhanLink img:hover{
	background:#f0f0f0;
}
/* -----------------------------------------------
	supportNav
-------------------------------------------------- */
.supportNav{
	margin:0 0 15px;
}
.supportNav ul li{
	float:left;
	display:inline;
	margin:0 20px 0 0;
}
.supportNav ul li a{
	background: url(../img/ic_arrow_green_01.gif) 0 50% no-repeat;
	padding-left:10px;
}
/* -----------------------------------------------
	グリッドレイアウト
-------------------------------------------------- */
.gridWrap{
	margin:0 0 10px -10px;
}
.grid2{
	float:left;
	display:inline;
	margin-left:10px;
	width:355px;
}
.grid3{
	float:left;
	margin-left:10px;
	display:inline;
	width:233px;
}
.grid4{
	float:left;
	margin-left:10px;
	display:inline;
	width:172px;
}
/* -----------------------------------------------
	mainVisual
-------------------------------------------------- */
#mainVisual{
	width:720px;
	margin:5px 0 0;
}
#mainVisual.imgVisual{
}
.textVisual{
	border:1px solid #ccc;
	width:720px;
	background: url(../img/visual_bg_01.png) 0 -50px no-repeat #fff;
}
#mainVisual .visualTxt{
	float:left;
	padding:0 0 0 20px;
	width: 430px;
}
#mainVisual .visualTxt p{
	font-size: 28px;
	font-family:"ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W6","Hiragino Mincho ProN",'MS Mincho' , HiraMinProN-W3 , 'TakaoEx明朝' , TakaoExMincho , 'MotoyaLCedar' , 'Droid Sans Japanese',serif;
	font-style: normal;
	font-variant: normal;
	line-height:1.3em;
	height:260px;
	vertical-align: middle;
	display: table-cell;
	text-shadow:0px 0px 1px #303030;
}
html.ie6 #mainVisual .visualTxt p,
html.ie7 #mainVisual .visualTxt p{
	padding: 70px 0 0;
	height: 165px;
}
html.ie6 #mainVisual .visualTxt p{
	letter-spacing: -0.1em;
}
#mainVisual .visualImg{
	float: right;
	width: 240px;
	display: inline;
	position: relative;
	height: 240px;
	padding: 10px 0;
	margin: 0 20px 0 10px;
}
#mainVisual .visualImg img{
	position:absolute;
	top: 50%;
	right: 0;
	margin: -120px 0 0;
}

/* -----------------------------------------------
	スライダー
-------------------------------------------------- */
/**
 * 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;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper li {
}
.bx-wrapper img {
	max-width: 100%;
	margin:0;
	display: block;
}
html.ie7 .bx-wrapper img,
html.ie8 .bx-wrapper img {
	margin:0 0 0 -1px;
}
/* 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;
}
.bx-wrapper .bx-controls {
	width: 140px;
	margin: 0 auto;
}
.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 {
	background: #fff;
	border:1px solid #ccc;
	text-indent: -9999px;
	display: block;
	width: 15px;
	height: 15px;
	margin: 5px 10px 0;
	outline: 0;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #cd202c;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
/* -----------------------------------------------
	絞り込み検索
-------------------------------------------------- */
#mainBody .narrowSearch{
}
#mainBody .selectList{
	margin:0 0 0 -10px;
}
#mainBody .narrowSearch .designSelect {
	background: url(../img/ic_toggle_05.gif) 95% 50% no-repeat #fff;
	border:1px solid #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	width: 170px;
	cursor: pointer;
	position: relative;
	float: left;
	display:inline;
	margin: 0 0 10px 10px;
}
#mainBody .narrowSearch .designSelect.open {
	background: url(../img/ic_toggle_06.gif) 95% 50% no-repeat #fff;
}
#mainBody .narrowSearch .designSelect span {
	padding:6px 8px;
	width:auto!important;
	display:block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#mainBody .narrowSearch .selectUl{
	background: #fff;
	border: 1px solid #ccc;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 100%;
	margin: 0;
	left: -1px;
	min-width: 151px;
	width: 100%;
	display:none;
	z-index:1;
}
html.ie6 #mainBody .narrowSearch .selectUl{
	display:block;
}
#mainBody .narrowSearch .selectUl li{
	margin:0;
}
#mainBody .narrowSearch .selectUl li{
	text-decoration:none;
	display:block;
	padding:5px 10px;
}
#mainBody .narrowSearch .selectUl li:hover{
	background:#ececec;
	color:#666;
}
#mainBody .selectOption{
	margin:10px 0 0 10px;
	height:20px;
}
#mainBody .selectOption p{
	float:left;
	margin:0 10px 0 0;
}
#mainBody .selectOption p img{
	margin: 2px 0 0;
	vertical-align:middle;
}
#mainBody .selectOption p.btnOptionReset{
	cursor:pointer;
}
#mainBody .selectOption .tagList{
	float:left;
	margin: 0;
	width: 637px;
}
#mainBody .selectOption ul {
	margin:0;
}
#mainBody .selectOption ul li{
	float:left;
	list-style:none;
	padding:1px 3px;
	margin:0 3px 3px 0;
	border:1px solid #ccc;
	background:#fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display:block;
}
#mainBody .selectOption ul li .optionDelete img{
	vertical-align: middle;
	margin: 0px 0 2px 4px;
	cursor: pointer;
}
#mainBody .jqTransformHidden{
	display:none;
}
#mainBody #productListWrap{
	width: 720px;
	overflow: hidden;
}
#mainBody #productList{
	margin:25px 0 0 -4px;
	border-top:3px solid #cc0000;
}
#mainBody #productList .productListBox{
	width:336px;
	display:inline;
	padding:10px 10px 20px;
	margin-top:2px;
	float:left;
	border-bottom: 1px solid #afafaf;
	border-left: 1px solid #afafaf;
	margin-right: 2px;
}
#mainBody #productList .productTitleWrap .productTitle{
	float:left;
}
#mainBody #productList .productTitleWrap .productIcon{
	float:right;
}
#mainBody #productList .productLeadTxt{
	font-weight:bold;
	clear:both;
}
#mainBody #productList div.thumbnailImgWrap{
	border:none !important;
	min-height:102px;
}
#mainBody #productList div.thumbnailImgMain{
	float:left;
	margin:0 13px 0 0;
	border:none !important;
	width:102px;
}
#mainBody #productList div.thumbnailImgMain img{
	border:1px solid #ccc;
}
#mainBody #productList div.thumbnailSub{
	border:none !important;
	float: left;
	width:212px;
}
#mainBody #productList div.thumbnailSub ul {
	width: 212px;
	margin: 0;
}
#mainBody #productList div.thumbnailSub ul li{
	list-style:none;
	float:left;
	margin:0 1px 1px 0;
	width: 50px;
	height: 50px;
	background: #fff;
	border: 1px solid #ccc;
}
#mainBody #productList div.featureIcon{
	border:none !important;
}
#mainBody #productList .featureIcon ul{
	padding:10px 0 0 0;
	margin:0;
}
#mainBody #productList .featureIcon ul li{
	list-style:none;
	float:left;
	margin:0 2px 2px 0;
}
#mainBody .refineNav{
	width:100%;
	text-align:center;
	margin:30px auto;
	border:1px solid #aaa;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	width: 277px;
}
#mainBody .refineNav span{
	background: url(../img/bg_itemlist_01.png) 0 bottom repeat-x;
	width: 130px;
	padding: 7px 4px;
	display: inline-block;
	*display: inline;  
    *zoom: 1;
	text-align: left;
	text-shadow: 1px 1px 0px #fff;
	cursor:pointer;
}
#mainBody .refineNav span.select,
#mainBody .refineNav span:hover{
	background: url(../img/bg_itemlist_02.png) 0 bottom repeat-x;
}
#mainBody .refineNav span img{
	margin: 0 5px 0;
}
#mainBody .refineNav span:first-child{
	border-right:1px solid #aaa;
}
.bl-hover {
	cursor: pointer;
	background-color: #fff5f5;
	color:#333;
}
.bl-hover a:link {
	color: #333;
}
.bl-hover a:visited {
	color: #333;
}
/* -----------------------------------------------
	サイドメニュー
-------------------------------------------------- */
.right-navi section{
	margin-bottom:30px;
}
/*製品カテゴリー・製品一覧*/
.right-navi .cateSeihin{
	border-top:4px solid #b91d1c;
}
.right-navi .cateSeihin h2 {
	border:1px solid #ccc;
	border-top:none;
	background: url(../img/h_bg_gray_01.png) 0 bottom repeat-x #fff;
}
.right-navi .cateSeihin h2 a{
	font-weight:bold;
	padding:13px 10px 13px 28px;
	display:block;
	background: url(../img/ic_arrow_red_02.gif) 10px 50% no-repeat;
}
.right-navi .cateSeihin ul{
	background:#fff;
	border:1px solid #ccc;
	border-top:none;
}
.right-navi .cateSeihin ul li{
	border-top:1px dotted #ccc;
}
.right-navi .cateSeihin ul li:first-child{
	border-top: none;
}
.right-navi .cateSeihin ul li a{
	display:block;
	padding:10px 5px;
}
/*製品カテゴリー*/
.right-navi .cateSeihin ul.cateLink li a{
	background: url(../img/ic_arrow_red_01.gif) 15px 17px no-repeat;
	padding-left:25px;
}
/*製品一覧*/
.right-navi .cateSeihin ul.seihinLink li a span{
	float:left;
	width:140px;
	text-decoration: underline;
}
.right-navi .cateSeihin ul.seihinLink li a:hover span{
	text-decoration: none;
}
.right-navi .cateSeihin ul.seihinLink li .statusIcon{
	display:block;
	margin:0 0 3px;
}
.right-navi .cateSeihin ul.seihinLink li .seihinThumbnail{
	float:right;
	width:52px;
}
.right-navi .cateSeihin ul.seihinLink li .seihinThumbnail img{
	border:1px solid #ccc;
}
/*ピックアップ*/
.right-navi ul.pickupBn{
}
.right-navi ul.pickupBn li{
	background:#fff;
	padding:5px 5px 10px;
	margin:0 0 10px;
}
.right-navi ul.pickupBn li a{
	font-size: 84.6%;
	color:#2e4a56;
	display:block;
}
.right-navi ul.pickupBn li a img{
	display:block;
	width:195px;
	height:auto;
	margin: 0 auto;
}
.right-navi ul.pickupBn li a:hover{
	color:#b91d1c;
}
/*サポート*/
.right-navi .supportBlock{
	border:1px solid #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	margin:0 0 10px;
}
.right-navi .supportBlock h3{
	background: url(../img/h_bg_blue_01.gif) repeat-x 0 0;
	min-height: 15px;
	padding: 10px;
	color: #355965;
}
.right-navi .supportBlock .supportBlockInner{
	background:#fff;
	padding:10px 8px 5px;
}
.right-navi .supportBlock .supportBlockInner .note{
	margin:0 0 3px 17px;
	display: inline-block;
	*display: inline;  
    *zoom: 1;
}
.right-navi .supportBlock ul{
}
.right-navi .supportBlock ul li{
	border-top:1px dotted #ccc;
	padding:10px 0;
}
.right-navi .supportBlock ul li:first-child{
	border-top: none;
	padding-top: 0;
}
.right-navi .supportBlock ul li a{
	background: url(../img/ic_arrow_green_02.gif) 0 3px no-repeat;
	padding-left:16px;
	margin:0 0 3px;
	display:block;
}
/*プレスリリース*/
.right-navi .newsBlockWrap{
	margin:0 6px;
}
.right-navi .newsBlock{
	border:1px solid #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	margin:0 0 10px;
}
.right-navi .newsBlock .newsBlockInner{
	background:#fff;
	padding:10px;
}
.right-navi .newsBlock .newsBlockInner .note{
	margin:0 0 3px 17px;
	display: inline-block;
	*display: inline;  
    *zoom: 1;
}
.right-navi .newsBlock ul{
}
.right-navi .newsBlock ul li{
	border-top:1px dotted #ccc;
	padding:10px 0;
}
.right-navi .newsBlock ul li:first-child{
	border-top: none;
	padding-top: 0;
}
.right-navi .backNumBlock ul li{
	padding:7px 0 7px 15px;
	border-bottom:1px solid #ccc;
	background:url(../img/ic_arrow_red_02.gif) no-repeat 0 50%;
}

/* -----------------------------------------------
	accordion
-------------------------------------------------- */
.accordionArea{
	display:none;
}
/* -----------------------------------------------
	ラインナップ
-------------------------------------------------- */
.lineupBlock{
}
.lineupBlock .lineupL{
	float:left;
	width:162px;
}
.lineupBlock .lineupL img{
	border:1px solid #ccc;
	margin:0 0 10px;
}
.lineupBlock .lineupR{
	float: right;
	width: 548px;
}
#mainBody .lineupBlock table img.statusIcon{
	margin:0 0 0 10px;
	vertical-align: middle;
}
#mainBody .lineupBlock table td .kakaku{
	position:relative;
}
#mainBody .lineupBlock table .tyokuhanLink{
	position: absolute;
	right: -6px;
	top: -6px;
}
#mainBody .lineupBlock table .bfdirectLink{
	width:140px;
	float:right;
	margin:10px -14px 0 0;
	font-size:84.3%;
}
#mainBody .lineupBlock table .bfdirectLink a{
	color:#333;
}
html.ie6 #mainBody .lineupBlock table .tyokuhanLink{
	right:5px;
}
#mainBody .lineupBlock table .tyokuhanLink img{
	background:#fff;
}
#mainBody .lineupBlock table .tyokuhanLink a:hover{
	filter: alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
}
/* -----------------------------------------------
	addthisArea
-------------------------------------------------- */
.bodyFoot{
	margin: 30px 0 0;
}
.addthisArea{
	padding:20px 20px 0;
	margin:10px 0;
	background: url(../img/bg_addthis_01.png) 0 0 repeat-x;
}
.addthisArea ul{
	width: 420px;
	margin: 0 auto;
	list-style:none;
}
.addthisArea ul li{
	float:left;
}
.addthisArea ul li.twitterBt{
	width:100px;
}
.addthisArea ul li.fbBt{
}
.addthisArea ul li.googlePlusBt{
	width:70px;
}
.addthisArea ul li.shareBt{
}
.addthisArea ul li.printBt{
	padding: 0 0 0 2px;
}
.addthisArea ul li.printBt img:hover{
	filter: alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
}
/* -----------------------------------------------
	modalWrap
-------------------------------------------------- */
#modalWrap{
	padding:15px;
}
#preview{
	float:right;
}
#preview img{
	border:1px solid #ccc;
	width: auto;
	height: auto;
	max-width: 533px;
}
.thumList{
	float:left;
	height:533px;
}
.thumList ul{
	float:left;
	width:62px;
}
.thumList ul li {
	margin:0 10px 8px 0;
}
.thumList ul li img{
	border:1px solid #ccc;
}
.thumList ul li img:hover{
	filter: alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
}
.thumList ul li.on img{
	border:1px solid #c13837;
}
/* -----------------------------------------------
	propertyカラー
-------------------------------------------------- */
#mainBody p.primary_attr{
	padding: 5px;
	font-size: 92.3%;
	text-align: center;
	color: #fff;
	border-radius: 2px;
	margin: 0 0 5px;
}
.property1{
	background: #C7553C;
}
.property2{
	background: #D5B053;
}
.property3{
	background: #6C9944;
}
.property4{
	background: #47A2A2;
}
.property5{
	background: #4D7DAD;
}
.property6{
	background: #72548F;
}

/* -----------------------------------------------
	sns
-------------------------------------------------- */
.addthisArea ul li.fbBt .displayN{
	display: none;
}
.addthisArea ul li.fbBt .btBlock{
	float: right;
}
.addthisArea ul li.fbBt .likeBt{
	background:url(../img/sns_facebook.png) 0 0 no-repeat!important;
	text-indent:-9999px;
	height: 32px;
	width: 32px;
	border-radius: 0;
}
.addthisArea ul li.fbBt .pluginCountBg{
	background: url(../img/plugincount_bg_01.gif) 0 0 no-repeat!important;
	height: 32px;
	width: 56px!important;
	line-height: 32px;
	padding: 0 0 0 6px;
	border: none;
	margin: 0 0px 0 3px;
}
/* -----------------------------------------------
	loginMenu
-------------------------------------------------- */
.loginMenu{
	background-color: #444;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.3;
	height: 26px;
}
.loginMark{
	float: left;
}
.kirikaeBtn,.pc-sp{
	padding:0;
	margin: 0;
}
.kirikaeBtn{
	float:right;
}
.kirikaeBtn a,
.pc-sp a{
	text-decoration: none;
	font-weight: normal;
	padding: 3px 10px;
	height: 17px;
	color:#222;
	line-height: 16px;
	display: inline;
	float: left;
	background: #eee;
	border: 1px solid rgb(204, 204, 204);
	background-image: linear-gradient( #fff , #f1f1f1);
}
.kirikaeBtn a:first-child,
.pc-sp a:first-child{
	border-radius: 10px 0 0 10px;
}
.kirikaeBtn a:last-child,
.pc-sp a:last-child{
	border-radius: 0 10px 10px 0;
}
.kirikaeBtn a:hover,
.pc-sp a:hover{
	border: 1px solid #bbb;
	background: #dfdfdf;
	background-image: linear-gradient( #f6f6f6, #e0e0e0);
	color:#2f3e46;
}
.kirikaeBtn a.ui-btn-active,
.kirikaeBtn a.ui-btn-active:hover{
	background: #bd0000;
	border: 1px solid #bd0000;
	background-image: linear-gradient( #bd0000 , #c43838);
	color: #fff;
}
.pc-sp a.ui-btn-active,
.pc-sp a.ui-btn-active:hover{
	border: 1px solid #3784B4;
	background: #5393c5;
	background-image: linear-gradient(#5393c5,#589FCF);
	color: #fff;
}

/* -----------------------------------------------
	seihinBtn
-------------------------------------------------- */
#mainBody .seihinBtn{
	margin: 0 10px 10px 0;
	padding: 7px 8px 0;
	float: left;
	display: inline;
	width: 114px;
	height: 123px;
	background: url(../img/seihin_bt_bg_01.png) 0 0 no-repeat;
}
#mainBody .seihinBtn:hover{
	background-position:0 -130px;
}
#mainBody .seihinBtn a{
	text-decoration:none;
	font-weight: bold;
}
#mainBody .seihinBtn a:hover,
#mainBody .seihinBtn a:active{
	color:#333;
}
#mainBody .seihinBtn a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
}
#mainBody .seihinBtn a .txtWrap{
	display:block;
	font-size:13px;
	line-height: 1.3;
	margin: 0;
}
#mainBody .seihinBtn a .imgWrap{
	display: block;
	text-align: center;
}
#mainBody .seihinBtn a .imgWrap img{
	max-width:90px;
	max-height:90px;
}

/* -----------------------------------------------
	90. JavaScript ライブラリ
-------------------------------------------------- */
/*
    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; overflow:hidden;}
#cboxWrapper {max-width:none;}
#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{			
	border-top: 30px solid #e8e8e8;
	-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:20px; height:20px; position:absolute; top:-20px; background: url(../img/bt_close_01.gif) 0 0 no-repeat; no-repeat 0 0;}
#cboxClose{
	right:10px;
	top:6px;
	width: 61px;
	z-index: 9998;
}
.loginMenu{background-color:#8F8F8F; padding:5px;}
.loginMark{
	background: #2d92b5;
	padding: 5px 10px;
	color: #fff;
	text-shadow: none;
	font-size: 12px;
	margin:0 5px 0 0;
	border-radius: 50px;
	font-weight: bold;
	display: inline-block;
}
.leadnote{
	margin: 10px 0px 10px 0px;
}

/* -----------------------------------------------
	プレスリリース
-------------------------------------------------- */

#mainBody ul.article-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#mainBody ul.article-list li.article-block:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
#mainBody ul.article-list li.article-block {
    width: 700px;
}
#mainBody ul.article-list li{
    margin: 0 10px;
    padding: 16px 0 15px;
}
#mainBody .newsList ul.article-list li.article-block .article-image {
    float: left;
    padding-right: 15px;
    width: 90px;
}
#mainBody .newsList ul.article-list li.article-block .article-image img {
    border: 1px solid #ccc;
}
#mainBody .newsList ul.article-list li.article-block .article-body {
    float: right;
    width: 595px;
}
#mainBody .newsList ul.article-list li.article-block p.date-title {
    margin: 0 0 8px !important;
    padding: 0;
    font-size:92.9%;
}

#mainBody .newsList ul.article-list li.article-block p.date-title img.pre-icon {
    padding-right: 7px;
    vertical-align: middle;
}

#mainBody .newsList ul.article-list li.article-block p.article-link {
    font-weight: bold;
    margin:0 !important;
    font-size: 108.7%;
    line-height:142%;
}
#mainBody .newsList ul.article-list li{
    background: url(../img/bg-separator-prnavi.gif) repeat-x 0 bottom;

}
#mainBody .news1yearList .newsYearBlock ul{
	margin:0!important;
	padding:0 !important;
	overflow:hidden;
	background: url(../img/bg-separator-prnavi.gif);
}
#mainBody .news1yearList .newsYearBlock ul li{
	list-style:none;
	padding:5px 0;
	width:179px;
	height:32px;
	float:left;
	margin:5px 0 5px -1px !important;
	border-left:1px solid #E0E0E0;
	font-size: 102.2%;
}
#mainBody .news1yearList .newsYearBlock ul li span{
	display:block;
	/* border-left:1px solid #E0E0E0; */
	padding:7px 0 0 0;
}
#mainBody .news1yearList .newsYearBlock ul li a{
	margin:0 0 0 10px;
}
#mainBody .release-navi{
	text-align:center;
	margin:20px 0 0;
	padding:20px 0;
	border-top:1px dotted #bfbfbf;
}
#mainBody .release-navi .navi-prev{
	float:left;
	width:240px;
	text-align:left;
}
#mainBody .release-navi .navi-next{
	float:left;
	width:240px;
	text-align:right;
}
#mainBody .release-navi .navi-list{
	float:left;
	text-align:center;
	width:240px;
}
#mainBody .release-navi .navi-prev span, 
#mainBody .release-navi .navi-next span, 
#mainBody .release-navi .navi-list span{
	width:240px;
	display:inline-block;
}
#mainBody .release-navi .navi-prev a{
	background: url(../img/ic_arrow_red_03.gif) no-repeat 0 50%;
	padding:0 0 0 10px;
}
#mainBody .release-navi .navi-next a{
	background: url(../img/ic_arrow_red_01.gif) no-repeat right 50%;
	padding:0 10px 0 0;
}
#mainBody .release-navi .navi-list a{
	background: url(../img/ic_arrow_red_04.gif) no-repeat 0 35%;
	padding:0 0 0 10px;
}

/*プレスリリース　詳細画面*/
#mainBody .newsDetails .title-description{
	margin:0 0 42px;
}
#mainBody .newsDetails .title-description p{
	font-size:111.5%;
}
#mainBody .newsDetails .title-description .title-description-body p{
	font-size:107.7%;
	line-height:155%;
}
#mainBody .newsDetails .title-caption{
    margin: 0 0 7px;
}
#mainBody .newsDetails .title-caption .pr-icons{
	float:left;
}
#mainBody .newsDetails .title-caption .release-date{
	float:left;
	margin:0 0 0 10px;
	font-size:92.9%;
}
#mainBody .newsDetails .title-block .pr_title_s {
	margin: 0 5px 5px 0;
	text-align: right;
}
#mainBody .newsDetails .title-block p.embody {
	color: #888888;
	font-weight: bold;
	font-size:92.9%;
}
#mainBody .newsDetails .title-block .title-block-inner {
    background: url(../img/bg-title_border-head.gif) no-repeat left top;
    padding: 5px 0 0;
}
#mainBody .newsDetails .title-block .title-block-inner .title-block-body {
    background: url(../img/bg-title_border-body.gif) repeat-y left top;
    margin: 0;
    padding: 10px 15px;
    text-align: center;
}
#mainBody .newsDetails .title-block .title-block-inner .title-block-body h1{
    font-size: 171%;
    line-height: 110%;
    margin: 8px 0;
}
#mainBody .newsDetails .title-block h1, .title-block p {
    text-align: center;
}
#mainBody .newsDetails .title-block {
    background: url(../img/bg-title_border-foot.gif) no-repeat left bottom;
    margin: 0 0 15px;
    padding: 0 0 15px;
}
#mainBody .newsDetails .title-description p.footnote {
    color: #666666;
    font-size: 92.9% !important;
    line-height: 150%;
}

#mainBody .newsDetails .sub-content{
	margin:0 0 42px 0;
}
#mainBody .newsDetails .detailsBlock table{
	width:100%;
	margin:0 0 10px 0;
	border-top:1px solid #B7B7B7;
	border-left:1px solid #B7B7B7;
}
#mainBody .newsDetails .detailsBlock table th, 
#mainBody .newsDetails .detailsBlock table td{
	padding:7px;
	text-align:center;
	border-bottom:1px solid #B7B7B7;
	border-right:1px solid #B7B7B7;
	font-size:111.5%;
	line-height:150%;
}
#mainBody .newsDetails .detailsBlock table th{
	background:#eee;
}
#mainBody .newsDetails .detailsBlock table td.price_td{
	text-align:right;
}

#mainBody .newsDetails .relevantPageBlock{
	margin:10px 10px 42px 10px;
}
#mainBody .newsDetails .relevantPageBlock ul{
	margin:0;
	padding:0;
}
#mainBody .newsDetails .relevantPageBlock ul li{
	list-style:none;
	padding:0 0 5px 0;
}
#mainBody .newsDetails .relevantPageBlock ul li a{
	font-size: 92.9%;
}
#mainBody .newsDetails .otherBlock{
	padding:10px 0;
	margin:0 0 20px 0;
}
#mainBody .newsDetails .detailsBlock{
	padding:10px 10px 20px 10px;
	margin:0 auto 0 auto;
}
#mainBody .newsDetails .detailsBlock img.cImg{
	border: 1px solid #ccc;
	margin:0 auto;
	display:block;
}
#mainBody .newsDetails .fcBlock .detailsBlock{
	padding:10px 10px 20px 10px;
	margin:0 auto 0 auto;
	width:700px;
}
#mainBody .newsDetails .fcBlock .detailsBlock img{
	max-width:698px;
}
#mainBody .newsDetails .detailsBlockWrap .flBlock{
	float:left;
	width:360px;
}
#mainBody .newsDetails .detailsBlockWrap .fcBlock{
	clear:both;
}
#mainBody .newsDetails .detailsBlockWrap .flBlock .detailsBlock{
	width:340px;
}
#mainBody .newsDetails .detailsBlockWrap .flBlock .detailsBlock img{
	max-width:338px;
}
#mainBody .newsDetails .detailsBlock .photo-button{
	text-align:center;
}
#mainBody .newsDetails .detailsBlock .photo-button img{
	margin:0 auto;
	border:none;
	display:inline;
}
/* 201406 サービス追加 */
#footer-navi .products{
	width: 365px;
}
#footer-navi .products .column{
	width: 172px;
}
#footer-navi .service{
	padding: 0 10px;
	width: 185px;
	float: left;
}
#footer-navi .support_s{
	padding: 0 10px;
	width: 180px;
}
#footer-navi .company{
	padding: 0 0 0 10px;
	width: 170px;
}
#footer-navi .noLinkTitle{
	background:none;
}
/* 201406 ロゴ変更 */
.header .logo{
	padding: 12px 0px 0px;
}
/* 201408 サービスメニュー追加 */
.header .logo{
	width: 164px;
}
.header div.grand-navi{
	width:512px;
}
.header div.grand-navi ul.grand-navi{
	margin:0 8px 0 0;
	width:504px;
}
.header div.grand-navi ul.grand-navi li.grand-navi-partition {
	margin-right: 7px;
}
#footer-navi a.newwin{
	background: url(../img/ic_newwin_02.gif) right 50% no-repeat;
	padding-right: 16px;
}
#mainBody .lineupBlock table .bfdirectLink {
	width: 140px;
	float: right;
	margin: 10px -14px 0 0;
}