@charset "utf-8";

html {
	overflow-x: hidden;
	overflow-y: auto;
}

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
/* RESET HTML5 */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

ol,ul { list-style:outside; }

/* GENERAL */
body {
	color:#333; font: 12px/1.4 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;

	-ms-touch-action: none;
	touch-action: none;
	
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	tap-highlight-color: rgba(0, 0, 0, 0);
	}
/*
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	body { width: 1050px; }
	}
*/
a:link, a:visited {color: #333333;}
a:hover {color: #7f0019;}
img {
	vertical-align: bottom;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}

p, li, dt, dd, th, td, form, pre, address, blockquote, non {
	font-size:12px;
	line-height:150%;
	letter-spacing: 0.05em\9;
	}

h1,h2,h3,h4,h5,h6 {
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-weight: bold;
	text-align: left;
	border: 0px;
	margin: 0;
	padding: 0;
	}

h1 { font-size: 34px; line-height: 42px;}
h2 { font-size: 24px; line-height: 28px;}
h3 { font-size: 16px; line-height: 20px;}
h4 { font-size: 12px; line-height: 18px;}


.inblock {
	position: relative;
	display: inline-block;
	vertical-align: top;
	}
.ghost {
	display: none;
	}

a.btn:link,
a.btn:visited,
a.btn:hover,
a.btn:active {
	text-decoration: none;
	outline: none;
	}
a.btn > * { cursor:pointer; } /* for IE */

a.yet:link,
a.yet:visited,
a.yet:hover,
a.yet:active {
	text-decoration: none;
	outline: none;
	color: #333333;
	}

@media print {
	body {
		width:930px;
		}
	#top-menu, #printWrap,
	#print.pp1 #pp1,
	#print.pp2 #pp2 { display: none; }
}

/* ! 画像が暗くなるリンク ----------------------------------------*/

.dibtn {
	background-color: #fff;
	-webkit-transition: all 0s ease 0.2s;
	-moz-transition: all 0s ease 0.2s;
	-o-transition: all 0s ease 0.2s;
	transition: all 0s ease 0.2s;
	cursor: pointer;
	}
.no-touch .dibtn:hover,
.touch .dibtn:active {
	-webkit-transition: all 0s ease 0s;
	-moz-transition: all 0s ease 0s;
	-o-transition: all 0s ease 0s;
	transition: all 0s ease 0s;
	color: #79001f;
	background-color: #000;
	}
.dibtn span { background-color: #fff; }
.dibtn > span,
.dibtn > img {
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	}
.dibtn > span {
	display: block;
	/*width: 185px;*/
	text-align: center;
	}
.no-touch .dibtn:hover > span,
.no-touch .dibtn:hover > img,
.touch .dibtn:active > img {
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
	-moz-opacity:0.8;
	opacity:0.8;
	}

.dibtn:link, .dibtn:visited, .dibtn:hover, .dibtn:active { text-decoration: none; }

a.disenable, a.disenable > * { cursor:default; }


button {
	cursor:pointer;
    width: auto;  /* IE table-cell margin fix */
    overflow: visible;
    border: none;
	outline: none;
	}
button.sq {
	position: relative;
	height: 24px;
	margin: 0;
	margin-bottom:1px;
	padding: 3px 8px 2px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	vertical-align: middle;
	border-radius: 2px;
	background-color: #333;
	}
.no-toutch button.sq:hover, .toutch button.sq:active { background-color: #79001f; }

button.disenable, button.disenable > * { cursor:default; }

.disenable {
	-moz-opacity:0.25;
	opacity:0.25;
	}
.no-touch a.disenable:hover { color:#333; }

a span.title,
button span.title {
	vertical-align: middle;
	white-space: normal;
	font-weight: bold;
	line-height: 100%;
	}
a span.bullet,
button span.bullet {
	vertical-align: middle;
	/*padding-top: 0.4em;*/
	padding-right: 0em;
	font-size: 68%;
	}

a img {
	text-decoration: none;
	}

.tRight	{text-align: right;}
.tCenter{text-align: center;}
.tLeft	{text-align: left;}
.top4   { padding-top: 4px; }
.top8   { padding-top: 8px; }
.top12  { padding-top:12px; }
.top16  { padding-top:16px; }
.btm8   { padding-bottom: 8px; }
.btm16  { padding-bottom:16px; }
.btm24  { padding-bottom:24px; }


/* ============================================================ */
/* ! ----------------- chapter									*/
/* ============================================================ */

/* page header ------------------------------------------------ */

#page-header {
	position: absolute;
	width: 100%;
	top:4px;
	left:0;
	z-index:4;
	}

/* page body -------------------------------------------------- */

#page-body {
	position: relative;
	width: 100%;
	height:auto;
	min-width: 980px; /* 2015.06.25 */
	margin: 0 auto;
	overflow-x: auto;
	overflow-y:auto;
	z-index:2;
	}
#page-body .membrane {
	position: relative;
	width: 930px;
	margin: 0 auto;
	}
#page-body .section {
	display:none;
	padding-top: 78px;
	/*height: 564px;*/
	height: 571px;
	}
#page-body #sim { height: 660px; }
#page-body #print { height: auto; }
#page-body > .active { display:block; }

#page-body #sim + #lug-wrap { display: none; }
#page-body #sim.active + #lug-wrap.lugMode { display: block; }

ul.boxy li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	}

/* page footer ------------------------------------------------ */

#page-footer {
	}

/* ============================================================ */
/* ! ----------------- section									*/
/* ============================================================ */

/* section navi ----------------------------------------------- */

#top-menu {
	position: relative;
	height: auto;
	margin: 0 auto;
	top: -560px;
	/*width: 965px;*/
	height: 0px;
	padding-top:0px;
	padding-left:15px;
	white-space:nowrap;
	overflow:visible;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	}
#top-menu.show {
	top: 0px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	}
#top-menu > div {
	}

#top-menu .first, #top-menu .third {
	overflow:visible;
	}

#top-menu .goback {
	position:absolute;
	top:4px;
	left: 0;
	width: 50px;
	height: 50px;
	margin: 0;
	vertical-align: middle;
	background-color: transparent;
	background-image: url(img/btn-cmd.png);
	background-repeat: no-repeat;
	background-position: -250px 0;
	}

#top-menu .third button {
	position:absolute;
	top: 4px;
	right: -32px;
	width: 30px;
	height: 40px;
	margin: 0;
	vertical-align: middle;
	background-color: transparent;
	background-image: url(img/btn-cmd.png);
	background-repeat: no-repeat;
	background-position: -310px 0;
	}

#top-menu label {
	display: inline-block;
	padding: 2px;
	vertical-align: middle;
	background-color: rgba( 255,255,255,0.7 );
	}

