@charset "utf-8";

/*============================
#bookLinkArea
============================*/
#bookLinkArea { text-align: center; border-bottom: solid 2px #a04e4a; margin-top: 60px; }
#bookLinkArea ul.clearFix { margin: 0 100px; }
#bookLinkArea ul.clearFix li { float: left; width: 165px; margin-left: 25px; }
#bookLinkArea ul.clearFix li:first-child { margin-left: 0; }
#bookLinkArea ul.clearFix li a { display: block; background: #ede8e7; color: #222; border-radius: 3px 3px 0 0; vertical-align: middle; padding: 15px 0 12px; line-height: 1.5; }
#bookLinkArea ul.clearFix li.on a { background: #a04e4a; color: #fff; }

/*============================
#bookListArea
============================*/
#bookListArea {}
#bookListArea .md_subTitleBar { margin-top: 60px; }
#bookListArea .md_subTitleBar h3 {}
#bookListArea .md_subTitleBar h3 span {}
#bookListArea .bookContent {}
#bookListArea .bookContent ul {}
#bookListArea .bookContent ul li { position: relative; float: left; width: 465px; padding: 20px; border: solid 1px #dedede; box-sizing: border-box; margin-right: 30px; margin-top: 30px;}
#bookListArea .bookContent ul li:nth-child(2n) { margin-right: 0; }
#bookListArea .bookContent ul li .image { float: left; width: 115px; }
#bookListArea .bookContent ul li .image img {}
#bookListArea .bookContent ul li .data { float: right; width: 280px; }
#bookListArea .bookContent ul li .data .date { text-align: right; font-size: 0.875em; color: #777; }
#bookListArea .bookContent ul li .data .title { font-size: 1.125em; font-weight: bold; line-height: 1.5; }
#bookListArea .bookContent ul li .data .text { font-size: 0.875em;line-height: 1.5; margin-top: 10px; }

/*============================
#movieListArea
============================*/
#movieListArea { text-align: center; }
#movieListArea .Content ul li { padding: 40px; border: solid 1px #dedede; box-sizing: border-box; margin-top: 30px; }
#movieListArea .Content ul li  .image {}
#movieListArea .Content ul li .data .title { margin-top: 15px; font-size: 1.125em; font-weight: bold; line-height: 1.5; }
#movieListArea .Content ul li .data .title span { font-size: 0.75em; font-weight: normal; }
#movieListArea .Content ul li .data .staffBox { height: 240px; margin-top: 20px; border-top: solid 1px #dedede; border-bottom: solid 1px #dedede; padding: 20px 0;  }
#movieListArea .Content ul li .data .staffBox .staff { float: left; width: 240px; box-sizing: border-box; padding-left: 20px; }
#movieListArea .Content ul li .data .staffBox .staff table {}
#movieListArea .Content ul li .data .staffBox .staff table td { padding: 5px 10px; }
#movieListArea .Content ul li .data .staffBox .staff table td em { font-weight: bold; }
#movieListArea .Content ul li .data .staffBox .staff table td span { color: #a1332c; }
#movieListArea .Content ul li .data .staffBox .cast { float: right; width: 638px; }
#movieListArea .Content ul li .data .staffBox .cast table {}
#movieListArea .Content ul li .data .staffBox .cast table td { padding: 5px 10px; }
#movieListArea .Content ul li .data .staffBox .cast table td em { font-weight: bold; }
#movieListArea .Content ul li .data .staffBox .cast table td span { color: #a1332c; }
#movieListArea .Content ul li .data .text { margin-top: 20px; font-size: 0.875em;line-height: 1.5; text-align: left; }
#movieListArea .Content ul li .data .text span {margin-left: 790px; }