@charset "UTF-8";

/* -------共通------- */

body{
  color:#666666;
  font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
  font-size:90%;
  text-align:left;
  background:#fff;
  margin:0;
  padding:0;
}
img {
  vertical-align: bottom;
}

#linkbar{
  height:30px;
	background:url(../img/common/topbar_bg.gif) repeat-x;
  position:fixed;
  left: 0;
  width:100%;
  z-index:1000;
}
#sitelink{
  margin:0 auto 0 auto;
	padding:0;
  width:840px;
}
#sitelink img{
  border:none;
}

#wrapper{
  margin:0 auto 0 auto;
  padding:30px 0 0 0;
  width:840px;
  background:#ffe56f url(../img/common/bg.jpg) repeat-y center top;
}

h1,h2,h3,h4,h5{
  margin:0;
  padding:0;
}

ul{
  margin:0;
  padding:0;
  list-style:none;
}

li{
  margin:0;
  padding:0;
}

p{
  margin:0;
  padding:0;
}

a{
  color:#ff6600;
}

a:hover{
  color:#33CCCC;
}

img{
  margin:0;
  padding:0;
}

iframe{
  margin:0;
  padding:0;
}

.clear_float{
  clear:both;
  margin:0;
  padding:0;
  height:0;
	width:0;
}

* html .clear_float{
  display:inline;
}

:root *> input[type="text"] {
  margin-bottom:5px;
}


/* -------ヘッダー------- */
#header{
  margin:0 auto 0 auto;
  width:800px;
  background:#ffffff;
}

#libre_logo{
	padding-top:10px;
	height:70px;
	margin:0;
	float:left;
}

#libre_logo_compact{
	padding-top:10px;
	height:50px;
	margin:0;
	float:left;
}

/* -------メニュー１------- */
#header_main_navi{
	padding-top:10px;
	float:right;
	font-size:14px;
	width:660px;
	text-align:right;
}

#header_main_navi_compact{
	padding-top:20px;
	float:right;
	line-height:20px;
	font-size:12px;
	text-align:right;
}
#header_main_navi_compact * {
	vertical-align:top;
}

#header_main_navi a, #header_main_navi_compact a {
  text-decoration:none;
	color:#666666;
	font-weight:bold;
}
#header_main_navi a:hover, #header_main_navi_compact a:hover {
  text-decoration:none;
	color:#ff6600;
	font-weight:bold;
}

/* -------メニュー２------- */

#header_sub_navi{
	padding-top:5px;
	float:right;
	width: 660px;
	height: 40px;
}

ul#header_sub_navi {
  float:left;
  overflow:hidden;
}
ul#header_sub_navi li {
  float:left;
}
ul#header_sub_navi li a {
  display: block;
}

ul#sub_navi_menu li {
    float: left;
    margin: 0;
    padding: 0;
}
ul#sub_navi_menu li a {
    display: block;
    width: 130px;
    height: 40px;
    background-image: url(../img/common/sub_navi_menu.jpg);
    background-repeat: no-repeat;
}
#sub_navi_menu_1 {
	background-position: 0 0;
}
#sub_navi_menu_1:hover {
	background-position: 0 -40px;
}
#sub_navi_menu_2 {
	margin-left: 4px;
	background-position: -130px 0;
}
#sub_navi_menu_2:hover {
	background-position: -130px -40px;
}
#sub_navi_menu_3 {
	margin-left: 4px;
	background-position: -260px 0;
}
#sub_navi_menu_3:hover {
	background-position: -260px -40px;
}
#sub_navi_menu_4 {
	margin-left: 4px;
	background-position: -390px 0;
}
#sub_navi_menu_4:hover {
	background-position: -390px -40px;
}
#sub_navi_menu_5 {
	margin-left: 4px;
	background-position: -520px 0;
}
#sub_navi_menu_5:hover {
	background-position: -520px -40px;
}
#sub_navi_menu_6 {
	margin-left: 4px;
	background-position: -650px 0;
}
#sub_navi_menu_6:hover {
	background-position: -650px -40px;
}
ul#sub_navi_menu a span {
    display: none;
}

#sub_navi_search{
	float:left;
	height:35px;
	padding-top:8px;
	overflow:hidden;
}
#sub_navi_search ul{
	float:left;
	overflow:hidden;
}
#sub_navi_search li{
	float:left;
	width:400px;
}
#sub_navi_search div.page_search{
	margin-top:1px;
	vertical-align:top;
	padding-left:5px;
	padding-right:5px;
}
#page_search_left input[type="text"] {
	width: 230px;
	padding-left: 20px;
	background: url(../img/common/page_search_blank.gif) #ffffff no-repeat;
}
#page_search_right input[type="text"] {
	width: 210px;
	padding-left: 20px;
	background: url(../img/common/book_search_blank.gif) #ffffff no-repeat;
}
#sub_navi_search div.page_search input[type="image"] {
	height: 20px;
	position: relative;
	top: 5px;
}
#sub_navi_search li#page_search_left{
	background:#555555;
	color:#ffffff;
}
#sub_navi_search li#page_search_right{
	background:#888888;
	color:#ffffff;
}

#twitter, #blog, #enquete {
  width:76px;
  padding-right:5px;
}

/* -------ページ検索------- */

li#page_search {
  width:415px;
	height:34px;
  background:url(../img/common/page_search.gif) center no-repeat;
	background-position:top;
	display:inline;
}

