@charset "utf-8";
/*龠*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,input,p,blockquote,table,th,td {
	margin:0;
	padding:0;
	}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	}
fieldset,form,label,legend {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
address {
	font-style:normal;
	}
li {
	list-style-type:none;
	}
a {
	text-decoration:underline;
	overflow:hidden;
	}
img {
	border:none;
	vertical-align:top;
	}
hr {
	display:none;
	clear:both;
	}

br.clear, br.clearer {
	clear:both;
	}
.clearfix {
	zoom:1;/*for ie 5.5-7*/
	}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
input,select{
	vertical-align:middle;
	border: solid 1px #CCC;
	}
	select[disabled]{

		}
/***************************************** general ****************************************/
html {
	height:100%;
	}
	
body {
	
	position:relative;
	
	padding-top: 35px;
	
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	
	font-size: 13px;
	font-family: "メイリオ", meiryo, verdana, "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", osaka, sans-serif;
	color: #666;
	
	line-height:160%; 
	
	overflow: hidden;
	}

a, a:link {
	color: #269ce9;
	 text-decoration: none;
	 }
a:hover {
	color: #70b9e8;
	text-decoration:none;
	}
.smaller {
	font-size: smaller;
	}
.left {
	float: left;
	}
.right {
	float: right;
	}
.red {
	color: #f00;
	}
.bold {
	font-weight: bold;
	}

input[type="submit"], button, a.button{
	display: inline-block;
	text-align: center;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
	background-image: linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
	background-color: #269ce9;
	border: 1px solid #269ce9;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color .2s ease-out;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
	              2px 2px 2px -1px rgba(0, 0, 0, .5),
	              1px 1px 0 rgba(255, 255, 255, .3) inset;
	padding: 2px 5px;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	line-height: 100%;
	
	vertical-align:middle;
	}

	input[type="submit"]:hover, button:hover, a.button:hover{
		background-color: #70b9e8;
		}
	input[type="submit"]:active, button:active, a.button:active{
		text-shadow: none;
		box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
		background: #269ce9;
		}
	input[type="submit"][disabled], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:active,
		button[disabled], button[disabled]:hover, button[disabled]:active,
		a.disabled, a.disabled:hover, a.disabled:active {
		border-color: #269ce9;
		background: #269ce9;
		color: #93d5ff;
		box-shadow: none !important;
		text-shadow: none !important;
		cursor: default;
		}
		
		input[type="submit"].gray,
		button.gray, 
		a.button.gray{
			border-color: #999;
			background-color: #999;
			}
			
		input[type="submit"].gray:hover,
		button.gray:hover, 
		a.button.gray:hover{
			background-color: #ccc;
			}
		
		
table{
    border-top:1px solid #666666;
    border-left:1px solid #666666;
	border-spacing:1px;
	padding:1px;
	background-color:#ffffff;
	empty-cells:show;
	border-collapse:collapse;
	}
	
	table th{
		border-right:1px solid #666666;
		border-bottom:1px solid #666666;
		padding:3px;
		text-align:left;
		background-color: #e7e7e7;
		}
	
		th.right{
			text-align:right;
			}
	
	td{
		border-right:1px solid #666666;
		border-bottom:1px solid #666666;
		padding:3px;
		}
		
		td.left{
			border-right:1px solid #666666;
			border-bottom:1px solid #666666;
			text-align:left;
			}
		
		td.right{
			border-right:1px solid #666666;
			border-bottom:1px solid #666666;
			text-align:right;
			}
		
		td.center{
		    text-align:center;
			}
			
.input-text-wrapper{
	display: inline-block;
	border: solid 1px #666;
	background-color:#fff;
	padding: 1px 3px;
	border-radius: 3px;
	box-shadow:0 0 1px 1px rgba(180,180,180,0.4) inset
	}
	.input-text-wrapper input[type="text"]{
		border: none;
		}
	.input-text-wrapper select{
		border: none;
		}
		
/***************************************** header *****************************************/

button#menuButton{

	position: absolute;
	right: 5px;
	z-index: 3;
	margin-top: -30px;
	
}

