@charset "utf-8";
/* ====================================================

	style.css

======================================================= */
body { background:#080100 url(../images/bg.jpg) top center repeat-x scroll; color:#C0B8AE; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }

/* ==============================
	base 
================================= */
/* layout */
#wrapperAll { width:980px; margin:0 auto 0 auto; padding-bottom:95px; font-size:108%; line-height:1.5; }
#mainContents { width:730px; float:right; position:relative;}
#subContents { width:230px; }

/* tag */
a { color:#C0B8AE; }
a:hover,
#recommendBlog dt a:hover,
#prefectures a:hover,
#recommend .recommendItem a:hover { color:#C99; }
a.link { margin-right:7px; padding-right:20px; background:url(../images/link_icon.png) right center no-repeat; }
a img { -webkit-transition-property: all; -webkit-transition-duration: .2s; -webkit-transition-timing-function: ease-in-out; }
a img:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; }

li { list-style:none; }

/* common */
#wrapperAll:after,
#glovalHeader:after,
#recommenderList ul:after,
#tokuten:after,
#menu:after { content:""; display:block; clear:both; }


/* ==============================
	header 
================================= */
#glovalHeader { position:relative; background:url(../images/hdr_bg_03.jpg) 774px 0 no-repeat; }
#mainTitle,#mainText { float:left; }
#mainTitle { background:url(../images/hdr_bg_01.jpg) 0 0 no-repeat; padding-left:71px; margin:0 0 0 -99px; }
#mainText { background:url(../images/hdr_bg_02.jpg) 0 0 no-repeat; padding:53px 0 0 16px; }

/* ==============================
	main contents 
================================= */

/* 40周年フェアについて
--------------------------------- */
#about { width:747px; margin:-42px -22px 0 0; position:relative; }
#about h1 { background:url(../images/frame01_top.png) 0 0 no-repeat; padding:52px 0 0 49px; }
#about .textArea { background:url(../images/frame01_body.gif) 0 0 repeat-y; }
#about .textAreaInner { background:url(../images/about_bg_bottom.jpg) left bottom no-repeat; padding-bottom:110px; }
#about .textArea p { padding:10px 90px 0 70px; }
#about .linkBtn { position:absolute; top:68px; right:88px; }

/* 推薦者一覧
--------------------------------- */
#recommenderList { background:url(../images/recommender_list_body.jpg) 0 0 repeat-y; margin-bottom:40px; margin-left:7px; }
#recommenderList ul { background:url(../images/recommender_bottom.jpg) left bottom no-repeat; padding:10px 60px 60px 60px; }
#recommenderList li { float:left; width:10em; }


/* 私の選ぶ国書刊行会の本
--------------------------------- */
#recommendBlog { margin-bottom:40px; }
#recommendBlog h1 { background:url(../images/line_01.gif) center bottom no-repeat; }
#recommendBlog dl { margin-bottom:7px; }
#recommendBlog dt,
#recommendBlog dd { padding-left:20px; }
#recommendBlog dt { color:#FFCC66; margin-bottom:7px; padding-top:10px; }
#recommendBlog dt span { font-size:81% !important; padding-right:15px; }
#recommendBlog dt a { font-weight:bold; color:#F2DDC5; }
#recommendBlog dd { background:url(../images/line_01.gif) center bottom no-repeat; padding-left:9em; padding-bottom:15px; }
#recommendBlog .linkBtn { text-align:right; }

/* 推薦者と推薦作品 一部ご紹介
--------------------------------- */
#introduction { background:url(../images/frame01_body.gif) 0 0 repeat-y; position:relative; margin-bottom:40px; }
#introduction h1 { background:#080100 url(../images/frame01_top.png) 0 0 no-repeat; padding: 115px 0 25px 0; text-align: center; }
#introduction .inner { background:url(../images/frame01_bottom.gif) left bottom no-repeat; padding-bottom:170px; }

#introduction .item { clear:both; width:597px; margin-left:65px; }
#introduction .item h2 { padding-left: 25px; }
#introduction .item h3 img { vertical-align:top; }
#introduction .item .dataWrapper { width:392px; float:right; padding-top:7px; margin-bottom:25px; }
#introduction .item .data { font-size:93%; line-height:1.2; padding:5px 0 10px 98px; background:url(../images/line_02.png) left bottom no-repeat; }
#introduction .item .recommendText { padding:10px 15px 10px 13px; background:url(../images/line_02.png) left bottom no-repeat; }
#introduction .item figure { margin-bottom:25px; padding-left: 7px;}
#introduction .item figcaption { display:none; }

#introduction .linkBtn { position:absolute; top:68px; right:69px; }

/* 40周年フェア特典詳細
--------------------------------- */
#tokuten  { margin-bottom:40px; }
#tokuten h1 { background:url(../images/line_01.gif) left bottom no-repeat; margin-bottom:20px; }

#tokutenDetail { width:415px; float:left; margin-left:15px; }
#tokutenDetail h2 { margin-bottom:10px; }

#tokutenSub01,
#tokutenSub02 { margin:15px 0 10px 0; position:relative; }
#tokutenSub01 h2 { padding-top:4px; }
#tokutenSub01 .linkBtn { position:absolute; top:0; right:0; }
#tokutenSub02 #tokuten01 { background:url(../images/tokuten_sample_01.png) 0 0 no-repeat; margin-bottom:20px; padding:30px 0 0 180px; min-height:90px; }
#tokutenSub02 #tokuten02 { background:url(../images/tokuten_sample_02.png) 0 0 no-repeat; margin-bottom:20px; padding:25px 0 0 180px; min-height:90px; }
#tokutenSub02 #tokuten03 span { font-size:89%; }

#application { width:260px; float:right; background:url(../images/tokuten_bg.gif); border:1px solid #2C2221; padding:7px; }
#application ol { background:#080100; margin:10px 0 10px 0; padding:10px 0 10px 2em; }
#application li {list-style-type:decimal;}
#application dl { line-height:1.3; padding-top:1em; }
#application dt { font-weight:bold; }
#application dd { margin-bottom:1em; }
#application dd:last-child { margin-bottom:0; }

/* ページトップへ戻る
--------------------------------- */
#gotoPageTop { clear:both; text-align:right; }


/* ==============================
	sub contents 
================================= */

/* 40周年フェア特典詳細
--------------------------------- */
#aboutKokusho { background:#080100; padding:7px 0 7px 0; text-align:center; margin-bottom:15px; }
#aboutKokusho h1 { display:none; }

/* twitter
--------------------------------- */
#twitter { background:url(../images/line_03.gif) 0 0 no-repeat; margin-bottom:15px; padding-top:15px; }
#twitter h1 { background:url(../images/twitter_top_bg.jpg) left bottom no-repeat; padding:7px 7px 20px 7px; font-weight:normal; font-size:93%; }
#twitter #tw { background:url(../images/line_03.gif) left bottom no-repeat; padding-bottom:10px; }

/* comics
--------------------------------- */
#comicsTn { margin-bottom:15px; }

/* banner
--------------------------------- */
#banner li { margin-bottom:7px; }


/* ==============================
	footer
================================= */
#glovalFooter { width:100%; height:122px; background:url(../images/ftr_bg_ts.png) 0 0 repeat-x; overflow:hidden; clear:both; position:fixed; bottom:0; left:0; z-index:1000; }
#glovalFooter .inner { width:980px; margin:0 auto 0 auto; padding-top: 20px; }

#menu { width:850px; float:left; padding-top:18px; }
#menu dd { position:relative; margin:-20px 0 0 70px; }
#menu li { float:left; }

#snsLink li { display:inline; }

#copyright { text-align:center; background:url(../images/ftr_line.png) 0 0 repeat-x; padding-top:9px; }


/* ==============================

	下層ページ
	
================================= */
body.page #glovalHeader #pageTitle { background:url(../images/hdr_bg_02.jpg) 0 0 no-repeat; float:left; }
body.page #glovalFooter { background:url(../images/ftr_bg.png) 0 0 repeat-x; position:relative; height:80px; }
body.page #glovalFooter #copyright { padding-top:30px !important; }

#backMainPage { text-align:center; }

/* ==============================
	comics
================================= */
#comics #glovalHeader #pageTitle { padding:44px 0 0 73px; }
#comics #comicsImage { text-align:center; padding-top:30px; }
#comics #character { width:825px; margin:0 auto 0 auto; text-align:left; overflow:hidden; }
#comics #character h3 { margin-bottom:15px; }
#comics #character li { float:left; margin:0 10px 15px 0; }

/* ==============================
	書店リスト
================================= */
#shop #glovalHeader #pageTitle { padding:48px 0 0 51px; }
#update { width:825px; margin:0 auto 0 auto; text-align:right; font-size:89%; }

#shopList { width:825px; margin:0 auto 0 auto; }

#prefectures { background:#78685A url(../images/prefectures_bg.jpg) 0 0 no-repeat; color:#070000; margin-bottom:40px; }
#prefectures dl { padding:15px; line-height:1.8; }
#prefectures dt { font-weight:bold; width:6.5em; text-align:right; }
#prefectures dd { position:relative; margin:-1.8em 0 0 7em; }
#prefectures a { color:#070000 }

#shopList .prefectureWrapper { margin-bottom:40px; }
#shopList .prefectureWrapper h1 { margin-bottom:10px; }

#shopList .listTable .shopname { width:260px; }
#shopList .listTable .period { width:250px; border-right:1px dotted #080100; border-left:1px dotted #080100;}
#shopList .prefectureWrapper tr:nth-child(2n) { background:#76685A; }
#shopList .prefectureWrapper p { text-align:right; }

body.page .listTable { width:825px; background:#84776B; border-collapse:collapse; } 
body.page .listTable th,
body.page .listTable td { border-bottom:1px dotted #080100; }
body.page .listTable th { background:#463C35 url(../images/th_bg.png) left bottom repeat-x; line-height:2.4; color:#A1917E; }
body.page .listTable td { padding:5px; color:#080100; }
body.page .listTable tr:last-child td { border-bottom:none; }

/* ==============================
	推薦リスト
================================= */
#recommend  #glovalHeader #pageTitle { padding: 44px 0 40px 27px; }
#recommend .recommenderName { width:180px; border-right:1px dotted #080100; }
#recommend .recommendItem li { border-bottom:1px dotted #080100; padding:5px; }
#recommend .recommendItem li:last-child { border-bottom:none; }
#recommend tr { border-bottom:2px solid #080100; }
#recommend tr:first-child { border-bottom:none; }
#recommend tr:nth-child(even) { background:#76685A; }
#recommend tr:nth-child(even) .recommendItem li:nth-child(odd) { background:#84776B;}
#recommend tr:nth-child(odd) .recommendItem li:nth-child(odd) { background:#76685A;}
#recommend .recommendItem a { color:#080100; }
#recommend td.recommendItem { padding:0; }
#recommend td.recommenderName { font-weight:bold; text-align:center; vertical-align:middle; }
#recommendList { width:825px; margin:0 auto 0 auto; }
#recommendList p { text-align:right; }