@charset "Shift_JIS";
/* --- 全体の背景・テキスト --- */
body {
	font-family: 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', Arial, Helvetica;
  margin: 0;
  padding: 0;
  background-color: #fbd8b5;
  color: #404040;
  font-size: 80%;
}
/* --- 全体のリンクテキスト --- */
a:link {
  color: #330000;
  text-decoration: none;
}

a:visited {
  color: #330000;
  text-decoration: none;
}

a:hover {
  color: #663300;
  text-decoration: underline;
}

a:active {
  color: #c07100;
  text-decoration: none;
}

/* --- 全体のリスト --- */
ul {
  margin: 0;
  padding: 0;
}

li {
  list-style-type: none;
}
/* --- 全体の画像 --- */
img {
  border: none;
}

/* 入力エリア 半角英数字のみに入力制限 */
input.hankakuEisu {
  ime-mode: disabled;
}

/* 入力エリア 半角英数字を初期値に入力制限 */
input.hankakuToZenkaku {
  ime-mode: inactive;
}

/* 入力エリア 日本語を初期値に入力制限 */
input.zenkakuToHankaku, textarea.zenkakuToHankaku {
  ime-mode: active;
}

/* --- 水平線（回り込み解除用非表示） --- */
hr.clear {
  clear: both;
  width: 100%;
  margin: 0;
  visibility: hidden; /* 非表示 */
}

/* --- コンテナ --- */
#container {
  width: 980px;
  margin: 0 auto; /* センタリング */
  background-color: #ffffff;
  border-left: 1px #c0c0c0 solid;
  border-right: 1px #c0c0c0 solid;
}

/* --- ページ --- */
#page {
  width: 951px;
  margin: 0 auto; /* センタリング */
}

/* --- ▼ヘッダ内の設定開始 --- */
/* --- ヘッダ --- */
#header {
  position: relative;
  width: 100%;
  margin: 0 0 10px;
  padding: 10px 0 0;
}

/* --- サイトタイトル --- */
#header h1.siteTitle, #header p.siteTitle {
  margin: 7px 0 0;
  font-size: 200%;
}
/* --- サイトタイトルのリンク --- */
#header h1.siteTitle a, #header p.siteTitle a {
  display:inline-block;
  margin-bottom: 7px;
}

/* サイトタイトルの画像 */
#header h1.siteTitle img, #header p.siteTitle img {
  border: none;
}

/* --- キャッチフレーズ --- */
#header p.catch {
  margin: 0 0 10px;
}

#header p.catch strong {
  font-weight: normal;
}

/* --- ガイドメニュー --- */
#header ul.guide {
  position: absolute;
  top: 40px;
  right: 10px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* メニュー項目 */
#header ul.guide li {
  display: inline;
  padding: 0 4px 0 8px;
  background: url(../images/menu_line_gray.gif) no-repeat left;
}

/* 最初の項目 */
#header ul.guide li.first {
  background: none; /* 区切り線なし */
}

/* --- ヘッダメニュー --- */
#header ul.nl {
  width: 945px;
  margin: 0;
  padding: 0;
  background: #847b65 url(../images/hor_menu8_off.gif) repeat-x top;
  border: 1px solid;
  border-color: #50231c #cbc0a7 #cbc0a7 #50231c;
  list-style-type: none;
  text-align: center;
  letter-spacing: 0.2em;
  font-size: 120%;
}

/* メニュー項目 */
#header ul.nl li {
  width: 189px;
  float: left;
  line-height: 100%;
  color: #fff;
}
/* --- ガイドメニューその二 --- */
#header ul.guide2 {
  position: absolute;
  top: 60px;
  right: 10px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
/* メニュー項目その二 */
#header ul.guide2 li {
  display: inline;
  padding: 0 4px 0 8px;
  background: url(../images/menu_line_gray.gif) no-repeat left;
}

/* 最初の項目その二 */

#header ul.guide2 li.point{
 background: #dc3a3b;
 color:#ffffff;
 padding:3px 2px;
}



/* リンクエリア */
#header ul.nl li a {
  display: block;
  position: relative; /* IE6用 */
  padding: 10px 2px;
  border: 1px solid;
  border-color: #cbc0a7 #50231c #50231c #cbc0a7;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
}

/* ポイント時とアクティブ時の設定 */
#header ul.nl li a:hover, #header ul.nl li.active a {
  background: #d5c3af url(../images/hor_menu8_on.gif) repeat-x top;
  color: #300;
}

#header ul.nl li.long {
  float: right;
  line-height: 37px;
  padding: 0 20px 0 0;
  font-size: 90%;
}
#header ul.nl li.long a {
  display: inline;
  border: none;
  font-weight: normal;
  padding: 5px 5px 5px 10px;
  background: url(../images/menu_triangle2.gif) no-repeat left;
}
#header ul.nl li.long a:hover, #header ul.nl li.long.active a {
  color: #ffb2a5;
}
/* --- パンくずリスト --- */
#header ol.topicPath {
  margin: 0;
  padding: 7px 2px;
  border-bottom: 1px #c0c0c0 solid;
  list-style-type: none;
}
/* リスト項目 */
#header ol.topicPath li {
  display: inline;
}

/* リンクエリア */
#header ol.topicPath li a {
  padding-right: 12px;
  background: url(../images/topic_path_gray.gif) no-repeat right; /* リンクエリアの背景（区切り記号） */
}

/* リスト項目 現在表示項目 */
#header ol.topicPath li.current {
  color: #b22222;
  font-weight: bold;
}

/* --- 罫線 --- */
#header hr.none {
  display: none; /* 表示形式（なし） */
}

/* ユーザ名 */
#header .guest {
  FONT-SIZE: 120%;
  FONT-WEIGHT: bold;
  text-align: center;
  position: absolute;
  top: 40px;
  right: 10px;
  margin: 5px 0 0;
  padding: 0;
}
/* キャンペーンバナー */
#header .header_banner {
  position: absolute;
  top: 35px;
  left: 270px;
}
/* 一番最初のキャッチ */
#header .top_catch{
 margin:0;
 padding-bottom:2px;
 color:#987a5c;
 font-size:90%;
}

/* --- ▲ヘッダ内の設定終了 --- */


/* ------1カラム----- */
#all{
  min-height: 700px;
}

/* --- ▼コンテンツ内の設定開始 --- */
/* --- コンテンツ（3カラム用） --- */
#content {
  float: left;
  width: 770px;
  margin-bottom: 10px;
}

/* --- ▼メインカラム内の設定開始 --- */
/* --- メインカラム --- */
/* --- （2カラム用） --- */
#main {
  float: right;
  width: 770px;
  margin-bottom: 10px;
}

/* --- （3カラム用） --- */
#content #main {
  float: right;
  width: 590px;
  margin-bottom: 0;
}

/* --- 罫線 --- */
#main hr.clear {
  clear: both;
  width: 100%;
  margin: 0;
  visibility: hidden; /* 非表示 */
}

/* --- ページタイトル（下層ページ） --- */
/* 見出しエリア */
#main div.pageTitle {
  padding: 7px 10px;
  background: #4d4d4d url(../images/heading_back6.gif) repeat-x top;
}

/* --- （2カラム用） --- */
#main div.pageTitle {
  margin: 0 0 15px 15px;
  background: none;
}

/* --- （3カラム用） --- */
#content #main div.pageTitle {
  margin: 0 15px 15px;
}

/* 見出し */
#main div.pageTitle h1 {
  margin: 0;
  font-size: 150%;
  color: #330;
  line-height: 100%;
  letter-spacing: .1em;
  word-break: break-all;
  }

/* 見出し 赤色*/
#main div.pageTitle h1 div.textRemark {
  display: inline;
  margin: 0 5px;
  color: #b22222;
  font-weight: bold;
}

/* 見出し検索条件 赤色*/
#main div.pageTitle h1 div.request {
  display: inline;
  margin: 0px 5px;
  font-size: 80%;
  color: #b22222;
  font-weight: bold;
}

/* 見出し サブタイトル*/
#main div.pageTitle div.subTitle {
  float: right;
  font-weight: bold;
}

/* 見出し サブタイトル*/
#main div.pageTitle div.title2 {
  margin: 10px 0 0 40px;
  font-size: 110%;
  color: #FD876C;
  letter-spacing: .1em;
}

/* --- セクション（共通設定） --- */
/* --- （2カラム用） --- */
#main div.section {
  margin: 0 0 2em 15px;
}

/* --- （3カラム用） --- */
#content #main div.section {
  margin: 0 15px 1.4em;
}

/* 見出し番号 */
#main table span.number {
  background-color: #b50000;
  margin-right: 5px;
  padding: 0 4px;
  color: #fff;
}

/* --- 標準セクション --- */
/* 見出しエリア */
#main div.normal div.heading {
  margin: 0 0 1em;
  padding: 6px 8px 5px;
  background: #f9f9f9 url(../images/heading_back1.gif) repeat-x;
  border: 1px #c0c0c0 solid;
}

/* 標準セクション 見出し */
#main div.normal div.heading h2 {
  margin: 0;
  font-size: 120%;
  line-height: 100%;
}

/* 標準セクション 見出し */
#main div.normal div.heading .note {
  margin: 10px 0 0 10px;
}

/* 標準セクション 見出し右エリア */
#main div.normal div.heading .linkHeading {
  float: right;
}

/* 標準セクション 見出し右エリア リンク */
#main div.normal div.heading .linkHeading a {
  padding: 5px 5px 5px 10px;
  background: url(../images/menu_triangle2.gif) no-repeat left;
}

/* 標準セクション 段落 */
#main div.normal p {
  margin: 0 5px 1em; 
  line-height: 160%;
}

/* ------標準セクション エラーメッセージ----- */
#main div.normal div.errorMsg {
  margin: 0 5px 1em;
  font-size: 130%;
  font-weight: bold;
  color: #d90000;
}
/* 戻るボタンエリア */
#main div.normal div.errorMsg div.back {
  width: 60px;
  height: 30px;
  line-height: 30px;
  margin-top: 20px; 
  background: #fff url(../images/btn_submit_bg.gif);
  text-align: center;
  font-weight: normal;
  font-size: 80%;
}

/* 戻るボタン */
#main div.normal div.errorMsg a.backButton {
  display: block;
  background: url(../images/btn_submit_bg.gif);
  text-decoration: none;
}

/* ---------ソート--------- */
#main div.normal .sortTitle {
  clear: both;
}

/* ソート リスト項目 2カラム用 */
#main div.normal .sortTitle ul.sortList li {
  float: left;
  margin-right: 10px;
  line-height: 200%;
}
/* ソート リスト項目 ジャンルリスト */
#main div.normal .sortTitle ul.genreList li {
  float: left;
  margin-right: 7px;
  line-height: 200%;
  white-space: nowrap;
}

/* ソート リスト項目 3カラム用 */
#content #main div.normal .sortTitle ul.sortList li {
  float: left;
  margin: 0 2px 5px 0;
  line-height: 200%;
}

/* ソート リスト項目 現在表示 */
#main div.normal .sortTitle ul.sortList li.current, #main div.normal .sortTitle ul.genreList li.current {
  color: #d04881;
}

