@charset "utf-8";

#perse, #elevation{
	border: 1px solid #ccc;
	}

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

/*[[ シミュレーター ]]*/
* {margin: 0; padding: 0;}
#perse, #perse * {width:600px; height:396px;}
#perse .background {background:url(perse/bg.jpg) no-repeat 0 0;}
#perse .kiso {background:url(perse/kiso.png) no-repeat 0 0;}
#perse .gaiheki1f {background:url(perse/gaiheki1f/h2.png) no-repeat 0 0;}
#perse .mikiri {background:url(perse/mikiri/h2.png) no-repeat 0 0;}
#perse .gaiheki2f {background:url(perse/gaiheki2f/h2.png) no-repeat 0 0;}
#perse .hutai {background:url(perse/hutai/a4.png) no-repeat 0 0;}
#perse .shutterbox {background:url(perse/shutterbox/a4.png) no-repeat 0 0;}
#perse .door {background:url(perse/door/a5.png) no-repeat 0 0;}
#perse .yane {background:url(perse/yane/c4.png) no-repeat 0 0;}
#perse .hahu {background:url(perse/hahu/a4.png) no-repeat 0 0;}
#perse .kasagi {background:url(perse/kasagi/a2.png) no-repeat 0 0;}
#perse .toi {background:url(perse/toi/a6.png) no-repeat 0 0;}
#perse .grass {background:url(perse/grass.png) no-repeat 0 0;}

#elevation, #elevation * {width:959px; height:199px;}
#elevation .background {background:url(elevation/bg.jpg) no-repeat 0 0;}
#elevation .kiso {background:url(elevation/kiso.png) no-repeat 0 0;}
#elevation .gaiheki1f {background:url(elevation/gaiheki1f/h2.png) no-repeat 0 0;}
#elevation .mikiri {background:url(elevation/mikiri/h2.png) no-repeat 0 0;}
#elevation .gaiheki2f {background:url(elevation/gaiheki2f/h2.png) no-repeat 0 0;}
#elevation .hutai {background:url(elevation/hutai/a4.png) no-repeat 0 0;}
#elevation .shutterbox {background:url(elevation/shutterbox/a4.png) no-repeat 0 0;}
#elevation .door {background:url(elevation/door/a5.png) no-repeat 0 0;}
#elevation .yane {background:url(elevation/yane/c4.png) no-repeat 0 0;}
#elevation .hahu {background:url(elevation/hahu/a4.png) no-repeat 0 0;}
#elevation .kasagi {background:url(elevation/kasagi/a2.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;
	}