body {
 font-family: Arial, Helvetica, sans-serif 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
 background: #E5E5E5 url("../image/back_main.gif") repeat-y;
 background-position: center top;
 text-align: center;
 color:#666;
}
a:link,
a:hover,
a:visited {
 color: #275273;
}
.ukeeptxt a:link,
.ukeeptxt a:visited,
#transbox a:link,
#transbox a:visited,
.imgarea a:link,
.imgarea a:visited,
#pageno a:link,
#pageno a:visited,
#footer a:link,
#footer a:visited,
#topdesc a:link,
#topdesc a:visited {
 color: #275273;
 text-decoration: none;
 border-bottom: 1px solid #BAC9D1;
}
.ukeeptxt a:hover,
#transbox a:hover,
.imgarea a:hover,
#pageno a:hover,
#footer a:hover,
#topdesc a:hover {
 text-decoration: none;
 border-bottom-color: #275273;
}

#wrap {
 width: 930px;
 margin: 10px auto 0 auto;
 text-align:left;
}
#sitecopy {
 float:left;
 padding-top: 15px;
 font-size:0.8em;
}
#headerlink {
 clear: both;
 padding: 10px 0;
 font-size: 0.8em;
 color: #666;
}
#crumbs{
 clear: both;
 padding: 5px;
 font-size: 0.8em;
 color: #DDD;
 background: #333;
 border-bottom: 1px solid #A6ADB4;
}
#crumbs a:link,
#crumbs a:visited,
#crumbs a:hover {
 color: #DDD;
}
h1{
 padding: 20px 20px 40px 20px;
 background: #FFF url("../image/h1back.gif") repeat-x;
 color:#609518;
}
#logom {
 float:left;
 width: 180px;
 padding: 0 0 10px 0;
 background-image: none;
}
#subcat li{
 float: left;
 width: 150px;
 padding-bottom: 5px;
 font-size: 0.8em;
}
#note{
 font-size: 10px;
}
#footer{
 clear: both;
 width: 930px;
 margin-left:auto;
 margin-right:auto;
 padding: 20px 0;
 text-align:center;
 font-size: 0.8em;
 background: url("../image/footerback.gif") repeat-x;
 color:#666;
}
#footer p{
 padding-bottom: 20px;
}
#footer p img{
 margin-top:5px;
}
.imgarea{
 float: left;
 width: 310px;
 padding: 10px 0 20px 0;
 font-size: 12px;
 line-height:1.5;
 text-align: center;
}
.license{
 font-size: 10px;
 padding-bottom: 10px;
}
.kbtn{
 background: #7BC73E url("../image/kbtn.gif") repeat-x;
 color:#FFF;
}
.kdelbtn{
 background: #9299A2 url("../image/kdelbtn.gif") repeat-x;
 color:#FFF;
}
.keepbtn{
 padding: 5px;
 background: #7BC73E url("../image/kbtn.gif") repeat-x;
 border: 1px solid #68A122;
}
.keepbtn a:visited,
.keepbtn a:link,
.keepbtn a:hover{
 color: #FFF;
 border: 0px;
}
#addlistreset{
 background: #990000;
 padding: 3px;
 text-align:center;
 margin: 0 auto 20px auto;
 width:200px;
}
#keepreset{
 background: #333;
 color:#FFF;
 font-weight: bold;
 width:200px;
}
.desc{
 font-size: 0.8em;
 line-height:1.5;
 margin-bottom: 20px;
 text-align: center;
}
.desc p{
 margin-bottom: 10px;
}
.desc table{
 padding: 5px;
 width: 600px;
 margin: 0 auto 20px auto;
 border-collapse: collapse;
}
.desc caption{
 background: #84BE3E url("../image/searchbar.gif") repeat-x;
 padding: 8px;
 color: #FFF;
 font-weight: bold;
 font-size: 100%;
-moz-border-radius: 7px; /* for Fx */
-webkit-border-radius: 7px; /* for Safari */
}
.desc th{
 text-align: right;
 padding: 10px 5px 5px 5px;
 line-height:1.5;
}
.desc td{
 padding: 10px 5px 5px 5px;
 line-height:1.5;
}
#checkChosakuken {
 text-align: center;
 margin: 10px 0;
}
#intocart,
#layoutcart,
.addlistedit{
 padding-top: 10px;
 text-align:center;
}
#layoutcart{
 font-size: 0.8em;
 line-height:1.3;
}
#intocart p{
 font-size: 0.8em;
 margin-bottom: 10px;
}
#addlistmes{
 padding: 20px 0 30px 0;
 text-align:center;
 font-size:0.8em;
 line-height:1.5;
}
#notfoundmes{
 text-align:center;
 font-size:0.8em;
 line-height:2.0;
 padding-bottom: 20px;
}
#keeplist{
 float: left;
 padding-bottom: 20px;
}
#layoutcenter{
 float: left;
}
#layout{
 float: right;
 padding-bottom: 20px;
}
.inthebox h2,
#keeplist h2{
 text-align:center;
 padding: 10px;
 background: #EEE;
 border: solid 1px #DDD;
 font-size:0.8em;
}
#layout h2{
 text-align:center;
 padding: 10px;
 background: #84BE3E url("../image/searchbar.gif") repeat-x;
 border: 1px solid #68A122;
 color:#FFF;
 font-size:0.8em;
}
.kimg{
 float: left;
 width: 75px;
}
#layoutbox{
 background: #000;
}
#keeplistarea{
 text-align:center;
}
.ukeeplist,
#dnd-ajax{
 width: 600px;
 margin: 10px auto 0 auto;
}
.inthebox{
 width: 235px;
}
.ukeeplist table,
#dnd-ajax table {
 border-collapse: collapse;
}