/* ソート リスト項目 ラベル */
#main div.normal .sortTitle ul.sortList li.label, #main div.normal .sortTitle ul.genreList li.label {
  font-weight: bold;
  color: #707070;
}

/* ---------標準セクション ブランドリスト----------- */
#main div.normal ul.nl {
  margin: 0 0 2px 9px;
  padding: 0;
  list-style-type: none;
}

/* 標準セクション ブランドリスト項目 */
#main div.normal ul.nl li {
  width: 145px;
  height: 1.8em;
  /* display : -moz-inline-box;  *//* firefox用 */
  display: inline-block;
  /display: inline;
  /zoom: 1;
  margin: 2px;
  padding: 5px 5px 5px 14px;
  vertical-align: top;
  border-top: none;
  border-left: 8px solid #fdefdd;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background: url(../images/menu_triangle2.gif) no-repeat left 6px;
  background-color: #fffdfb;
}

/* 標準セクション ブランドリスト項目 ポイント時の設定 */
#main div.normal ul.nl a:hover li {
  text-decoration: underline;
  background-color: #ebebeb;
}

/* -----------標準セクション 特集コーナー画像１列----------- */
#main div.normal .imageLink1 img {
  width: 550px;
  padding: 1px;
  border: 1px solid #ccc;
}

/* 標準セクション 特集コーナー画像２列 */
#main div.normal .imageLink2 img {
  width: 270px;
  margin-right: 2px;
  padding: 1px;
  border: 1px solid #ccc;
}

/* 標準セクション 特集コーナー画像３列 */
#main div.normal .imageLink3 img {
  width: 180px;
  border: 1px solid #ccc;
}

/* -----著者別検索 50音リスト----------- */
#main div.normal div.oneLineList {
  clear: both;
  margin-bottom: 20px;
  text-align: center;
}

/* 50音リスト リスト項目*/
#main div.normal div.oneLineList ul.kanaList li {
  display : -moz-inline-box; /* firefox用 */
  display: inline-block;
  /display: inline;
  /zoom: 1;
  margin: 0 0 0 0;
  line-height: 180%;
  padding: 5px 15px;
  border: solid 1px #c0c0c0;
  text-align: center;
}

/* 50音リスト リスト項目 リンク */
#main div.normal div.oneLineList ul.kanaList a:hover li {
  text-decoration: none;
  background-color: #fdefdd;
}

/* 50音リスト リスト項目 現在表示*/
#main div.normal div.oneLineList ul.kanaList li.current {
  color: #d04881;
}

/* -----著者別検索 母音リスト----------- */
#main div.normal div.oneLineList ul.vowelList {
 margin-left: 20px;
 text-align: left;
}

/* 50音リスト リスト*/
#main div.normal div.oneLineList ul.vowelList li {
  display : -moz-inline-box;/* firefox用 */
  display: inline-block;
  /display: inline;
  /zoom: 1;
  line-height: 180%;
  padding: 0 20px 0 30px;
  font-weight: bold;
  font-size: 120%;
}

/* 母音リスト リスト項目リンク*/
#main div.normal div.oneLineList ul.vowelList a li {
  background: url(../images/intro2.gif) no-repeat left center;
}

/* 母音リスト リスト項目リンク*/
#main div.normal div.oneLineList ul.vowelList a:hover li {
  text-decoration: underline;
}

/* --------著者名リスト------ */
#main div.normal ul.authorList {
  clear: both;
}

/* 著者名リスト 見出し*/
#main div.normal ul.authorList h3 {
  clear: both;
  margin: 10px 0 1em;
  padding: 6px 8px 5px;
  background: #f9f9f9 url(../images/heading_back1.gif) repeat-x;
  border: 1px #c0c0c0 solid;
}

/* 著者名リスト リスト項目*/
#main div.normal ul.authorList li {
  clear: both;
  padding: 0;
  border-bottom: 1px #c0c0c0 dotted;
}

/* 著者名リスト リスト項目 */
#main div.normal ul.authorList li dl {
  padding: 0 20px;
}

/* 著者名リスト リスト項目 左 */
#main div.normal ul.authorList li dl dt {
  float: left;
}

/* 著者名リスト リスト項目 右 */
#main div.normal ul.authorList li dl dd {
  text-align: right;
  margin: 0;
  padding: 0;
}

/* -----------本のリストボタンつき------------ */
#main div.normal ul.bookListWithButton {
  clear: both;
}

/* 本のリスト リスト項目 */
#main div.normal ul.bookListWithButton li {
  clear: both;
  border-bottom: 1px #c0c0c0 solid;
  padding: 20px 0 10px;
}

/* 本のリスト 項目内容 */
#main div.normal ul.bookListWithButton li div.bookDetail {
  float: left;
  width: 550px;
}

/* 本のリスト 表紙領域 */
#main div.normal ul.bookListWithButton li div.bookDetail div.bookImage {
  float: left;
  width: 100px;
  text-align: center;
}
#main div.normal ul.bookListWithButton li div.bookDetail div.bookImage img {
  border: 1px solid #CCC;
}
#main div.normal ul.bookListWithButton li div.bookDetail div.bookImage .newicon{
	margin:0 auto;
	width:72px;
	color: #fffc00;
	font-size:14px;
	padding:2px 0;
	background: #ff0000;
	text-align:center;
}


/* 本のリスト タイトル */
#main div.normal ul.bookListWithButton li div.bookDetail div.bookTitle {
  line-height: 22px;
  FONT-SIZE: 120%;
  font-weight: bold;
  margin-bottom: 5px;
}

/* 本のリスト 内容 */
#main div.normal ul.bookListWithButton li div.bookDetail div.info {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 150%;
}
/* 本のリスト 内容 */
#main div.normal ul.bookListWithButton li div.bookDetail div.infoVisible {
  line-height: 150%;
  word-break: break-all;
}

/* 本のリスト 文字 */
#main div.normal ul.bookListWithButton li div.bookDetail div.info div.text {
  display: inline;
  margin: 0 5px;
}

/* 本のリスト 文字太字 */
#main div.normal ul.bookListWithButton li div.bookDetail div.info div.textBold {
  display: inline;
  margin: 0 5px;
  font-weight: bold;
}

/* 本のリスト 文字赤字 */
#main div.normal ul.bookListWithButton li div.bookDetail div.info div.textRemark {
  display: inline;
  margin: 0 5px;
  font-weight: bold;
  color: #660000;
}

#main div.normal ul.bookListWithButton li div.bookDetail div.info div.textStrong {
  display: inline;
  margin: 0 5px;
  color: #d04881;
}

/* 本のリスト マークつきリンク*/
#main div.normal ul.bookListWithButton li div.bookDetail div.info a.reviewLink {
  padding: 30px;
  background: url(../images/intro2.gif) no-repeat left center;
  line-height: 200%;
}

/* 本のリスト 形式エリア */
#main div.normal ul.bookListWithButton li .bookDetail .note {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 150%;
  text-align: right;
  *position: relative;
}

/* 本のリスト ファイル形式 */
#main div.normal ul.bookListWithButton li .bookDetail .fileTypeForList {
  display: inline;
  position: relative;
  margin: 0 0 0 5px;
  padding: 5px;
  background-color: #FFB399;
  color: #320000;
  font-weight: bold;
}
#main div.normal ul.bookListWithButton li .bookDetail .note .textRemark {
  position: absolute;
  font-weight: bold;
  color: #660000;
  *left:0px;
}
#main div.normal ul.bookListWithButton li div.bookDetail img.category {
  float: left;
  margin-right: 2px;
}

/* 本のリスト ボタンエリア */
#main div.normal ul.bookListWithButton li div.actionButton {
  width: 195px;
  float: right;
  text-align: center;
  vertical-align: middle;
  position: relative;
}

/* 本のリスト ボタンエリア 画像 */
#main div.normal ul.bookListWithButton li div.actionButton img {
  vertical-align: middle;
}

/* 本のリスト 各項目エリア */
#main div.normal ul.bookListWithButton li div.actionButton div.pop {
  margin: 0 0 10px;
}

/* 本のリスト 対応環境 画像 */
#main div.normal ul.bookListWithButton li div.actionButton div.pop img {
  margin: 0 1px 3px;
}

/* 本のリスト 立ち読み */
#main div.normal ul.bookListWithButton li div.actionButton div.try_s {
  display: inline;
  margin: 0 0 10px 25px;
  position: absolute;
  top:60px;
  left:0px;
}

/* 本のリスト 取り置き */
#main div.normal ul.bookListWithButton li div.actionButton div.keep_s {
  display: inline;
  position: absolute;
  margin: 0 0 10px 2px;
  top:60px;
  left:95px;
}

/* 本のリスト 取り置き中 */
#main div.normal ul.bookListWithButton li div.actionButton div.pop div.keepBook{
  display: inline;
  line-height: 2.5;
  padding: 7px 25px;
  background-color: #d5be9e;
  border: 2px #d04881 double;
  color: #d04881;
  font-weight: bold;
  letter-spacing: 3px;
}

/* 本のリスト 購入済み */
#main div.normal ul.bookListWithButton li div.actionButton div.pop div.purchase {
  display: inline;
  line-height: 2.5;
  padding: 7px 25px;
  color: #FF0000;
  font-weight: bold;
  letter-spacing: 3px;
}
/* 本のリスト シリーズ点数 */
#main div.normal ul.bookListWithButton li div.actionButton div.pop .series {
  width: 140px;
  height: 32px;
  line-height: 32px;
  margin: 0 auto;
  background: #BAD6EE;
  border: 1px solid #CDA569;
  overflow: hidden;
  color: #5B260C;
}

/* 本のリスト ボタンエリア 文字赤字 */
#main div.normal ul.bookListWithButton li div.actionButton div.textRemark {
  font-weight: bold;
  color: #660000;
  font-size: 125%;
}

/* 本のリスト ボタンエリア 文字赤字行内 */
#main div.normal ul.bookListWithButton li div.actionButton div.marker {
  display: inline;
  font-weight: bold;
  color: #660000;
  font-size: 110%;
}
/* 本のリスト ボタンエリア  ボタン */
#main div.normal ul.bookListWithButton li div.actionButton .backButton {
  width: 60px;
  height: 30px;
  background: url(../images/btn_submit_bg.gif);
  border: 0;
}

/* -----------コミックオススメ本のリスト---------- */
#main div.normal ul.bookListWithButton li div.actionButtonComic {
  width: 400px;
  float: right;
  text-align: center;
  vertical-align: middle;
}

/* 本のリスト ボタンエリア 画像 */
#main div.normal ul.bookListWithButton li div.actionButtonComic img {
  vertical-align: middle;
}

/* 本のリスト 各項目エリア */
#main div.normal ul.bookListWithButton li div.actionButtonComic div.pop {
  margin: 0 0 10px;
}

/* 本のリスト 対応環境 画像 */
#main div.normal ul.bookListWithButton li div.actionButtonComic div.pop img {
  margin: 0 1px 3px;
}

/* -----------本のリスト著者ランキング---------- */
#main div.normal ul.pickUpList {
  clear: both;
}

/* リスト項目 */
#main div.normal ul.pickUpList li {
  clear: both;
  border-bottom: 1px #c0c0c0 solid;
  padding: 20px 0 10px;
}

