@charset "UTF-8";

/*  
Theme Name: N-Pocket
Theme URI: http://www.n-pocket.jp/
Description: Theme for N-Pocket official Website designed by Pocket Kobo.
Version: 1.0 Alpha
Author: Pocket Kobo
Author URI: http://kobo.n-pocket.com/
*/

/*--ver.1217--*/

/* --- Initialization --- */

* { 
 font-weight: normal;
 font-style: normal;
 line-height: 1em;
 margin: 0;
 padding: 0;
 }

img {
 border-width: 0;
 }

strong { 
 font-weight: bold;
 }

/* --- Styles for Sizes and Layout of Block Elements --- 
         clear, display, float, height, left, margin, 
         padding, position, vertical-align, width        */

#container {
 width: 770px;
 }
 
/* #header */

#header {
 height: 70px;
 }
 
#site-id {
 float: left;
 width: 510px;
 height: 70px;
 }

#site-id img {
 width: 160px;
 height: 66px;
 }

#lang-and-zoom {
 float: right;
 width: 260px;
 height: 40px;
 }
 
#search {
 float: right;
 width: 260px;
 }

/* #global-nav */

#global-nav {
 clear: both;
 width: 770px;
 }

#global-nav ul {
 }

#global-nav li {
 margin-bottom: 0.5em;
 }
 
.speechonly {
 display: inline;
 margin: 0;
 padding: 0;
 position: absolute;
 top: -5000px;
 left: -5000px;
 }

.aural {
 display: inline;
 margin: 0;
 padding: 0;
 position: absolute;
 top: -5000px;
 left: -5000px;
 }
/* #content */

#content, #content-wide {
 padding-bottom: 3em;
 }
 
#content {
 width: 730px;
 padding-top: 20px;
 padding-left: 20px;
 padding-right: 20px;
 }

#content h1 {
 }

#content h2 {
 margin-top: 1.5em;
 clear: both;
 }

#content h3 {
 margin-top: 1.5em;
 margin-left: 0.5em;
 }

#content h3.square {
 padding-left: 4pt;
 margin-top: 1.5em;
 margin-left: 0.5em;
 }

#content h4 {
 margin-top: 1.25em;
 margin-left: 1em;
 }

#content h5 {
 margin-top: 1em;
 margin-left: 1em;
 }

#content p {
 margin-top: 1em;
 margin-left: 12pt;
 }

#content p#breadcrumb {
 margin: 0;
 }

#content p.breadcrumb {
 margin: 0;
 }

#content p.meta {
 margin: 0;
 }

#content p.subtitle {
 margin-left: 0;
 }

#content ul,#content ol,#content dl {
 margin-left: 30pt;
 margin-top: 1em;
 }

#content ul ul {
 margin: 0.5em 0 0.5em 2em;
 }

#content dt {
 margin-top: 0.5em;
 margin-bottom: 0.5em;
 }

#content dd {
 margin-left: 16pt;
 line-height: 1.5em;
 }

#content table {
 margin-top: 1em;
 }

#content th,#content td {
 padding: 5px;
 line-height: 1.5em;
 }

#content .tcw020 { width: 20px; }
#content .tcw100 { width: 100px; }
#content .tcw125 { width: 125px; }
#content .tcw150 { width: 150px; }
#content .tcw175 { width: 175px; }
#content .tcw200 { width: 200px; }

#content .kijiyoko { float:right; width:200px; margin: 1em 0 1em 1em; }
#content .kijiyoko img { width:200px; height:150px; }
#content .kijiyoko p { margin: 0; }
#content .kijitate { float:right; width:150px; margin: 1em 0 1em 1em; }
#content .kijitate img { width:150px; height:200px; }
#content .kijitate p { margin: 0; }

#whatsnew {
 margin: auto;
 width: 550px;
 }

#whatsnew dl {
 margin-left: 16pt;
 }

#whatsnew dd {
 margin: -1em 0 0.5em 5em;
 }

#content-policy,#content-sitemap,#content-search,#content-error { margin: 10pt 50pt 50pt 50pt; }
#content-policy h2,#content-policy h3,#content-policy ul,#content-policy ol,#content-policy p,#content-search h3,#content-error ul,#content-error p { margin-top: 1.5em; }
#content-policy h2 { margin-left: 20pt; }
#content-policy h3 { margin-left: 40pt; }
#content-policy ul { margin-left: 60pt; }
#content-policy ol { margin-left: 60pt; }
#content-policy li { margin-bottom: 1em; }
#content-policy p { margin-left: 50pt; }
#content-search p { margin-top: 0.5em; margin-bottom: 0.5em; }
#content-error ul { margin-left: 40pt; }