div#header {
	
	position: absolute;
	
	padding: 5px;
	text-align: right;
	color: #ccc;
	border-bottom: 3px solid #ffc800;
    height: 35px;
	margin-top: -35px;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	
	overflow:hidden;
	
	width:100%;
	
	background: -moz-linear-gradient(top, #fff,
		#fff 50%,
		#e3e3e3);　/* Firefox */
	background: -webkit-gradient(linear, top, bottom, from(#fff),
		color-stop(0.5, #fff),
		to(#e3e3e3));　/* Safari,Google Chrome */
		
	}
	
	div#header h1, div#header h2 {
		margin-top: 2px;
		color: #333;
		float: left;
		font-weight: normal;
		font-size: 14px;
		text-shadow: -1px -1px 1px rgba(0,0,0,0.3);
		}
	
	ul.snsButton {
		float: right;
		margin-top: 2px;
		overflow: hidden;
		height: 21px;
		margin-right: 70px;
		}
		ul.snsButton li {
			float: left;
			overflow: hidden;
			margin-right: 5px;
			}
			ul.snsButton li.facebook {
				width:95px;
				}
			ul.snsButton li.twitter {
				width:69px;
				}
			ul.snsButton li.googleplus {
				width:57px;
				}
			ul.snsButton li.hatena {
				width:52px;
				}
				
		ul.snsButton iframe {
			margin: 0 !important;
			}
		
	div#header button{
		float: right;
		padding: 2px;
		line-height: 100%;
		}
		
/***************************************** contents *****************************************/

div#main {
	position:relative;
	height:100%;
	overflow-x: hidden;
	overflow-y: hidden;
	}
	
div#container {
	overflow: auto;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	
	height: 100%;
	
	position: relative;
	
	padding-bottom: 20px;
	}
#left_frame_wrapper {
	width: 200px;
	float: left;
	height: 100%;
	overflow:hidden;
	
	transition-property:width;
	transition-duration:200ms;
	transition-timing-function:ease-out; 
	}
#left_frame {
	display: block;
	float: left;
	width: 200px;
	height: 100%;
	
	background-color:#f0f0f0;
	
	padding-top:54px;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	}
	
	#left_frame .search{

		height: 57px;
		margin-top: -54px;
		
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		
		background-color: #aaa;
		
		}
		
		#left_frame .search #search_keyword{
			
			padding: 5px;
			
			}
			
			

			#left_frame .search #search_keyword .input-text-wrapper{
				/*display: inline-block;
				border: solid 1px #666;
				background-color:#fff;*/
				padding: 2px 3px;
				/*border-radius: 3px;
				box-shadow:0 0 2px 2px rgba(180,180,180,0.4) inset*/
				position: relative;
				}
				
				#left_frame .search #search_keyword .input-text-wrapper input[type="text"]{
					font-size: 15px;
					width: 162px;
					/*border: none;*/
					}
				
				#left_frame .search #search_keyword .input-text-wrapper img#search_img{
					width: 18px;
					height:18px;
					/*border: none;*/
					}
					
				#left_frame .search #search_keyword .input-text-wrapper img#reset_img{
					position: absolute;
					right:3px;
					top:3px;
					width: 16px;
					height:16px;
					display:none;
					cursor:pointer;
					}
					
			#left_frame .search #category_tab{
				
				display: table;
				width:100%;
				height:21px;
				}
				
				#left_frame .search #category_tab input[type="radio"]{
					
					display: none;
					
					}
					
				#left_frame .search #category_tab label{
					font-size: 10px;
					border-radius: 8px 8px 0 0;
					display: table-cell;
					cursor: pointer;
					text-align: center;
					background-color:#ccc;
					}
					
				#left_frame .search #category_tab input[type="radio"]:checked + label{
					
					background-color:#f0f0f0;
					
					}
			
	#left_frame #left_frame_scroll{
		
		overflow-x: hidden;
		overflow-y:scroll;
		height: 100%;
		padding:5px;
		
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		
		}
		
		#left_frame #scale_list ul{
			padding-bottom: 5px;
			}
			
			#left_frame #scale_list ul li{
				
				border-bottom: dotted 1px #666;
				padding: 5px 0;
				
				}
				
				#left_frame #scale_list ul li a{
					
					display: block;
					
					}
					
				#left_frame #scale_list ul#scale_list_amazon{
					
					}
					
					#left_frame #scale_list ul#scale_list_amazon li div.image{
						
						text-align: center;
						margin: 5px 0;
						
						}
						
					#left_frame #scale_list ul#scale_list_amazon li div.title{
						
						margin: 5px 0;
						
						}
						
					#left_frame #scale_list ul#scale_list_amazon li a{
						
						font-size: 11px;
						line-height: 110%;
						
						}
						
					#left_frame #scale_list ul#scale_list_amazon li div.button{
						
						text-align: center;
						margin-bottom: 5px;
						
						}
						
						#left_frame #scale_list ul#scale_list_amazon li div.button button,
						#left_frame #scale_list ul#scale_list_amazon li div.button a.button{
							display: inline-block;
							font-size: 11px;
							padding: 1px 2px;
							}
							
		#left_frame #left_frame_scroll #scale_list_loading{
			
			text-align: center;
			
			}
			
			#left_frame #left_frame_scroll #scale_list_loading img {
			
				padding: 10px 0;
				
				}
				
		#left_frame #left_frame_scroll #scale_list_end{
			
			padding: 5px 0 10px;
			text-align: center;
			
			}