/* 表紙・著者名 */
#main div.normal ul.pickUpList li div.section {
  float: left;
  width: 300px;
  text-align: center;
}

/* 表紙 */
#main div.normal ul.pickUpList li div.section div.image {
  float: left;
  width: 95px;
  text-align: left;
}

/* 著者名 */
#main div.normal ul.pickUpList li div.section div.title {
  FONT-SIZE: 120%;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: left;
}

/* 最新刊 */
#main div.normal ul.pickUpList li div.caption {
  float: right;
  width: 425px;
}

/* 見出し */
#main div.normal ul.pickUpList li div.caption h2 {
  font-size: 100%;
  border-left: 7px solid #d04881;
  padding: .6em .8em;
  color: #808080;
}

/* 文字 */
#main div.normal ul.pickUpList li div.caption div.text {
  margin: 0 0 5px;
}

/* 文字赤字 */
#main div.normal ul.pickUpList li div.caption div.textRemark {
  margin: 0 0 5px;
  font-weight: bold;
  color: #660000;
}

/* -----------本のリスト 購入履歴------------ */
#main div.normal ul.bookList3Cols {
  clear: both;
}

/* 本のリスト リスト項目 */
#main div.normal ul.bookList3Cols li {
  clear: both;
  min-height: 40px;
  border-bottom: 1px #c0c0c0 solid;
  padding: 20px 0 10px;
}

/* 本のリスト リスト項目 商品ページ */
#product #main div.normal ul.bookList3Cols li {
  min-height: 0;
  padding: 10px 0;
}

/* 本のリスト 項目内容 */
#main div.normal ul.bookList3Cols li div.bookDetail {
  float: left;
  width: 550px;
}

/* 本のリスト チェックボックス */
#main div.normal ul.bookList3Cols li div.bookDetail div.check {
  float: left;
  width: 40px;
  text-align: center;
}
#main div.normal ul.bookList3Cols li div.bookDetail .news {
  color: #d00000;
}

#main div.normal ul.bookList3Cols li img.category {
  float: left;
  margin-right: 2px;
}

#main div.normal ul.bookList3Cols li div.bookDetail .list_content {
  margin-left: 40px;
}

/* 本のリスト 表紙領域 */
#main div.normal ul.bookList3Cols li div.bookDetail div.bookImage {
  float: left;
  width: 80px;
  margin-bottom: 10px;
}

/* 本のリスト DLボタン */
#main div.normal ul.bookList3Cols li div.bookDetail .btn {
  float: right;
}

/* 本のリスト タイトル */
#main div.normal ul.bookList3Cols li div.bookDetail .bookTitle {
  FONT-SIZE: 120%;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 22px;
}
/* 本のリスト タイトル */
#main div.normal ul.bookList3Cols li div.bookDetail .subTitle {
  font-weight: normal;
}

/* 本のリスト 内容 */
#main div.normal ul.bookList3Cols li div.bookDetail div.info {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 150%;
}

/* 本のリスト 文字 */
#main div.normal ul.bookList3Cols li div.bookDetail div.info div.text {
  display: inline;
  margin: 0 5px;
}

/* 本のリスト 文字太字 */
#main div.normal ul.bookList3Cols li div.bookDetail div.info div.textBold {
  display: inline;
  margin: 0 5px;
  font-weight: bold;
}

/* 本のリスト 文字赤字 */
#main div.normal ul.bookList3Cols li div.bookDetail div.info div.textRemark {
  display: inline;
  margin: 0 5px;
  font-weight: bold;
  color: #660000;
}

/* 本のリスト 文字ピンク */
#main div.normal ul.bookList3Cols li div.bookDetail div.info div.textRemarkRed {
  display: inline;
  margin: 0 5px;
  font-weight: bold;
  color: #d04881;
}
#main div.normal ul.bookList3Cols li div.bookDetail div.info .text_red {
  font-weight: bold;
  color: #D90000;
}
/* 本のリスト 対応環境 */
#main div.normal ul.bookList3Cols li div.bookDetail div.info div.text2 {
  display: inline;
  margin: 0;
}
#main div.normal ul.bookList3Cols li div.bookDetail div.info div.text2 span{
	background-color:#e4c99a;
	color:#442d05;
	font-size:11px;
	margin-right:1px;
	padding: 2px 1px;
}
/* 本のリスト コミック個別解説 */
#main div.normal ul.bookList3Cols li div.bookDetail div.info div.detailsbutton{
  display: inline;
	color:#000000;
	font-size:12px;
	padding:1px 2px;
}
#main div.normal ul.bookList3Cols li div.bookDetail div.info div.detailsbutton a{
	background-color:#73e5f2;
	color:#000000;
	padding:1px 2px;
	border-bottom: 1px solid #000000;
}
#main div.normal ul.bookList3Cols li div.bookDetail div.info div.detailsbutton a:hover{
	background-color:#000000;
	color:#73e5f2;
}
#main div.normal ul.bookList3Cols li div.bookDetail div.ind_details{
	border-top: 1px dotted #c0c0c0;
	padding: 5px 0 ;
	color:#442d05;
	font-size:12px;
}
#main div.normal ul.bookList3Cols li div.bookDetail div.ind_details .ind_imageArea{
	width: 95px;
  float: left;
  margin: 0 auto 10px;
}
#main div.normal ul.bookList3Cols li div.bookDetail div.ind_details .ind_info{
  overflow: hidden;
  line-height: 1.2;
  margin:0;
  color:#000000;
}
#main div.normal ul.bookList3Cols li div.bookDetail div.ind_details .ind_info h3{
	font-size:14px;
	padding:3px 5px;
	margin:0;
	font-weight: bold;
}
/* 本のリスト 形式エリア */
#main div.normal ul.bookList3Cols li div.bookDetail div.note {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 150%;
  text-align: right;
}

/* 本のリスト ボタンエリア */
#main div.normal ul.bookList3Cols li div.actionButton {
  width: 150px;
  min-height: 25px;
  line-height: 25px;
  float: right;
  text-align: center;
}

/* 本のリスト ボタン代替テキスト */
#main div.normal ul.bookList3Cols li div.actionButton div.textButtonLabel {
  width: 140px;
  line-height: 35px;
  color: #d04881;
  font-weight: bold;
}

/* 本のリスト ボタンエリア 画像 */
#main div.normal ul.bookList3Cols li div.actionButton img {
  vertical-align: middle;
}

/* 上へ/下へ移動ボタン */
#main div.normal ul.bookList3Cols li div.actionButton a.moveButton {
  margin: 0 7px;
  font-size: 120%;
  color: #778899;
  text-decoration: underline;
}

/* 本のリスト 取り置き中 */
#main div.normal ul.bookList3Cols li div.actionButton div.pop div.keepBook{
  width: 133px;
  margin-left: 5px;
  line-height: 2.3;
  background-color: #d5be9e;
  border: 2px #d04881 double;
  color: #d04881;
  font-weight: bold;
  letter-spacing: 3px; 
}

/* 本のリスト 購入済み */
#main div.normal ul.bookList3Cols li div.actionButton div.pop div.purchase {
  width: 136px;
  margin-left: 5px;
  line-height: 2.3;
  color: #FF0000;
  font-weight: bold;
  letter-spacing: 3px;
}

/* 本のリスト 端末非対応 */
#main div.normal ul.bookListWithButton li div.actionButton div.pop div.noagree{
  display: inline;
  line-height: 2.5;
  padding: 7px 25px;
  background-color: #d5be9e;
  border: 2px #999999 double;
  color: #999999;
  font-weight: bold;
  letter-spacing: 3px;
}

/* 本のリスト 各ラベルエリア */
#main div.normal ul.bookList3Cols li div.label {
  float: left;
  width: 350px;
  margin: 0 0 0 10px;
}

/* 本のリスト 各ラベルエリア 画像*/
#main div.normal ul.bookList3Cols li div.label img {
  margin: 0 3px 3px 0;
  vertical-align: middle;
}

/* チェックした本を~するボタンエリア */
#main div.normal #checkActionButtonArea {
  clear: both;
  padding: 2px 0;
  border-bottom: 1px silver solid;
}
/* 全選択エリア */
#main div.normal #checkActionButtonArea .checkAll {
  margin: 3px 0;
}
/* 全選択ボタン */
#main div.normal #checkActionButtonArea .checkAll input.all {
  width: 80px;
  height: 23px;
  border: 0;
  margin: 0 10px 3px 0;
  background: url(../images/btn_checkAll.gif) no-repeat;
  cursor: pointer;
  color:#600;
  font-size: 90%;
  text-align: center;
  letter-spacing: 0.1em;
}

/* ---------ページ内リンク--------- */
#main div.normal div.linkInnerPage {
  clear: both;
  margin: 10px 5px 30px;
  text-align: right;
}

#main div.normal div.linkInnerPage a {
  color: #666;
  text-decoration: underline;
}

/* ----------ページング---------- */
#main div.normal div.pagingArea {
  clear: both;
  background-color: #E6CCB3;
}
#main div.normal div.pagingArea .center {
  margin: 3px 0;
  text-align: center;
}
#main div.normal div.pagingArea .center input {
  width: 3em;
}

/* ページング リスト領域*/
#main div.normal div.pagingArea ul.paging {
  margin-left: 5px;
  background-color: #E6CCB3;
}

/* ページング リスト項目 2カラム用 */
#main div.normal div.pagingArea ul.paging li {
  display : -moz-inline-box; /* firefox用 */
  display: inline-block;
  /display: inline;
  /zoom: 1;
  margin: 2px 10px 0 0;
  line-height: 180%;
  border: solid 1px #c0c0c0;
}

/* ページング 3カラム用 */
#content #main div.normal div.pagingArea ul.paging li {
  display : -moz-inline-box; /* firefox用 */
  display: inline-block;
  /display: inline;
  /zoom: 1;
  margin: 2px 0;
  line-height: 180%;
  border: solid 1px #c0c0c0;
}

/* ○件-○件表示 2カラム用 */
#main div.normal div.pagingArea ul.paging li.listNum {
  margin: 0 5px;
  border: none;
  font-weight: bold;
  color: #696969;
  background-color: #E6CCB3;
}

/* ○件-○件表示 3カラム用*/
#main div.normal div.pagingArea .listNum {
  line-height: 180%;
  margin: 2px 10px 0 5px;
  border: none;
  background-color: #E6CCB3;
  font-weight: bold;
  color: #696969;
}

/* ページング リスト項目 リンク */
#main div.normal div.pagingArea ul.paging li a {
  display: inline-block;
  padding: 0 7px;
  background-color: #fff;
}

#main div.normal div.pagingArea ul.paging li a:hover {
  text-decoration: none;
  background-color: #F08080;
  color: #fff;
}

/* ページング リスト項目 現在表示 */
#main div.normal div.pagingArea ul.paging li.current {
  background-color: #d04881;
  color: #fff;
  padding: 0 7px;
}

/* ----------カート画面 金額---------- */
#main div.normal div.total {
  clear: both;
  padding: 0 180px 0 10px;
  background-color: #f6f6f6;
  border-top: 1px solid #ccc;
  border-bottom: 2px double #ccc;
}