#top-menu .first label { margin: 19px 0 0 52px; }
#top-menu .third label { margin: 19px 0 0 0; }
#top-menu .second {
	background-color: rgba( 255,255,255,0.7 );
	padding: 2px;
	}
/* #top-menu .cart { display: none; } */

/* slider section --------------------------------------------- */

.clipper {
	/*position:relative;*/
	overflow:hidden;
	}
.holder {
	position:relative;
	white-space:nowrap;
	width: 1000%;
	min-width:100%;
	}
.clipper .holder > .inblock {
	white-space:normal;
	width: 10%;
	padding: 0;
	}

.clipper .socket {
	position:absolute;
	top: 50%;
	width: 24px;
	height: 0px;
	}
.clipper div.prev { left:0; }
.clipper div.next { right:0; }
.clipper button.next,
.clipper button.prev {
	position:absolute;
	top: -100px;
	left: 0;
	width: 24px;
	height: 180px;
	background-color:#ccc;
	background-image: url(img/btn-review.png);
	background-repeat:no-repeat;
	}
.no-touch .clipper button.prev:hover,
.no-touch .clipper button.next:hover,
.touch .clipper button.prev:active,
.touch .clipper button.next:active {
	background-color:#333;
	}
.clipper button.next { background-position: -384px 22px; }
.clipper button.prev { background-position: -408px 22px; }

.clipper .holder {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	}
.clipper.hold .holder {
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
	}

.indicator {
	position: absolute;
	left:0;
	bottom:0;
	width: 100%;
	text-align: center;
	}

.indicator button {
	width: 10px;
	height: 10px;
	margin: 15px 8px;
	font-family:Helvetica;
	font-weight:bold;
	color: white;
	text-align: center;
	/*border: none;*/
	background-color: #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
.no-touch .indicator button:hover,
.indicator button.current { background-color: #999; }

/* price line ------------------------------------------------- */

.price {
	position:relative;
	font-size:12px;
	}
.price em {
	font-style:normal;
	font-size:16px;
	font-weight:bold;
	margin-left: 0.1em;
	margin-right: 0.1em;
	}
.price small {
	display: inline-block;
	width: 2.6em; /* <--2.5em */
	font-size: 8px;
	line-height: 1;
	}

/* ============================================================ */
/* ! ----------------- opening section							*/
/* ============================================================ */

#opening.section { padding-top: 0;}

h1 { text-align:center; }

#opening div.head,
#opening ul {
	position:relative;
	width: 700px;
	margin: 0 auto;
	}
#opening div.head { margin: 60px auto 30px; }

#opening li {
	width: 280px;
	margin: 0 35px 22px 35px;
	cursor:pointer;
	}
#opening h4 { padding-bottom: 4px; }
#opening .dibtn h4, #opening .dibtn p { background-color:white; }

#opening .basic h4, #opening .limited h4 { padding-top:8px; }

#opening .review > span,
#opening .saved > span {
	position:absolute;
	top:0;
	left:0;
	}

#opening .review, #opening .saved {
	height:76px;
	overflow:hidden;
	}

#opening .review h4,
#opening .review p,
#opening .saved h4,
#opening .saved p {
	margin-left: 88px;
	padding-left: 10px;
	}
#opening .review p,
#opening .saved p {
	height:76px;
	}

#opening li > span { display:block; width:auto; border: 1px solid #ccc; }

/* append 2013.06 */

#opening div.info {
	position: absolute;
	box-sizing: border-box;
	top: -38px;
	right: -92px;
	height: 132px;
	width: 208px;
	padding-top: 17px;
	padding-left: 52px;
	background-image: url(img/hukidashi.png);
	}
#opening div.info p { line-height: 135%; }
#opening div.info a { display: block; }
#opening div.info span {
	display: block;
	margin-top: 4px;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 11px;
	line-height: 1.3;
	}

#opening li.inID {
	width: 286px;
	margin: 0px 35px 0 385px;
	}
#opening li.inID > div {
	}
#opening li.inID button {
	float:left;
	margin-right: 8px;
	height: 36px;
	}
#opening button.sq {
	width: 88px;
	padding: 4px 4px 2px;
	}
#opening button.sq:hover {
	background-color:#79001f;
	}
#opening li.inID {
	cursor:default;
	}

#opening div.credit	{
	color:#999999;
	font-size:90%;
	text-align:center;
	position: absolute;
	margin: auto;
	bottom: 0;
	left: 0;
	right: 0;
	}

/* ============================================================ */
/* ! ----------------- plan section								*/
/* ============================================================ */

#plan h3 { margin-bottom: 8px; }
#plan h3, #plan p.lead { margin-left:40px; text-align:left; }

#plan .holder > div {
	/*
	width:870px;
	padding: 0 20px;
	*/
	text-align:center;
	}
#plan .plan {
	display: inline-block;
	position: relative;
	margin: 30px 10px 0 0px;
	}

#plan .plan div { margin: 0px 6px 0 6px; text-align: center; }
#plan .plan p { background-color: white; }
#plan .plan h4 {
	margin: 0;
	padding: 4px 0;
	text-align:center;
	font-size: 13px;
	background-color:white;
}
/*
#plan p.cap {
	position: absolute;
	right: 48px;
	bottom: 10px;
	}
*/
#plan p.price {
	padding-top: 0px;
	padding-left: 6px;
	}
#plan p.price span {
	padding-right: 12px;
	}

#plan .plan[data-cap]::after {
	display: block;
	position: absolute;
	content: attr(data-cap);
	width: 100%;
	text-align: right;
	}

#plan .page1 button.next { background-position: -240px 16px; }
#plan .page2 button.prev { background-position: -264px 16px; }
#plan .page2 button.next { background-position: -288px 16px; }
#plan .page3 button.prev { background-position: -312px 16px; }


/* ============================================================ */
/* ! ----------------- basic section							*/
/* ============================================================ */

#basic { width:842px; margin: 0 auto; padding-top:60px; } /* 814px */
#basic > div { position:relative; }
#basic div.stainless {
	position:relative;
	margin-bottom: 24px;
	padding-bottom: 16px;
	border-bottom: 1px solid #ccc;
	}

#basic h3 {
	position: absolute;
	top:0;
	left:0;
	}
#basic p.lead {
	position: absolute;
	top:0;
	left:96px;
	}
#basic .angle {
	display: block;
	position: absolute;
	top:24px;
	left:0;
	width: 80px;
	height: 70px;
	}

#basic .setimg { vertical-align: bottom; }

.setimg li {
	width: 103px;
	margin-right:16px;
	vertical-align:bottom;
	cursor:pointer;
	}
