@charset "utf-8";
/**
 * デフォルトスタイル
 * @media screen
 * @version 0.1
 */

/*--------------------
クラススタイル
--------------------*/
.content-box { margin:0px auto; text-align: left; width: 800px; }
.return { text-align: center; }

/*--------------------
フォント
--------------------*/
body { font-family: verdana, tahoma, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }
.font-x-large { font-size: x-large; }
.font-large { font-size: large; }
.font-medium { font-size: medium; }
.font-small { font-size: small; }
.font-x-small { font-size: x-small; }
.font-xx-small { font-size: xx-small; }
.font-strong { font-weight: bold; }
.font-normal { font-weight: normal; }

/*--------------------
ポジション
--------------------*/
.position-top { vertical-align: top; }
.position-middle { vertical-align: middle; }
.position-bottom { vertical-align: bottom; }
.position-left { text-align: left; }
.position-center { text-align: center; }
.position-right { text-align: right; }
.position-left-block { display: block; float: left; }
.position-center-block { display: block; margin: 0 auto; }
.position-right-block { display: block; float: right; }

/*--------------------
注釈スタイル
--------------------*/
.comment { color: #ff0000; }
a .comment { font-size: x-small; vertical-align: top; }

/*--------------------
フォームスタイル
--------------------*/
.form-label { font-size: small; }
.form-label-shortcut { text-decoration: underline; }
.form-label-button { cursor: pointer; }
.form-textbox { -webkit-border-radius: 3px; -moz-border-radius: 3px; border: 1px solid #212121; padding: 2px; }
.form-button { -webkit-border-radius: 3px; -moz-border-radius: 3px; border: 1px solid #212121; padding: 1px; cursor: pointer; }
.form-radio-button { cursor: pointer; }
.form-checkbox { cursor: pointer; }
.form-select {}
.form-select-option {}
.form-submit:hover, .form-reset:hover { background-color: #f6c6a6; border-color: #c6a676; }

/*--------------------
ページ内リンクスタイル
--------------------*/
.page-scroll-navigation { margin: 0 2em; font-size: x-small; }
#AuthorListNavigation .page-scroll-navigation { font-size: medium; }

#JapaneseStylePictureForPopular .page-scroll-navigation-list,
#OiledPictureForPopular .page-scroll-navigation-list,
#ForeignAuthorForPopular .page-scroll-navigation-list,
#PotterForPopular .page-scroll-navigation-list {
	font-size: small;
	margin: -2.5em 3em 1em 0;
	}
#JapaneseStylePictureForPopular .page-scroll-navigation-list li,
#OiledPictureForPopular .page-scroll-navigation-list li,
#ForeignAuthorForPopular .page-scroll-navigation-list li,
#PotterForPopular .page-scroll-navigation-list li {
	width: auto;
	}

/*--------------------
タブスタイル
--------------------*/
.tabs { text-align: center; }
.tabs a { text-decoration: none; }
.tabs a:hover { text-decoration: underline; }

.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #f5f5f5  50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }

.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }

.ui-tabs { zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; border-bottom: 1px solid #aaaaaa; }
.ui-tabs .ui-tabs-nav li { position: relative; border-bottom-width: 0 !important; margin: 0 .2em -3px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 2px 10px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: -4px; padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: .5em 0; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*--------------------
メニュー
--------------------*/
.ui-dropdown, .ui-dropdown ul { list-style: none; }
.ui-dropdown ul { display: none;  }
.ui-dropdown li { display: inline-block; position: relative; }
.ui-dropdown-submenu, .ui-dropdown-submenu ul {
	position: absolute;
	border: 1px solid #c2c2c2;
	background-color: #f5f5f5;
	padding: 5px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 3px 3px 13px #aaa;
	}
.ui-dropdown-submenu ul { left: 100%; top: 0; width: 100px; min-width: 4em; max-width: 15em; }
.ui-dropdown-submenu li { display: list-item; position: relative; }


/*--------------------
リストスタイル
--------------------*/
.list-horizontal { list-style-type: none; }
.list-horizontal li { display: -moz-inline-box; display: inline-block; }


/*--------------------
モジュールスタイル
--------------------*/
.module { margin-top: 10px; }
.module-header {
	background: transparent url(images/default.png) no-repeat 0px -4px scroll;
	height: 35px;
	}
.module-header-end {
	background: transparent url(images/default.png) no-repeat 100% -4px scroll;
	display: block;
	font-size: medium;
	line-height: 30px;
	height: 35px;
	margin-left: 12px;
	}
.module-body {
	background: #f5f5f5;
	border: solid #c2c2c2;
	border-width: 0 1px 0px 1px;
	display: block;
	padding: 10px 0;
	}
.module-footer {
	background: transparent url(images/default.png) no-repeat 0px -74px scroll;
	height: 8px;
	}
.module-footer-end {
	background: transparent url(images/default.png) no-repeat 100% -74px scroll;
	text-align: right;
	height: 8px;
	width: 10em;
	float: right;
	}

.module-footer-end a { position: relative; top: -2em; }

#Inventory .module-header, #AuthorListNavigation .module-header, #Profile .module-header { background-position: 0px -39px; }
#Inventory .module-header-end, #AuthorListNavigation .module-header-end, #Profile .module-header-end { background-position: 100% -39px; }

/*--------------------
検索ボックススタイル
--------------------*/
#SearchBox {
	background: #dbd6d0 url(images/default.png) no-repeat scroll 0px -82px;
	width: 100%;
	height: 64px;
}
#SearchBox form {
	background: transparent url(images/default.png) no-repeat scroll 100% -82px;
	height: 64px;
	margin-left: 5px;
	text-align: center;
}
#SearchBox form div { padding-top: 10px; }
#SearchBoxKeywords { width: 15em; }

/*--------------------
カレンダースタイル
--------------------*/
#Calendar { border: 2px solid #c2c2c2; border-collapse: collapse; }
#Calendar th { color: #2c2c2c; background-color: #c2c2c2; }
#Calendar td { border: 1px solid #c2c2c2; }
#Calendar td.sunday { background-color: #ffeeee; }
#Calendar td.saturday { background-color: #eeeeff; }
#Calendar .saturday { color: #0000ee; }
#Calendar .sunday, #Calendar .holiday { color: #ff0000; }


/*--------------------
おしらせスタイル
--------------------*/
#Information dt { margin: 0 1em; border-bottom: 2px dotted #323232; }
#Information dd { margin: 0 1.5em; }
#Information p { margin: 0.1em 1em; }
#Information p.post-date { font-size: small; color: #656565; text-align: right; }

#Information #Calendar { text-align: center; margin: 1em auto; }
#Information #Calendar th, #Information #Calendar td { width: 4em; }
#Information #Calendar th {  height: 2em; }
#Information #Calendar td { height: 3em; }


/*--------------------
入荷情報スタイル
--------------------*/
#Inventory iframe { margin: 3px 12px; width: 364px; height: 200px; }

/*--------------------
入荷情報スタイル
--------------------*/
#Assessment .module-header {
	background: transparent url(images/default.png) no-repeat 0px -258px scroll;
	height: 5px;
	line-height: 5px;
	}