/* 金額表示領域 */
#main div.normal div.total dl {
  display: inline-block; 
  /display: inline;
  /zoom: 1;
  width: 250px;
  line-height: 200%;
  margin-left: 400px;
}

/* 金額 見出し */
#main div.normal div.total dl dt {
  float: left;
  width: 140px;
  font-weight: bold;
  font-size: 120%;
}

/* 金額 内容 */
#main div.normal div.total dl dd {
  font-weight: bold;
  font-size: 130%;
  color: #660000;
  text-align: right;
}

/* ----------カート画面　購入ボタン---------- */
#main div.normal div.totalActionButton {
  clear: both;
  text-align: center;
  padding-top: 20px;
}

/* ボタン画像 */
#main div.normal div.totalActionButton a img {
  margin: 10px;
}

/* ----------カート画面 注意書き---------- */
#main div.normal div.comment {
  clear: both;
  width: 600px;
  margin-top: 20px;
}

/* 注意書き リスト項目 */
#main div.normal div.comment ul li {
  line-height: 120%;
  margin: 15px 0 15px 70px;
  padding-left: 30px;
  list-style: outside none none;
  background: url(../images/shikaku.gif) no-repeat left top;
}
/* 注意書き リスト項目 */
#main div.normal div.comment .caution {
  color:#FF0000;
}

#main div.normal div.comment .purple {
  color:#9700e5;
}

/* 注意書き リスト項目(強調） */
#main div.normal div.comment .caution_strong {
  font-weight: bold;
  font-sizet: 130%;
}

#main div.normal div.comment .caution_strong a.linkSpot {
  padding: 5px 5px 5px 10px;
  background: url(../images/menu_triangle2.gif) no-repeat left;
}

/* -----------ヘルプ画面------------ */
/* ヘルプ　トップメニュー */
#main div.normal dl.topNavi dt {
  margin: 14px 0;
  padding: 6px 8px 5px;
  background: #f9f9f9 url(../images/heading_back1.gif) repeat-x;
  border: 1px #c0c0c0 solid;
  font-weight: bold;
}

#main div.normal dl.topNavi dd {
  line-height: 200%;
}

/* 見出し(カーキ) */
#main div.normal div.column h2 {
  margin: 40px 0 30px;
  padding: 6px;
  background-color: #DCD8CB;
  font-weight: normal;
  font-size: 100%;
  letter-spacing: .1em;
}
/* 見出し（緑） */
#main div.normal div.column h3 {
  margin: 40px 0 30px;
  padding: 6px;
  background-color: #DDE7DA;
  font-weight: normal;
  font-size: 100%;
  letter-spacing: .1em;
}
/* 見出し（緑） */
#main div.normal div.column h3.highlight {
  margin: 0;
  background-color: #fff;
  font-weight: bold;
  color:#404040;
}
/* 文字色赤 */
#main div.normal div.column .textRed {
  color: #d04881;
}
/* 注意書き(緑) */
#main div.normal div.column .instruction {
  color:#006600;
}
/* ブロック */
#main div.normal div.column div.block {
  margin-bottom: 20px;
}
/* 文字 */
#main div.normal div.column div.block div.article {
  clear: both;
  margin-bottom: 15px;
  line-height: 120%;
}
/* 中央寄せ */
#main div.normal div.column div.block div.note {
  clear: both;
  margin-bottom: 15px;
  text-align: center;
}
/* 中央寄せ アイコン画像 */
#main div.normal div.column div.block div.note_img {
  clear: both;
  margin: 0 0 15px 50px;
  text-align: center;
}
/* 中央寄せ 画像 */
#main div.normal div.column div.block div.note_img img {
  float: left;
}
/* 左エリア */
#main div.normal div.column div.block div.leftBlock {
  float: left;
  width: 280px;
  margin: 0 0 10px 10px;
}
/* 左エリア 画像 */
#main div.normal div.column div.block div.leftBlock img {
  display: block;
  margin: 0 auto;
  border: 1px solid #ccc;
}
/* 左部分 リスト */
#main div.normal div.column div.block div.leftBlock ul li {
  list-style-type: disc;
  margin-left: 10px;
}
/* 右エリア */
#main div.normal div.column div.block div.caption {
  margin: 0 0 15px 285px;
  line-height: 120%;
}
/* 右部分 見出し番号 */
#main div.normal div.column div.block div.caption span.number {
  background-color: #b50000;
  margin-right: 5px;
  padding: 0 3px;
  color: #fff;
  font-size: 120%;
}
/* 右部分 注意書き見出し */
#main div.normal div.column div.block div.caption div.instructionNote {
  color:#006600;
  font-weight: bold;
}
/* 右エリア 区切り線 */
#main div.normal div.column div.block div.caption hr {
  margin: 20px 0;
}

/* 標準セクション 見出し下エリア リンク */
#main div.normal div.column div.block a.linkSpot {
  padding: 5px 5px 5px 10px;
  background: url(../images/menu_triangle2.gif) no-repeat left;
}

/* 標準セクション 見出し下エリア ヘルプ */
#main div.normal div.spot {
  padding: 10px 0 20px;
}
/* 小見出し*/
#main div.normal div.spot h2 {
  margin-top: -6px;
  padding: .5em .8em;
  border-left: 7px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 110%;
  letter-spacing: 2px;
}
#main div.normal div.spot div.subSpot {
  margin-top: 20px;
}
/* 標準セクション 見出し下エリア リスト */
#main div.normal div.spot ul {
  margin-bottom: 10px;
}
/* 標準セクション 見出し下エリア リスト */
#main div.normal div.spot ul li {
  list-style-type: disc;
  margin-left: 30px;
}
/* 標準セクション 見出し下エリア リンク */
#main div.normal div.spot a.linkSpot {
　margin: 0 10px;
  padding: 5px 5px 5px 10px;
  background: url(../images/menu_triangle2.gif) no-repeat left;
}

/* 標準セクション 見出し下エリア リンク */
#main div.normal div.spot a.linkdeco {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #eda933;
	padding:5px 10px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f6b33d), color-stop(100%, #d29105) );
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	background:-ms-linear-gradient( top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	background-color:#f6b33d;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #cd8a15;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fed897;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fed897;
 	box-shadow:inset 1px 1px 0px 0px #fed897;
}

/* 標準セクション 見出し下エリア テーブル */
#main div.normal div.spot table.spotTable {
  margin: 0 auto;
  background-color:#fff;
  text-align: center;
}
/* 標準セクション 見出し下エリア テーブル 見出し */
#main div.normal div.spot table.spotTable th {
  padding: 7px;
  text-align: center;
  background-color:#fbd8b5;
}
/* 標準セクション 見出し下エリア テーブル 項目 */
#main div.normal div.spot table.spotTable td {
  padding: 7px;
  text-align: center;
  background-color:#fdefdd;
}
/* 対応環境 ------------------------------- */
#tools table.spotTable th {
  width: 15%;
}
#tools table.spotTable td .device {
  margin: 1em 0;
}
/* 標準セクション お問い合わせ テーブル */
#main div.normal div.spot table.queryTable {
  padding: 10px;
  border: 0;
}
/* 標準セクション お問い合わせ テーブル 項目 */
#main div.normal div.spot table.queryTable td {
  padding: 5px 10px;
}
/* 標準セクション お問い合わせ テーブル 項目 */
#main div.normal div.spot table.queryTable td.label {
  width: 150px;
  text-align: right;
}
/* 標準セクション お問い合わせ テーブル テキストエリア */
#main div.normal div.spot table.queryTable td textarea {
  width: 500px;
}
/* 標準セクション 文字赤字 */
#main div.normal div.spot .remark {
  color:#FF0000;
}
/* お問い合わせ 注意書き */
#query .caution {
  width: 500px;
  margin: 0 5px 1em;
  padding: 15px;
  background: #FDEFDD;
  border: 2px #CCC dashed;
  line-height: 160%;
}
/* 標準セクション リスト レビュー */
#main div.normal div.spot ul.guide li {
  line-height: 140%;
}
/* 標準セクション レビュー作成リスト 見出し */
#main div.normal dl.reviewList {
  padding: 20px;
  border: solid 1px #ccc;
}
/* 標準セクション レビュー作成リスト 見出し */
#main div.normal dl.reviewList dt {
  margin-bottom: 5px;
  letter-spacing: .1em;
  font-weight: bold;
}
/* 標準セクション レビュー作成リスト 内容 */
#main div.normal dl.reviewList dd {
  margin-bottom: 30px;
  line-height: 150%;
  word-break: break-all;
}
/* 標準セクション レビュー作成リスト コメント */
#main div.normal dl.reviewList .review_comment {
  margin: 5px 15px;
}

/* 標準セクション  レビュー本文 */
#main div.normal dl.reviewList textarea {
  width: 70%;
  height: 200px;
}
/* 標準セクション ボタンエリア */
#main div.normal .button{
    text-align: center;
}
/* 標準セクション 戻るボタン */
#main div.normal div.button .backButton {
  width: 60px;
  height: 30px;
  background: url(../images/btn_submit_bg.gif);
  border: 0;
}

/* レビュー作成リンク */
#main div.review_write a.link {
  text-align: right;
  padding: 5px 5px 5px 13px;
  background: url(../images/menu_triangle2.gif) no-repeat left;
}

/* --- 強調セクション --- */
#main div.emphasis {
  padding: 1.3em 15px 0.5em;
  border: 1px #c0c0c0 solid; /* セクションの境界線 */
  min-height: 140px;
}

/* 強調セクション 見出し */
#main div.emphasis h2 {
  margin: 0 0 0.8em;
  line-height: 22px;
  font-size: 140%;
  letter-spacing: .1em;
}
#main div.emphasis .label {
  float: left;
}

/* 強調セクション 段落 */
#main div.emphasis p {
  margin: 0 0 1em;
  line-height: 150%;
}

/* 強調セクション 表紙画像&詳細エリア */
#main div.emphasis div.bookDetail {
  margin-bottom: 30px;
}

/* 強調セクション 表紙画像エリア */
#main div.emphasis div.bookDetail div.imageArea {
  width: 120px;
  float: left;
  margin: 0 auto 5px;
  min-height:130px;
}

/* 強調セクション 表紙画像エリア ツイートスペース */
#main div.emphasis div.bookDetail div.imageArea div.twitter_space {
　margin: 5px 0;
}

/* 強調セクション 取り置きエリア */
#main div.emphasis div.bookDetail div.holdbutton {
  clear: both;
  width: 120px;
  float: left;
  margin: 0 auto 10px;
}

/* 強調セクション 詳細エリア 取り置き中　*/
#main div.emphasis div.bookDetail div.keepBook {
  display: inline;
  line-height: 2.5;
  padding: 5px;
  background-color: #d5be9e;
  border: 2px #d04881 double;
  color: #d04881;
  font-weight: bold;
  letter-spacing: 3px;
}

/* 強調セクション レビューエリア */
#main div.emphasis div.bookDetail div.review_check {
  clear: both;
  width: 120px;
  float: left;
  margin: 0 auto ;
}

/* 強調セクション 詳細エリア */
#main div.emphasis div.bookDetail div.info {
  line-height: 150%;
  margin-left: 120px;
}