.setimg li.death { visibility: hidden; }
#basic .setimg li.death div { visibility: hidden; }

.setimg li span {
	display:block;
	width: 100%;
	font-size: 11px;
	text-align: center;
	}
.setimg li p {
	width: 100%;
	text-align:center;
	}

#basic .price {
	margin-top: 16px;
	}
#basic .price ins {
	display:block;
	position:absolute;
	top:-16px;
	width: 100%;
	font-size: smaller;
	}

.switch {
	width: 228px; /* 200px */
	margin: 4px 0 0 0;
	padding: 10px 8px;
	line-height: 100%;
	border: 1px solid #ccc;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	}

.switch > div + div { margin-top: 8px; }

.switch h4 { margin-top:8px; }
.switch h4:first-child { margin-top:0px; }

.switch p.cap {
	font-size: 10px;
	margin-top: -16px;
	text-align: right;
	}

.switch button {
	width: 48px;
	height: 45px;
	margin: 4px 3px;
	background-color: white;
	background-image:url(img/baseplan.png);
	background-repeat: no-repeat;
	border: 1px solid #e6e6e6;
	}
.switch button.current { border-color:#999; outline: 1px solid #0099e0; }
.no-touch .switch button:hover { border-color:#79001f; }
.no-touch .switch button.current:hover { border-color:#999; }
.no-touch .switch button.disenable:hover { border-color:#ccc; }
#basic .suspend{
	border: 1px solid #ccc;
	-moz-opacity:0.25;
	opacity:0.25;
	}
#basic .suspend button.current { border-color:#ccc }

#basic div.wrap {
	position: absolute;
	background-color: #000;
	-moz-opacity:0;
	opacity:0;
	top:-2%;
	left:-2%;
	width:104%;
	height:104%;
	z-index:100;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	}
#basic .stainless div.wrap { height:99%; }

.no-touch #basic div.wrap:hover {
	-moz-opacity:0.1;
	opacity:0.1;
	-webkit-transition: all 0 ease;
	-moz-transition: all 0 ease;
	-o-transition: all 0 ease;
	transition: all 0 ease;
	}

#basic span.angle {
	background-color: transparent;
	background-image: url(img/baseplan.png);
	background-repeat: no-repeat;
	}
.stainless span.DS { background-position: -1181px -232px; }
.stainless span.DO { background-position: -1181px -302px; }
.stainless span.DW { background-position: -1181px -372px; }
.stainless span.DY { background-position: -1261px -232px; }
.stainless span.DL { background-position: -1261px -302px; }
.stainless span.DD { background-position: -1261px -372px; }
.stainless span.DT { background-position: -1261px -162px; }
.steel span.DL { background-position: -1341px -22px; }
.steel span.TL { background-position: -1341px -92px; }
.steel span.DG { background-position: -1341px -162px; }
.steel span.DU { background-position: -1341px -232px; }
.steel span.TG { background-position: -1341px -302px; }
.steel span.TU { background-position: -1341px -372px; }

#basic .setimg li div {
	position: relative;
	visibility: visible;
	width: 100%;
	padding: 2px 0;
	background-color: #fff;
	-webkit-transition: background-color 0.2s ease 0;
	-moz-transition: background-color 0.2s ease 0;
	-o-transition: background-color 0.2s ease 0;
	transition: background-color 0.2s ease 0;
	}
.no-touch #basic .setimg li:hover div {
	background-color: #e8e8e8;
	-webkit-transition: background-color 0s ease 0s;
	-moz-transition: background-color 0s ease 0s;
	-o-transition: background-color 0s ease 0s;
	transition: background-color 0s ease 0s;
	}
.no-touch #basic .setimg li:hover p {
	color: #7f0019;
	}

.setimg li div span {
	display: block;
	position: relative;
	width: 100%;
	background: transparent url(img/baseplan.png) no-repeat 0 0;
	z-index:10;
	}

.stainless .swS { background-position: -1421px 0px; }
.stainless .swR { background-position: -1421px -45px; }
.stainless .swW { background-position: -1421px -90px; }
.stainless .swL { background-position: -1421px -135px; }
.stainless .spS { background-position: -1469px 0px; }
.stainless .spY { background-position: -1469px -45px; }
.stainless .spL { background-position: -1469px -90px; }
.stainless .spD { background-position: -1469px -135px; }
.stainless .spO { background-position: -1469px -180px; }
.stainless .spW { background-position: -1469px -225px; }
.stainless .spT { background-position: -1469px -270px; }

.steel .gwS { background-position: -1421px -180px; }
.steel .gwR { background-position: -1421px -225px; }
.steel .gwW { background-position: -1421px -270px; }
.steel .gwL { background-position: -1421px -315px; }
.steel .gpL { background-position: -1421px -360px; }
.steel .gpG { background-position: -1469px -315px; }
.steel .gpU { background-position: -1469px -360px; }

.steel .gmL { background-position: -1069px -162px; }
.steel .gmG { background-position: -1117px -162px; }
.steel .gdT { background-position: -1165px -162px; }
.steel .gdD { background-position: -1213px -162px; }

.steel .switch .inblock + .inblock { margin-left: 4px; margin-top: 0px; }


#basic ul.setimg li div div {
	margin: 0 auto;
	height:auto !important;
	}

#basic .wS li div div { width:40px; }
#basic .wR li div div { width:54px; }
#basic .wW li div div { width:78px; }
#basic .wL li div div { width:103px; }

#basic .row5 { height: 36px; margin-bottom: -3px; }
#basic .row4 { height: 52px; margin-bottom: -2px; }
#basic .row3 { height: 35px; margin-bottom: -5px; }
#basic .row2 { height: 38px; margin-bottom: -8px; }
#basic .row1 { height: 48px; }

#basic span.X { position:absolute; left:-1px; z-index: 5; }
#basic .hC span.X { z-index:11; height:12px; bottom:21px; }

.wS .hS .X { background-position: -1066px 0px; height:60px; bottom:12px; }
.wS .hM .X { background-position: -1066px 0px; height:60px; bottom:26px; }
.wS .hL .X { background-position: -1066px 0px; height:140px; bottom:19px; }
.wS .hX .X { background-position: -1066px 0px; height:140px; bottom:19px; }

.wR .hS .X { background-position: -1106px 0px; height:60px; bottom:12px; }
.wR .hM .X { background-position: -1106px 0px; height:60px; bottom:26px; }
.wR .hL .X { background-position: -1106px 0px; height:140px; bottom:19px; }
.wR .hX .X { background-position: -1106px 0px; height:140px; bottom:19px; }

