@charset "Shift_JIS";

/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
*{ margin:0; padding:0; }
select option{ padding:0 5px; }
body{ color:#333; background:url(../images/bg.gif) repeat center top; font:16px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif; line-height:1.8; text-align:center; letter-spacing:normal; min-width:1100px;_display: inline;_zoom:1; }
h1 , h2 , h3 , h4 , h5 , h6 , address{ font-style:normal; font-weight:normal; font-size:100%; }
ul{ list-style-type:none; }
img{ border:0; vertical-align:bottom; }

table{ border-spacing:0; border:0; }
table th{ text-align:left; vertical-align:top; font-weight:normal; }
table td{ word-break:break-all; }

a:link , a:visited{ color:#004ead; text-decoration:underline; }
a:hover{ color:#3a92ff; text-decoration:underline; }

.floatR{ float:right; }
.floatL{ float:left; }

.alignL{ text-align:left; }
.alignR{ text-align:right; }
.alignC{ text-align:center; }

.fontSS{ font-size:12px; }
.fontS{ font-size:14px; }
.fontL{ font-size:20px; }
.fontLL{ font-size:24px; }

.tcR{ color:#ed2323; font-weight:bold; }
.tcB{ color:#1f5fb7; font-weight:bold; }

.str{ font-weight:bold; }
.strN{ font-weight:normal; }
.ilc{ font-style:italic; }
.uLine{ text-decoration:underline; }
.uLine2{ border-bottom:double medium #333; }
.uLineR{ background:url(../images/line_red.png) repeat-x left bottom; padding-bottom:4px; }
.waveLine{ background:url(../images/wave_line.png) repeat-x left bottom; padding-bottom:2px; }
.waveLineR{ background:url(../images/wave_line_red.png) repeat-x left bottom; padding-bottom:2px; }
.waveLineB{ background:url(../images/wave_line_blue.png) repeat-x left bottom; padding-bottom:2px; }
.marker{background-color:#fff600; }

.idt{ padding-left:1.0em; text-indent:-1.0em; }
.idtS{ padding-left:0.5em; text-indent:-0.5em; }

.spt5{ padding-top:5px; }
.spt10{ padding-top:10px; }
.spt15{ padding-top:15px; }
.spt20{ padding-top:20px; }
.spt25{ padding-top:25px; }
.spt30{ padding-top:30px; }
.spt35{ padding-top:35px; }

.spb5{ padding-bottom:5px; }
.spb10{ padding-bottom:10px; }
.spb15{ padding-bottom:15px; }
.spb20{ padding-bottom:20px; }
.spb25{ padding-bottom:25px; }
.spb30{ padding-bottom:30px; }
.spb35{ padding-bottom:35px; }

.smt5{ margin-top:5px; }
.smt10{ margin-top:10px; }
.smt15{ margin-top:15px; }
.smt20{ margin-top:20px; }
.smt25{ margin-top:25px; }
.smt30{ margin-top:30px; }
.smt35{ margin-top:35px; }

.smb5{ margin-bottom:5px; }
.smb10{ margin-bottom:10px; }
.smb15{ margin-bottom:15px; }
.smb20{ margin-bottom:20px; }
.smb25{ margin-bottom:25px; }
.smb30{ margin-bottom:30px; }
.smb35{ margin-bottom:35px; }
.smb45{ margin-bottom:45px; }

.sml20{ margin-left:20px; }
.sml50{ margin-left:50px; }

.smr30{ margin-right:30px; }
.smr50{ margin-right:50px; }

.rel{ position:relative; }
.abs{ position:absolute; }

p{ margin:0 50px 30px; }
p.spN{ margin-bottom:0px; }
p.spSS{ margin-bottom:5px; }
p.spS{ margin-bottom:10px; }
p.spM{ margin-bottom:15px; }
p.spL{ margin-bottom:30px; }
p.spLL{ margin-bottom:50px; }
p.lhN{ line-height:1.0; }

.shadow{ box-shadow:0px 0px 8px rgba(0,0,0,0.6); }


/* clearfix **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* For modern browsers */
.cf:before , .cf:after{ content:""; display:table; }
.cf:after{ clear:both; }

/* For IE 6/7 (trigger hasLayout) */
.cf{ zoom:1; } 


/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{ width:1000px; margin:0 auto; position:relative; }
.intro .wrap{ width:1010px; margin:0 auto; position:relative; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header{ background:#fff url(../images/header_bg_x.jpg) repeat-x center top; }
.header .bg{ background:url(../images/header_bg.jpg) no-repeat center top; }

.header .top{ background:url(../images/header_top.png) repeat-x; height:66px; }
.header .top .wrap{ background:url(../images/header_top_bg.png) no-repeat; height:60px; padding:3px 0 0px; }

.header h1{ padding-left:35px; }

.header .abs{ top:700px; left:700px; }


/* menu **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.menu{ padding:12px 0 10px;
  background-image: -moz-linear-gradient( 90deg, rgb(222,199,99) 0%, rgb(255,237,157) 2%, rgb(255,244,195) 50%, rgb(255,248,217) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(222,199,99) 0%, rgb(255,237,157) 2%, rgb(255,244,195) 50%, rgb(255,248,217) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(222,199,99) 0%, rgb(255,237,157) 2%, rgb(255,244,195) 50%, rgb(255,248,217) 100%);
}
.menu ul{ width:1100px; margin:0 auto; }
.menu li{ float:left; padding:0 1px; }


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contents{ background-color:#fff; width:1100px; margin:0 auto; padding-bottom:50px; text-align:left; }

.intro , .this{ margin-bottom:50px; }

.intro{ background:#fff url(../images/intro_bg.jpg) no-repeat center top; position:relative; padding-top:215px; }
.intro h2{ position:absolute; top:90px; left:-30px; z-index:9999; }
.intro h3{ position:absolute; top:710px; left:120px; }
/* BxSlider */
.bx-wrapper{ position:relative; margin:0 auto; padding:0; *zoom:1; }
.bx-wrapper .bx-prev{ left:-35px; background:url(../images/slide_prev.png) no-repeat; }
.bx-wrapper .bx-next{ right:-35px; background:url(../images/slide_next.png) no-repeat; }
.bx-wrapper .bx-controls-direction a{ position:absolute; top:50%; margin-top:-16px; outline:0; width:22px; height:43px; text-indent:-9999px; z-index:9999; }
.bx-pager{ text-align:right; margin-bottom:25px }
.choice{ display:none; background-color:#fffacb; width:950px; padding:30px 25px 10px; border-radius:10px; margin-top:100px; }
.choice img.book{ float:right; margin-left:30px; }
.choice .txt{ float:left; width:750px; }
.choice .name{ border-bottom:dotted 1px #56442e; padding:13px 25px; margin-bottom:20px; }
.choice p , .this .txt p , .this .catch , .rank .item p , .rank .item .catch{ margin:0 25px 20px; }

.this , .rank{ position:relative; padding-top:323px; }
.this h2 , .rank h2{ position:absolute; top:0px; left:-15px; }

.this h3{ text-align:center; margin-bottom:30px; }
.this h4{ margin-bottom:20px; }
.this .item{ width:900px; margin:0 auto 60px; }
.this .book{ float:left; margin-right:30px; }
.this .txt{ float:left; width:628px; }

.rank .item{ background-color:#fffacb; width:950px; padding:100px 25px 25px; margin:0 auto 40px; border-radius:10px; position:relative; }
.rank .item h3{ position:absolute; top:10px; left:-35px; }
.rank .item .box{ background-color:#fff; border-radius:8px; }
.rank .item h4{ margin:8px 0 0 14px; }
.rank .item .book{ float:left; margin:0 30px 25px; padding-top:10px; }

.gift{ background:#f9f6ee url(../images/gift_bg.jpg) no-repeat center top; padding-top:15px; margin:0 1px; }
.gift h2{ text-align:center; }
.gift .item{ background-color:#fff; width:1000px; margin:80px auto 100px; padding-top:40px; border-radius:10px; box-shadow:0px 0px 8px rgba(0,0,0,0.6); position:relative; }
.gift .item h3{ position:absolute; top:-75px; left:2px; }
.gift .item .pic{ float:right; margin:0 30px 15px; }
.gift .item p{ margin:0 0 20px 30px; }
.gift .last{ margin-bottom:20px; }

.howto h2 , .howto h3{ text-align:center; margin-bottom:25px; }
.howto ul{ border-radius:5px; width:720px; margin:0 auto 45px; padding:20px 45px;
  background-image: -moz-linear-gradient( 90deg, rgb(222,199,99) 0%, rgb(255,237,157) 2%, rgb(255,244,195) 50%, rgb(255,248,217) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(222,199,99) 0%, rgb(255,237,157) 2%, rgb(255,244,195) 50%, rgb(255,248,217) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(222,199,99) 0%, rgb(255,237,157) 2%, rgb(255,244,195) 50%, rgb(255,248,217) 100%);
}
.howto .store{ border:solid 4px #e0e0e0; background-color:#f8f8f8; border-radius:7px; width:900px; margin:0 auto; padding-top:30px; margin-bottom:30px; }

dl.add_box{ height:220px; margin:0 20px 15px; overflow:auto; background-color:#fff; border-radius:5px; padding:10px; }
.add_box dt{ border-bottom:double #c6c6c6; font-weight:bold; padding:15px 10px 3px; }
.add_box dd{ border-bottom:solid 1px #c6c6c6; padding:10px 10px; line-height:1.6; }

/*books.html*/
.sub .field{ position:relative; padding:220px 0 4px; }
.sub h2{ position:absolute; top:0px; left:0px; }
.sub .item{ background-color:#fffacb; width:950px; padding:30px 25px 10px; border-radius:10px; margin-bottom:20px; }
.sub .item img.book{ float:right; margin-left:30px; }
.sub .item .txt{ float:left; width:750px; }
.sub .item .name{ border-bottom:dotted 1px #56442e; padding:13px 25px; margin-bottom:20px; }
.sub .item p{ margin:0 25px 20px; }


/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{ padding-bottom:30px; }

.footer a:link , .footer a:visited{ color:#333; text-decoration:none; }
.footer a:hover{ color:#8f7655; text-decoration:underline; }

.footer .link{ background-color:#b8a339; margin-bottom:30px; }
.footer .link .wrap{ position:relative; background:url(../images/footer_bg.png) repeat-y center top; }
.footer .link ul{ margin:0 auto; padding:10px 0; position:relative; left:50%; float:left; }
.footer .link li{ float:left; font-size:12px; background:url(../images/footer_listmark.png) no-repeat 0px 5px; padding-left:15px; margin:0 20px; position:relative; left:-50%; }