body {
	margin: 0;
	padding: 0;
}

a:hover img {
 opacity: 0.5;
 filter: alpha(opacity=50); /* IE6/7 */
 -ms-filter: "alpha(opacity=50)"; /* IE8 */
}

p {
	margin:0;
}

.naire-simulation { 
	margin:20px 0 0 0;
	text-align:center;
}

#innerWrap {
	width:960px;
	margin:0 auto;
}

div#naire-form {
	width:960px;
	height:671px;
	overflow:initial;
}

.naire_title {
	padding:20px 0 17px;
	background-color:#014DA3;
	font-weight:bold;
	font-size:2em;
	color:#FFFFFF;
	text-align:center;
}

.naire_title span {
	margin:10px 0 0 0;
	font-weight:normal;
	font-size:0.6em;
	display:block;
}

div.right_area {
  float:left;
  margin:20px 0 0 25px;
  width:480px;
  border:3px solid #BFBFBF;
}

div#template_outer {
		width:480px;
		height:480px;
		position:relative;
}

div.left_area {
	float:left;
	position:relative;
	margin:20px 0 0 30px;
	width:370px;
}

div.left_area .flow {
	padding:20px 15px 15px 15px;
	background-color:#E5F2FA;
	width:340px;
}

div.left_area .flow img + img {
	margin-left:10px;
}

div.left_area .step-title {
	margin:25px 0 0 0;
	padding:0 0 5px 0;
	font-size:1.3em;
	font-weight:bold;
	border-bottom:2px solid #2199E7;
}

div.left_area .step-title img {
	margin:0px 7px;
	vertical-align:-8px;
}

div.left_area .text {
	margin:15px 0 0 10px;
	font-size:0.9em;
	line-height:1.3em;
}

div.left_area .sub-text {
	margin:5px 10px 0 2em;
	font-size:0.8em;
	line-height:1.4em;
	color:#209AE7;
	text-indent:-1em;
}

div.left_area .move-size-btn {
	margin:10px 10px 0;
	background-color:#EEEEEE;
	padding:15px;
}

div.left_area .move-size-btn .btn {
	float:left;
	margin:0 2px 0 0;
}

div.left_area .move-size-btn .red {
	color:#FE0E0E;
}

div.left_area .move-size-btn .blue {
	color:#0000FF;
}

div.left_area .move-size-btn select {
	margin:0 0 10px 0;
    outline:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 30px;
    padding: 3px 10px;
    border:1px solid #7e7e7e;
	font-size:0.9em;
}

div.left_area .move-size-btn select {
	width:280px;
	background:#ffffff url(/product/desk_rack/tvstand/search/images/sankaku_ud.png) no-repeat 260px 6px;
}

div.left_area .bottom_button {
	margin:5px 0 0 0;
}

div.left_area .notice {
	margin:0 0 0 1em;
	font-size:12px;
	line-height:16px;
	text-indent:-1em;
	width:95%;
}

div#template {
    background-repeat: no-repeat;
    background-position:left top;
    background-size:468px 316px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    height: 100%;
}

div#photo_area1 {
    position: absolute;
    top: 30px;
    left: 40px;
    background-color: transparent;
    color: #ffffff;
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 193px;
    height: 228px;
}

div#photo_area2 {
    position: absolute;
    top: 30px;
    left: 40px;
    background-color: transparent;
    color: #ffffff;
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 193px;
    height: 228px;
}

div#photo_area1_disp {
    position: absolute;
    top: 30px;
    left: 40px;
    background-color: transparent;
    border: 4px dotted #FE0E0E;
    color: #ffffff;
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 193px;
    height: 228px;
}

div#photo_area2_disp {
    position: absolute;
    top: 30px;
    left: 40px;
    background-color: transparent;
    border: 2px dashed #0000FF;
    color: #ffffff;
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 193px;
    height: 228px;
}

div#photo_pointer1,
div#photo_pointer2 {
    position: absolute;
    top: 30px;
    left: 40px;
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 193px;
    height: 228px;
}

div#photo_pointer1 img,
div#photo_pointer2 img {
		width:100%;
		height:100%;
		cursor:pointer;
}

