@charset "utf-8";
/* CSS Document */

/* ///////////////////////////////////////////////////////////////////

html5 reset css

/////////////////////////////////////////////////////////////////// */

html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, q, pre, table, caption, colgroup, col, tbody, thead, tfoot, tr, th, td, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, span, a, img, em, ins, del, cite, abbr, sup, sub, dfn, code, var, samp, kbd, object, script, noscript, style, iframe, embed, param, map, area,
menu, hr, address, small, strong, i, b,
article, aside, figure, footer, header, hgroup, nav, section, figcaption, time, video, audio, mark, ruby, rt, rp, bdo, source, canvas, details, summary, command,
datalist, keygen, output, progress, meter {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
address, article, aside, figure, figcaption, footer, header, hgroup, hr, legend, menu, nav,  section, summary {
  display: block;
}
li {
	list-style-type: none;
}
a img {
	border: none;
}
img {
	vertical-align: bottom;
}
[hidden] {
	display: none;
}

* {
	/*word-wrap: break-word;*/
}

/* ///////////////////////////////////////////////////////////////////

common style

/////////////////////////////////////////////////////////////////// */

body {
	line-height: 1;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	/*font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;*/
	color: #333;
	background: #E0E0E0 url(img/common/page_body_bg.gif) repeat-x 0 0;
}

html, body { height: 100%; }

/*
a:link { color:#B42222;text-decoration:underline; }
a:visited { color:#B42222; }
a:hover { color:#B42222;text-decoration:none; }
a:active { color:#B42222; }
*/
a:link { color:#069;text-decoration:underline; }
a:visited { color:#069; }
a:hover { color:#069;text-decoration:none; }
a:active { color:#069; }

label { 
  cursor: pointer;
}

mark {
	background-color: #ff9;
	color: #000;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/*.clearfix { display: inline-block; }*/ 

/* Legacy Brouser Display */
body.legacy {
	background: none;
	background: #000;
}
.error {
	width: 600px;
	margin: 150px auto 0;
	background: #000 url(img/common/err_logo.gif) no-repeat center 30px;
	border: 1px solid #333;
	padding: 180px 30px 40px;
	line-height: 1.8;
	color: #CCC;
	text-align: center;
}
.error a {
	background: #FFF;
	padding: 5px;
	display: block;
	width: 360px;
	margin: 20px auto 0;
	font-weight: bold;
}


/* ///////////////////////////////////////////////////////////////////

base layout

[#container]コンテナ
	[#header]ヘッダ
	[#content]
		[#main]記事本文
		[#sub]サブナビ
	[#footer]フッタ

/////////////////////////////////////////////////////////////////// */

/* =========================================================
container
========================================================= */
#container {
	background: url(img/common/page_container_bg.png) no-repeat center 0;
	text-align: center;
	min-height: 100%;
}

/* =========================================================
header
========================================================= */
#header {
	width: 940px;
	height: 110px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	position: relative;
	background: url(img/common/page_container_bg.png) no-repeat -30px 0;
}
#siteTit {
	width: 240px;
	height: 110px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}
#siteTit a {
	width: 240px;
	height: 110px;
	display: block;
	overflow: hidden;
	background: url(img/common/com_headerbg.png) no-repeat 0 0;
	text-indent: -9999em;
}
#siteTit a:hover {
	width: 240px;
	height: 110px;
	display: block;
	overflow: hidden;
	background: url(img/common/com_headerbg.png) no-repeat 0 -110px;
}
#snippet {
	color: #999;
	font-size: 12px;
	line-height: 1.7;
	position: absolute;
	left: 282px;
	top: 33px;
}
#gNav {
	width: 360px;
	height: 44px;
	position: absolute;
	/*left: 580px;Webシミュレータあり*/
	left: 700px;/*Webシミュレータなし*/
	top: 33px;
}
#gNav ul {
}
#gNav ul li {
	width: 120px;
	height: 44px;
	overflow: hidden;
	text-align: center;
	float: left;
}
#gNav ul li a {
	display: block;
	width: 120px;
	height: 44px;
	overflow: hidden;
	color: #CCC;
	text-decoration: none;
	font-size: 12px;
	line-height: 44px;
	background-image: url(img/common/com_headerbg.png);
	background-repeat: no-repeat;
	background-position: -240px 0;
	text-shadow: -1px -1px 1px #000;
}
#gNav ul li.selected a {
	background-position: -240px -44px;
}
#gNav ul li a:hover {
	background-position: -240px 0;
	color: #FFF;
}
#gNav ul li.selected a:hover {
	background-position: -240px -44px;
}