#dnd-ajax table.ans,
#dnd-ajax table.opt {
 border: solid 1px #DDD;
}
.ans{
}
#clockhand{
 position:relative;
 top:-2526px;
 width:233px;
 height:233px;
 background:url(../image/clockhand.png);
}
* html #clockhand{
 behavior: url("iepngfix.htc");
}
#transboxarea,
#dnd-ajax table.ans td,
#dnd-ajax table.opt td {
 text-align: center;
 vertical-align: middle;
}

.ukeeplist div.dropzone,
#dnd-ajax div.dropzone {
 width:  75px;
 height: 75px;
 margin: 1px;
}
#dnd-ajax div.dragenter {
 background-color: #A5DF5F;
}

div.draggable {
 width:  75px;
 height: 75px;
 cursor: move;
 background-color: white;    /* イベントを捕捉可能にする (for IE) */
}
.ukeeplist table{
 border: solid 1px #CCC;
 background-color: #000;
 float: left;
 margin-bottom: 20px;
}

.ukeeptxt{
 float: left;
 padding-left: 10px;
 font-size:0.8em;
 line-height:1.5;
 text-align:left;
}
.ukeeptxt h2{
}

#searchbar{
 clear: both;
 padding: 5px;
 background: #84BE3E url("../image/searchbar.gif") repeat-x;
 height: 32px;
 border-bottom: 1px solid #68A122;
}
* html #searchbar {
 height: 43px;
}
.sbtn{
width:50px;
_height:24px;
padding:2px 0;
border:1px solid #455893;
min-height:17px;
line-height:1.6em;*line-height:1;
cursor:pointer;
background: #9299A2 url("../image/kdelbtn.gif") repeat-x;
color:#FFF;
}
#searchbox{
 float: left;
 padding-top: 5px;
}
#stext{
width:300px;
*height:24px;
padding:3px 5px;
border:1px solid #7c7c7c;
border-right-color:#c3c3c3;
border-bottom-color:#c3c3c3;
min-height:15px;
}
#klist{
 float: right;
}
#klist li{
 padding-left: 5px;
 float: left;
}
a#keeplistbtn {
 background: #FFF url("../image/keeplistbtn.jpg") no-repeat;
 display: block;
 height: 22px;
 width: 100px;
 padding-top: 11px;
 padding-left: 40px;
 color: #FFF;
 font-size:12px;
 text-decoration: none;
}
* html a#keeplistbtn {
 height: 33px;
 width: 140px;
}
a#keeplistbtn:hover{
 background: #FFF url("../image/keeplistbtn.jpg") no-repeat;
 background-position: 0px -33px;
}
a#cartbtn {
 background: #FFF url("../image/cartbtn.jpg") no-repeat;
 display: block;
 height: 22px;
 width: 100px;
 padding-top: 11px;
 padding-left: 40px;
 color: #FFF;
 font-size:12px;
 text-decoration: none;
}
* html a#cartbtn {
 height: 33px;
 width: 140px;
}
a#cartbtn:hover{
 background: #FFF url("../image/cartbtn.jpg") no-repeat;
 background-position: 0px -33px;
}
a#uploadbtn {
 background: #FFF url("../image/uploadbtn.jpg") no-repeat;
 display: block;
 height: 22px;
 width: 100px;
 padding-top: 11px;
 padding-left: 40px;
 color: #FFF;
 font-size:12px;
 text-decoration: none;
}
* html a#uploadbtn {
 height: 33px;
 width: 140px;
}
a#uploadbtn:hover{
 background: #FFF url("../image/uploadbtn.jpg") no-repeat;
 background-position: 0px -33px;
}
#keeplistentry{
 border: 1px solid #DDD;
 background: #EEE;
 padding: 20px;
 text-align:center;
 margin: 0 auto 20px auto;
 width:750px;
}
#keeplistentry table{
 font-size:0.8em;
}
#keeplistentry th,
#keeplistentry td{
 padding: 5px;
}
#keeplistentry th{
 text-align:right;
}
#paging{
 clear: both;
 margin-bottom: 10px;
 text-align:center;
 font-size:0.8em;
}
.ukeeplistarea,
#pageno{
 margin-bottom: 20px;
 text-align:center;
}
.designlistarea{
 margin-top: 10px;
 font-size:0.8em;
 line-height:1.5;
}
.designlistarea h2{
 margin-left: 243px;
}
.designimg{
 float: left;
 margin-left: -243px;
 margin-bottom: 20px;
}
.designtxt{
 margin-left: 243px;
}
#sidecat{
 margin-top: 10px;
 width:160px;
 float: left;
 font-size:0.8em;
}
#sidecat h2{
 background: #84BE3E url("../image/searchbar.gif") repeat-x;
 text-align:center;
 padding: 8px;
 color: #FFF;
}
#sidecat ul{
 border-top: 1px solid #CCC;
}
#sidecat li a {
 text-decoration: none;
 height: 42px;
 voice-family: "\"}\"";
 voice-family: inherit;
 height: auto;
 border-bottom: 1px solid #E6E6E6;
}
#sidecat ul li a:link, #sidecat ul li a:visited {
 color: #333;
 display: block;
 background: url(../image/menu.gif) no-repeat;
 padding: 8px 0 8px 15px;
}
#sidecat ul li a:hover{
 color: #000;
 background: url(../image/menu.gif) 0 -62px no-repeat;
 padding: 8px 0 8px 15px;
 text-decoration: none;
}
* html #sidecat li a {
 height: 24px;
}
#setlist{
 float: left;
 padding-left: 20px;
 width: 750px;
}
#designzoom{
 font-size: 0.8em;
 line-height:2.0;
 text-align: center;
 margin: 10px 0 20px 0;
 width:750px;
}
.blk{
 font-size:0.8em;
 padding: 0 2px;
}
.cur{
 font-size:0.8em;
 padding: 0 2px;
 font-weight: bold;
 color:#990000;
}
#prev{
 font-weight: bold;
}
#next{
 font-weight: bold;
}
#transbox{
 font-size: 0.8em;
 text-align: center;
 margin: 30px auto 10px auto;
 width:520px;
}
* html #transbox {
 width:500px;
}
#source{width:120px;}
#result{
width:120px;
*height:24px;
padding:3px 5px;
border:1px solid #7c7c7c;
border-right-color:#c3c3c3;
border-bottom-color:#c3c3c3;
min-height:15px;
}
#transbox_l{
 float: left;
 padding: 5px;
}
#transbox_r{
 float: right;
 padding: 5px;
 background: #84BE3E url("../image/searchbar.gif") repeat-x;
}
#transbox p{
 padding: 10px 0;
}
.freset {
 clear: both;
 height:1px;
}