.wW .hS .X { background-position: -1160px 0px; height:60px; bottom:17px; }
.wW .hM .X { background-position: -1160px 0px; height:60px; bottom:30px; }
.wW .hL .X { background-position: -1160px 0px; height:140px; bottom:19px; }
.wW .hX .X { background-position: -1160px 0px; height:140px; bottom:19px; }

.wL .hS .X { background-position: -1238px 0px; height:60px; bottom:17px; }
.wL .hM .X { background-position: -1238px 0px; height:60px; bottom:30px; }
.wL .hL .X { background-position: -1238px 0px; height:140px; bottom:19px; }
.wL .hX .X { background-position: -1238px 0px; height:140px; bottom:19px; }

.stainless .wS .sS .row5 { background-position:    0px 0px; } .stainless .wS .sS .row4 { background-position:    0px -36px; } .stainless .wS .sS .row3 { background-position:    0px -88px; } .stainless .wS .sS .row2 { background-position:    0px -123px; } .stainless .wS .sS .row1 { background-position:    0px -161px; }
.stainless .wR .sS .row5 { background-position:  -40px 0px; } .stainless .wR .sS .row4 { background-position:  -40px -36px; } .stainless .wR .sS .row3 { background-position:  -40px -88px; } .stainless .wR .sS .row2 { background-position:  -40px -123px; } .stainless .wR .sS .row1 { background-position:  -40px -161px; }
.stainless .wW .sS .row5 { background-position:  -94px 0px; } .stainless .wW .sS .row4 { background-position:  -94px -36px; } .stainless .wW .sS .row3 { background-position:  -94px -88px; } .stainless .wW .sS .row2 { background-position:  -94px -123px; } .stainless .wW .sS .row1 { background-position:  -94px -161px; }
.stainless .wL .sS .row5 { background-position: -172px 0px; } .stainless .wL .sS .row4 { background-position: -172px -36px; } .stainless .wL .sS .row3 { background-position: -172px -88px; } .stainless .wL .sS .row2 { background-position: -172px -123px; } .stainless .wL .sS .row1 { background-position: -172px -161px; }
.stainless .wS .hC .sS .X { background-position:    0px -209px; }
.stainless .wR .hC .sS .X { background-position:  -40px -209px; }
.stainless .wW .hC .sS .X { background-position:  -94px -209px; }
.stainless .wL .hC .sS .X { background-position: -172px -209px; }

.stainless .wS .sO .row5 { background-position: -275px 0px; } .stainless .wS .sO .row4 { background-position: -275px -36px; } .stainless .wS .sO .row3 { background-position: -275px -88px; } .stainless .wS .sO .row2 { background-position: -275px -123px; } .stainless .wS .sO .row1 { background-position: -275px -161px; }
.stainless .wR .sO .row5 { background-position: -315px 0px; } .stainless .wR .sO .row4 { background-position: -315px -36px; } .stainless .wR .sO .row3 { background-position: -315px -88px; } .stainless .wR .sO .row2 { background-position: -315px -123px; } .stainless .wR .sO .row1 { background-position: -315px -161px; }
.stainless .wW .sO .row5 { background-position: -369px 0px; } .stainless .wW .sO .row4 { background-position: -369px -36px; } .stainless .wW .sO .row3 { background-position: -369px -88px; } .stainless .wW .sO .row2 { background-position: -369px -123px; } .stainless .wW .sO .row1 { background-position: -369px -161px; }
.stainless .wS .hC .sO .X { background-position: -275px -209px; }
.stainless .wR .hC .sO .X { background-position: -315px -209px; }
.stainless .wW .hC .sO .X { background-position: -369px -209px; }

.stainless .wS .sW .row5 { background-position: -447px 0px; } .stainless .wS .sW .row4 { background-position: -447px -36px; } .stainless .wS .sW .row3 { background-position: -447px -88px; } .stainless .wS .sW .row2 { background-position: -447px -123px; } .stainless .wS .sW .row1 { background-position: -447px -161px; }
.stainless .wR .sW .row5 { background-position: -487px 0px; } .stainless .wR .sW .row4 { background-position: -487px -36px; } .stainless .wR .sW .row3 { background-position: -487px -88px; } .stainless .wR .sW .row2 { background-position: -487px -123px; } .stainless .wR .sW .row1 { background-position: -487px -161px; }
.stainless .wW .sW .row5 { background-position: -541px 0px; } .stainless .wW .sW .row4 { background-position: -541px -36px; } .stainless .wW .sW .row3 { background-position: -541px -88px; } .stainless .wW .sW .row2 { background-position: -541px -123px; } .stainless .wW .sW .row1 { background-position: -541px -161px; }
.stainless .wS .hC .sW .X { background-position: -447px -209px; }
.stainless .wR .hC .sW .X { background-position: -487px -209px; }
.stainless .wW .hC .sW .X { background-position: -541px -209px; }

.stainless .wS .sL .row5 { background-position: -619px 0px; } .stainless .wS .sL .row4 { background-position: -619px -36px; } .stainless .wS .sL .row3 { background-position: -619px -88px; } .stainless .wS .sL .row2 { background-position: -619px -123px; } .stainless .wS .sL .row1 { background-position: -619px -161px; }
.stainless .wR .sL .row5 { background-position: -659px 0px; } .stainless .wR .sL .row4 { background-position: -659px -36px; } .stainless .wR .sL .row3 { background-position: -659px -88px; } .stainless .wR .sL .row2 { background-position: -659px -123px; } .stainless .wR .sL .row1 { background-position: -659px -161px; }
.stainless .wW .sL .row5 { background-position: -713px 0px; } .stainless .wW .sL .row4 { background-position: -713px -36px; } .stainless .wW .sL .row3 { background-position: -713px -88px; } .stainless .wW .sL .row2 { background-position: -713px -123px; } .stainless .wW .sL .row1 { background-position: -713px -161px; }
.stainless .wL .sL .row5 { background-position: -791px 0px; } .stainless .wL .sL .row4 { background-position: -791px -36px; } .stainless .wL .sL .row3 { background-position: -791px -88px; } .stainless .wL .sL .row2 { background-position: -791px -123px; } .stainless .wL .sL .row1 { background-position: -791px -161px; }
.stainless .wS .hC .sL .X { background-position: -619px -209px; }
.stainless .wR .hC .sL .X { background-position: -659px -209px; }
.stainless .wW .hC .sL .X { background-position: -713px -209px; }
.stainless .wL .hC .sL .X { background-position: -791px -209px; }