div#page_search {
  padding-left:85px;
	vertical-align:top;
	margin-top:1px;
}

* html div#page_search {
	margin-top:5px;
  padding-left:85px;
  vertical-align:top;
}

div#page_search input[type="text"] {
  width:250px;
	height:16px;
  color:#666;
	vertical-align:middle;
	background: url(../img/common/page_search_blank.gif) #ffffff no-repeat;
	padding: 3px 2px 1px 20px;
}

div#page_search input[type="image"] {
  height:20px;
	position: relative;
  top: 5px;
}

/* -------発行物カテゴリ------- */

div#pub_category {
  width: 800px;
  height: 40px;
}

.nav_title_text_l{
  font:bold 14px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  line-height:26px;
}

.nav_title_text_s{
  font:bold 10px Arial, Helvetica, sans-serif;
  line-height:6px;
}
.nav_title_text_s, x:-moz-any-link{
  line-height:7px;
}


ul#pulldown-menu a {
  color: #ffffff;
  text-decoration: none;
}
ul#pulldown-menu a:link,
ul#pulldown-menu a:visited {
  background: url(../img/common/pub_category_bg.gif);
}
ul#pulldown-menu a:hover,
ul#pulldown-menu a:active {
  background: url(../img/common/pub_category_bg2.gif);
}

ul#pulldown-menu li {
  float: left;
  position: relative;
  margin:0;
  padding:0;
  width: 100px;
  z-index:500;
}
ul#pulldown-menu li a {
  background: #d6d6ad;
  display: block;
  width: 98px;
  text-align: center;
  border: 1px solid #d6d6ad;
}

/* 下層のメニューを不可視に */
ul#pulldown-menu li ul {
  display: none;
}

/* 疑似要素 :hover で下層のメニューを可視に */
ul#pulldown-menu li:hover ul {
  display: block;
  position: absolute;
  z-index: 100;
}

ul#pulldown-menu li ul li {
  float: none;
  margin: 0;
  font-weight: normal;
  height:29px;
}



/* -------リブレ通販カテゴリ------- */

#online_shop_category{
	width: 800px;
	height: 40px;
}

ul#online_shop_category li {
  display:inline;
  float:left;
}

#online_shop, #new_release, #detail_search {
  padding:5px 6px 5px 0;
}
*:first-child+html #online_shop, #new_release, #detail_search {
  padding:5px 6px 5px 0;
}


/* -------発行物検索------- */

li#book_search {
  width:415px;
	height:40px;
  background:url(../img/common/book_search.gif) center no-repeat;
	background-position:top;
}

div#book_search {
  margin-top:3px;
  padding-left:85px;
	vertical-align:top;
}

* html div#book_search {
  margin-top:6px;
  padding-left:85px;
	vertical-align:top;
}

div#book_search input[type="text"] {
  width:250px;
	height:16px;
  color:#666;
	vertical-align:middle;
	background: url(../img/common/book_search_blank.gif) #ffffff no-repeat;
	padding: 3px 2px 1px 20px;
}

div#book_search input[type="image"] {
	position: relative;
  top: 5px;
}



/* -------内容------- */

#contents{
  margin:0 auto 0 auto;
  width:800px;
  background:#ffffff;
	padding:0 0 0 10px;
}





/* -------フッター------- */
#top_footer{
  margin:0 auto 0 auto;
  width:535px;
  height:125px;
  background:#ff9024 url(../img/common/footer_top_back.gif) no-repeat top;
}

#footer_area{
  margin:0 auto 0 auto;
  width:800px;
  overflow:hidden;
}

#footer{
  height:125px;
  width:740px;
  background:#ff9024 url(../img/common/footer_back.gif) no-repeat top;
  float:left;
}

#footer_navi{
  padding:20px 0 0 30px;
  color:#ffffff;
	font-size:95%;
	line-height:150%;
}

#top_footer a,
#footer a{
  color:#ffff99;
	text-decoration:none;
}

#top_footer a:hover,
#footer a:hover{
  color:#33ffff;
	text-decoration:none;
}

#bg_bottom {
  margin:0 auto 0 auto;
  width:840px;
	height:18px;
  background:#ff9024 url(../img/common/bg_bottom.gif) no-repeat top;
}

#secure_logo {
  float:right;
  width:50px;
  padding:25px 0 0 0;
  text-align:center;
}


/* -------共通デザイン------- */

.menu_back {
	background:#eef9fb;
	border-color:#cccc99;
	border-width:1px;
	border-style:solid;
}

.white_back {
	background:#ffffff;
	border-color:#cccc99;
	border-width:1px;
	border-style:solid;
}

.yellow_back {
	background:#fffbe9;
	border-color:#cccc99;
	border-width:1px;
	border-style:solid;
}

.green_title_back {
  background-color:#53d1e8;
	padding:1px 5px;
	border:solid #cccccc 1px;
}

.orange_title_back {
  background-color:#ff9933;
	padding:1px 5px;
	border:solid #cccccc 1px;
}

.dot_line {
	height:5px;
	border-top:dashed 1px #33CCCC;
}

.double_line {
	height:5px;
	border-top:double #33CCCC;
}

/* -------スクロール表示------- */

.inline_list {
	margin:0 auto 0 auto;
	padding:0;
	clear:both;
	overflow:scroll;
}