/********** 物数寄書房 **********/

/********** 背景 **********/
body                          {background-image: url(../images/background-mono.svg)}

/********** ヘッダー **********/
header                        {border-top: solid 0px #B3B3B3;
                               border-bottom: solid 5px #B3B3B3;
                               border-left: solid 1px #B3B3B3;
                               border-right: solid 1px #B3B3B3}
                               /*ポイントカラー #568DC2*/

#header2 h1                   {border-bottom: solid 3px #B3B3B3}

#breadcrumbs ul               {border-top: solid 1px #B3B3B3}

/********** ナビメニュー **********/
nav .child li                  {border: solid 1px #B3B3B3}

/********** タイトル **********/
section                       {width: 870px;
                               float: none;
                               margin-left: auto;
                               margin-right: auto;
                               border-top: none;
                               border-bottom: solid 20px #4682BC;
                               border-right: solid 2px #4682BC;
                               border-radius: 0 0 2px 0;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               color: #333333;
                               text-align: right;
                               margin-bottom: 70px}

section h1                    {margin-right: 12px;
                               margin-bottom: 7px;
                               padding-bottom: 1px;
                               line-height: 1}

/********** 本棚 **********/
.book-l,
.book-r,
.book-s                       {width: 425px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               color: #333333;
                               border: solid 1px #808080;
                               border-bottom: solid 2px #808080;
                               border-radius: 2px;
                               background-color: #FFFFF0;
                               margin-bottom: 12px;
                               padding-left: 15px;
                               padding-right: 15px}

.book-l                       {float: left;
                               margin-left: 15px}

.book-r                       {float: right;
                               margin-right: 15px}

.book-s                       {float: left;
                               margin-left: 15px;
                               margin-bottom: -118px;
                               border-top: solid 2px #808080;
                               border-bottom: solid 1px #808080}

.book-l img,
.book-r img,
.book-s img                   {float: left;
                               margin-top: 15px;
                               margin-bottom: -10px;
                               margin-left: 0px;
                               margin-right: 10px;
                               width: 95px;
                               height: 116px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               border: solid 1px #C3C3C3}

/********** 区切り棚 **********/
.shelf                        {background-color: #4682B4;
                               width: 880px;
                               height: 92px;
                               margin-left: auto;
                               margin-right: auto;
                               font-size: 18px;
                               padding-bottom: 5px;
                               padding-top: 5px;
                               padding-left: 25px;
                               color: #FFFFF0;
                               border-radius: 1px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               margin-bottom: -55px;
                               clear: both}

.yokohaba                     {width: 900px;
                               margin-left: auto;
                               margin-right: auto}

/********** 探す **********/
.button,
.result                       {display: inline-block;
                               margin-top: 5px}

.button                       {clear: both;
                               margin-left: 250px;
                               margin-right: -5px}

.result                       {claer: both;
                               opacity: 0;
                               -webkit-transition: 0.3s;
                               transition: 0.3s;}

.search                       {width: 880px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               margin-left: auto;
                               margin-right: auto;
                               background-color: #CCCCCC;
                               clear: both;
                               height: 78px;
                               font-size: 13px;
                               line-height: 2;
                               margin-bottom: 70px;
                               padding-top: 5px;
                               border-radius: 1px;
                               border-bottom: solid 8px #4682B4;
                               border-left: solid 15px #4682B4;
                               border-right: solid 15px #4682B4}

.search:hover .result         {opacity: 1}

.button p                     {margin-left: -45px}

/********** 更新 **********/
.new                          {margin-bottom: -5px}

.new-end                      {margin-top: -63px}

/********** 店主と店子さん **********/

.tenshu,
.tanako                       {width: 120px;
                               height: 120px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               border: solid 2px #214478;
                               border-radius: 2px;
                               margin-bottom: 70px}

#tenshu,
#comment1                     {margin-bottom: 15px}

.tenshu img,
.tanako img                   {width: 117px;
                               height: 116px}

.tenshu                       {float: left;
                               margin-left: 15px;
                               border-right: solid 1px #214478}

.tanako                       {float: right;
                               margin-right: 15px;
                               border-left: solid 1px #214478}

.comment1                     {width: 735px;
                               height: 120px;
                               background-color: #F2F2F2;
                               color: #1C2224;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               border: solid 2px #6F8A91;
                               border-left: solid 1px #6F8A91;
                               border-radius: 2px;
                               margin-right: 15px;
                               margin-bottom: 70px;
                               padding-left: 20px;
                               float: right}

.comment2                     {width: 735px;
                               height: 120px;
                               background-color: #F2F2F2;
                               color: #1C2224;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               border: solid 2px #6F8A91;
                               border-right: solid 1px #6F8A91;
                               border-radius: 2px;
                               margin-left: 15px;
                               margin-bottom: 70px;
                               padding-left: 25px;
                               float: left}