.stainless .wS .sD .row5 { background-position: -619px -221px; } .stainless .wS .sD .row4 { background-position: -619px -257px; } .stainless .wS .sD .row3 { background-position: -619px -309px; } .stainless .wS .sD .row2 { background-position: -619px -344px; } .stainless .wS .sD .row1 { background-position: -619px -382px; }
.stainless .wR .sD .row5 { background-position: -659px -221px; } .stainless .wR .sD .row4 { background-position: -659px -257px; } .stainless .wR .sD .row3 { background-position: -659px -309px; } .stainless .wR .sD .row2 { background-position: -659px -344px; } .stainless .wR .sD .row1 { background-position: -659px -382px; }
.stainless .wW .sD .row5 { background-position: -713px -221px; } .stainless .wW .sD .row4 { background-position: -713px -257px; } .stainless .wW .sD .row3 { background-position: -713px -309px; } .stainless .wW .sD .row2 { background-position: -713px -344px; } .stainless .wW .sD .row1 { background-position: -713px -382px; }
.stainless .wL .sD .row5 { background-position: -791px -221px; } .stainless .wL .sD .row4 { background-position: -791px -257px; } .stainless .wL .sD .row3 { background-position: -791px -309px; } .stainless .wL .sD .row2 { background-position: -791px -344px; } .stainless .wL .sD .row1 { background-position: -791px -382px; }
.stainless .wS .hC .sD .X { background-position: -619px -430px; }
.stainless .wR .hC .sD .X { background-position: -659px -430px; }
.stainless .wW .hC .sD .X { background-position: -713px -430px; }
.stainless .wL .hC .sD .X { background-position: -791px -430px; }

.stainless .wS .sT .row5 { background-position: -447px -221px; } .stainless .wS .sT .row4 { background-position: -447px -257px; } .stainless .wS .sT .row3 { background-position: -447px -309px; } .stainless .wS .sT .row2 { background-position: -447px -344px; } .stainless .wS .sT .row1 { background-position: -447px -382px; }
.stainless .wR .sT .row5 { background-position: -487px -221px; } .stainless .wR .sT .row4 { background-position: -487px -257px; } .stainless .wR .sT .row3 { background-position: -487px -309px; } .stainless .wR .sT .row2 { background-position: -487px -344px; } .stainless .wR .sT .row1 { background-position: -487px -382px; }
.stainless .wW .sT .row5 { background-position: -541px -221px; } .stainless .wW .sT .row4 { background-position: -541px -257px; } .stainless .wW .sT .row3 { background-position: -541px -309px; } .stainless .wW .sT .row2 { background-position: -541px -344px; } .stainless .wW .sT .row1 { background-position: -541px -382px; }
.stainless .wS .hC .sT .X { background-position: -447px -430px; }
.stainless .wR .hC .sT .X { background-position: -487px -430px; }
.stainless .wW .hC .sT .X { background-position: -541px -430px; }

.stainless .wS .sY .row5 { background-position: -894px 0px; } .stainless .wS .sY .row4 { background-position: -894px -36px; } .stainless .wS .sY .row3 { background-position: -894px -88px; } .stainless .wS .sY .row2 { background-position: -894px -123px; } .stainless .wS .sY .row1 { background-position: -894px -161px; }
.stainless .wR .sY .row5 { background-position: -934px 0px; } .stainless .wR .sY .row4 { background-position: -934px -36px; } .stainless .wR .sY .row3 { background-position: -934px -88px; } .stainless .wR .sY .row2 { background-position: -934px -123px; } .stainless .wR .sY .row1 { background-position: -934px -161px; }
.stainless .wW .sY .row5 { background-position: -988px 0px; } .stainless .wW .sY .row4 { background-position: -988px -36px; } .stainless .wW .sY .row3 { background-position: -988px -88px; } .stainless .wW .sY .row2 { background-position: -988px -123px; } .stainless .wW .sY .row1 { background-position: -988px -161px; }
.stainless .wS .hC .sY .X { background-position: -894px -209px; }
.stainless .wR .hC .sY .X { background-position: -934px -209px; }
.stainless .wW .hC .sY .X { background-position: -988px -209px; }

/* LG */
.steel .wS .sL .row5 { background-position: -894px -221px; } .steel .wS .sL .row4 { background-position: -894px -257px; } .steel .wS .sL .row3 { background-position: -894px -309px; } .steel .wS .sL .row2 { background-position: -894px -344px; } .steel .wS .sL .row1 { background-position: -894px -382px; }
.steel .wR .sL .row5 { background-position: -934px -221px; } .steel .wR .sL .row4 { background-position: -934px -257px; } .steel .wR .sL .row3 { background-position: -934px -309px; } .steel .wR .sL .row2 { background-position: -934px -344px; } .steel .wR .sL .row1 { background-position: -934px -382px; }
.steel .wW .sL .row5 { background-position: -988px -221px; } .steel .wW .sL .row4 { background-position: -988px -257px; } .steel .wW .sL .row3 { background-position: -988px -309px; } .steel .wW .sL .row2 { background-position: -988px -344px; } .steel .wW .sL .row1 { background-position: -988px -382px; }
.steel .wL .sL .row5 { background-position: -1066px -221px; } .steel .wL .sL .row4 { background-position: -1066px -257px; } .steel .wL .sL .row3 { background-position: -1066px -309px; } .steel .wL .sL .row2 { background-position: -1066px -344px; } .steel .wL .sL .row1 { background-position: -1066px -382px; }
.steel .wS .hC .sL .X { background-position: -894px -430px; }
.steel .wR .hC .sL .X { background-position: -934px -430px; }
.steel .wW .hC .sL .X { background-position: -988px -430px; }
.steel .wL .hC .sL .X { background-position: -1066px -430px; }

.steel .wS .sG .row5 { background-position:    0px -221px; } .steel .wS .sG .row4 { background-position:    0px -257px; } .steel .wS .sG .row3 { background-position:    0px -309px; } .steel .wS .sG .row2 { background-position:    0px -344px; } .steel .wS .sG .row1 { background-position:    0px -382px; }
.steel .wR .sG .row5 { background-position:  -40px -221px; } .steel .wR .sG .row4 { background-position:  -40px -257px; } .steel .wR .sG .row3 { background-position:  -40px -309px; } .steel .wR .sG .row2 { background-position:  -40px -344px; } .steel .wR .sG .row1 { background-position:  -40px -382px; }
.steel .wW .sG .row5 { background-position:  -94px -221px; } .steel .wW .sG .row4 { background-position:  -94px -257px; } .steel .wW .sG .row3 { background-position:  -94px -309px; } .steel .wW .sG .row2 { background-position:  -94px -344px; } .steel .wW .sG .row1 { background-position:  -94px -382px; }
.steel .wL .sG .row5 { background-position: -172px -221px; } .steel .wL .sG .row4 { background-position: -172px -257px; } .steel .wL .sG .row3 { background-position: -172px -309px; } .steel .wL .sG .row2 { background-position: -172px -344px; } .steel .wL .sG .row1 { background-position: -172px -382px; }
.steel .wS .hC .sG .X { background-position:    0px -430px; }
.steel .wR .hC .sG .X { background-position:  -40px -430px; }
.steel .wW .hC .sG .X { background-position:  -94px -430px; }
.steel .wL .hC .sG .X { background-position: -172px -430px; }