/* =========================================================
content
========================================================= */
#content {
	width: 940px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 150px;
	background: url(img/common/page_container_bg.png) no-repeat -30px -110px;
}
#content:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* =========================================================
main
========================================================= */
#main {
	line-height: 1.8;
	font-size: 14px;
	width: 700px;
	float: right;
}
.mainContent {
}
#pageTit {
	width: 650px;
	padding: 90px 0 0 50px;
	height: 120px;
	overflow: hidden;
	background: url(img/common/com_bullet_rect.png) no-repeat 50px center;
}
#pageTit h1 {
	padding-left: 35px;
	line-height: 1;
	font-size: 30px;
	color: #FFF;
	font-weight: bold;
}

/* =========================================================
topicPath
========================================================= */
#topicPath {
	width: 650px;
	padding-left: 50px;
}
#topicPath ol {
	width: 650px;
	text-align: right;
	padding: 10px 0 15px;
}
#topicPath ol li {
	display: inline;
	padding-left: 8px;
	font-size: 12px;
	color: #999;
}
#topicPath ol li a,
#topicPath ol li span.noLink {
	color: #999;
	line-height: 1;
	background: url(img/common/com_bullet_topicpath.gif) no-repeat right center;
	padding-right: 15px;
}
#topicPath ol li a:hover {
	text-decoration: none;
}
#topicPath ol li em {
	font-weight: bold;
	font-style: normal;
}
/* =========================================================
articleContent
========================================================= */
.articleContent {
	width: 650px;
	padding-left: 50px;
}
.articleContent .firstElem {
	margin-top: 0 !important;
}
.articleContent p {
	margin: 10px 0;
}
.articleContent strong {
	color:#B42222;
	text-shadow: 1px 1px 1px #FFF;
}
.articleContent h2 {
	font-size: 20px;
	line-height: 1.5;
	padding: 10px 0;
	margin: 35px 0 15px;
	border-top: 2px solid #B42222;
	border-bottom: 1px solid #B9B9B9;
	font-weight: bold;
	color: #000;
	text-shadow: 1px 1px 1px #FFF;
	clear: both;
}
.articleContent h2 strong {
	color: #000;
}
.articleContent h2.aritcleCopy {
	font-size: 16px;
	padding: 0;
	color: #B42222;
	border: none;
	text-shadow: 1px 1px 1px #FFF;
}
.articleContent h3 {
	font-size: 16px;
	line-height: 1.5;
	padding: 0 0 5px;
	margin: 30px 0 15px;
	border-bottom: 1px dotted #B42222;
	font-weight: bold;
	color: #000;
	text-shadow: 1px 1px 1px #FFF;
}
.articleContent p.note {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-size: 12px;
	margin-left: 1em;
	text-indent: -1em;
}
.articleContent p.smallTxt {
	font-size: 11px;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
.articleContent .noteMark {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-size: 12px !important;
	color: #B42222;
	font-weight: normal !important;
}
.articleContent ol.noteList {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
.articleContent ol.noteList li {
	font-size: 12px;
	margin: 10px 0 10px 2em;
	text-indent: -2em;
}
.articleContent ol.atention {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
.articleContent ol.atention li {
	font-size: 12px;
	margin: 10px 0 10px 1.5em;
	text-indent: -1.5em;
}

/* .contList style */

.articleContent .contList {
	width: 650px;
}
.articleContent .contList ul {
	width: 670px;
	margin-left: -20px;
}
.articleContent .contList u:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.articleContent .contList ul li {
	width: 315px;
	height: 80px;
	padding-left: 20px;
	margin-top: 20px;
	float: left;
}
.articleContent .contList ul li a {
	display: block;
	width: 273px;
	height: 78px;
	padding: 0 20px;
	border: 1px solid #FFF;
	font-size: 20px;
	font-weight: bold;
	line-height: 78px;
	color: #FFF;
	background: url(img/common/com_listbtn.png) no-repeat 0 0;
	text-decoration: none;
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.3); /* Safari, Chrome用 */
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.3); /* Firefox用 */
	box-shadow: 1px 1px 5px rgba(0,0,0,0.3); /* CSS3 */
}
.articleContent .contList ul li a span {
	display: block;
	width: 248px;
	height: 78px;
	padding: 0 0 0 25px;
	overflow: hidden;
	background: url(img/common/com_bullet_circle_white.png) no-repeat 0 center;
	text-shadow: -1px -1px 1px #000;
}
.articleContent .contList ul li a:hover {
	background: url(img/common/com_listbtn.png) no-repeat -313px 0;
	color: #B42222;
}
.articleContent .contList ul li a:hover span {
	background: url(img/common/com_bullet_circle_red.png) no-repeat 0 center;
	text-shadow: 1px 1px 1px #FFF;
}


/* .btn style */

.btn {
	text-align: right;
}
.btn p {
	display: inline-block;
	background: #333 url(img/common/com_btn_grad_bg_gray.png) repeat-x 0 center;
	border-style: solid;
	border-width: 1px;
	border-top-color: #A7A7A7;
	border-right-color: #404040;
	border-bottom-color: #151515;
	border-left-color: #868686;
	margin: 15px 0;
	line-height: 1;
}
.btn p a {
	display: block;
	background: url(img/common/com_bullet_white.png) no-repeat 10px center;
	font-size: 13px;
	color: #CCC;
	text-decoration: none;
	line-height: 1;
	overflow: hidden;
	padding: 10px 12px 10px 22px;
	margin: 0;
	text-align: left;
	text-shadow: -1px -1px 1px #000;
}
*:first-child+html .btn p a {
	display: inline-block;
}
.btn p a:hover {
	color: #FFF;
}

/* list Style */

.articleContent ul.listType_01 {
	margin: 15px 0;	
}
.articleContent ul.listType_01 li {
	background: url(img/common/com_bullet_red.png) no-repeat 0 center;
	padding-left: 12px;
	margin: 10px 0;
	font-weight: bold;
	font-size: 14px;
}
.articleContent ul.listType_01 li span.cat {
	background: #B42222;
	padding: 3px;
	margin-right: 6px;
	font-weight: normal;
	font-size: 12px;
	color: #FFF;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.articleContent ul.listType_01 li a {
	color: #B42222;
}

/* =========================================================
sub
========================================================= */
#sub {
	line-height: 1.8;
	font-size: 14px;
	width: 240px;
	float: left;
}
#categoryTit {
	width: 240px;
	padding-top: 75px;
	height: 125px;
	text-align: center;
	line-height: 1.4;
	overflow: hidden;
}
#categoryTit h2 {
	width: 240px;
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
	line-height: 20px;
}
#categoryTit h2.categoryIndex {
	padding-top: 15px;
}
#categoryTit h2 span {
	display: block;
	width: 240px;
	letter-spacing: 0.3em;
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
	color: #CCC;
	font-family: Georgia, serif;
}
#categoryTit h2 a {
	color: #FFF;
	text-decoration: none;
}
#sNav {
	width: 240px;
}
.floating {
	position: relative;
}
.floating #sNav {
	position: absolute;
}
#sNav ul {
	width: 240px;
	margin-top: 20px;
}
#sNav ul li {
	width: 238px;
	padding: 0 1px 1px;
}
#sNav ul li a {
	display: block;
	width: 198px;
	padding: 10px 10px 10px 30px;
	background-image: url(img/common/com_bullet_red.png);
	background-repeat: no-repeat;
	background-position: 14px center;
	font-size: 14px;
	color: #B42222;
}
#sNav ul li a:hover,
#sNav ul.simu_sNav li a:hover,
#sNav ul li.selected a {
	color: #FFF;
	text-decoration: none;
	background-image: url(img/common/com_bullet_white.png);
	background-color: #B42222;
}
#sNav ul li.selected a {
	font-weight: bold;
}

