@charset "utf-8";
/* ------------------------------------------------------------ view */
#magzy-aside,
#magzy-list,
#magzy-detail { float: left; }
#magzy-aside a,
#magzy-list a { color: #333; }

/* ------------------------------------------------------------ aside */
#magzy-aside { width: 200px; padding: 5px; }
#magzy-aside h4 { background: #262626; color: #fff; text-align: center; padding: 3px 0; }
#magzy-aside ul { padding: 10px 10% 20px; }
#magzy-aside ul li { font-size: 10px; vertical-align: middle; padding: 3px 0; }
#magzy-aside ul li a { font-size: 12px; text-decoration: underline; }

/* ------------------------------------------------------------ list */
#magzy-list { border-left: 1px solid #ededed; }
#magzy-list div.article:first-child { border: 0; }
#magzy-list div.article { padding: 20px; border-top: 1px solid #ededed; }
#magzy-list div.article img { float: left; }
#magzy-list div.article div.detail { width: 340px; float: left; padding: 0 0 0 20px; }
#magzy-list div.article div.detail h4 { font-weight: bold; border-bottom: 1px solid #ccc; padding: 10px 0 0; }
#magzy-list div.article div.detail h4 a { font-weight: bold; }
#magzy-list div.article div.detail p.title { font-weight: bold; font-size: 14px; }
#magzy-list div.article div.detail p.summary { font-size: 12px; padding: 5px 0 0; }
#magzy-list div.article div.detail p.summary a { display: block; text-align: right; padding: 10px 0 0; text-decoration: underline; }

#magzy-list div.article div.detail p.title small{ display: inline-block; *display: block; *zoom: 1; font-size: 10px; }
#magzy-list div.article div.detail p.title small { padding: 0 15px 0; text-align: center; line-height: 16px; color: #fff; }
#magzy-list div.article div.detail p.title small.cat01 { color: #fff; background: #96dbe8; }

#magzy-list div.article div.detail p.title span { display: inline-block; *display: block; *zoom: 1; font-size: 10px; float: right; font-size: 14px; font-weight: bold; }

#pager { text-align: center; padding: 10px 0; }
#pager a,
#pager span { color: #93715c; background: #ccc; color: #fff; display: inline-block; *display: block; *zoom: 1; width: 27px; padding: 2px 0; margin: 3px 0;
border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; }
#pager span { background: #2E3030; } 





/* ------------------------------------------------------------ detail */
#magzy-detail { padding: 20px; width: 570px; border-left: 1px solid #ededed; }
#magzy-detail p.title { font-weight: bold; font-size: 14px; padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid #ccc; }
#magzy-detail p.title small { display: inline-block; *display: block; *zoom: 1; font-size: 10px; }
#magzy-detail p.title small { width: 70px; text-align: center; line-height: 16px; }
#magzy-detail p.title small.cat01 { color: #fff; background: #96dbe8; }

#magzy-detail p.title span { display: inline-block; *display: block; *zoom: 1; font-size: 10px; }
#magzy-detail p.title span { float: right; font-size: 14px; font-weight: bold; }

#magzy-detail h4 { font-weight: bold; font-size: 16px; padding: 0 0 20px; }
#magzy-detail #magzy-body { font-size: 14px; padding: 30px 0; }
#magzy-detail #magzy-body a { color: #000; text-decoration: underline; }
#magzy-detail #magzy-body b { font-size: 16px; }
#magzy-detail #magzy-pager { border-top: 1px solid #ededed; padding: 20px 0 0; }
#magzy-detail #magzy-pager a { display: block; background: #000; color: #fff; font-size: 12px; width: 60px; text-align: center; }
#magzy-detail #magzy-pager a.prev { float: left; }
#magzy-detail #magzy-pager a.next { float: right; }

#sns-area { padding: 30px 0 0; }
#sns-area li { float: right; padding: 0 10px 0 0; }