.steel .wS .sU .row5 { background-position: -275px -221px; } .steel .wS .sU .row4 { background-position: -275px -257px; } .steel .wS .sU .row3 { background-position: -275px -309px; } .steel .wS .sU .row2 { background-position: -275px -344px; } .steel .wS .sU .row1 { background-position: -275px -382px; }
.steel .wR .sU .row5 { background-position: -315px -221px; } .steel .wR .sU .row4 { background-position: -315px -257px; } .steel .wR .sU .row3 { background-position: -315px -309px; } .steel .wR .sU .row2 { background-position: -315px -344px; } .steel .wR .sU .row1 { background-position: -315px -382px; }
.steel .wW .sU .row5 { background-position: -369px -221px; } .steel .wW .sU .row4 { background-position: -369px -257px; } .steel .wW .sU .row3 { background-position: -369px -309px; } .steel .wW .sU .row2 { background-position: -369px -344px; } .steel .wW .sU .row1 { background-position: -369px -382px; }
.steel .wS .hC .sU .X { background-position: -275px -430px; }
.steel .wR .hC .sU .X { background-position: -315px -430px; }
.steel .wW .hC .sU .X { background-position: -369px -430px; }

/* ============================================================ */
/* ! ----------------- limited plan section						*/
/* ============================================================ */

#limited h3 { margin-bottom: 8px; }
#limited h3, #limited p.lead { margin-left:46px; }

#limited .holder > div {
	text-align:center;
	}
#limited .holder .membrane {
	text-align: center;
	/*padding-left:50px;*/
	}
#limited .plan { margin: 30px 20px 0px; }

/*#limited .plan div { margin: 0px 6px 0 6px; }*/
#limited .plan div p { background-color: #fff; }
#limited .plan h4 {
	font-size: 13px;
	text-align: center;
	background-color:white;
	padding: 4px 0;
	margin: 0;
}
#limited .isSet:after {
	display: block;
	position: absolute;
	top: 8px;
	right: 3px;
	content: "限定セット商品";
	padding: 3px 4px 1px;
	color: white;
	font-size: 9px;
	font-style: normal;
	white-space: nowrap;
	background-color: #999;
	border-radius: 3px;
	}
#limited p.cap {
	position: absolute;
	right: 48px;
	bottom: 10px;
	}
#limited p.price {
	padding-top: opx;
	padding-left: 0px;
	text-align: center;
	}
#limited p.price span {
	padding-right: 6px;
	}
#limited p.price small {
	display: inline;
	width: auto;
	font-size: inherit;
	line-height: inherit;
	}

/* append 2013.06 */
#limited p.heed {
	text-align:center;
	}
	
/* append 2020.11 */
#limited div.combo {
	position: absolute;
	top: 45px;
	right: 110px;
	font-size: 13px
	}

/* append 2023.06 -> 23.11改 */
/*#limited .page1 .membrane > :nth-child(1) { margin-left: 120px; }
#limited .page1 .membrane > :nth-child(2) { margin-right: 120px; }*/

/* append 2024.05 */
#limited .page1 .membrane { padding-top: 100px; }

/* ============================================================
	review section
   ============================================================ */

#review .clipper button {
	}

#review .page1 button.next { background-position:    0   18px; }
#review .page2 button.prev { background-position:  -24px 18px; }
#review .page2 button.next { background-position:  -48px 18px; }
#review .page3 button.prev { background-position:  -72px 18px; }
#review .page3 button.next { background-position:  -96px 18px; }
#review .page4 button.prev { background-position: -120px 18px; }
#review .page4 button.next { background-position: -144px 18px; }
#review .page5 button.prev { background-position: -168px 18px; }
#review .page5 button.next { background-position: -192px 18px; }
#review .page6 button.prev { background-position: -216px 18px; }

#review .clipper .holder > div {
	height: 520px;
	}
#review .holder img {
	vertical-align: top;
	}

#review .holder h4 { margin-bottom: 3px; }
#review .holder p { margin-bottom: 8px; }

#review .membrane { width: 902px; padding: 0 27px; }
#review h3 { margin-left: 17px; margin-bottom: 8px; }
#review p.lead { margin-left: 17px; }
#review .membrane > .inblock { margin: 26px 19px 0 19px; }

#review ul { margin-right: -10px; }
#review li { display: inline-block; margin-right: 10px; }
#review li p { text-align: center; }
#review li h4 + p { text-align: left; }

/* page 1 ----------------------------------------------------- */

#review .page1 .membrane { /*padding: 0 29px;*/ }
/*#review .page1 .membrane > .inblock { margin: 26px 17px 0 17px; }*/

/* page 2 ----------------------------------------------------- */

/*#review .page2 .membrane > .inblock { margin: 26px 19px 0 19px; }*/
#review .page2 .bA { width: 475px; }
#review .page2 .bB { width: 350px; }
#review .page2 .inblock > div { margin-top: 26px; }

/* page 3 ----------------------------------------------------- */

#review .page3 .membrane > .inblock {
	margin: 18px 15px 0 15px;
	text-align:left;
	}
#review .page3 .bA { width: 490px; }
#review .page3 .bB { width: 340px; }

#review .page3 .bA div img:first-child,
#review .page3 .bB div img:first-child { float: left; }
#review .page3 .etoki { margin-top: 6px; padding-left: 150px; }

#review .page3 ul { margin-top: 30px; }
#review .page3 li p { margin-top: 4px; }

/* page 4 ----------------------------------------------------- */

#review .page4 .membrane > .inblock { width: 413px; }
#review .page4 li { margin: 20px 15px 0px; }

/* page 5 ----------------------------------------------------- */

#review .page5 .membrane > .inblock { width: 413px; }
#review .page5 li { margin: 20px 15px 0px; }

/* page 6 ----------------------------------------------------- */

#review .page6 .membrane > .inblock { width: 187px; }
#review .page6 li { margin: 20px 5px 0px; }

/* ============================================================
	saved section
   ============================================================ */

#saved h3 { margin-bottom: 8px; }
#saved h3, #saved p.lead { margin-left: 52px; }
#saved .holder .membrane {
	width: 846px;
	padding: 0 32px;
	text-align:left;
	}
#saved .plan {
	width:262px;
	margin: 30px 10px 0 10px;
	}