#right_frame_wrapper {
	background-color:#fff;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	
	position: relative;
	}
	

#right_frame {
	overflow: scroll;
	height: 100%;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	
	position: relative;
	}
	
	#right_frame canvas#right_frame-inner{
		
		cursor: url('../img/rotate.cur') 8 8, crosshair;
		
		width: 100%;
		height: 100%;
		vertical-align : bottom;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		}
			
	#left_frame_pulltab_show{
		display: none;
		position: absolute;
		top: 5px;
		left: 0;
		color: #fff;
		background-color: #aaa;
		border-radius: 0 3px 3px 0;
		padding: 3px;
		}
		
	#left_frame_pulltab_hide{
		display: inline-block;
		position: absolute;
		top: 5px;
		left: 0;
		color: #fff;
		background-color: #aaa;
		border-radius: 0 3px 3px 0;
		padding: 3px;
		}
		
	table#parameter_window{
		display: block;
		position: absolute;
		right: 30px;
		bottom: 90px;
		color:#fff;
		background-color:#aaa;
		opacity: 0.8;
		padding: 3px;
		border-radius: 3px;
		border:none;
		}
		table#parameter_window th{
			background-color:#aaa;
			padding:1px;
			border:none;
			}
		table#parameter_window td{
			padding:1px;
			border:none;
			text-align:right;
			}
		
			table#parameter_window select{
				border: none;
				color:#fff;
				background-color:#888;
			    -webkit-appearance: none;
			    -moz-appearance: none;
			    appearance: none;
			    cursor: pointer;
				border-radius: 3px;
				font-size: 10px;
				}
				

	#show_adjust_window{
		display: inline-block;
		position: absolute;
		right: 30px;
		bottom: 60px;
		}
		
		#show_adjust_window img{
			width:20px;
			height:20px;
			}
			
	#adjust_window{
		display: none;
		position: absolute;
		top: 60%;
		left: 50%;
		
		margin-top:-40px;
		margin-left:-95px;
		
		background-color:#f0f0f0;
		border-radius: 5px;
		box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
		
		padding: 5px;
		width:180px;
		height:80px;
		
		}
		#adjust_window div#adjust_window_title_wrapper{
			
			margin-bottom: 5px;
			text-align: center;
		}
		
		#adjust_window div#adjust_window_range_wrapper{
			display: table;
			width: 180px;
			}
			#adjust_window div#adjust_window_range_wrapper span{
				display: table-cell;
				width: 20px;
				text-align: center;
				}
				#adjust_window div#adjust_window_range_wrapper span button{
					display: block;
					padding:0;
					}
			#adjust_window div#adjust_window_range_wrapper input[type="range"]{
				display: table-cell;
				width: 140px;
				}
		#adjust_window div#adjust_window_button_wrapper{
			margin-top: 5px;
			text-align: center;
			}
			
			#adjust_window div#adjust_window_button_wrapper input[type="submit"]{
				display: inline-display;
				width: 80px;
				}
				
			#adjust_window div#adjust_window_button_wrapper a{
				margin-left:10px;
				}
			
	#scale_width_text, #scale_height_text{
		color:#000;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 11px;
		display: none;
		white-space: nowrap;
		}
	#scale_width_text:hover, #scale_height_text:hover{
		color: #666;
		text-decoration: underline;
		}
		
		
	#right_frame_wrapper h2#right_frame_title{
		
		position: absolute;
		top: 10px;
		left: 30px;
		
	    text-shadow: 1px 1px 2px rgba(255,255,255,1), -1px 1px 2px rgba(255,255,255,1), 1px -1px 2px rgba(255,255,255,1), -1px -1px 2px rgba(255,255,255,1);
	    -webkit-text-shadow: 1px 1px 2px rgba(255,255,255,1), -1px 1px 2px rgba(255,255,255,1), 1px -1px 2px rgba(255,255,255,1), -1px -1px 2px rgba(255,255,255,1);
		}
		
	#right_frame_text{
		
		position: absolute;
		
		top: 25px;
		left: 25px;

		padding: 5px;
		margin-right: 20px;
		
	    text-shadow: 1px 1px 2px rgba(255,255,255,1), -1px 1px 2px rgba(255,255,255,1), 1px -1px 2px rgba(255,255,255,1), -1px -1px 2px rgba(255,255,255,1);
	    -webkit-text-shadow: 1px 1px 2px rgba(255,255,255,1), -1px 1px 2px rgba(255,255,255,1), 1px -1px 2px rgba(255,255,255,1), -1px -1px 2px rgba(255,255,255,1);

		}
	
	#right_frame #ajaxloader{
	
		position: absolute;
		
		left: 50%;
		top: 50%;
		
		width: 32px;
		height: 32px;
		
		margin-top:-16px;
		margin-left:-16px;
		}
		

	#menu-wrapper{
		
		opacity: 1;
		position: absolute;
		display:none;
		
		top: 15px;
		right: 30px;

		background-color:#f0f0f0;
		border-radius: 5px;
		box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
		
		padding: 5px;
		}
		
		#menu-wrapper button,
		#menu-wrapper a.button{
			
			width: 130px;
			margin: 4px;
			display: block;
			line-height:160%;
			}
	
	#axis_switcher_wrapper {
		display: block;
		position: absolute;
		bottom: 30px;
		left: 10px;
		
		width:40px;
		height:40px;
		
		}
		
		#axis_switcher_wrapper #axis_switcher{
			

			width:40px;
			height:40px;
			
			transition: opacity .2s ease-out;
			
			opacity: 0.6;
			filter: alpha(opacity=60);
			-ms-filter: "alpha(opacity=60)";
			
			}
			
			#axis_switcher_wrapper #axis_switcher:hover{
				
				opacity: 1;
				filter: alpha(opacity=100);
				-ms-filter: "alpha(opacity=100)";
				
				}
		
	#right_frame-menu{
		
		position: absolute;
		bottom: 30px;
		right: 30px;
		}
		
		#right_frame-menu button, #right_frame-menu a.button{
			
			line-height:130%;
			margin-left: 5px;
			
			}
			
	div#share-wrapper{
		display: none;
		position: absolute;
		bottom: 60px;
		right: 30px;
		
		background-color:#f0f0f0;
		border-radius: 5px;
		box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
		
		padding: 5px;
		}
		
		div#share-wrapper p{
			width:250px;
			}

		div#share-wrapper textarea{
			width:250px;
			height:70px;
			border:0;
			}
			
		div#share-wrapper div#share-buttons{

			padding-top: 5px;
			
			}
			
			div#share-wrapper a.button{
				width:80px;
				padding: 1px 3px;
				margin-right: 5px;
				line-height: 160%;
				}
				
			div#share-wrapper a.button.twitter{
				border-color: #51ccfb;
				background-color: #51ccfb;
				}
				
			div#share-wrapper a.button.twitter:hover{
				background-color: #7bdefc;
				}
				
			div#share-wrapper a.button.facebook{
				border-color: #3b5999;
				background-color: #3b5999;
				}
				
			div#share-wrapper a.button.facebook:hover{
				background-color: #5178be;
				}

			div#share-wrapper a.button.googleplus{
				border-color: #dc4a36;
				background-color: #dc4a36;
				}
				
			div#share-wrapper a.button.googleplus:hover{
				background-color: #e68072;
				}


	div#print-wrapper{
		display: none;
		position: absolute;
		bottom: 60px;
		right: 30px;
		
		background-color:#f0f0f0;
		border-radius: 5px;
		box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
		
		padding: 5px;
		}
		
		div#print-wrapper p{
			width:250px;
			}

		div#print-wrapper print-wrapper-papersize{
			}
			
		div#print-wrapper div#print-buttons{

			padding-top: 5px;
			
			}
			
			div#print-wrapper a.button{
				width:80px;
				padding: 1px 3px;
				margin-right: 5px;
				line-height: 160%;
				}
				
			div#print-wrapper a.button.twitter{
				border-color: #51ccfb;
				background-color: #51ccfb;
				}
				
			div#print-wrapper a.button.twitter:hover{
				background-color: #7bdefc;
				}
				
			div#print-wrapper a.button.facebook{
				border-color: #3b5999;
				background-color: #3b5999;
				}
				
			div#print-wrapper a.button.facebook:hover{
				background-color: #5178be;
				}

			div#print-wrapper a.button.googleplus{
				border-color: #dc4a36;
				background-color: #dc4a36;
				}
				
			div#print-wrapper a.button.googleplus:hover{
				background-color: #e68072;
				}

	div.contentswrap { padding: 10px 20px; border-bottom: #4788ad thin dotted;}
	.bg_blue { background: url(img/bg_contentswrap_blue.jpg) repeat-y #edf8fc;}
	
		div.contentswrap h1 { margin-left: -10px; padding: 10px 15px; border-bottom: #4788ad thick solid;
							  background: url(img/bg_h1.png) bottom repeat-x; font-size:large; color:#4788ad; }
		div.contentswrap h2 { margin: 5px 0 -15px -10px; padding: 5px 10px; height:40px;
							  background: url(img/bg_contentstitle.png) no-repeat; color: #fff; font-weight: normal;}
		div.contentswrap h3 { margin: 10px 0; font-size:larger;}
		div.contentswrap h4 { margin: 10px 0;}
		div.contentswrap p { margin: 10px 0 20px;}
		div.contentswrap img { margin: 10px;}
	
	div.productspics { margin: 5px 5px; float: left; width: 140px;}
	div.productspics img { margin: 5px; border: #9fc5d5 thick solid; }
	
/***************************************** footer *****************************************/
div#footer {


	bottom: 0;
	height: 20px;
	position: absolute;
	width: 100%;
	
	padding: 2px;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	
	text-align:center;
	
	background-color: #ffc800;
	/*
	background: -moz-linear-gradient(left, #ffc800,
		#ffc800 85%,
		#e78823);　/* Firefox */
	/*background: -webkit-gradient(linear, le, right, from(#ffc800),
		color-stop(0.85, #ffc800),
		to(#e78823));　/* Safari,Google Chrome */
	
	}
	
	div#footer span.notes{
		position: absolute;
		display: block;
		top: 1px;
		left: 8px;
		font-size:10px;
		}
		
	div#footer address{
		/*color: #fff;*/
		position: absolute;
		right: 8px;
		font-size:10px;
		}
		
		div#footer address a{
			color: #666;
			}
		div#footer address a:hover{
			color: #888;
			}
		
	div#footer #footer-inner{
		width: 340px;
		height: 50px;
		bottom: 0px;
		position: absolute;
		margin: 0 auto;
		background-color: #ffc800;
		left: 50%;
		margin-left: -170px;
		padding: 3px;
		border-radius: 10px 0 0 0;
		}
		
		div#footer a#footer-inner_pulltab{
			display:block;
			width: 20px;
			height: 10px;
			top: -10px;
			position: absolute;
			right: 0;
			background-color: #fc0;
			border-radius: 5px 5px 0 0;
			}
		
		div#footer #footer-inner .scale_input_parts{
			width: 90px;
			float: left;
			display: inline-block;
			}
		
			div#footer #footer-inner .scale_input_parts .label{
				display:block;
				color: #333;
				font-size:15px;
				}
			
		/*
		div#footer #footer-inner .input-text-wrapper{
			display: inline-box;
			border: solid 1px #666;
			background-color:#fff;
			padding: 1px 3px;
			border-radius: 3px;
			vertical-align:middle;
			box-shadow:0 0 2px 2px rgba(180,180,180,0.4) inset
			height:18px;
			}*/
			
			div#footer #footer-inner .input-text-wrapper input[type="text"]{
				ime-mode: inactive; /* 半角モード */
				font-size: 15px;
				width: 45px;
				/*border: none;*/
				font-weight: bold;
				}
				
			div#footer #footer-inner .input-text-wrapper select{
				font-size: 12px;
				border: none;
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				background-color: #ccc;
				border-radius: 5px;
				}
			
			div#footer #footer-inner .times{
				color: #333;
				font-size:10px;
				line-height: 100%;
				font-weight: bold;
				display:block;
				float:left;
				width: 10px;
				padding-top: 30px;
				}
			div#footer #footer-inner #shape_switcher{
				display: block;
				float: left;
				}
				div#footer #footer-inner #shape_switcher img{
					vertical-align:middle;
					}
			
	div#footer ul li{ display: inline-block; padding: 10px;}