div#template_outer {
	overflow:hidden;
}

div#template_outer #area_disp {
	position:absolute;
	top:10px;
	left:10px;
}

div#template_outer #area_disp #red_area {
	color:#FE0E0E;
	font-weight:bold;
	font-size:18px;
	line-height:22px;
}

div#template_outer #area_disp #blue_area {
	color:#0000FF;
	font-weight:bold;
	font-size:18px;
	line-height:22px;
	display:none;
}

div#template_outer .naire_area_disp {
	position:absolute;
	top:10px;
	right:10px;
	font-size:13px;
	line-height:15px;
}

div#template_outer .naire_area_disp img {
	vertical-align:top;
	margin:0 5px 0 0;
}

div#template_outer .naire_area_disp a {
	text-decoration:none;
	color:#333333;
}

div#template_outer .naire_name_disp {
	position:absolute;
	bottom:8px;
	left:0px;
	width:100%;
	text-align:center;
	font-size:13px;
	line-height:20px;
}

div#template_outer .naire_name_disp span {
	font-weight:bold;
}

div#template_outer .area_a {
	position:absolute;
	top:150px;
	left:15px;
	font-size:25px;
	font-weight:bold;
	color:#FE0E0E;
}

div#template_outer .area_b {
	position:absolute;
	top:305px;
	left:15px;
	font-size:25px;
	font-weight:bold;
	color:#0000FF;
}

div#control1 {
	display:block;
}

div#control2 {
	display:none;
}

div#control .cate_name {
	margin:10px 0 10px 0;
}

div#control .photo_upload {
	margin:15px 0 0 35px;
	width:288px;
}

div#control #photo_upload2 {
	margin:10px 0 0 0;
}

div#control #result1,
div#control #result2 {
	margin:0;
}

div#control #result2 {
	display:none;
}

div#control #result1 #progress1,
div#control #result2 #progress2 {
	width:284px;
}

div#control .photo_upload span {
  background-position: left top;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  height: 52px;
  width: 278px;
}

div#control .photo_upload span.a-btn {
  background-image: url("../images/btn_haichi_A.png");
}

div#control .photo_upload span.b-btn {
  background-image: url("../images/btn_haichi_B.png");
}

div#control .photo_upload span.up-btn {
  background-image: url("../images/btn_haichi.png");
  width: 333px;
}

div#control .photo_upload span:hover {
	opacity:0.5;
}

div#control #upload_btn1,
div#control #upload_btn2 {
	display:none;
}

div#control .upload_btn1 img,
div#control .upload_btn2 img {
	cursor:pointer;
}

div#control #photo1,
div#control #photo2 {
	display:none;
}

div#control .photo_modify {
	margin:15px 0 0 15px;
}

div#control .slider_btn {
	float:left;
	margin:13px 10px 0 0;
}

div#control .color_area {
	margin:20px 0 0 0;
}

div#control .color_area .btn {
	float:left;
	margin:0 6px 0 0;
}

div#control .zoom_area {
	margin:20px 0 0 0;
}

div#control .zoom_area .btn {
	float:left;
	margin:0 6px 0 0;
}

div#control .position_area {
	margin:20px 0 0 0;
}

div#control .position_area .btn {
	float:left;
	margin:0 6px 0 0;
}

div.btn_area  {
	margin:15px 0 0 0;
	text-align:center;
}

div.btn_area a {
	margin:0 auto;
	width:222px;
	display:block;
}

div.btn_area a + a {
	margin:10px auto 0;
	width:324px;
	display:block;
}

div.btn_area_bottom .close_btn {
	float:left;
	margin:0 0 0 280px;
}

div.btn_area_bottom .print_btn {
	float:left;
	margin:0 0 0 10px;
}

div.btn_area_bottom {
	margin:20px 0 0 0;
	padding:20px 0;
	background-color:#F0F0F0;
	text-align:center;
}

.naire_close {
	position:absolute;
	top:-20px;
	right:-20px;
}

/*---------------------------
フロート解除
---------------------------*/
/* for modern brouser */
.clfx:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/* IE7,MacIE5 */
.clfx {
	display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clfx {
	height: 1%;
}
.clfx {
	display: block;
}
/**/