@charset "shift_jis";

/*
-------------------------------------------------------------------------------
SHOP NAVI 店舗什器館 共通CSS
-------------------------------------------------------------------------------
DATE   : 2023/04
AUTHOR : https://www.shokubi.jp/shop/gr/gr1030/
-------------------------------------------------------------------------------
*/

/*
-------------------------------------------------------------------------------
初期設定
-------------------------------------------------------------------------------
*/
*{
	margin:0;
	padding:0;
}
*{/* 基本フォントを主要OS標準フォントに設定 */
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	font-size:100%;
	font-style:normal;
	line-height:1;
}
img{
	border:none;
	-ms-interpolation-mode: bicubic; 
}
html{
	filter:expression(document.execCommand("BackgroundImageCache", false, true));/*IE背景バグフィックス*/
	overflow-y:scroll;/*Firefoxにスクロールバー表示*/
}
/*
-------------------------------------------------------------------------------
基本アンカー設定
-------------------------------------------------------------------------------
*/
a:link{/*基本アンカーテキストは青系*/
	color:#04C;
	text-decoration:underline;
}
a:visited{/*訪問済みは紫系*/
color:#636;
	text-decoration:underline;
}
a:hover,
a:active{/*ホーバー、アクティブ時下線表示*/
	text-decoration:underline;
}

/*
-------------------------------------------------------------------------------
クリアフィックス(MacIE5 非対応版)
-------------------------------------------------------------------------------
*/
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	}
* html .clearfix             {zoom:1;}/*for IE6*/
*:first-child+html .clearfix {zoom:1;}/*for IE7*/


/*
-------------------------------------------------------------------------------
基本エレメント
-------------------------------------------------------------------------------
*/
h1{
	background-color:#C00;
	color:#FFF;
	padding:5px;
	text-align:center;
	font-size:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width:700px){
h1{
	font-size:80%;
}
}
/*
-------------------------------------------------------------------------------
レイアウト
-------------------------------------------------------------------------------
*/
div.mainFrame{
	width:800px;
	margin:10px auto 0;
}
div.mainFrame div.outPut{
	width:450px;
	float:left;
}
div.mainFrame div.inPut{
	width:350px;
	float:right;
}


/*
-------------------------------------------------------------------------------
スマホ対応
-------------------------------------------------------------------------------
*/
div.spOnly{
	display:none;
}

@media screen and (max-width:700px){
div.mainFrame{
	display:none;
}
div.spOnly{
	display:block;
	margin:10px auto;
}
div.spOnly p{
	font-size:75%;
	line-height:140%;
	color:#333;
	margin:0.5em 0;
}
}


/*
-------------------------------------------------------------------------------
線図
-------------------------------------------------------------------------------
*/
div.wireFrame{
	width:304px;
	height:359px;
	position:relative;
}
div.wireFrame img.mesh{
	position:absolute;
	top:0;
	left:0;
}
div.wireFrame img.scale{
	position:absolute;
	top:0;
	left:0;
}
div.wireFrame img.backtype{
	position:absolute;
	top:0;
	left:0;
}
div.wireFrame p{
	position:absolute;
	color:#FFF;
	font-size:10pt;
	white-space:nowrap;
	text-align:left;
	background-image:url(/images/genre/snj/search/bg_scale_left.png);
	background-position:0 50%;
	background-repeat:no-repeat;
	padding:3px 3px 3px 13px;
}
div.wireFrame p span{
	padding:0 0 0 0;
}

/*ステージ高さ*/
div.wireFrame p.heightStage{
	background-image:url(/images/genre/snj/search/bg_scale_right.png);
	background-position:100% 50%;
	top:330px;
	right:-128px;
	padding:3px 13px 3px 3px;
}
/*間口*/
div.wireFrame p.width{
	top:389px;
	right:-58px;
	background-image:url(/images/genre/snj/search/bg_scale_right.png);
	background-position:100% 50%;
	padding:3px 13px 3px 3px;

}
div.wireFrame p.widthN{
	top:410px;
	left:294px;
}
div.wireFrame p.widthP{
	top:347px;
	right:-23px;
	background-image:url(/images/genre/snj/search/bg_scale_right.png);
	background-position:100% 50%;
	padding:3px 13px 3px 3px;

}
/*高さ*/
div.wireFrame p.height{
	top:190px;
	left:13px;
}
div.wireFrame p.heightN{
	top:171px;
	left:46px;
}
div.wireFrame p.heightP{
	top:159px;
	right:-133px;
	background-image:url(/images/genre/snj/search/bg_scale_right.png);
	background-position:100% 50%;
	padding:3px 13px 3px 3px;
}
/*奥行*/
div.wireFrame p.depth{
	background-image:url(/images/genre/snj/search/bg_scale_right.png);
	background-position:100% 50%;
	top:421px;
	right:166px;
	padding:3px 13px 3px 3px;
}
div.wireFrame p.depthP{
	top:407px;
	left:90px;
}
/*
-------------------------------------------------------------------------------
選択部分
-------------------------------------------------------------------------------
*/
table.numberGenerator{
	border-collapse:collapse;
	width:100%;
}
table.numberGenerator tr th,
table.numberGenerator tr td{
	font-size:80%;
	vertical-align:middle;
	padding:4px;
	text-align:left;
	border:1px solid #DDD;
	width:50%;
}
table.numberGenerator tr.odd th,
table.numberGenerator tr.odd td{
	background-color:#EEE;
}
table.numberGenerator tr th{
	padding-left:5px;
	color:#C00;
}
table.numberGenerator tr td ul li{
	list-style:none;
	margin:1px 0 2px 2px;
}

table.numberGenerator tr td ul li.selected{
	color:#C00;
	text-decoration:underline;
	font-weight:bold;
}

table.numberGenerator label{
	cursor:pointer;
	padding:0 0 0 3px;
}

table.numberGenerator tr th input,
form.numberGenerator input.number{
	color:#F00;
	font-weight:bold;
	display:none;
}
form.numberGenerator{
	text-align:center;
	padding:10px 0;
}

form.numberGenerator input.button{
}
form.numberGenerator input.button:hover{
	filter:alpha(style=0,opacity=80);
 	opacity:0.8;
	 -moz-opacity:0.8;
	 position:relative;
	 top:1px;
	 left:1px;
	 box-shadow:none;
}
ul.connect{
	position:relative;
}

img.baloon{
	position:absolute;
	top:-225px;
	left:-315px;
	display:none;
}
img.baloonConnect{
	top:-210px;
}
img.baloonConnectN{
	top:-195px;
}