/* 強調セクション 詳細エリア 太字*/
#main div.emphasis div.bookDetail div.info div.textBold {
  font-size: 120%;
  line-height: 150%;
}

/* 強調セクション 詳細エリア 太字*/
#main div.emphasis div.bookDetail div.info div.textInline {
  display: inline;
}

/* 強調セクション 詳細エリア 太赤字*/
#main div.emphasis div.bookDetail div.info .textRemark {
  margin: 5px;
  font-weight: bold;
  font-size: 130%;
  color: #660000;
}
#main div.emphasis div.bookDetail div.info .sub {
  margin: 5px 0;
  color: #d04881;
}

#main div.emphasis div.bookDetail div.info .note {
  font-size: 85%;
}

/* 強調セクション 詳細エリア */
#main div.emphasis div.bookDetail div.buttonArea {
  float: right;
  width: 150px;
}

/* 強調セクション 詳細エリア 取り置き中 〓PC配信時　不要？〓*/
#main div.emphasis div.bookDetail div.buttonArea div.keepBook {
  display: inline;
  line-height: 2.5;
  padding: 7px 25px;
  background-color: #d5be9e;
  border: 2px #d04881 double;
  color: #d04881;
  font-weight: bold;
  letter-spacing: 3px;
}

/* 強調セクション 詳細エリア レビュー*/
#main div.emphasis div.bookDetail div.review_check .review {
  margin:  0;
  font-size: 90%;
  line-height: 150%;
}

/* 強調セクション 詳細エリア レビュー*/
#main div.emphasis div.bookDetail div.review_check .review .mark {
  display:inline;
  margin-left: 5px;
  font-size: 90%;
  font-weight: bold;
  color:#600;
}

/* 強調セクション 詳細エリア レビュー リンク */
#main div.emphasis div.bookDetail div.review_check .review a,
#main div.emphasis div.bookDetail div.review_check .createReview a {
  padding: 2px;
  /* background: url(../images/menu_triangle2.gif) no-repeat 0 0.30em; */
}

/* ちるちるボタン */
#main .emphasis .bookDetail .info .chirubtn_link {
  margin: 0px 0px 25px;
  padding: 0px 0px 10px;
}
#main .emphasis .bookDetail .info .chirubtn_link a {
  margin: 5px;
  position: absolute;
  padding: 3px;
  background: #4b2acb;
  border-radius: 8px;
  border:inset 1px #ccc;
  color: #fff;
  font-size: 12px;
}

/* 強調セクション ファイル形式テーブル */
#main div.emphasis table.tableFileType {
  width: 100%;
  margin-bottom: 30px;
  border-collapse: collapse;
  border-spacing: 0;
}

/* 強調セクション ファイル形式テーブル 見出し */
#main div.emphasis table.tableFileType thead {
  padding: 5px;
  border: 1px solid #DDD;
  background: #fff url(../images/th_bg.jpg) repeat-x bottom;
  text-align: center;
  font-weight: bold;
}

/* 強調セクション ファイル形式テーブル 見出し */
#main div.emphasis table.tableFileType th {
  padding: 5px;
  border: 1px solid #DDD;
  background: #fff url(../images/th_bg.jpg) repeat-x bottom;
  width: 14%;
}

/* 強調セクション ファイル形式テーブル テーブル項目 */
#main div.emphasis table.tableFileType td {
  padding: 5px;
  border: 1px solid #DDD;
  text-align: center;
}

/* 強調セクション ファイル形式テーブル 対応環境 */
#main div.emphasis table.tableFileType td.device {
  width: 220px;
}

/* 強調セクション ファイル形式テーブル テーブル項目 画像*/
#main div.emphasis table.tableFileType td img {
  vertical-align: middle;
  margin: 1px;
  text-align: left;
}

/* 強調セクション ファイル形式テーブル テーブル項目 リンク */
#main div.emphasis table.tableFileType a {
  text-decoration: none;
}

/* 強調セクション ファイル形式テーブル テーブル項目 注記 */
#main div.emphasis table.tableFileType .DLwarning a {
  font-size: 80%;
  float: left;
  margin-left: 10px;
  color: #1837d2;
  text-decoration: underline;
}

/* ログイン ----------------------------------*/
#formslogin div.section_left {
  float: left;
  width: 220px;
  font-weight: bold;
  letter-spacing: .1em;
}
#formslogin div.section_right {
  width: 260px;
  margin: 0 0 0 190px;
  font-weight: bold;
  letter-spacing: .1em;
}
#formslogin div.sub_caution {
  clear: both;
  margin: 4px;
  padding: 10px 0 0;
  color: #ff0000;
  line-height: 10px;
}

/* カートに入れるボタンエリア  〓PC配信時　不要？〓*/
#main .button_cart {
  width: 70%;
  margin: 10px auto;
  padding: 10px 0;
  border: 1px solid #ccc;
  background-color: #efefef;
  text-align: center;
  vertical-align: middle;
}
#main .button_cart select {
  width: 150px;
}

#main .button_cart .caution {
  margin: 10px 0 0;
  color: #d90000;
  text-align: center;
}

/* 強調セクション 解説 */
#main div.emphasis div.detailComment {
  margin-bottom: 20px;
  line-height: 150%;
}
#main div.emphasis div.detailComment .marker {
  text-align: right;
}

/* 強調セクション 解説 見出し */
#main div.emphasis h3 {
  padding: 0px 0px 5px 5px;
  border-bottom: 1px dotted #cccccc;
  font-size: 130%;
}

/* おすすめ画像表示エリア */
#main div.topic {
  margin: 0 0 10px;
  padding-top: 0.7em;
  min-height: 200px;
  word-break: break-all;
}

/* おすすめ画像表示エリア 特集名エリア */
#main div.topic .section_recommend {
  margin: 0 20px 20px;
  position: relative;
}

/* おすすめ画像表示エリア 特集名 */
#main div.topic .section_recommend .title_reco {
  padding: 0 0 10px;
  font-size: 140%;
  font-weight: bold;
  letter-spacing: .1em;
}

/* おすすめ画像表示エリア 特集内容 */
#main div.topic .section_recommend .detail_reco {
  color: #696969;
}
#main div.topic .section_recommend .link {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 5px 5px 20px;
  background: #F5F5F5 url(../images/menu_triangle6_box.gif) no-repeat 5px;
  border: 1px solid #ccc;
}

/* おすすめ画像表示エリア */
#main div.topic ul.topicImages {
  margin: 0 0 0 0;
  list-style-type: none;
}

/* おすすめ画像 リスト*/
#main div.topic ul.topicImages li {
  margin: 0;
  width: 107px;
  /* display : -moz-inline-box; *//* firefox用 */
  display: inline-block;
  /display: inline;
  /zoom: 1;
  vertical-align: top;
  text-align: center;
}

/* おすすめ画像 リスト リンク */
#main div.topic ul.topicImages li a {
}

/* おすすめ画像 画像 */
#main div.topic ul.topicImages li img {
  margin-bottom: 5px;
  border: 1px solid #CCC;
}
/* おすすめ画像 画像 */
#main div.topic ul.topicImages li img.category {
  float: left;
  margin: 0 2px 5px 0;
  border: none;
}

/* おすすめ画像 リスト */
#main div.topic ul.topicImages li .info {
  clear: both;
  font-size: 90%;
  margin-top: 5px;
}
#main div.topic ul.topicImages li .info .text_ct{
	font-size: 97%;
	line-height:1.3;
	text-align:left;
}

/* おすすめ画像 リスト リンク */
#main div.topic ul.topicImages li .info a {
  color: #696969;
}

#main div.topics div.topicArea div.catch img {
  border: 1px #c0c0c0 solid; /* 写真の境界線 */
}

/* --- 新着情報 --- */
#main div.update {
  padding-bottom: 15px;
  border: 1px #c0c0c0 solid;
}

/* 見出しエリア */
#main div.update div.heading {
  margin: 0 0 0.5em;
  border-style: none none solid;
}

/* 新着情報エリア */
#main div.update dl {
  width: 450px;
  margin: 0 auto;
}

/* 定義エリア */
#main div.update dt {
  width: 6.7em;
  float: left;
  padding: 7px 0 6px 3px;
  line-height: 120%;
}
/* 日付エリア */
#main div.update dt.date {
  width: 6.7em;
  float: left;
  padding: 7px 0 6px 3px;
  line-height: 120%;
  color: #D16900;
  font-size: 110%;
}

/* 本文エリア */
#main div.update dd {
  margin: 0;
  padding: 7px 3px 6px 6.6em;
  border-bottom: 1px #c0c0c0 dotted;
  line-height: 120%;
}

/* 本文エリアコピー */
#main div.update dd.copy {
  padding: 3px 3px 20px 9em;
  font-size: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* -----非対応端末商品購入エラー表示 -----*/
#main div.noncompliant{
	margin:15px;
	line-height:1.1;
}
#main div.noncompliant h2{
	background-color: #ad0a1d;
	background-image:url(../images/attention.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	font-size:16px;
	color:#ffffff;
	padding:10px 0px 10px 35px;

}
#main div.noncompliant h3{
  border-bottom: 1px #d04881 solid;
	font-size:15px;
	color:#d04881;
	padding:5px 10px;
	margin: 5px 0;
}
#main div.noncompliant span a{
	color:#ff0000;
	text-decoration:underline;
}
#main div.noncompliant div.booklist li{
	background-color: #e5e5e5;
	margin:5px 0;
	padding:10px;
}
#main div.noncompliant div.booklist .bookTitle{
  display: inline;
  font-size: 120%;
  font-weight: bold;
}
#main div.noncompliant div.booklist .environ{
  display: inline;

}
#main div.noncompliant div.booklist .environ span{
  background-color:#e4c99a;
	color:#442d05;
	margin-right:2px;
	padding: 2px 1px;
}

/* -------- オススメ一覧 -------------- */
#featureList .infoVisible {
  margin: 20px 0 0 10px;
}
#featureList .bookDetail {
  padding: 0 0 0 10px;
}

/* --- 最近チェックした本 --- */
#history {
  clear: both;
  width: 950px;
  height: 310px;
  padding: 15px 0 30px;
}
/* 最近チェックした本 見出し */
#history h2 {
  font-size: 120%;
  margin: 0 0 1em;
  padding: 6px 8px 5px;
  background: #f9f9f9 url(../images/heading_back1.gif) repeat-x;
  border: 1px #c0c0c0 solid;
}
/* 最近チェックした本 */
#history .historyList {
  width: 280px;
  float: left;
  padding-right: 10px;
  /* border-right: 1px #c0c0c0 solid; */
}
/* 最近チェックした本 リスト */
#history .historyList ul li {
  clear: both;
  margin: 0;
  padding: 0 5px 0;
  min-height: 53px;
}
/*  最近チェックした本 表紙画像 */
#history .historyList ul li .historyImg {
  float: left;
  width: 35px;
  margin-right: 10px;
}
/*  最近チェックした本 タイトル */
#history .historyList ul li .historyTitle {
  padding-top: 15px;
  margin-left: 45px;
}
/*  最近チェックした本 削除ボタン */
#history .historyList ul li .historyDel {
 float: right;
 padding-top: 5px;
}