/****************************************** help ******************************************/
div#help-overlay {
	background-color: rgba(0,0,0,0.5);
	overflow: hidden;
	position: absolute;
	
	height: 100%;
	width: 100%;
	
	top: 0;
	left: 0;
	}
/***************************************** wizard *****************************************/
div#wizard-overlay {

	background-color: rgba(0,0,0,0.6);

	overflow: hidden;
	position: absolute;
	
	height: 100%;
	width: 100%;
	
	top: 0;
	left: 0;
	
	}
	
	div#wizard-overlay div#wizard-wrapper {
		opacity: 1;
		padding: 10px;
		
		position: absolute;
		
		margin: -160px 0 0 -210px;
		
		top: 50%;
		left: 50%;
		
		height: 320px;
		width: 420px;
		
		background-color:#fff;
		border-radius: 5px;
		box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
		
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		
		overflow: hidden;
		
		}
		
		

			div#wizard-overlay div#wizard-wrapper #wizard_tab{
				
				display: table;
				width:100%;
				height:21px;
				}
				
				div#wizard-overlay div#wizard-wrapper #wizard_tab input[type="radio"]{
					
					display: none;
					
					}
					
				div#wizard-overlay div#wizard-wrapper #wizard_tab label{
					border: solid 1px #333;
					font-size: 10px;
					border-radius: 8px 8px 0 0;
					display: table-cell;
					cursor: pointer;
					text-align: center;
					background-color: #bbb;
					}
					
				div#wizard-overlay div#wizard-wrapper #wizard_tab input[type="radio"]:checked + label{
					border-bottom: none;
					background-color:#f0f0f0;
					
					}
					
			div#wizard-overlay div#wizard-wrapper #wizard_tab_content{

				border: solid 1px #333;
				border-top: none;
				background-color:#f0f0f0;
				padding: 5px;
				height: 182px;
				overflow: hidden;
				}
				
				div#wizard-overlay div#wizard-wrapper #wizard_tab_content #wizard_tab_content_2{
					display:none;
					}
				div#wizard-overlay div#wizard-wrapper #wizard_tab_content #wizard_tab_content_3{
					display:none;
					}
					
		div#wizard-overlay div#wizard-wrapper dl {
			background: #e7e7e7;
			border: 1px solid #333;
			border-top: none;
			width: 385px;
			}
			
			div#wizard-overlay div#wizard-wrapper dl dt,dd {
				padding: 3px;
				}
			
			div#wizard-overlay div#wizard-wrapper dl dt {
				border-top: 1px solid #333;
				clear: left;
				float: left;
				width: 110px;
				}
			
			div#wizard-overlay div#wizard-wrapper dl dd {
				background: #fff;
				border-left: 1px solid #333;
				border-top: 1px solid #333;
				margin-left: 110px;
				_height: 1%;
				}
		
		div#wizard-overlay div#wizard-wrapper table th{
			width: 120px;
			}
		div#wizard-overlay div#wizard-wrapper p{
			font-size: 12px;
			}
		div#wizard-overlay div#wizard-wrapper #monitor_type{
			width: 250px;
			}
		div#wizard-overlay div#wizard-wrapper #monitor_maker{
			width: 190px;
			}
		div#wizard-overlay div#wizard-wrapper #monitor_model_keyword{
			width: 250px;
			/*border: solid 1px #666;*/
			}
			
		div#wizard-overlay div#wizard-wrapper #monitor_model{
			width: 250px;
			height: 75px;
			}
			
		div#wizard-overlay div#wizard-wrapper #monitor_size{
			ime-mode: inactive; /* 半角モード */
			}
			
		div#wizard-overlay div#wizard-wrapper div#monitor_button_wrapper{
			display: table;
			table-layout:fixed;
			width:100%
			}
			
		div#wizard-overlay div#wizard-wrapper div#monitor_button_wrapper span{
			display: table-cell;
			text-align: center;
			}
			div#wizard-overlay div#wizard-wrapper div#monitor_button_wrapper span a{
				font-size: 10px;
				}
				
		div#wizard-overlay div#wizard-wrapper input[type="submit"]{
			display: inline-block;
			width: 120px;
			margin: 0;
			}