#sNav ul.simu_sNav {
	width: 240px;
	padding-top: 1px;
	background: #FFF;
}
#sNav ul.simu_sNav li {
	width: 238px;
	padding: 0 1px 1px;
}
#sNav ul.simu_sNav li a {
	background-color: #F9DFDF;
}

#sNav ul.simu_sNav li.simu_help a {
	background-image: url(img/common/com_bullet_q_red.png);
	background-position: 10px center;
}
#sNav ul.simu_sNav li.simu_help a:hover {
	background-image: url(img/common/com_bullet_q_white.png);
}

#linkToShop {
	width: 240px;
	height: 82px;
	margin-top: 20px;
}
#linkToShop p {
	width: 240px;
	height: 82px;
}
#linkToShop p a {
	display: block;
	width: 240px;
	height: 82px;
	text-indent: -9999em;
	background: url(img/index/index_nav.png) no-repeat 0 -78px;
}
#linkToShop p a:hover {
	background: url(img/index/index_nav.png) no-repeat -240px -78px;
}

/* =========================================================
footer
========================================================= */
#footer {
	clear: both;
	width: 100%;
	height: 100px;
	margin-top: -100px;
}
#fNav {
	height: 50px;
	width: 100%;
	background: #B4B4B4;
	overflow: hidden;
}
#fNav ul {
	width: 940px;
	height: 34px;
	margin: 0 auto;
	text-align: left;
	padding-top: 16px;
	background: url(img/common/footer_panther.png) no-repeat right bottom;
	overflow: hidden;
}
#fNav ul li {
	display: inline;
	padding-right: 20px;
	font-size: 13px;
	line-height: 1;
}
#fNav ul li a {
	padding-left: 13px;
	background: url(img/common/com_bullet_gray.png) no-repeat left center;
	color: #333;
}