/* チェックした本の関連商品領域 */
 #history .relation {
  width: 640px;
  float: right;
  padding-left: 15px;
  border-left: 1px #c0c0c0 solid;
}
/* チェックした本の関連商品 リスト */
#relation ul li {
  text-align: center;
}
/* チェックした本の関連商品 表紙画像 */
#relation .relationImg {
  margin-bottom: 5px;
}
/* チェックした本の関連商品 タイトル */
#relation .relationTitle {
  height: 40px;
  overflow: hidden;
}
/* チェックした本の関連商品 削除ボタン */
#relation .relationDel {
  padding-right: 10px;
  text-align: right;
}

/* ヘルプ-Ｑ＆Ａの目次 質問 左 */
*.floating1 {
  float: left;
  width: 48%;
  height: 20em;
  margin: 2px;
  border: 2px #CCC double;
}
/* ヘルプ-Ｑ＆Ａの目次 質問 右 */
*.floating2 {
  float: right;
  width: 48%;
  height: 20em;
  margin: 2px;
  border: 2px #CCC double;
}
/* ヘルプ-Ｑ＆Ａの目次 質問 リスト */
.floating1 dl, .floating2 dl {
  margin: 1px 0;
  padding: 10px 10px 20px;
}

/* ヘルプ-Ｑ＆Ａの目次 質問 見出し */
.floating1 dl dt, .floating2 dl dt {
  font-weight: bold;
}

/* ヘルプ-Ｑ＆Ａの目次 質問 項目 */
.floating1 dl dd, .floating2 dl dd {
  line-height: 130%;
}

/* ヘルプ-Ｑ＆Ａの目次 質問 項目 リンク */
.floating1 dl dd a, .floating2 dl dd a {
  margin-left: -15px;
  padding-left: 12px;
  background: url(../images/menu_triangle6.gif) no-repeat 0 0.2em;
}
/* ヘルプ-Ｑ＆Ａの答え 見出し */
h3.qa {
  margin: 20px 0 0 10px;
  padding: 0.3em 0.8em;
  background-color: #FFFFFF;
  border-top: 1px solid #d04881;
  border-left: 7px solid #d04881;
  font-size: 130%;
  letter-spacing: .3em;
}
/* Ｑ＆Ａ 1ブロック */
ul.answer {
  margin: 2em;
  padding: 10px;
}
/* Q&A 質問 */
ul.answer li {
  margin: 3px 0;
  padding-left: 35px;
  background: url(../images/q.gif) no-repeat left center;
  font-weight: bold;
  line-height: 30px;
}

/* Q&A 答え */
ul.answer li.answer {
  margin: 5px 0;
  padding: 10px 10px 10px 50px;
  background: url(../images/a.gif) no-repeat 15px 5px;
  line-height: 1.3;
  font-weight: normal;
}
/* Q&A 答え リンク*/
ul.answer li.answer a {
  padding-left: 12px;
  background: url(../images/menu_triangle2.gif) no-repeat 0 0.2em;
}

/* ポイント付与 */
.point_help{
	margin:15px 30px;
	padding:5px;
	background: #dfdfdf;
	color:#000000;
	border-radius: 5px ;
	border:1px solid #000000;
}

/* 利用規約 見出し */
.kiyakuRule {
  padding: 0 22px;
  font-size: 110%;
  font-weight: bold;
}

/* 利用規約 本文 */
.kiyakuConte {
  margin: 5px 0 15px;
  padding: 0 22px;
  font-size: 110%;
}

/* 確認画面 テーブル*/
table.confirmTable td {
  word-break: break-all;
}
/* ログインフォーム注意書き  */
#main table.entryTable ol {
  margin: 0;
  padding: 10px 0;
}
/* ログインフォーム注意書き リスト項目 */
#main table.entryTable ol li {
  margin: 10px 0;
  line-height: 110%;  
}
/* ログインフォーム注意書き リスト項目 リンク  */
#main table.entryTable ol li a {
  padding-left: 12px;
  background: url(../images/menu_triangle2.gif) no-repeat 0 0.2em;
  font-weight: bold;
}
/* --------ID発行--------------- */
#newcustomer table {
  width: 580px;
  margin-bottom: 30px;
}
/* 赤字 */
#newcustomer .caution {
  color:#ff0000;
}
/* 右寄せ */
#newcustomer .note {
  text-align: right;
}
/* リンク */
#newcustomer a.link {
  padding: 5px 5px 5px 10px;
  background: url(../images/menu_triangle2.gif) no-repeat left;  
}
/* --------登録内容変更--------------- */
/* 右寄せ */
#usrinfo .note {
  text-align: right;
}
/* リンク */
#usrinfo a.link {
  padding: 5px 5px 5px 10px;
  background: url(../images/menu_triangle2.gif) no-repeat left;  
}

/* --- ▲メインカラム内の設定終了 --- */
/* --- ▼サイドバー(左)内の設定開始 --- */
/* --- サイドバー(左) --- */
#nav {
  float: right;
  width: 180px;
}

/* --- セクション（共通設定） --- */
#nav div.section {
  margin-bottom: 15px;
  padding: 2px;
  border: 1px #c0c0c0 solid;
}

/* 見出し */
#nav div.section h2 {
  margin: 0 0 0.7em;
  padding: 3px 8px;
  font-size: 120%;
  line-height: 100%;
}

#nav div.blsearch img {
  margin-bottom: 15px;
}

/* 段落 */
#nav div.section p {
  margin: 0 5px 0.7em;
  line-height: 130%;
}

/* --- 標準セクション（グレー） --- */
#nav div.normal {
  background-color: #f9f9f9;
}

/* 見出し 特集*/
#nav div.normal h2 {
  height: 25px;
  color: #666666;
  background: url(../images/titleBar_campaign.gif) no-repeat;
}
/* 見出し 購入履歴用 */
#nav div.normal h2.myShelfTitle {
  clear: both;
  margin: 0 0 10px;
  background: #fbd8b5 url(../images/mybook_b.gif) no-repeat 3px 5px;
  }

/* メニューエリア */
#nav div.normal ul.nl, #aside div.normal ul.nl {
  margin: 0 0 2px;
  padding: 0;
  list-style-type: none;
}

/* メニュー項目 */
#nav div.normal ul.nl li, #aside div.normal ul.nl li {
  padding: 0 2px 0 15px;
  background: url(../images/menu_triangle2.gif) no-repeat 2px 0.5em;
  line-height: 25px;
}
/* メニュー項目 */
#nav div.normal ul.nl li.current, #aside div.normal ul.nl li.current {
  color:#d04881;
}

/* --- サブメニュー --- */
#nav div.subMenu {
  background: #f9f9f9 url(../images/box_back_gray4.gif);
}

/* サブメニュー内の見出し */
#nav div.subMenu h2 {
  clear: both;
  margin: 0 0 10px;
  background-color: #d04881;
  color: #fff;
}

/* サブメニュー内の見出し 絞り込み用 */
#nav div.subMenu h2.sort {
  background-color: #8F8FC6;
}

/* サブメニュー内の見出し BL絞り込み用 */
#nav div.subMenu h2.blsort {
  background-color: #621a99;
  color: #e52778;
}

/* サブメニュー内の見出し h3*/
#nav div.subMenu h3 {
  clear: both;
  margin: 0;
  font-weight: bold;
}

/* メニューエリア */
#nav div.subMenu ul.nl {
  margin: 0 0 2px;
  padding: 0;
  list-style-type: none;
}

/* メニュー項目 */
#nav div.subMenu ul.nl li {
  padding: 0 2px 8px 14px;
  background: url(../images/menu_triangle6.gif) no-repeat 2px 0.15em;
}

/* メニュー項目 リンクエリア */
#nav div.subMenu ul.nl li a {
  text-decoration: none;
}

/* メニュー項目 ポイント時の設定 */
#nav div.subMenu ul.nl li a:hover {
  text-decoration: underline;
}

/* 送信ボタン */
#nav div.subMenu .submitButton {
  margin: 10px 0;
  text-align: center;
}

#nav div.subMenu .submitButton .button_reset {
  width: 60px;
  height: 30px;
  background: #fff url(../images/btn_submit_bg.gif);
  border: none;
  cursor: pointer;
  vertical-align: top;
}

/* メニュー項目 現在表示 */
#nav div.subMenu ul.nl li.current {
  color: #d04881;
}

/* バックナンバーリスト */
#nav div.subMenu ul.nl2 {
  padding: 10px 0 0;
}
#nav div.subMenu ul.nl2 li {
  padding: 0 2px 8px 14px;
  background: url(../images/menu_triangle2.gif) no-repeat 2px 0.15em;
  text-decoration: underline;
}

/* メニュー アコーディオンメニュー */
#nav div.subMenu .accordionList dl {
  margin: 0 0 5px;
}

/* 親メニュー */
#nav div.subMenu .accordionList dt {
  background: url(../images/menu_triangle2.gif) no-repeat right;
  padding: 5px;
  margin: 2px;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
}
#nav div.subMenu .accordionList dt a {
  display: block;
  text-decoration: none;
}
#nav div.subMenu .accordionList dt a:hover {
  color: #d04881;
}

/* 子メニュー */
#nav div.subMenu .accordionList dd {
  margin: 0;
  background-color: #fff;
}
#nav div.subMenu .accordionList dd a {
  display: block;
  margin: 0 0 0 5px;
  padding: 4px 0 4px 14px;
  background: url(../images/menu_triangle6.gif) no-repeat 0 0.5em;
  color: #000;
}
#nav div.subMenu .accordionList dd a:hover {
  background-color: #fdefdd;
  text-decoration: none;
}

/* 1行セレクトボックス */
#nav div.subMenu select {
  width: 170px;
  margin: 0 0 5px;
}

/* ナビ追加エリア */
#nav div.subMenu .navOption {
  margin: 0 0 10px;
}

/* ナビ追加エリア 追加情報*/
#nav div.subMenu .navOption .info {
  margin: 5px;
  font-size: 90%;
  color: #d04881;
}

/* 入力フォーム */
#nav div.subMenu .navInputText {
  width: 140px;
  background: white url(../images/search_back.gif) no-repeat 1px 50%;
  padding: 0 0 0 20px;
  height: 18px;
}

/* 50音表示 */
#nav div.subMenu ul.oneLetter {
  margin: 0 0 0 8px;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

/* 50音表示 リスト */
#nav div.subMenu ul.oneLetter li {
  float: left;
  width: 15px;
  height: 15px;
  margin: 0 5px 5px 0;
  padding: 5px;
  border: 1px solid #ccc;
  text-align: center;
  background-color: #fff;
}

/* 50音表示 リスト リンクエリア */
#nav div.subMenu ul.oneLetter a li {
  display: block;
  text-decoration: none;
  color: #404040;
}

/* 50音表示 リスト  ポイント時の設定 */
#nav div.subMenu ul.oneLetter a:hover li {
  background-color: #fbd8b5;
}

/* 年月セレクト*/
#nav div.subMenu .selectDateArea {
  margin-left: 5px;
}

#nav div.subMenu select.date {
  width: 60px;
}