/**************************************** tooltip *****************************************/

#tooltip {
	visibility:hidden;
	font-size: 11px;
	position: absolute;
	display: none;
	/*width: 150px;*/
	padding: 3px;
	/*transition: opacity .2s ease-out;*/
	border: 1px solid #CCC;
	border-radius: 3px;
	background-color: rgba(247,247,247,0.7);
	color: #666;
	/*visibility:hidden;
	opacity: 0;
	transition: all 0.5s ease-in-out;*/
	box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
	white-space: nowrap;
	}


@media screen and (max-height: 360px){
	
	body {
		padding-top: 0;
		}
	div#header {
		display: none;
		}
	button#menuButton{
		margin-top: 10px;
		right: 10px;
		}
		
	#menu-wrapper{
		top: 25px;
		right: 30px;
		}
}

@media screen and (max-width: 420px){

	div#wizard-overlay div#wizard-wrapper {
		
		left: 0;
		
		margin: -185px 0 0 0;
		/*
		top: 50%;
		
		
		height: 370px;*/
		width:100%;
		
		}
		
		div#wizard-overlay div#wizard-wrapper #wizard_tab_content{
		
			overflow: auto;
			}
			
		div#wizard-overlay div#wizard-wrapper dl{
			width: auto;
			}
		div#wizard-overlay div#wizard-wrapper dl dt {
			border-top: 1px solid #333;
			float: none;
			width: auto;
			}
		
		div#wizard-overlay div#wizard-wrapper dl dd {
			background: #fff;
			border-left: none;
			margin-left: 0;
			_height: 1%;
			}

}