#sponsorWrap {
	height: 50px;
	width: 100%;
	overflow: hidden;
	background: #111;
}
#sponsor {
	width: 940px;
	padding-top: 13px;
	height: 35px;
	margin: 0 auto;
	text-align: left;
	font-family: Georgia, serif;
}
#copyright {
	display: inline-block;
	color: #999;
	font-size: 11px;
	letter-spacing: 0.2em;
	line-height: 21px;
}
*:first-child+html #copyright {
	display: block;
	float: left;
}

#corp {
	display: inline-block;
	color: #666;
	font-size: 10px;
	letter-spacing: 0.3em;
	height: 21px;
}
#trimshop {
	line-height: 21px;
	display: inline-block;
	padding-left: 15px;
}
#trimshop a {
	display: inline-block;
	background: url(img/common/com_logo_trimshop.png) no-repeat 0 bottom;
	width: 114px;
	height: 21px;
	text-indent: -9999em;
	margin: 0;
	padding: 0;
	overflow: hidden;
	vertical-align: middle;
}
#yupiteru {
	line-height: 21px;
	display: inline-block;
	padding-left: 15px;
}
#yupiteru a {
	display: inline-block;
	background: url(img/common/com_logo_yupiteru.png) no-repeat 0 bottom;
	width: 119px;
	height: 21px;
	text-indent: -9999em;
	margin: 0;
	padding: 0;
	overflow: hidden;
	vertical-align: middle;
}
*:first-child+html #corp p {
	display: block;
	float: left;
}