.no-touch #saved .plan:hover {	
	color:#79001f;
	}
#saved .plan h4 { padding-bottom:4px; }
#saved .plan div {
	width: auto;
	height: 142px;
	cursor:pointer;
	-webkit-transition: all 0 ease 0.2s;
	-moz-transition: all 0 ease 0.2s;
	-o-transition: all 0 ease 0.2s;
	transition: all 0 ease 0.2s;
	}
#saved .plan canvas {
	background-color:#f8f8f8;
	}

.no-touch #saved .plan:hover div {
	-webkit-transition: all 0 ease 0;
	-moz-transition: all 0 ease 0;
	-o-transition: all 0 ease 0;
	transition: all 0 ease 0;
	background-color: #000;
	}
.no-touch #saved .plan div * {
	-webkit-transition: all 0.2s ease 0;
	-moz-transition: all 0.2s ease 0;
	-o-transition: all 0.2s ease 0;
	transition: all 0.2s ease 0;
	}
.no-touch #saved .plan:hover div * {
	-webkit-transition: all 0 ease 0s;
	-moz-transition: all 0 ease 0s;
	-o-transition: all 0 ease 0s;
	transition: all 0 ease 0s;
	-moz-opacity:0.8;
	opacity:0.8;
	}


#saved .plan p {
	padding-top:4px;
	text-align:center;
	}
#saved .plan button {
	position:relative;
	float:right;
	font-weight: normal;
	}
#saved .plan button.delete {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 30px;
	right: 10px;
	background: transparent url(img/btn.png) no-repeat -460px -310px;
	}
.no-touch #saved .plan button.delete:hover { background-position: -430px -310px; }


/* ============================================================
	sim section
   ============================================================ */

#top-menu .second {
	position:absolute;
	top: -40px;
	right: 30px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	}
#top-menu.sim .second {
	top: 9px;
	padding-top: 4px;
	right: 15px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	}

#top-menu .third {
	visibility: hidden;
	margin-left: 16px;
	}
#top-menu.gosim .third {
	visibility: visible;
	}
#top-menu.sim .third {
	display: none;
	}

#page-body #sim { padding-top: 0 }

#price {
	display: inline-block;
	position: relative;
	min-height: 23px;
	margin: 0px 6px 0 0;
	padding: 3px 4px 0 4px;
	text-align: right;
	line-height: 20px;
	vertical-align: middle;
	background-color: white;
	border: 1px solid #ccc;
	}

#price span {
	float: left;
	padding-top: 1px;
	padding-right: 4px;
	color: #444;
	}

#price em {
	padding-left: 0.2em;
	padding-right: 0.1em;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	}
/*
.win #price { line-height: 1; }
.win #price em { font-size: 18px; }
*/

#price.withLug {
	padding-left: 8px;
	margin-right: 0px
	}
#price label {
	display: inline-block;
	position: relative;
	}
#price label + label { margin-left: 10px; }
#price label {
	padding: 0 0 0 1.4em;
	}
#price input {
	position: absolute;
	bottom: 0.4em;
	left: 0;
	}

#price.withLug em { color: #999; font-size: 12px; }
.win #price.withLug em { font-size: 14px; }
#price.withLug input:checked + em { font-size: 16px; color: #333; }
.win #price.withLug input:checked + em { font-size: 18px; }


/* append 2013.06 */

.wedge {
	display:block;
	position:absolute;
	top:34px;
	left:104px;
	width:90px;
	height:68px;
	background: url(img/hukidashi_03.png) no-repeat 0 0;
	
	-moz-opacity:0;
	opacity:0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.wedge.show {
	top:46px;
	left:90px;
	-moz-opacity:1;
	opacity:1;
}

#wedge-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	z-index: 300;
}


/* ============================================================
	order sheet section
   ============================================================ */

#print table table { width: 100%; }

#page-body #print { padding-top: 0;}
#print .membrane {
	width:880px;
	padding:10px 15px 0 15px;
	page-break-after: always;
	}
#print h2 {
	line-height: 18px;
	padding: 0px 30px 0 0;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	color: #333;
	}
#print .membrane > p {
	text-align: right;
	padding: 3px 30px 7px 0;
	color: #000;
	}

#print .membrane > p * { position: relative; vertical-align:top; }

.planpreview, .lugpreview {
	position: relative;
	width: 848px;
	height:auto;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	page-break-inside: avoid;
	}
.planpreview canvas, .lugpreview canvas {
	border: 0px solid white;
	}
.planpreview p {
	position: absolute;
	bottom: 6px;
	left: 10px;
	}



#print table {
	border-collapse: collapse;
	width: 100%;
	page-break-inside: avoid;
	}

#print table td { vertical-align:top; }

.control td {
	position:relative;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 30px;
	}

#print button {
	display: inline-block;
	padding: 4px 16px;
	border-width: 0px;
	font-size: 16px;
	font-weight: bold;
	background: #333;
	color: white;
	cursor: pointer;
	text-decoration: none;
	border-radius: 2px;
	vertical-align: bottom;
	}
.no-touch #print button:hover { background: #7f0019; }

#print .control p {
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-top: 6px;
	vertical-align: bottom;
	}
#print .control em {
	padding-left: 0.2em;
	padding-right: 0.2em;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	}
#print p.incidental {
	padding-top: 4px;
	}

#print p.incidental em {
	font-size: 14px;
	}

.caution td { padding-right:20px; }
.caution * { font-size: 10px; }
.caution > li { margin-top:1em; }
.caution > li:first-child { margin-top:0; }
.caution ul { margin-bottom:0.5em; padding-left:2em; }
.caution ul li { margin-bottom:0em; list-style: disc; }

.caution td.al { width:380px; }
.caution .ar ul li {
	position: relative;
	list-style: none;
	}
.caution .ar ul li:before {
	display: block;
	position: absolute;
	top: 0px;
	left: -19px;
	height: 12px;
	width: 13px;
	border: 1px solid #999;
	content: ""
	}
.caution h4 { margin-top:0.5em; font-size: 12px; margin-bottom:0.4em; color:#666; }

.sign-box {
	position:relative;
	margin-top: 1.2em;
	margin-bottom: 0.4em;
}

.sign-box p {
	padding: 3px 0 0 2em;
	font-size:10px;
	}

.sign-box p.sign {
	position: absolute;
	display: block;
	top: 0;
	right: 12px;
	width: 210px;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #000;
	font-size:12px;
	}

.sign span {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
}

#print #writen table {
	width: 850px;
	margin-top: 1em;
	margin-bottom: 0.6em;
	border-collapse: separate;
	border-bottom: 6px solid #f1f1f1;
	border-left: 6px solid #f1f1f1;
	}
