@import "/stylesheets/reset-min.css";
@import "/stylesheets/obi.css";

/*
@import "/stylesheets/base.css";
@import "/stylesheets/obi.css";
@import "/stylesheets/shelf.css";
@import "/stylesheets/hiki.css";
*/
.png{_behavior:url(/stylesheets/iepngfix/iepngfix.htc)}

.x{display:block;text-indent:-99em}
.y{display:block}

.image-64{width:64px;height:64px;line-height:64px;padding:5px;text-align:center;background-position:center center;background-repeat:no-repeat;border:1px solid #1E50A2;background-color:#fffbf6;overflow:hidden}
.image-64:hover {border:1px solid #80B1EE}
.image-128{width:128px;height:128px;line-height:128px;padding:10px;text-align:center;background-position:center center;background-repeat:no-repeat;border:2px solid #1E50A2;background-color:#fffbf6;overflow:hidden}
.image-128:hover {border:2px solid #80B1EE}

.feed-16{padding-left:20px;line-height:16px;background-image:url(/images/feed/16.gif);background-repeat:no-repeat}

.required{color:#900;font-size:1.35em;letter-spacing:-1px}

.pagination{text-align:right;clear:both}
.pagination a{text-decoration:underline}
.pagination a, .pagination span{padding:.1em .2em}
.pagination span.disabled{color:#aaa}
.pagination span.current{font-weight:bold;color:#000}
.pagination .prev_page{margin-right:1em}
.pagination .next_page{margin-left:1em}

.newprice strong{color:#900;font-size:1.35em;font-weight:normal;letter-spacing:-1px}
.date{font-family:georgia}
.url{color:green}
a.amazon-link{color:#ff9911;padding-left:20px;background:transparent url(/images/icon/amazon-16x16.gif) no-repeat scroll 0 50%}
a.amazon-link:hover{color:#ffab78}
a.outside{padding-right:15px;background:transparent url(/images/icon/external-10x10.gif) no-repeat scroll 100% 50%}
a.toggle{padding-right:18px;background:transparent url(/images/icon/toggle-14x14.gif) no-repeat scroll 100% 50%}

.rating0,
.rating1,
.rating2,
.rating3,
.rating4,
.rating5{display:inline-block;width:80px;height:16px;line-height:16px;background-image:url(/images/star/rating.gif);vertical-align:bottom; /*for IE*/ *display:inline; *zoom:1 }
.rating0{background-position:-240px 0}
.rating1{background-position:-224px 0}
.rating2{background-position:-208px 0}
.rating3{background-position:-192px 0}
.rating4{background-position:-176px 0}
.rating5{background-position:-160px 0}


#notice{
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
/*behavior:url(/stylesheets/border-radius.htc);*/
text-align:center;background:red;color:#fff;font-size:110%;font-weight:bold;opacity:.5;filter:Alpha(opacity=50);width:800px;margin:10px auto;padding:.5em 0
}


fieldset{border:1px solid #000;margin-top:1.5em;_margin:0;padding:1.5em}
legend{padding:0 .5em;_margin-bottom:1.5em}

button{border:2px solid #1E50A2;color:#1E50A2;background-color:#fff;font-weight:bold;padding:2px 4px;overflow:visible;line-height:1em;cursor:pointer;
border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px
}
button:hover {border:2px solid #80B1EE;color:#80B1EE;}
label{cursor:pointer}
html>body textarea,html>body input[type="text"],html>body select{
padding:2px 4px;border:2px solid #ccc;
border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px
}



#main,#sub,#footer,#header{position:relative;clear:both}
#main,#sub{padding:20px}
#footer,#header{padding:20px 0;color:#ccc}
#footer a,#header a{color:#80B1EE}
#container{width:960px;padding:0 10px;margin:auto;position:relative}

#header{height:28px}
#header ul{position:relative;float:right}
#header li{position:relative;float:left;margin-left:1px}
#header li a{display:block;width:88px;height:18px;line-height:18px;_height:20px;_line-height:20px;text-indent:.25em;font-size:12px;padding:8px 0 0 0;text-decoration:none;color:#fff}
#header li.my a{border:1px solid #343d55;background:#343d55}
#header li.my a:hover {background:transparent;color:#eee}
#header li.links a{border:1px solid #69821b;background:#69821b}
#header li.links a:hover {background:transparent;color:#eee}
#header li.loginout a{border:1px solid #ED6D3D;background:#ED6D3D}
#header li.loginout a:hover {background:transparent;color:#eee}
#header #welcome{position:absolute;bottom:0;right:0;text-align:right;font-size:15px}
#header #home{padding:2px 2px 9px 9px;font-size:150%;background:transparent url(/images/bg/3colors.gif) no-repeat scroll 0 100%;text-decoration:none}
#header #home:hover{background:transparent}

#footer h6{color:#fff;font-size:12px}
#footer{text-align:right}

#error-page{width:945px;padding-top:20px;margin:auto;color:#ccc}
#error-page a{color:#80B1EE}
#error-page h1{margin-top:80px;font-size:150%;font-weight:bold}
#error-page em{display:block;margin-top:80px}


html{
color:#333;
letter-spacing:0;
font-family:arial,helvetica,"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
-x-system-font:none;
font-size:83%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.4;
background-image:url(/images/bg/wood.jpg)
}
pre {
  background-color: #eee;
  padding: 10px;
  font-size: 13px;
  border:1px solid #aaa;
}
a {color:#1E50A2;text-decoration:underline}
a:hover {color:#80B1EE;text-decoration:none}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: inline-block;
  _display: inline;
  *+display: inline;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
  margin-left:1em;padding-left:1em;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}