@charset "utf-8";

#contain {
	width: 1000px;
	}
#contents {
	width: 1000px;
	float: none;
	}
#perse, #elevation{
	border: 1px solid #ccc;
	}

#simulatorArea {
	position: relative;
	width: 960px;
	margin-top: 20px;
	}

/*[[ シミュレーター ]]*/
* {margin: 0; padding: 0;}
#perse, #perse * {width: 601px; height: 396px;}
#perse .bg {background: url(perse/bg.jpg) no-repeat;}
#perse .gaiheki1f {background: url(perse/gaiheki1f/f5.png) no-repeat;}
#perse .gaiheki2f {background: url(perse/gaiheki2f/a4.png) no-repeat;}
#perse .door {background: url(perse/door/a6.png) no-repeat;}
#perse .amado {background: url(perse/amado/a4.png) no-repeat;}
#perse .dousashi {background: url(perse/dousashi/a6.png) no-repeat;}
#perse .veranda {background: url(perse/veranda/c3.png) no-repeat;}
#perse .hutai {background: url(perse/hutai/a4.png) no-repeat;}
#perse .yane {background: url(perse/yane/b5.png) no-repeat;}
#perse .hahu {background: url(perse/hahu/a4.png) no-repeat;}
#perse .kasagi {background: url(perse/kasagi/a4.png) no-repeat;}
#perse .toi {background: url(perse/toi/a6.png) no-repeat;}

#elevation, #elevation * {width: 960px; height: 198px;}
#elevation .bg {background: url(elevation/bg.jpg) no-repeat;}
#elevation .gaiheki1f {background: url(elevation/gaiheki1f/f5.png) no-repeat;}
#elevation .gaiheki2f {background: url(elevation/gaiheki2f/a4.png) no-repeat;}
#elevation .door {background: url(elevation/door/a6.png) no-repeat;}
#elevation .amado {background: url(elevation/amado/a4.png) no-repeat;}
#elevation .dousashi {background: url(elevation/dousashi/a6.png) no-repeat;}
#elevation .veranda {background: url(elevation/veranda/c3.png) no-repeat;}
#elevation .hutai {background: url(elevation/hutai/a4.png) no-repeat;}
#elevation .yane {background: url(elevation/yane/b5.png) no-repeat;}
#elevation .hahu {background: url(elevation/hahu/a4.png) no-repeat;}
#elevation .kasagi {background: url(elevation/kasagi/a4.png) no-repeat;}
#elevation .toi {background: url(elevation/toi/a6.png) no-repeat;}

/*[[ パレット ]]*/
#box {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
	width: 340px;
	height: 395px;
	padding: 1px;
	background: url(palets/palet_bg.gif);
	box-shadow: 1px 1px 3px #dedede;
	}
.ui-tabs-hide {
        display: none;
    }
.ui-tabs-nav {
	overflow: hidden;
	width: 340px;
	margin: 2px 0px 0px 2px;
    list-style: none;
}
.ui-tabs-nav li {
    float: left;
    width: 55px;
    height: 29px;
    margin: 0px 1px 1px 0px;
    line-height: 1;
}
.ui-tabs-nav li.ui-tabs-selected img {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
.ui-tabs-panel {
	box-sizing: border-box;
	width: 340px;
}
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
#box .btn {
	overflow: hidden;
	zoom: 1;
	box-sizing: border-box;
	width: 340px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
#box .btn li {
	float: left;
	line-height: 0;
	}

#set1,#set2,#set6 {
	padding: 20px 5px 5px 25px;
	background: url(palets/palet_num1.png) no-repeat 10px 5px;
	}
#set3,#set4,#set5,#set7,#set8,#set9,#set10,#set11,#set12 {
	padding: 20px 5px 5px 25px;
	background: url(palets/palet_num2.png) no-repeat 10px 5px;
	}
#set1 li,#set2 li,#set6 li {
	margin: 0px 1px 3px 0px;
	}
#set3 li,#set4 li,#set5 li,#set7 li,#set8 li,#set9 li,#set10 li,#set11 li,#set12 li {
	margin: 0px 3px 3px 0px;
	}