@media screen and (max-width: 640px){

	div#container {
		/*padding-bottom: 60px;*/
		}
	ul.snsButton {
		display: none;
		}

	#left_frame_wrapper {
		width: 0;
		}
	
	#left_frame_pulltab_show{
		display: inline-block;
		}
		
	#left_frame_pulltab_hide{
		display: none;
		}
		
	/*
	#axis_switcher_wrapper {
		bottom: 10px;
		}

	#parameter_window{
		
		right: 10px;
		bottom: 70px;
		
		}

	#show_adjust_window{
		right: 10px;
		bottom: 40px;
		}
	/*
	#right_frame-menu{
		right: 10px;
		bottom: 10px;
		}
	

	div#footer {
		height: 60px;
		}
	div#footer address{
		display: none;
		}
		
	div#footer span.notes{
		display: none;
		}
		
	div#footer #footer-inner{
		margin-left: 0;
		}*/
}


/***************************************** popup ******************************************/
html.popup{
	overflow: hidden;
	}
	
html.popup body{
	
	background-color: #ffc800;
	padding: 35px 0 30px;

	
	}

	html.popup body div#header {
	
		margin: -35 0 0;
		background-color: #fff;
		
		padding: 5px;
		text-align: right;
		color: #ccc;
		border-bottom: 3px solid #ffc800;
	    height: 35px;
		
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		
		overflow:hidden;
		
		position: relative;
		}
	
		html.popup body  div#header h1, div#header h2 {
			margin-top: 2px;
			color: #000;
			float: left;
			font-weight: normal;
			font-size: 14px;
			}
	
	html.popup body div#container {
		background-color: #fff;
		padding:10px;
		height: 100%;
		overflow-y: scroll;
		
		box-sizing: border-box;
		-moz-box-sizing: border-box;

		}
		
	html.popup body div#container li{
		padding:5px 0;
		}	
		
	html.popup body table{
		
		width: 330px;
		
		}
		html.popup body table #name{
			width: 150px;
			}
		html.popup body table #email{
			width: 170px;
			}
		html.popup body table #email_confirm{
			width: 170px;
			}
		html.popup body table #subject{
			width: 200px;
			}
		html.popup body table #text{
			width: 200px;
			height: 100px;
			}
			
	html.popup body input[type="submit"]{
		display: block;
		width: 120px;
		margin: 10px auto 0;
		}
		
	html.popup body div#footer {

		position: relative;
		
		}
		
	html.popup body div#footer address{
		top: 4px;
		display: inline;
		}