/* =========================================================
topcontrol
========================================================= */
#topcontrol {
	width: 131px;
	height: 42px;
	overflow: hidden;
	background: #333 url(img/common/com_btn_grad_bg_gray.png) repeat-x 0 center;
	border-style: solid;
	border-width: 1px;
	border-top-color: #A7A7A7;
	border-right-color: #404040;
	border-bottom-color: #151515;
	border-left-color: #868686;
}
a#toTop {
	display: block;
	width: 101px;
	height: 42px;
	background: url(img/common/com_bullet_up.png) no-repeat 15px center;
	font-size: 12px;
	color: #CCC;
	text-decoration: none;
	line-height: 42px;
	overflow: hidden;
	padding: 0 0 0 30px;
	text-shadow: -1px -1px 1px #000;
}
a#toTop:hover {
	color: #FFF;
}

/* ///////////////////////////////////////////////////////////////////

index style

/////////////////////////////////////////////////////////////////// */

body.index {
	background: #E0E0E0 url(img/index/index_body_bg.gif) repeat-x 0 0;
}
body.index #container {
	background: url(img/index/index_container_bg_2023.png) no-repeat center 0;
}
body.index #header {
	background: url(img/index/index_container_bg_2023.png) no-repeat -30px 0;
}
#visual {
	width: 940px;
	margin: 0 auto;
	height: 480px;
	background: url(img/index/index_container_bg_2023.png) no-repeat -30px -110px;
	position: relative;
}
#visual h2 {
	width: 320px;
	height: 160px;
	position: absolute;
	left: 0;
	top: 200px;
	background: url(img/index/index_copy.png) no-repeat 0 0;
	text-align: left;
	text-indent: -9999em;
}

.index #content {
	background: url(img/index/index_container_bg_2023.png) no-repeat -30px -590px;
}
.index #main {
	width: 650px;
	padding: 40px 0 0 50px
}
.index .bnrArea {
}
.index .bnrArea ul {
}
.index .bnrArea ul li {
	margin-bottom: 15px;
}
.index #topics {
	line-height: 1.5;
	margin-top: 35px;
}
.index #topics h2 {
	font-size: 20px;
	padding-top: 15px;
	border-top: 3px solid #B42222;
	letter-spacing: 0.1em;
	text-shadow: 1px 1px 1px #FFF;
}
.index #topics h2 span {
	font-size: 14px;
	color: #999;
	letter-spacing: 0.3em;
	padding-left: 20px;
	font-weight: normal;
	font-family: Georgia, serif;
}
.index #topics ul {
	width: 650px;
}
.index #topics ul li {
	width: 650px;
	padding: 22px 0 0;
	clear: both;
}
.index #topics ul li .date {
	width: 80px;
	display: block;
	text-align: center;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #FFF;
	background-color: #999;
	float: left;
	
}
.index #topics ul li .newsTitle {
	display: block;
	margin-left: 95px;
}

.index #sub {
}
.index #indexNav {
	width: 240px;
}
.index #indexNav ul {
}
.index #indexNav ul li {
	width: 240px;
	height: 80px;
}
.index #indexNav ul li a {
	display: block;
	width: 240px;
	height: 80px;
	text-indent: -9999em;
	background-image: url(img/index/index_nav.png);
	background-repeat: no-repeat;
}
.index #indexNav ul li#product {
}
.index #indexNav ul li#product a {
	background-position: 0 0;
}
.index #indexNav ul li#product a:hover {
	background-position: -240px 0;
}
.index #indexNav ul li#shop {
}
.index #indexNav ul li#shop a {
	background-position: 0 -80px;
}
.index #indexNav ul li#shop a:hover {
	background-position: -240px -80px;
}
.index #indexNav ul li#simulator {
}
.index #indexNav ul li#simulator a {
	background-position: 0 -160px;
}
.index #indexNav ul li#simulator a:hover {
	background-position: -240px -160px;
}

/* ///////////////////////////////////////////////////////////////////

normalTable

/////////////////////////////////////////////////////////////////// */

table.normalTable {
	width: 100%;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-size: 13px;
	border-collapse: collapse;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	background: #FFF;
	line-height: 1.5;
}
table.normalTable th,
table.normalTable td {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 8px 10px;
}
table.normalTable th {
	text-align: center;
	background: #EFEFEF;
	width: 30%;
}
table.normalTable td {
	text-align: left;
}


