/*
Theme Name: OdysseusTry
Theme URI: Not for distribution
Description: This is original theme that was written for www.d-works.net
Version: 0.01
Author: Naoki Nakayama
Author URI: http://www.d-works.net/
*/

/*page structure*/
* {padding:0;margin:0;}
* ul, ol,li {margin:0;padding:0;list-style:none;}
* a img,:link img,:visited img {border:none;}
* a {outline:none;border:none;color:#bbb;text-decoration:none;}
* a, a:visited {color:#444;text-decoration:none;}
* a:hover {color:#27d;text-decoration:none;}
* img {border:none;vertical-align:bottom;}
.clear {clear:both;}
hr {display:none;}

html, body {
	height:100%;
	width:100%;
	font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #444;
	background:#fff;
	line-height:150%;
	text-align:left;
}

#wrapper {
	width:860px;
	margin:0 auto;
	background:#ffffff;
}

#header {
	width:860px;
	height:80px;
	background:#3c3c3c;
	/*background:transparent url(./images/odysseus_image.jpg) 0 0 no-repeat;*/
	padding:20px 0 0;
	/*margin-bottom:10px;*/
}

#includes {
	width:798px;
	height:56px;
	padding:14px 31px 10px;
	background:#fff;
	/*background:transparent;*/
}

#logo {
	float:left;
	width:212px;
	height:56px;
	background:#fff;
}

#search {
	float:right;
	margin-top:35px;
	height:18px;
	padding:3px 0px 3px 24px;
	background:#fff url(./images/loope.jpg) 0 0 no-repeat;
}

* html #search {
	margin-top:-20px;
	margin-left:557px;
}

#container {
	width:860px;
	position:relative;
}

#number_place {
	text-align:right;
	position:absolute;
	right:10px;
	top:-68px;
}

#number_place a {
	text-align:right;
}


#book_top {
	text-indent:-9999px;
	width:860px;
	height:20px;
	background:#ffffff url(./images/booktop.jpg) 50% 0 no-repeat;
}

#book_base {
	background:#ffffff url(./images/bookbase.jpg) 50% 0 repeat-y;
	padding:20px 0;
	width:860px;
}

#block01 {
	float:left;
	width:829px;
}

#menu_left {
	float:left;
	width:31px;
	height:604px;
	text-indent:-9999px;
}

div.menuleft {
	position:relative;
	width:31px;
	height:120px;
	background:transparent url(./images/btn_base01.jpg) 0 0 no-repeat;
	margin-bottom:1px;
}

div.btn {
	position:absolute;
	top:0;
	left:0;
}

div.btn2 {
	position:absolute;
	top:0;
	left:0;
}

a.switch {
	display:block;
	width:31px;
	height:120px;
	text-indent:-9999px;
}

#btn_l1 {
	width:31px;
	height:120px;
	background:transparent url(./images/home_btn.jpg) 100% 0 no-repeat;
}

#btn_l2 {
	width:31px;
	height:120px;
	background:transparent url(./images/newrelease_btn.jpg) 50% 0 no-repeat;
	display:none;
}

#btn_l3 {
	width:31px;
	height:120px;
	background:transparent url(./images/puzzle_btn.jpg) 50% 0 no-repeat;
	display:none;
}

#btn_l4 {
	width:31px;
	height:120px;
	background:transparent url(./images/mook_btn.jpg) 50% 0 no-repeat;
	display:none;
}

#btn_l5 {
	width:31px;
	height:120px;
	background:transparent url(./images/dvd_btn.jpg) 50% 0 no-repeat;
	display:none;
}

#main {
	float:right;
	position:relative;
	width:643px;
	background:transparent url(./images/paperclip.jpg) 0 0 no-repeat;
	margin:0 10px;
	padding:50px 45px 0px 90px;
	min-height:150px;
	height: auto !important;
	height: 150px;
}

* html #main {
	margin-right:5px;
}

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
#main:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#main { display:inline-table; }

/* Mac IE には適用させない \*/
* html #main { height:1px; }
#main { display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */

#menu_right {
	float:right;
	width:31px;
	height:605px;
	text-indent:-9999px;
	position:relative;
}

div.menuright {
	position:relative;
	width:31px;
	height:120px;
	background:transparent;
	margin-bottom:1px;
}

#btn_r1 {
	width:31px;
	height:120px;
	background:transparent url(./images/home_btn02.jpg) 100% 0 no-repeat;
	display:none;
}

#btn_r2 {
	width:31px;
	height:120px;
	background:transparent url(./images/newrelease_btn02.jpg) 100% 0 no-repeat;
}

#btn_r3 {
	width:31px;
	height:120px;
	background:transparent url(./images/puzzle_btn02.jpg) 100% 0 no-repeat;
}

#btn_r4 {
	width:31px;
	height:120px;
	background:transparent url(./images/mook_btn02.jpg) 100% 0 no-repeat;
}