/* --- ▲サイドバー(左)内の設定終了 --- */
/* --- 罫線（3カラム用） --- */
#content hr.clear {
  clear: right;
  width: 100%;
  margin: 0;
  visibility: hidden; /* 非表示 */
}

/* --- ▲コンテンツ内の設定終了 --- */
/* --- ▼サイドバー(右)内の設定開始 --- */
/* --- サイドバー(右) --- */
#aside {
  float: left;
  width: 180px;
  margin-bottom: 10px;
}

/* --- セクション（共通設定） --- */
#aside div.section {
  margin-bottom: 10px; 
  padding: 2px;
  border: 1px #c0c0c0 solid;
}

/* 見出し */
#aside div.section h2 {
  margin: 0 0 0.7em;
  padding: 3px 8px;
  font-size: 120%;
  line-height: 100%;
}

/* 段落 */
#aside div.section p {
  margin: 0 10px 0.7em;
  line-height: 130%;
}

/* --- 標準セクション（グレー） --- */
/* 見出し */
#aside div.normal h2 {
  background-color: #e5e5e5;
  color: #666666;
}

/* --- 強調セクション1（薄こげ茶）※オススメ一覧が出来たら外す --- */
/* 見出し */
#aside div.emphasis h2 {
  background-color: #b3a98c; 
  color: #ffffff; 
}

/* リストエリア */
#aside div.emphasis ul {
  margin: 0 10px 0.3em; 
  padding: 0;
  list-style-type: none;
}

/* リスト項目 */
#aside div.emphasis ul li {
  padding: 0 0 8px 15px; 
  background: url(../images/menu_triangle6_box.gif) no-repeat 0 0.3em; 
  line-height: 130%;
}
/* --- 強調セクション1（薄こげ茶）※オススメ一覧が出来たら外す END --- */


/* --- 強調セクション1（オススメ） --- */
/* 見出し */
#aside div.emphasis h2 {
  background-color: #DCD8CB;
background: #BBA37E url(../images/titleBar_recommend.gif) no-repeat;
line-height: 24px;
}
/* リスト項目 */
#aside div.emphasis ul.feature li {
  padding: 8px 0 4px 15px; 
  background: url(../images/menu_triangle2.gif) no-repeat 0 .8em; 
  line-height: 130%;
  border-bottom: 1px solid #DCD8CB;
}

/* リストエリア */
#aside div.emphasis ul.feature_contents {
  margin: 0.5em 0 0.3em; 
  padding: 0;
  list-style-type: none;
  border-top: 1px solid #DCD8CB;
}

/* リスト項目 */
#aside div.emphasis ul.feature_contents li {
  padding: 5px 0 5px 20px; 
  background: url(../images/menu_triangle6.gif) no-repeat 0.3em 0.6em; 
  line-height: 130%;
  border: none;
}
/* 一覧へのリンク */
#aside div.emphasis .link {
  line-height: 2.5;
  text-align: right;
}
#aside div.emphasis .link a {
  padding: 0 10px 0 18px;
  background: url(../images/menu_triangle6_box.gif) no-repeat 0 0.2em;
  text-decoration: underline;
}

/* --- 強調セクション2（オレンジ） --- */
#aside div.strong {
  background-color: #efefef;
}

/* 見出し */
#aside div.strong h2 {
  background-color: #fb894b;
  color: #ffffff;
}

/* 内枠 */
#aside div.section_in {
  margin: 5px; 
  padding: 5px;
  border: 1px #c0c0c0 solid;
}

/* リスト */
#aside div.strong dl {
  width: 100px;
  margin: 3px auto 0.7em;
}

/* リスト 内容 */
#aside div.strong dl dd {
  line-height: 130%;
  font-weight: bold;
  font-size: 110%;
  color: #660000;
  text-align: right;
}

/* ボタンエリア */
#aside div.strong div.buttonArea {
  text-align: center;
  margin: 5px 0;
}

/* ボタンエリア カートに入れる */
#aside div.strong div.buttonArea .caution {
  margin: 5px 0 2px;
  color: #d90000;
  text-align: center;
}

/* --- ピックアップリスト（小豆色） --- */
#aside div.pickup {
  background-color: #fbf8f1;
}

/* ピックアップリスト内の見出し */
#aside div.pickup h2 {
  margin: 0;
  background-color: #bd6a4b;
  color: #ffffff;
}

/* ピックアップリスト内の見出し 新刊 */
#aside div.pickup h2.latest {
  background: #bba37e url(../images/titleBar_newbook.gif) no-repeat;
  line-height: 24px;
}

/* ピックアップリスト内の見出し ランキング */
#aside div.pickup h2.ranking {
  background: #bba37e url(../images/titleBar_ranking.gif) no-repeat;
  line-height: 24px;
}

/* リストエリア */
#aside div.pickup ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* リスト項目 */
#aside div.pickup ul li {
  padding: 10px 8px;
  border-bottom: 1px #b3a98c solid;
}

/* リスト最後の項目は下境界線なし */
#aside div.pickup ul li.last {
  border-bottom: none;
}

/* 項目内容 */
#aside div.pickup ul dl {
  width: 100%;
  margin: 0;
}

/* ランキング画像 */
#aside div.pickup ul div.ranking {
  float: left;
  width: 40px;
  margin: 15px 7px 0 0;
  font-weight: bold;
}

/* ランキング画像 */
#aside div.pickup ul div.ranking img {
}

/* 写真エリア */
#aside div.pickup ul dt {
  width: 98px;
  margin: 0 auto 0 60px;
  padding: 0;
}

/* 本詳細エリア */
#aside div.pickup ul dd {
  clear: both;
  margin: 0;
  line-height: 130%;
  font-size: 90%;
}
/* ランキング画像 */
#aside div.pickup ul dd img.category {
  float: left;
  margin-right: 2px;
}

/* 本詳細エリア */
#aside div.pickup .linkRanking {
  text-align: center;
  line-height: 120%;
  font-size: 90%;
}

/* 本詳細エリア */
#aside div.pickup .linkRanking a {
  padding: 5px 5px 5px 10px;
  background: url(../images/menu_triangle2.gif) no-repeat left;
}

/* --- お問い合わせ --- */
#aside div.contact {
  padding-bottom: 0.3em;
}

/* 段落 */
#aside div.contact p {
  margin-bottom: 0.4em;
}

/* 電話番号 */
#aside div.contact p.tel {
  margin-bottom: 0.1em;
  font-size: 120%;
  font-weight: bold;
  color: #bd6a4b;
}

/* お問い合わせフォームへのリンク */
#aside div.contact p.form {
  width: 11em;
  margin-top: 0.7em;
  padding: 3px;
  background-color: #ffffff;
  border: 1px solid;
  border-color: #e0e0e0 #cccccc #cccccc #e0e0e0;
  text-align: center;
  line-height: 100%;
}

/* リンクエリア */
#aside div.contact p.form a {
  display: block;
  position: relative; /* IE6用 */
  padding: 12px 2px;
  background: #978e75 url(../images/form_back3_off.gif) repeat-x top;
  font-size: 110%;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}

/* ポイント時の設定 */
#aside div.contact p.form a:hover {
  background: #a59d85 url(../images/form_back3_on.gif) repeat-x top;
}

/* --- 罫線 --- */
#aside hr.none {
  display: none; /* 表示形式（なし） */
}
/* --- 関連 --- */
#aside .section_relate {
  padding-bottom: 15px;
  border: 1px #c0c0c0 solid;
}

#aside .section_relate div.heading {
  margin: 0 0 0.5em;
}

#aside .section_relate div.heading h2 {
  background-color: #E5E5E5;
}

#aside .section_relate dl {
  width: 170px;
  margin: 0 auto;
}

#aside .section_relate dt {
  padding: 7px 0 0 3px;
  line-height: 120%;
  color: #9f9f9f;
}

#aside .section_relate dd {
  margin: 0;
  padding: 5px 3px 6px 2em;
  border-bottom: 1px #c0c0c0 dotted;
  line-height: 120%;
}

#aside .section_relate dd:last-child {
  border-bottom: none;
}

#aside .section_relate dd.copy {
  padding: 3px 3px 20px 9em;
  font-size: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* --- ▲サイドバー(右)内の設定終了 --- */
/* --- ▼フッタ内の設定開始 --- */
/* --- フッタ --- */
#footer {
  clear: both;
  width: 100%;
  padding: 15px 0 20px;
  border-top: 1px #c0c0c0 solid;
  font-size: 90%;
}

/* --- フッタメニュー --- */
#footer ul.nl {
  margin: 0 0 5px 50px;
  padding: 0;
  list-style-type: none;
}

/* --- メニュー項目 --- */
#footer ul.nl li {
  padding: 0 4px 0 8px;
  background: url(../images/menu_line_gray.gif) no-repeat left; /* 項目の背景（区切り線） */
  display: inline;
}

#footer ul.nl li a {
  color: #666666;
}

/* メニュー 最初の項目 */
#footer ul.nl li:first-child {
  background-image: none; /* 区切り線なし */
}

/* --- アドレス・コピーライト --- */
#footer address {
  line-height: 140%; 
  padding: 0 4px 0 8px;
  margin: 0 0 0 50px;
  font-style: normal;
  color: #666666;
}

/* --- ▲フッタ内の設定終了 --- */
/* --- ▼その他の設定開始 --- */
/* --- clearfix --- */
.clearFix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearFix {
  min-height: 1px;
}

/* --- ▲その他の設定終了 --- */




/*二重取り消し線*/
.doubleline {
background-image:url(/pc/images/doubleline.gif);
background-repeat:repeat-x;
background-position: center;
} 


/* マイメニュー　------------------------------ */
#mypage_main{
	margin:0 ;
	padding:0 ;
}
#mypage_main h1{
	background: none;
	color:#787878;
	font-size:120%;
	padding:10px 10px 5px 0px;
	margin: 5px 5px 25px 20px;
	letter-spacing: 0.2em;
	border-bottom: 1px solid #a1a1a1;
}
#mypage_main a:hover {
	text-decoration: none;
}
/* LINK */
a:hover img{
opacity:0.75;
filter:alpha(opacity=75);
-ms-filter:"alpha(opacity=75)";
}

#mypage_main .info{
　clear:both;
 	color:#472d0a;
	font-size:110%;
  font-weight: bold;
	margin:0 0 0 35px;
	padding:15px 0 0 0;
	letter-spacing: 0.1em;
}

#mypage_main .notice{
  border-radius: 8px;
	margin: 0 30px 15px 30px;
	padding:10px;
  background: #ffffff;
 	color:#472d0a;
	border: 1px solid #7c8e8d;
	font-size:100%;
	line-height:1.5;
}
#mypage_main .notice .day{
  font-weight: bold;
 	color:#a91010;
	font-size:100%;
}
#mypage_main .list{
	margin:20px 0;
	padding:0;
}
#mypage_main .list ul{
	position:relative;
	left:50%;
	float:left;
	margin:	0;
	padding: 0;
}

