@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 .other              {background:url(perse/other.png) no-repeat 0 0;}
#perse .kiso               {background:url(perse/kiso/a3.png) no-repeat 0 0;}
#perse .wall1f             {background:url(perse/wall1f/c4.png) no-repeat 0 0;}
#perse .entrance           {background:url(perse/entrance/c4.png) no-repeat 0 0;}
#perse .wall2f             {background:url(perse/wall2f/a4.png) no-repeat 0 0;}
#perse .dousashi           {background:url(perse/dousashi/a3.png) no-repeat 0 0;}
#perse .window             {background:url(perse/window/a5.png) no-repeat 0 0;}
#perse .hutai              {background:url(perse/hutai/a3.png) no-repeat 0 0;}
#perse .shutter              {background:url(perse/shutter/a3.png) no-repeat 0 0;}
#perse .veranda            {background:url(perse/veranda/f4.png) no-repeat 0 0;}
#perse .hahu               {background:url(perse/hahu/a6.png) no-repeat 0 0;}
#perse .roof               {background:url(perse/roof/c5.png) no-repeat 0 0;}
#perse .toi                {background:url(perse/toi/a3.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 .wall1f         {background:url(elevation/wall1f/c4.png) no-repeat 0 0;}
#elevation .entrance       {background:url(elevation/entrance/c4.png) no-repeat 0 0;}
#elevation .wall2f         {background:url(elevation/wall2f/a4.png) no-repeat 0 0;}
#elevation .dousashi       {background:url(elevation/dousashi/a3.png) no-repeat 0 0;}
#elevation .window         {background:url(elevation/window/a5.png) no-repeat 0 0;}
#elevation .hutai          {background:url(elevation/hutai/a3.png) no-repeat 0 0;}
#elevation .shutter        {background:url(elevation/shutter/a3.png) no-repeat 0 0;}
#elevation .veranda        {background:url(elevation/veranda/f4.png) no-repeat 0 0;}
#elevation .hahu           {background:url(elevation/hahu/a6.png) no-repeat 0 0;}
#elevation .roof           {background:url(elevation/roof/c5.png) no-repeat 0 0;}
#elevation .toi            {background:url(elevation/toi/a3.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,#set5 {
	padding: 20px 5px 5px 25px;
	background: url(palets/palet_num1.png) no-repeat 10px 5px;
	}
#set6,#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,#set3 li,#set4 li,#set5 li {
	margin: 0px 1px 3px 0px;
	}
#set6 li,#set7 li,#set8 li,#set9 li,#set10 li,#set11 li,#set12 li {
	margin: 0px 3px 3px 0px;
	}