@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 .wall             {background:url(perse/wall/d4.png) no-repeat 0 0;}
#perse .door           {background:url(perse/door/a4.png) no-repeat 0 0;}
#perse .sodekabe             {background:url(perse/sodekabe/h4.png) no-repeat 0 0;}
#perse .shutter              {background:url(perse/shutter/a4.png) no-repeat 0 0;}
#perse .hutai              {background:url(perse/hutai/a4.png) no-repeat 0 0;}
#perse .veranda            {background:url(perse/veranda/g4.png) no-repeat 0 0;}
#perse .hahu               {background:url(perse/hahu/a4.png) no-repeat 0 0;}
#perse .roof               {background:url(perse/roof/b5.png) no-repeat 0 0;}
#perse .toi                {background:url(perse/toi/a6.png) no-repeat 0 0;}

#elevation, #elevation div {width:959px; height:199px;}
#elevation .background     {background:url(elevation/bg.jpg) no-repeat 0 0;}
#elevation .other          {background:url(elevation/other.png) no-repeat 0 0;}
#elevation .kiso           {background:url(elevation/kiso/a3.png) no-repeat 0 0;}
#elevation .wall         {background:url(elevation/wall/d4.png) no-repeat 0 0;}
#elevation .door       {background:url(elevation/door/a4.png) no-repeat 0 0;}
#elevation .sodekabe         {background:url(elevation/sodekabe/h4.png) no-repeat 0 0;}
#elevation .shutter        {background:url(elevation/shutter/a4.png) no-repeat 0 0;}
#elevation .hutai          {background:url(elevation/hutai/a4.png) no-repeat 0 0;}
#elevation .veranda        {background:url(elevation/veranda/g4.png) no-repeat 0 0;}
#elevation .hahu           {background:url(elevation/hahu/a4.png) no-repeat 0 0;}
#elevation .roof           {background:url(elevation/roof/b5.png) no-repeat 0 0;}
#elevation .toi            {background:url(elevation/toi/a6.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 {
	padding: 20px 5px 5px 25px;
	background: url(palets/palet_num1.png) no-repeat 10px 5px;
	}
#set4,#set5,#set6,#set7,#set8,#set9,#set10 {
	padding: 20px 5px 5px 25px;
	background: url(palets/palet_num2.png) no-repeat 10px 5px;
	}
#set1 li,#set2 li,#set3 li {
	margin: 0px 1px 3px 0px;
	}
#set4 li,#set5 li,#set6 li,#set7 li,#set8 li,#set9 li,#set10 li {
	margin: 0px 3px 3px 0px;
	}