#Assessment .module-header-end  { background-position: 100% -258px; height: 5px; }
#Assessment h2  {
	margin: 0 .5em;
	font-size: large;
	color: #fa6502;
	text-align: center;
	border-bottom: 2px solid #fa6502;
	line-height: 1.2em;
	}
#Assessment p { padding: 0 1em; }
#Assessment ul { margin-left: 220px; list-style-type: square; }


/*--------------------
リンクスタイル
--------------------*/
#AuthorsNavigation .module-header {
	background: transparent url(images/default.png) no-repeat 0px -258px scroll;
	height: 5px;
	line-height: 5px;
	}
#AuthorsNavigation .module-header-end  { background-position: 100% -258px; height: 5px; }

/*--------------------
作家略歴スタイル
--------------------*/
#Biography hr { margin: 1em 2em; }
#Biography p { margin: 0 2em; font-size: small; }

.biography-list { margin: 0 2em; }
.biography-date { border-bottom: 2px dotted #000000; padding-left: 1em; margin-top: .35em; }
.biography-episode { margin: .25em 1em 0em 2em; }

#Profile dl { width: 160px; display: inline-block; margin-left: 1em; vertical-align: top; }
#Profile dt { border-bottom: 1px dotted #000000; font-size: small; margin-bottom: .25em; padding-left: .25em; }
#Profile dd { margin-left: 1em; padding: 0; }
#Profile p { display: inline-block; width: 200px; margin-left: 3px; }

/*--------------------
作家一覧スタイル
--------------------*/
.authors { margin: 0; padding: 0 1em; }
.authors li { width: 120px; margin: 2px 1px;  } 
.author-list-initial { font-size: large; border-bottom: 1px solid #c2c2c2; margin: .5em 1em; padding-left: 1em; }
.author-name { display: block; font-style: normal; border-bottom: 1px solid #c2c2c2; padding-left: .3em; }
.author-country, .author-year, .author-job, .author-award { display: block; font-size: x-small; line-height: 110%; text-align: right; }

.authors .note, .author-alias  { display:block; float: right; font-size: small; text-align: right; }
.authors .note { color: #2776ed; }
.author-alias  { color: #ef8638; }
.authors .small { font-size: x-small; }
.authors .smaller { font-size: xx-small; line-height: 100%; }

.authors .long { width: 245px; }

.authors a { color: #232323; text-decoration: none; line-height: 110%; padding: 3px; display: block; }
.authors a:hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #acdefe; }

.authors a:hover .author-name { border-color: #3c769e; }

#PopularAuthor li { width: 250px; overflow: hidden; text-align: left; margin: 0; }
#PopularAuthor .tabs li { width: auto; }
#PopularAuthor dl { position: relative; display: block; height: 50px; }
#PopularAuthor a { padding: 5px; }
#PopularAuthor .author-name { margin-left: 52px; padding-left: 1px; }
#PopularAuthor .author-icon { position: absolute; top: 0px; left: 0px; margin: 0; }
#PopularAuthor .author-year, #PopularAuthor .author-country, #PopularAuthor .author-award { font-size: small; }
#PopularAuthor .position-right-block { padding: 0 1.25em 0 0; font-size: small; text-decoration: none; color: #368cc7; }
#PopularAuthor .position-right-block img { vertical-align: middle; margin-top: -2px; }
#PopularAuthor .position-right-block:hover { color: #ef8638; }

/*--------------------
在庫一覧スタイル
--------------------*/
#Inventory {}
#InventoryList { list-style: none; padding-left: 5px; }
#InventoryList li {
	display: inline-block;
	background-color: #afafaf;	
	vertical-align: top;
	width: 245px;
	margin: 5px 2px;
	padding: 5px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

#InventoryList dl, #InventoryList table {
	position: relative;
	width: 100%;
	}
#InventoryList dt, #InventoryList th {
	font-size: x-small;
	font-weight: normal;
	text-align: center;
	}
#InventoryList dt,#InventoryList dd {
	display: inline-block;
	}
#InventoryList dt {
	width: 40px;
	}
#InventoryList dd {
	width: 200px;
	margin-left: 0;
	}
#InventoryList table dd, #InventoryList td {
	font-size: small;
	text-align: center;
	width: inherit;
	}
#InventoryList .left-side { width: 160px; }
#InventoryList .right-side { width: 80px; }

/*--------------------
ヘッダスタイル
--------------------*/
#Header .content-box { height: 48px; position: relative; }
#HeaderNavigator {
	color: #448aca;
	display: block;
	font-size: 90%;
	left: 300px;
	position: absolute;
	text-align: right;
	top: 8px;
	width: 500px;
	}