/* ///////////////////////////////////////////////////////////////////

dataTable

/////////////////////////////////////////////////////////////////// */

table.dataTable {
	width: 100%;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-size: 13px;
	border-collapse: collapse;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	background: #FFF;
	line-height: 1.5;
}
table.dataTable th,
table.dataTable td {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 8px 10px;
}
table.dataTable th {
	text-align: left;
	background: #EFEFEF;
}
table.dataTable td {
	text-align: center;
}
table.dataTable tr.firstRow th {
	background: #333 !important;
	color: #FFF !important;
	width: 80px;
	text-align: center;
}
table.dataTable tr.firstRow th.firstHeader {
	width: 375px;
	text-align: left;
}
.optionData table.dataTable tr.firstRow th {
	width: auto;
}
.optionData table.dataTable tr.firstRow th.firstHeader {
	width: 260px;
}
table.dataTable tr.oddRow th {
	background: #DDD;
}
table.dataTable tr.oddRow td {
	background: #EFEFEF;
}
table.dataTable tr.hoverRow th {
	background: #FFD7D7;
	color: #000;
}
table.dataTable tr.hoverRow td {
	background: #FFD7D7;
	color: #000;
}


/* ///////////////////////////////////////////////////////////////////

product/lineup Style

/////////////////////////////////////////////////////////////////// */

/* =========================================================
title
========================================================= */
h2#title_z706,
h2#title_z306,
h2#title_z106,
h2#title_z705,
h2#title_z305,
h2#title_z105 {
	width: 650px;
	height: 0;
	padding: 155px 0 0 0;
	overflow: hidden;
}

h2#title_z706 {
	background: url("img/product/title_z706.png") no-repeat top;
}
h2#title_z705 {
	background: url("img/product/title_z705.png") no-repeat top;
}

h2#title_z306 {
	background: url("img/product/title_z306.png") no-repeat top;
}
h2#title_z305 {
	background: url("img/product/title_z305.png") no-repeat top;
}

h2#title_z106 {
	background: url("img/product/title_z106.png") no-repeat top;
}
h2#title_z105 {
	background: url("img/product/title_z105.png") no-repeat top;
}

/* =========================================================
function list
========================================================= */

h3#function_z706,
h3#function_z306,
h3#function_z106,
h3#function_z705,
h3#function_z305,
h3#function_z105,
h3#function_option {
	width: 650px;
	height: 0;
	margin: 0;
	padding: 25px 0 0 0;
	overflow: hidden;
	border: 0;
}

h3#function_z706 {
	background: url("img/product/function_z706.png") no-repeat top;
}
h3#function_z705 {
	background: url("img/product/function_z705.png") no-repeat top;
}

h3#function_z306 {
	background: url("img/product/function_z306.png") no-repeat top;
}
h3#function_z305 {
	background: url("img/product/function_z305.png") no-repeat top;
}

h3#function_z106 {
	background: url("img/product/function_z106.png") no-repeat top;
}
h3#function_z105 {
	background: url("img/product/function_z105.png") no-repeat top;
}

h3#function_option {
	background: url("img/product/function_option.png") no-repeat top;
}

ul.function_list {
	margin-bottom: 10px;
	padding: 10px 0 15px 20px;
	border-right: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
	background: #E7E7E7;
	zoom: 1;
}

ul.function_list li {
	width: 95px;
	height: 28px;
	margin: 4px 8px 4px 0px;
	padding: 5px 0 0 0;
	overflow: hidden;
	float: left;
	font-size: 11px;
	color: #fff;
	line-height: 12px;
	background: url("img/product/function_back.png") no-repeat;
	text-align: center;
}

ul.function_list li.aline {
	line-height: 28px;
}

ul.option_list {
	margin-bottom: 50px;
	padding: 10px 0 15px 20px;
	border-right: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
	background: #E7E7E7;
	zoom: 1;
}