#writen table td {
	position: relative;
	width: 20%;
	padding: 0.4em 0.4em 3em 0.4em;
	border-right: 6px solid #f1f1f1;
	border-top: 6px solid #f1f1f1;
	font-size: 9px;
	}
#writen table span {
	display: block;
	position: relative;
	height: 100%;
	}
#writen table span span {
    display: block;
    position: absolute;
    right: 2px;
    top: 2.8em; /*3em*/
	}

#print .listline {
	width: 100%;
	page-break-inside: avoid;
	}
#print .listcell {
	display: inline-block;
	padding-top: 20px;
	width: 25%;
	min-height: 40px;
	vertical-align: top;
	}
.listTB td {
	min-height: 40px;
	}
#print .listcell p { font-size:10px; line-height: 1.5em; }
#print .listcell .item span { font-size:11px; display:block; color:#999; }
#print .listcell .value { margin-top: 1px; }
#print .listcell .value span.num {
	margin-top: -2px;
	margin-left: 6px;
	font-size: 10px;
	color: #7F0019;
	}
#print .listcell .value em { 
	padding-left: 1em;
	padding-right: 0.2em;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	}
#print .listcell span.svalue {
	padding-left:2em;
	}

/* append 2015.04 */

#osID, #osIDL {
	display: block;
	position: absolute;
	top: 16px;
	right:2px;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	color: black;
	letter-spacing: 0.1em;
	}

#print #pp1 { margin-bottom: 3em; }

#print #luginfo .ar div {
	position: absolute;
	top: 12px;
	right: 30px;
	width: 41%;
	padding: 0.4em 0.4em 2.6em 0.4em;
	border: 6px solid #f1f1f1;
	font-size: 9px;
	}

/* append 2017.01 */

#print #idbar p {
	box-sizing: border-box;
	width: 190px;
	text-align: center;
	}
.module.ean8 { padding-left: 28px; }  /* <-- EAN8版 */

#printWrap {
    position: fixed;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100%;
    padding-right: 30px;
    text-align: center;
}

#printWrap ul {
    margin-bottom: 0.5em;
    padding-left: 2em;
    text-align: left;
}

#printWrap ul li {
    margin-bottom: 0em;
    list-style: disc;
    font-size: 10px;
}

#printWrap > div {
    display: inline-block;
    position: relative;
    width: auto;
    height: auto;
    margin: 8em 0 0 0;
    padding: 1em 2em 1em 2em;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
}

#printWrap > div div {
	display: block;
    margin: 0 0 0.8em 0;
    padding: 0.6em 0 0.8em;
    border-bottom: 1px solid #ccc;
    text-align: center;
}
#printWrap p {
	display: inline-block;
	margin: 0 10px;
    width: 100px;
	vertical-align: top;
	text-align: left;
	line-height: 1.2;
	}

#printWrap ul { margin-bottom: 0; }

#printWrap button {
	margin-bottom: 5px;
    padding: 0;
    border-radius: 4px;
	}

#printWrap .pp0 { display: none; }
#printWrap .pp0 button {
    margin-bottom: 5px;
    padding: 1em 2em;
	color: white;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	background: #333;
	border-width: 0px;
    border-radius: 4px;
}

#printWrap.shelfOnly .pp2,
#printWrap.shelfOnly .pp3 { opacity: 0.3; }
#printWrap.shelfOnly .pp2 button:hover,
#printWrap.shelfOnly .pp3 button:hover { cursor:default; background-color: #333; }
.no-touch #printWrap button:hover { background: #7f0019; }

#printWrap h4 {
    margin: 4px 0;
}

#printWrap.d25 .pp0 { display: inline-block; }
#printWrap.d25 .pp1,
#printWrap.d25 .pp2,
#printWrap.d25 .pp3,
#printWrap.d25 > div h4:first-child { display: none; }

#printWrap #showURL {
	margin: 8px 0 0;
	padding:2px 6px 1px;
	font-size: 8pt;
	}

#printWrap #dBox {
	margin: 0.8em 0 0 0;
	padding-bottom: 0;
	border-top: 1px solid #ccc;
	border-bottom: none;
	}

#dBox p {
	display:block;
	margin: 0;
	padding: 2px 0;
	width:auto;
	}

#dBox textarea {
	box-sizing: border-box;
	padding: 4px;
	width: 370px;
	margin-top: 6px;
	resize: none;
	}

/* bar code --------------------------------------------------- */

.module {
	width: 190px;
	height: 45px;
	margin: 3px 0 4px;
	}


/* ============================================================ */
/* ! ----------------- help	*/
/* ============================================================ */

#help .submenu {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	position: relative;
	height: 40px;
	margin-left: 36px;
	padding: 0 20px 8px 10px;
	font-weight: bold;
	font-size: 13px;
	}
#help .submenu li {
	position: relative;
	margin-left: 28px;
	/* list-style: decimal; */
	color: #999;
	}
#help .submenu button {
	/* margin-left: -0.4em; */
	text-align: left;
	background: none;
	color: inherit;
	vertical-align: top;
	}
#help .submenu button var {
	display: inline-block;
	position: absolute;
	left: -14px;
	}
@supports (-ms-ime-align: auto) {
	/* Edge のみ適用される */
	#help .submenu button { vertical-align: text-top; }
}

#help .submenu li.active {
	cursor: default;
	color: #333;
	}

.no-touch #help .submenu li:hover { color: #79001f; }
.no-touch #help .submenu li.active:hover { color: #333; }

#help .holder .membrane { padding-top:20px; }

#help .title { font-size: 14px; }

#help .clipper .holder > div {
	height: 520px;
	text-align: center;
	}

#help .clipper button {
	top: -120px;
	}

#help .page1 button.next { background-position: -336px 22px; } 
#help .page2 button.prev { background-position: -360px 22px; } 
#help .page2 button.next { background-position: -384px 22px; } 
#help .page3 button.prev { background-position: -408px 22px; } 
#help .page3 button.next { background-position: -432px 22px; } 
#help .page4 button.prev { background-position: -456px 22px; } 
#help .page4 button.next { background-position: -480px 22px; } 
#help .page5 button.prev { background-position: -504px 22px; } 
#help .page5 button.next { background-position: -672px 22px; } 
#help .page9 button.prev { background-position: -552px 22px; } 
#help .page9 button.next { background-position: -720px 22px; } 
#help .page10 button.prev { background-position: -744px 22px; }
#help .page10 button.next { background-position: -768px 22px; } 
#help .page11 button.prev { background-position: -792px 22px; }
#help .page11 button.next { background-position: -816px 22px; } 
#help .page12 button.prev { background-position: -840px 22px; }