#btn_r5 {
	width:31px;
	height:120px;
	background:transparent url(./images/dvd_btn02.jpg) 100% 0 no-repeat;
}

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
#book_base:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#book_base { display:inline-table; }

/* Mac IE には適用させない \*/
* html #book_base { height:1px; }
#book_base { display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */

#book_bottom {
	text-indent:-9999px;
	width:860px;
	height:20px;
	background:#ffffff url(./images/bookbottom.jpg) 50% 0 no-repeat;
}

#footer {
	position:relative;
	text-align:center;
	width:860px;
	height:45px;
	padding-top:10px;
	background:#fff url(./images/credit.jpg) 50% 100% no-repeat;
}

#totop_btn {
	position:absolute;
	top:35px;
	right:0px;
}


/*form関連*/

form#searchform {
	height:18px;
	padding:0px;
}

input[type=text] {
	border:1px solid #ddd;
	padding:2px;
	font-size:11px;
	color:#999;
	height:12px;
	width:175px;
	margin:0px;
}

* html input#s {
	border:1px solid #ddd;
	padding:2px;
	font-size:11px;
	color:#999;
	height:10px;
	width:175px;
	margin:0px;
}

input[type=text]:focus {
	border:1px solid #ddd;
	background:#ddd;
	color:#666;
	padding:2px;
	font-size:11px;
}

input[type=image] {
	margin-bottom:-5px;
	width:32px;
	height:18px;
}

*:first-child+html input[type=image] {
	margin-bottom:-4px;
}

* html input#searchsubmit {
	margin-bottom:-5px;
}

input.focus {
	border:1px solid #ddd;
	padding:2px;
	background:#ddd;
	color:#666;
}

/*page format*/

h2 {
	background:#fff;
	border:1px solid #336666;
	padding:2px;
	color:#336666;
	font: 14px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight:bold;
	margin-bottom:20px;
}

.post {
	margin-bottom:10px;
}

.post h2 {
	background:transparent url(./images/headmark.jpg) 0 0 no-repeat;
	padding:19px 2px 2px 50px;
	color:#336666;
	margin-bottom:5px;
	border:none;
}

h3 {
	color:#3c3c3c;
	font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight:bold;
	margin-top:15px;
}

p.comment {
	margin-top:5px;
	margin-left:10px;
	text-align:justify;
	text-justify:inter-ideograph;
	line-break: normal;
	word-break:break-all;	/*for safari,chrome*/
}

p.floatRight {
	text-align:right;
	margin-top:0px;
}

ul.list {
	width:600px;
	margin-bottom:20px;
}

ul.list li {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	height:35px;
}

li.first {
	width:70px;
	font-weight:bold;
	background:#fafafa;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	padding-left:10px;
	padding-top:15px;
}

li.second {
	width:400px;
	padding-top:10px;
}

ul.inblock {
	padding:5px 0 0 20px;
}

.block {
	font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#666;
	line-height:150%;
	margin:10px 0;
	padding:10px;
	background:#fff;
	border:1px dotted #666;
}

.block h4 {
	font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight:bold;
	color:#444444;
	border-bottom:1px dotted #666;
	margin-bottom:10px;
}

.browser {
	font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#666;
	line-height:150%;
	margin:10px 0;
	padding:15px 10px 10px 10px;
	background:#fff;
	border:1px dotted #666;
}

.strong {
	display:block;
	font-weight:bold;
	margin:10px 0 5px 0;
	padding:2px 0 0;
	border-bottom:1px dotted #666;
}


/*Post 関連*/

.entry img {
	float:left;
	margin:0 5px 5px 0;
}

.entry strong {
	color:#336666;
	font-weight:bold;
}

.entry {
	border-bottom:1px solid #eaeaea;
	padding-bottom:10px;
}

#pickup {
	float:left;
	width:280px;
}

#pickup img {
	width:75px;
}

#playland {
	float:right;
	width:282px;
	border:1px solid #eaeaea;
	padding:10px 10px 0;
}

#playland img {margin-bottom:10px;}

#packed {
	width:665px;
	margin-left:-15px;
}

* html #packed {width:658px;}

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
#packed:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#packed { display:inline-table; }

/* Mac IE には適用させない \*/
* html #packed { height:1px; }
#packed { display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */


/*pagenavi*/

.tablenav {
	color: #2583ad;
	background:transparent;
	margin: 1em auto;
	line-height:2em;
	text-align:left;
}

a.page-numbers, .tablenav .current {
	color: #328ab2;
	padding: 2px .4em;
	border:solid 1px #328ab2;
	text-decoration:none;
	font-size:9px;
}

a.page-numbers:hover {
	color:white;
	background: #328ab2;
}

.tablenav .current {
	color: white;
	background: #328ab2;
	border-color: #328ab2;
	font-weight:bold:
}

.tablenav .next, .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:none;
	font-size:9px;
	font-weight:normal;
}