ul.option_list li {
	width: 95px;
	height: 28px;
	margin: 4px 8px 4px 0px;
	padding: 5px 0 0 0;
	overflow: hidden;
	float: left;
	font-size: 11px;
	color: #fff;
	line-height: 12px;
	background: url("img/product/option_back.png") no-repeat;
	text-align: center;
}

ul.option_list li.aline {
	line-height: 28px;
}

p.caution {
	font-size: 11px;
	color: #666;
}

/* =========================================================
lineupVas
========================================================= */
.articleContent #lineupVas {
	border: 3px solid #FFF;
	padding: 20px 20px 20px 170px;
	background: url(img/product/feature_fit.png) no-repeat -10px 20px;
}
.articleContent #lineupVas h3 {
	font-size: 20px;
	border: none;
	color: #B42222;
	text-shadow: 1px 1px 1px #FFF;
	margin: 0 0 15px 0;
	border: none;
	padding: 0;
}
.articleContent #lineupVas p {
	margin: 0;
}

/* =========================================================
lineupUseful
========================================================= */
.articleContent #lineupUseful {
	margin-top: 50px;
}
.articleContent #lineupUseful h3 {
	font-size: 16px;
	border: none;
	color: #FFF;
	background: #B42222;
	text-shadow: none;
	margin: 0 0 10px 0;
	border: none;
	padding: 3px 10px;
}
.articleContent #lineupUseful p.topPartition {
	border-top: 1px dotted #CCC;
	padding-top: 10px;
}
.articleContent #lineupUseful h4 {
	border-top: 1px solid #B42222;
	border-bottom: 1px solid #B42222;
	color: #B42222;
	text-align: center;
	font-size: 14px;
	margin: 20px 0;
}
.articleContent #lineupUseful ul {
	width: 670px;
	margin-left: -20px;
}
.articleContent #lineupUseful ul li {
	width: 315px;
	float: left;
	padding-left: 20px;
}
.articleContent #lineupUseful ul li div {
	width: 293px;
	border: 1px solid #CCC;
	background: #E7E7E7;
	text-align: center;
	padding: 5px 10px 10px;
}


/* ///////////////////////////////////////////////////////////////////

product/remote Style

/////////////////////////////////////////////////////////////////// */

/* =========================================================
remoteExpWrap
========================================================= */
#remoteExpWrap {
	width: 650px;
	margin-top: 20px;
}
#remoteExpWrap:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* =========================================================
remoteFig
========================================================= */
#remoteFig {
	width: 210px;
	height: 400px;
	padding-top: 10px;
	background: url(img/product/remote_fig_01_2023.png) no-repeat 0 10px;
	position: relative;
	float: left;
}
#remoteFig ol {
}
#remoteFig ol li {
	color: #FFF;
	width: 20px;
	height: 20px;
	overflow: hidden;
	background-image: url(img/common/com_circle_01.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	line-height: 20px;
	font-family: Georgia, serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	cursor: pointer;
}
#remoteFig ol li.view,
#remoteFig ol li.hover {
	background-position: 0 -20px;
	color: #B42222;
}
#remoteFig ol li#num_01 {
	left: 60px;
	top: 110px;
}
#remoteFig ol li#num_02 {
	left: 60px;
	top: 220px;
}
#remoteFig ol li#num_03 {
	left: 20px;
	top: 235px;
}
#remoteFig ol li#num_04 {
	left: 173px;
	top: 90px;
}
#remoteFig ol li#num_05 {
	left: 177px;
	top: 210px;
}
#remoteFig ol li#num_07 {
	left: 170px;
	top: 239px;
}
#remoteFig p {
	width: 180px;
	position: absolute;
	left: 15px;
	top: 280px;
}

/* =========================================================
remoteExp
========================================================= */
#remoteExp {
	width: 420px;
	margin-left: 230px;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