#mypage_main .list li{
	position:relative;
	left:-50%;
	float:left;
	margin: 2px ;
	display: block;
	background: #ffffff;
	padding:3px 3px 3px 3px;
	border-top: 2px solid #e8e8e8;
	border-right: 2px solid #e8e8e8;
	border-bottom: 2px solid #e8e8e8;
	border-left: 5px solid #c8d4d6;
}
#mypage_main  div.p-a{
	background: #f0f1f1;
	font-size:110%;
	display: block;

}
#mypage_main .list li	a{
color:#1c8075;
}
#mypage_main div.p-a a{
	width:200px;
	height:43px;
	padding:10px 5px 10px 10px;
	letter-spacing: 0.1em;
	display: table-cell; 
	vertical-align: middle;
	overflow:hidden;
}
#mypage_main div.p-a a:hover{
	width:200px;
	height:43px;
	padding:10px 5px 10px 10px;
	background: #96b4b1;
	color:#ffffff;
	letter-spacing: 0.1em;
	display: table-cell; 
	vertical-align: middle;
	overflow:hidden;
}
#mypage_main div.p-a span{
	width:200px;
	height:43px;
	padding:10px 5px 10px 10px;
	letter-spacing: 0.1em;
	display: table-cell; 
	vertical-align: middle;
	overflow:hidden;
}

#mypage_main h3{
	background: none;
	color:#a9a9a9b;
	font-size:105%;
	padding:10px ;
	margin:0 5px 5px 20px;
	letter-spacing: 0.2em;
  border: 1px #c0c0c0 solid;
  background: #f9f9f9 url(../../images/heading_back1.gif) repeat-x;

}
#mypage_main .topic{
	position:relative;
	overflow:hidden;
	margin:5px auto;
	padding: 0;
}
#mypage_main .topic ul{
	position:relative;
	left:50%;
	float:left;
	margin:	0;
	padding: 0;
}
#mypage_main .topic li{
	position:relative;
	left:-50%;
	float:left;
	margin: 0 5px ;
	padding: 0;
	display: block;
}
#mypage_main .topicbook{
	width:100px;
}
#mypage_main .topicbook img{
  border : 1px solid #cbcbcb; 
  -webkit-box-shadow: 1px 1px 1px #cbcbcb;
}
#mypage_main .topicbook .bookTitle{
	color:#939393;
}
/*---ヘッダー部分----*/
#mypage_header h1{
	background: none;
	color:#787878;
	font-size:115%;
	padding:10px 10px 5px 0px;
	margin:0 5px 5px 20px;
	letter-spacing: 0.2em;
	border-bottom: 1px solid #a1a1a1;
}
#mypage_header .list{
	margin:5px 0;
	padding:0;
}
#mypage_header .list ul{
	margin:	0;
	padding: 0;
}

#mypage_header .list li{
	float:left;
	margin: 1px ;
	display: block;
	background: #ffffff;
	padding:3px 3px 3px 3px;
	border-top: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	border-left: 3px solid #c8d4d6;
}
#mypage_header div.p-a{
	width:105px;
	height:15px;
	padding: 0;
	background: #f0f1f1;
	font-size:12px;
	letter-spacing: 0;
	display: table-cell; 
	vertical-align: middle;
	overflow:hidden;

}
#mypage_header div.p-a a{
	width:105px;
	height:15px;
	padding:10px 0 10px 0;
	display: block;
	overflow:hidden;
}
#mypage_header div.p-a a:hover{
	width:105px;
	height:15px;
	background: #96b4b1;
	padding:10px 0 10px 0;
	color:#ffffff;
	display: block;
}
#mypage_header div.p-a span{
	width:105px;
	height:15px;
	padding:10px 0 10px 0;
	display: block;
	overflow:hidden;
}

/*---端末表記----*/
#mypage_main .list li div.p-b{
	background: #f0f1f1;
	font-size:110%;
	width:200px;
	height:100px;
	padding:10px 5px 10px 10px;
	line-height:1.2;
	display: table-cell; 
	vertical-align: middle;
	overflow:hidden;
}
#mypage_main div.regi{
	clear:both;
	background: #1f93b4;
	color:#ffffff;
  border-radius: 8px;
 	padding: 8px;
	position:absolute;top:40%;right:8px;
}
#mypage_main div.regi a{
	background: #1f93b4;
	color:#ffffff;
	display: block;
}
#mypage_header div.regi a:hover{
	color:#ffffff;
	display: block;
}


/* TOPスライダー------------------------------ */

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
#main .flex-container a:active,
#main .flexslider a:active,
#main .flex-container a:focus,
#main .flexslider a:focus  {outline: none;}
#main .slides,
#main .flex-control-nav,
#main .flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('fonts/flexslider-icon.eot');
	src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/flexslider-icon.woff') format('woff'),
		url('fonts/flexslider-icon.ttf') format('truetype'),
		url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/

#main .flexslider {
	position:absolute;
	top:0px;
	margin: 0;
	padding: 0;
}
#main .flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
#main .flexslider .slides img {
	max-width:552px;/*画像大きさ横*/
	max-height:212px;/*画像大きさ縦*/
	display: block;
	margin: 0 auto;
}
#main .flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
#main .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
#main .no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/*
#main .flexslider { margin: 0 auto;
	margin-bottom:35px;/*下の空き縦*/
	background: none;
	width:552px;/*全体の大きさ横*/
	height:212px;/*全体の大きさ縦*/

	position: relative;
	zoom: 1;
 }
#main .flex-viewport {
	max-height: 204px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

#main .loading .flex-viewport { max-height: 204px; }
#main .flexslider .slides { zoom: 1; }
#main .carousel li { margin-right: 5px; }

/* Direction Nav */
#main .flex-direction-nav {*height: 0;}
#main .flex-direction-nav a  { text-decoration:none;
	display: block;
	width: 100px;/*左右ボタンの大きさ幅*/
	height: 25px;/*左右ボタンの大きさ高さ*/
	margin: 15px 0 0 3px;/*左右ボタンの位置高さ*/
	position: absolute;
	top:200px; /*左右ボタンの位置高さ*/
	z-index: 10; 
	overflow: hidden;
	opacity: 0; 
	cursor: pointer; 
	color: rgba(0,0,0,0.8); 
	text-shadow: 1px 1px 0 rgba(255,255,255,0.3); 
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; 
}
#main .flex-direction-nav .flex-prev { opacity: 1; left: 0px; }
#main .flex-direction-nav .flex-next { opacity: 1; right: 0px; text-align: right; }
#main .flexslider:hover .flex-prev {	opacity: 1;  left: 0px; }
#main .flexslider:hover .flex-next { opacity: 1; right: 0px; }
#main .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
#main .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
#main .flex-direction-nav a:before  {
  background: #c9c1b8;
	width: 93px;/*左右ボタンの装飾ボタンの大きさ*/
	height:23px;
	color:#ffffff;
  font-weight: bold;
	padding: 0 2px;
	text-align:center;
  border: solid 1px #444444;
 font-family: "flexslider-icon";
 font-size: 18px;
 line-height:23px;
 display:inline-block; content: '<';
}
#main .flex-direction-nav a.flex-next:before  {
 content: '>';
}

/* Pause/Play */
#main .flex-pauseplay a { display: block;
 width: 20px;
 height: 20px;
 position: absolute;
 bottom: 5px;
 left: 10px;
 opacity: 0.8;
 z-index: 10;
 overflow: hidden;
 cursor: pointer;
 color: #000;
}
#main .flex-pauseplay a:before  { 
	font-family: "flexslider-icon";
	font-size: 20px;
	display: inline-block;
	content: '\f004';
}
#main .flex-pauseplay a:hover  { opacity: 1; }
#main .flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
#main .flex-control-nav {/*下列の全体*/
	height:23px;
	width: 545px;
	position: absolute;
	bottom: -26px;
	text-align: center;
	margin-left:3px;
}
#main .flex-control-nav li {
	margin: 6px 6px 0;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
#main .flex-control-paging li a {
	width: 10px;
	height: 10px;
	display: block;
	background: #2f2008;
	background: rgba(47,32,8,0.5);/* 基本色 */
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0 0 3px rgba(222,129,139,0.3);
	-moz-box-shadow: inset 0 0 3px rgba(222,129,139,0.3);
	-o-box-shadow: inset 0 0 3px rgba(222,129,139,0.3);
	box-shadow: inset 0 0 3px rgba(222,129,139,0.3);
}
#main .flex-control-paging li a:hover { background: #ffffff; background: rgba(255,255,255,0.7); }/* 触れたとき */
#main .flex-control-paging li a.flex-active {
 background: #b588a2;
 background: rgba(181,136,162,0.9);/* 動く色 */
 cursor: default; 
 }

#main .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
#main .flex-control-thumbs li {width: 25%; float: left; margin: 0;}
#main .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
#main .flex-control-thumbs img:hover {opacity: 1;}
#main .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/* スライダ―用バナー部分 */
#main .flexslider .top_banner_pc1{
	margin: 1px ;
	padding:1px;
	background: #cdcdcd;
	width:552px;
	height:102px;
}
#main .flexslider .top_banner_pc1 img{
	border: solid 1px #ffffff;
}
#main .flexslider .top_banner_pc2{
	margin: 1px ;
	padding:1px;
	background: #cdcdcd;
	width:552px;
	height:185px;
}
#main .flexslider .top_banner_pc2 img{
	border: solid 1px #ffffff;
}


/* スライダ―用テキスト部分 */
#main .flexslider .fs_banner , .fs_cp , .fs_etc{
	background-color:#d590b9;
	width:546px;
	text-align:center;
	color:#ffffff;
	margin:0 0 0 3px;
	padding:3px 2px;
	font-size:14px;
}
#main .flexslider .fs_banner a ,.fs_cp a ,.fs_etc a{
	color:#ffffff;
}
#main .flexslider a:hover{
	text-decoration: none;
}
#main .flexslider .fs_cp {
	background-color:#72abd2;
}

#main .flexslider .fs_etc {
	background-color:#96ca64;
}

/* 左側 Information*/
#banner_text_in{
	font-size:14px;
  font-weight: bold;
	line-height:20px;
	letter-spacing: 0.1em;
	text-align:center;
	background-color:#4a2f16;
	color:#ffffff;
	margin-bottom:2px;
}

.banner_text{
	background-color:#ffffff;
  border: solid 1px #4b2d15;
  border-right: solid 6px #4b2d15;
	margin:1px 0;
  padding:0 5px;
	width:200px;
	height:60px;
	display: table-cell; 
	vertical-align: middle;
	font-size:14px;
  font-weight: bold;
	color:#4b2d15;
	background-image:url(../images/banner_text_img.png);
	background-position:right center;
	background-repeat: no-repeat;
}
.banner_text a{
	color:#4b2d15;
	display: block;
}
.banner_text a:hover{
	text-decoration: none;
}

/* フェア表示テキスト用------------------------------ */
.fartext{
	margin:5px;
}
.fartext li{
	margin:1px;
	background:#fffcf7;
	border-right: 1px solid #d4d4d4;
	border-left: 8px solid #ffeed7;
	border-bottom: 1px solid #d4d4d4;
	padding:8px 15px;
	font-size:13px;
	background-image:url(/pc/cp/images/201401_syougaku_media_right.png);
	background-position: center right;
	background-repeat: no-repeat;
}
.fartext li a{
	display: block;
}