@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 div {width:600px; height:396px;}
#perse .background {background:url(perse/bg.jpg) no-repeat 0 0;}
#perse .kiso {background:url(perse/kiso/a3.png) no-repeat 0 0;}
#perse .wall2f-1 {background:url(perse/wall2f-1/c1.png) no-repeat 0 0;}
#perse .wall2f-2 {background:url(perse/wall2f-2/f7.png) no-repeat 0 0;}
#perse .wall1f-1 {background:url(perse/wall1f-1/a2.png) no-repeat 0 0;}
#perse .dousashi {background:url(perse/dousashi/a6.png) no-repeat 0 0;}
#perse .kasagi {background:url(perse/kasagi/a6.png) no-repeat 0 0;}
#perse .wall1f-2 {background:url(perse/wall1f-2/f7.png) no-repeat 0 0;}
#perse .hutai {background:url(perse/hutai/a4.png) no-repeat 0 0;}
#perse .hahu {background:url(perse/hahu/a4.png) no-repeat 0 0;}
#perse .roof {background:url(perse/roof/a5.png) no-repeat 0 0;}
#perse .toi {background:url(perse/toi/b1.png) no-repeat 0 0;}

#elevation, #elevation div {width:959px; height:199px;}
#elevation .background {background:url(elevation/bg.jpg) no-repeat 0 0;}
#elevation .kiso {background:url(elevation/kiso/a3.png) no-repeat 0 0;}
#elevation .wall2f-1 {background:url(elevation/wall2f-1/c1.png) no-repeat 0 0;}
#elevation .wall2f-2 {background:url(elevation/wall2f-2/f7.png) no-repeat 0 0;}
#elevation .wall1f-1 {background:url(elevation/wall1f-1/a2.png) no-repeat 0 0;}
#elevation .dousashi {background:url(elevation/dousashi/a6.png) no-repeat 0 0;}
#elevation .kasagi {background:url(elevation/kasagi/a6.png) no-repeat 0 0;}
#elevation .wall1f-2 {background:url(elevation/wall1f-2/f7.png) no-repeat 0 0;}
#elevation .hutai {background:url(elevation/hutai/a4.png) no-repeat 0 0;}
#elevation .hahu {background:url(elevation/hahu/a4.png) no-repeat 0 0;}
#elevation .roof {background:url(elevation/roof/a5.png) no-repeat 0 0;}
#elevation .toi {background:url(elevation/toi/b1.png) no-repeat 0 0;}

/*[[ パレット ]]*/
#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,#set3,#set4 {
	padding: 20px 5px 5px 25px;
	background: url(palets/palet_num1.png) no-repeat 10px 5px;
	}
#set5,#set6,#set7,#set8,#set9,#set10,#set11 {
	padding: 20px 5px 5px 25px;
	background: url(palets/palet_num2.png) no-repeat 10px 5px;
	}
#set1 li,#set2 li,#set3 li, #set4 li {
	margin: 0px 1px 3px 0px;
	}
#set5 li,#set6 li,#set7 li,#set8 li,#set9 li,#set10 li,#set11 li {
	margin: 0px 3px 3px 0px;
	}