/* #local-nav */

#local-nav {
 width: 700px;
 margin: 20pt;
 }

#local-nav ul {
 }

#local-nav li {
 margin-bottom: 0.5em;
 }

#local-nav li ul {
 margin: 1.25em;
 }

/* #footer */

#footer {
 clear: both;
 width: 770px;
 height: 140px;
 }
 
address {
 margin-top: 10px;
 margin-right: auto;
 margin-left: auto;
 width: 750px;
 }
 
#badges {
 margin-top: 15px; 
 margin-right: auto;
 margin-left: auto;
 width: 100px; 
 }

/* --- Styles for Inline Elements and Others of Block 
Elements --- 
         background, border, border-collapse, color, font, 
         line-height, list-style, text-align, text-decoration      */

table {
 border: 2px solid #666666;
 border-collapse: collapse;
 }

table.noborder {
 border: 0;
 }

th, td {
 border: 1px solid #666666;
 }

th {
 font-weight:bold;
 }

td.noborder {
 border: 0;
 }

/* #header */

#header {
 background: url(./images/header-background.png);
 }

#search #searchsubmit,#search #s {
 font-size: 95%;
 }

#global-nav {
 background-color: #0099cc;
 }

#global-nav li {
 list-style-type: none;
 }

#global-nav li.current-cat {
  background-color:#dcdcdc;
 color: #000000;
 }

#global-nav a {
 font-size: 150%;
 text-align: left;
 text-decoration: none;
 font-weight: bold;
 color:#000;
 }

#global-nav a:hover {
 color:#000;
 background-color:#dcdcdc;
 }

/* #content */

#content,#content-wide,#content-policy,#content-search,#content-error {
 font-size: 150%;
 }

#breadcrumb {
 font-size: 0.9em;
 }

.breadcrumb {
 font-size: 0.9em;
 }

.meta {
 font-size: 0.9em;
 text-align: right;
 }

#whatsnew h2 {
 margin-top: 1em;
 margin-bottom: 0.5em;
 font-size: 1.25em;
 border-bottom: 1px solid #000;
 }

#content h1 {
 font-size: 1.5em;
 font-weight: bold;
 }

#content h2 {
 font-size: 1.25em;
 font-weight: bold;
 }

#content h2 a {
 font-weight: bold;
 }

#content h3 {
 font-size: 1.15em;
 font-weight: bold;
 }

#content h3 a {
 font-weight: bold;
 }

#content h3.square {
 border-left: 1.1em solid #aaaaaa;
 }

#content h3.square a {
 font-weight: bold;
 }

#content h4 {
 font-size: 1em;
 font-weight: bold;
 }

#content h4 a {
 font-weight: bold;
 }

#content h5 {
 font-size: 1em;
 font-weight: bold;
 }

#content h5 a {
 font-weight: bold;
 }

#content p {
 line-height: 1.5em;
 }

#content li {
 line-height: 1.5em;
 }

#content .kijiyoko { font-size: 0.8em; line-height: 1.25em; }
#content .kijitate { font-size: 0.8em; line-height: 1.25em; }

#content-policy h1,#content-search h1,#content-error h1 { font-size: 1.75em; font-weight: bold; }
#content-policy h2 { font-size: 1.5em; font-weight: bold; }
#content-policy h3,#content-search h3 { font-size: 1.25em; font-weight: bold; }
#content-policy li,#content-policy p,#content-error li,#content-search p,#content-error p { line-height: 1.5em; }

/* #local-nav */

#local-nav {
 font-size: 150%;
 }

#local-nav ul {
 background-color: #fffff0;
 border: 1px solid #dcdcdc;
 }

#local-nav li {
 list-style-type: none;
 font-size: 0.95em;
 }

#local-nav .current-cat {
 background-color: #eee;
 }

#local-nav .current-cat .children {
 background-color: #eee;
 }

#local-nav a {
 text-align: left;
 text-decoration: none;
 font-weight: bold;
 }

#local-nav a:hover {
 color:#000;
 background-color:#dcdcdc;
 }

#local-nav li ul {
 border-width: 0;
 }

#local-nav li li {
 list-style-type: disc;
 }

#local-nav li li a {
 font-weight: normal;
 }

/* #footer */

#footer {
 background-color:#dcdcdc;
 font-size: 0.9em;
 }
 
address {
 font-size: 140%;
 line-height: 1.5em;
 }