#remoteExp ol {
}
#remoteExp li {
}
#remoteExp li h3 {
	padding: 17px 25px 13px 35px;
	background: url(img/product/remote_exp_tit.png) no-repeat 0 0;
	margin: 0;
	border: none;
	color: #FFF;
	font-size: 16px;
	line-height: 20px;
	text-shadow: none;
}
#remoteExp li h3 span {
	display: inline-block;
	width: 20px;
	height: 20px;
	padding-right: 10px;
	background: url(img/common/com_circle_01.png) no-repeat 0 -20px;
	line-height: 20px;
	font-family: Georgia, serif;
	font-size: 12px;
	font-weight: bold;
	color: #B42222;
	text-align: center;
}
#remoteExp li .remoteExpCont {
	padding: 10px 25px 20px 35px;
	background: url(img/product/remote_exp_cont.png) no-repeat 0 bottom;
	font-size: 12px;
	min-height: 300px;
}
#remoteExp li .remoteExpCont h4 {
	color: #B42222;
	border-bottom: 1px dotted #B42222;
	margin: 15px 0 5px;
}
#remoteExp li .remoteExpCont p {
	margin: 5px 0;
}
#remoteExp li .remoteExpCont p.note {
	margin: 5px 0 5px 1em;
	color :#666;
	font-size: 11px;
}
#remoteExp li.hidden {
	display: none;
}

/* =========================================================
remoteDisp
========================================================= */
#remoteDisp {
	width: 650px;
	margin-top: 20px;
}
#remoteDisp h3 {
	font-size: 20px;
	color: #B42222;
	margin: 0;
	border: none;
	padding: 0;
}

#remoteDisp h4 {
	position: relative;
	background: #333;
	color:#fff;
	text-align: center;
	font-size: 16px;
	margin: 20px 0;
	padding:8px 0;
	border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
}
#remoteDisp h4:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(51, 51, 51, 0);
	border-top-color: #333;
	border-width: 8px;
	margin-left: -8px;
}


/* =========================================================
remoteOp
========================================================= */
.remoteOp {
	width: 650px;
}
.remoteOp li {
	width: 315px;
	padding-left: 20px;
	float: left;
}
.remoteOp ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.remoteOp li .remoteOpTxt {
	width: 216px;
	margin-right: 95px;
	padding-right: 4px;
	background: url(img/common/com_bullet_red.png) no-repeat right 7px;
}
.remoteOp li .remoteOpTxt h3 {
	color: #FFF;
	padding: 2px 4px;
	margin: 0;
	background: #B42222;
	font-size: 14px;
	line-height: 1.2;
	border: none;
	text-shadow: none;
}
.remoteOp li p {
}
.remoteOp li .remoteOpTxt p .smallTxt {
	font-size: 11px;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
.remoteOp li .remoteOpImg {
	width: 90px;
	float: right;
}
.remoteOp li .remoteOpImg img {
}
.remoteOp li.noImg {
	margin: 15px 0 0 0;
	padding-left: 0;
	width: 650px;
}
.remoteOp li.noImg h3 {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	text-shadow: none;
}
.remoteOp li.noImg h3 span {
	display: inline-block;
	color: #FFF;
	padding: 2px 4px;
	margin: 0;
	background: #B42222;
	font-size: 14px;
	line-height: 1.2;
}

/* ///////////////////////////////////////////////////////////////////

product/feature.html Style

/////////////////////////////////////////////////////////////////// */
.img_f_left {
	margin: 0 10px 15px 10px;
	float: left;
}

.img_f_right {
	margin: 0 0 15px 10px;
	float: right;
}

/* ///////////////////////////////////////////////////////////////////

info/privacy.html Style

/////////////////////////////////////////////////////////////////// */
#privacy {
}
.articleContent #privacy h2 {
	font-size: 18px;
}

#privacy dl.poricy {
}
#privacy dl.poricy dt {
	padding-left: 20px;
	margin: 10px 0 3px;
	font-weight: bold;
}
#privacy dl.poricy dd {
	padding-left: 30px;
	margin: 3px 0;
}
.articleContent #privacy p#privacyContact {
	margin-top: 30px;
	padding: 15px 20px;
	border: 2px solid #CCC;
	background: #EFEFEF;
}