html {
 height: 100%;
}

a {
 color: #212f88;
}
a:hover {
 color: #e02c2c;
}
strong {
 font-weight: bold;
}

/* body */
body {
 min-height: 100%;
 background: url("../../images/bg.jpg");
}

/* wrap */
#wrap {
 margin: 0;
}

/* header */
#header {
 padding: 28px 25px 0;
}
#header .logo {
 width: 310px;
 height: 30px;
 overflow: hidden;
 background: url(../../images/npo_logo.gif) no-repeat;
 text-indent: -9999px;
}
#header .logo a {
 display: block;
 width: 100%;
 height: 100%;
}
#header h1 {
 margin-top: 8px;
 width: 530px;
 height: 22px;
 overflow: hidden;
 background: url(../../images/h1.gif) no-repeat;
 text-indent: -9999px;
}
#header h1 a {
 display: block;
 width: 100%;
 height: 100%;
}
#header .explanation {
 margin-top: 24px;
 line-height: 1.4;
}


/* contents */
#contents {
}

/* footer */
#footer {
 margin: 0.5em 25px 0;
 padding-top: 0.5em;
 padding-bottom: 1em;
}
#footer .copyright {
 border-top: dotted 1px #999;
 padding-top: 0.5em;
 padding-bottom: 1em;
 margin-top: 0.5em;
 text-align: center;
 font-size: 93%;
}

/* quick search */
.quicksearch {
 margin-top: 20px;
 margin-left: 25px;
 font-size: 93%;
}
.quicksearch a {
 display: inline-block;
 line-height: 1;
 border: 1px solid #3D4DA7;
 margin-right: 4px;
 padding: 0.4em 1em 0.4em 0.5em;
 padding: 0.5em 1em 0.2em 0.5em\9;
 background: url(../../images/arw_red.gif) no-repeat right center #FFF;
 text-decoration: none;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

/* search */
.search{
 white-space: nowrap;
 margin-top: 20px;
 margin-left: 25px;
 margin-bottom: 4px;
 padding-bottom: 18px;
 background: url(../../images/form_btm.gif) no-repeat 16px bottom;
}
.search_form {
 display: inline;
 padding: 10px 12px 10px 10px;
 background: #FFC;
 border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
}
.search_form .title{
 width: 20em;
}
.search_form .submit_btn{
 vertical-align: middle;
 padding-left: 6px;
 padding-right: 6px;
}
.search_form a{
 font-size: 85%;
}
.submit_btn:hover {
 filter: alpha(opacity=50);
 -moz-opacity: 0.50;
 opacity: 0.50;
}

/* search_result */
.search_result {
 background: #FFF;
}

.contents_navi {
 background: #FFF;
 padding: 1em 25px 0.5em;
}
.page_info {
 margin-bottom: 0.5em;
 line-height: 1.4;
}
.page_navi {
 margin-bottom: 0.2em;
 white-space: nowrap;
}
.page_navi a {
 display: inline-block;
 line-height: 1;
 border: 1px solid #3D4DA7;
 margin-right: 4px;
 padding: 0.3em 0.5em;
 padding: 0.4em 0.5em 0.2em\9;
 background: #FFF;
 text-decoration: none;
}

/* table - common */
table {
 border-left: 2px solid #FFF;
 border-right: 1px solid #FFF;
 border-top: 1px solid #FFF;
 border-bottom: none;
 margin: 0 24px;
}
caption {
 display: none;
}
tr {
 border-bottom: 1px solid #D0D0D0;
}
tr:hover {
 background: #f1f6fd;
}
tr th {
 text-align : center;
 font-weight: bold;
 white-space: nowrap;
 background: #bdd6f5;
 border-bottom: 4px solid #FFF;
}
tr th,
tr td {
 padding: 0.4em 1em;
 border-left: 3px solid #FFF;
}
tr td {
 border-left: 1px solid #F3F3F3;
}

/* search_result */
.search_result td.media,
.search_result td.cc,
.search_result td.ad {
 text-align: center;
 font-size: 116%;
 white-space: nowrap;
}
.search_result td.title {
 font-size: 116%;
}
.search_result .link_moreinfo {
 text-align: center;
 padding: 0;
 width: 28px;
}

.search_result .link_moreinfo a {
 display: block;
 overflow: hidden;
 height: 20px;
 width: 28px;
 background: url(../../images/info_icon.gif) no-repeat center center;
 text-indent: -9999px;
}
.search_result .link_moreinfo a:hover {
 background-image: url(../../images/info_icon_hover.gif);
}


/* disc_info */
.disc_info {
 background: #FFF;
 margin-top: 1em;
}
.disc_info table{
 border-top: 1px solid #D0D0D0;;
}
.disc_info .disc_info_title {
 margin: 0 25px 1em;
 padding-top: 0.5em;
 padding-left: 1em;
 font-size: 138.5%;
 font-weight: bold;
}
.disc_info td {
 font-size: 108%;
}

/* search_more */
.search_more {
 background: #FFF;
 padding: 1em 25px 2.5em;
}
.search_more h2 {
 font-size:  138.5%;
}
.search_more .note {
 margin: 0.5em 0 2em;
 line-height: 1.5;
}
.search_more form {
 width: 38em;
 margin: 0 auto;
}
.search_more dl dt {
 width: 7em;
 padding-top: 0.3em;
 float: left;
}
.search_more dl dd {
 margin-bottom: 0.8em;
}
.search_more dl dd ul li {
 display: inline;
 white-space: nowrap;
 margin-right: 0.5em;
 line-height: 1.5;
}

.search_more .title,
.search_more .actor,
.search_more .director {
 width: 30em;
}
.search_more .submit_btn {
 margin-left: 7em;
}


/* admin */
.login {
 margin: 2em auto;
 padding: 1em 1em 0.5em;
 width: 12em;
 border: 1px dotted #666;
 background: #FFF;
}
.login h3 {
 margin-bottom: 0.8em;
 text-align: center;
}
.login p {
 margin-bottom: 0.5em;
}
.login p.error {
 color: #F00;
}
.logoff {
 position: absolute;
 top: 4px;
 right: 10px;
 color: #F00;
 background: #FFF;
 padding: 4px 4px 4px 8px;
 border: 2px solid #CCC;
}
.logoff p,
.logoff form {
 float: left;
 margin-right: 4px;
}
.logoff p {
 line-height: 2;
}
.logoff form input {
 padding: 0 0.5em;
 font-size: 93%;
}
.confirm {
 font-size: 123.1%;
 font-weight: bold;
 color: #F00;
}
.system_msg {
 margin: 0 24px;
 padding: 2em 0;
}
.system_msg p {
 margin-bottom: 1em;
}
td input {
 width: 40em;
}
tr.cc td input,
tr.ad td input,
tr.initial td input,
tr.media td input,
tr.dvdrelease td input,
tr.asin td input,
tr.price td input {
 width: 10em;
}

.edit_btns {
 margin: 0.5em 0 1em 3em;
}
.edit_btns input {
 display: inline-block;
 line-height: 1.5;
 color: #3D4DA7;
 border: 1px solid #3D4DA7;
 margin-right: 4px;
 padding: 0.1em 1em;
 padding: 0.4em 0.5em 0.2em\9;
 background: #FFF;
 text-decoration: none;
}
.edit_btns input:hover {
 cursor: pointer;
 color: #e02c2c;
}
.need input {
 border: 2px solid #F00;
}