#HeaderNavigator p { line-height: 120%; }
#HeaderNavigator a img { vertical-align: bottom; }
#HeaderNavigator a { color: #448aca; font-weight: bold; text-decoration: none; }
#HeaderNavigator a:hover { color: #eb6100; }

/*--------------------
フッタスタイル
--------------------*/
#FooterNavigator {
	border-top: 1px solid #d9d9d9;
	padding: 3px 0;
	}
#FooterCorporation {
	background: transparent url(images/default.png) repeat scroll 0px 116px;
	border-top: 1px solid #c2c2c2;
	color: #323232;
	min-height: 110px;
	}
#FooterNavigator a { color: #323232; text-decoration: none; }
#FooterNavigator a:hover { text-decoration: underline; }

/*--------------------
コンテナスタイル
--------------------*/
#Container {
	text-align: center;
	width: 100%;
	}
#Header {
	background: #caeeff url(images/default_background-header.gif) repeat scroll 0px 0px;
	border-bottom: 2px solid #3399ff;
	height: 64px;
	}
#Footer { border-top: 1px solid #e3e3e3; font-size: small;}
#Navigatior {}
#BreadCrumbs {}
#Content {
	margin: 15px auto;
	}
#ContentLeft, #ContentRight {
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	width: 395px;
	}
#ContentRight { margin-left: 2px; }

/*--------------------
タグスタイル
--------------------*/
body {
	color: #323232;
	background-color: #ffffff;
	}
img,fieldset { border: none; }
p { line-height: 150%; }
h1 { padding-top: 8px; }
a[href] { color: #2776ed; }
a[href]:visited { color: #ef8638; }
a[href]:hover { color: #104e9d; }
dfn { font-style: normal; }
a[href^='#'] { text-decoration: none; }
body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,p,table,form,fieldset { margin: 0; }
body,div,h2,h3,h4,h5,h6,ul,ol,dl,p,th,td,form,fieldset { padding: 0; }

/*--------------------
Firefox2用フィックス
--------------------*/
.fix-firefox2 { display: block; width: 100%; }