@charset "utf-8"; /* ======================================= CommonElements ======================================= */ body { font-size: 100%; line-height: 140%; //font-family: Arial,Helvetica,sans-serif; color: #000; text-align: center; background: #fff; overflow-x: hidden; } /* a:link { text-decoration:none; color: #000;} a:visited { text-decoration:none; color: #000;} a:active { text-decoration:none; color: #000;} a:hover { text-decoration:none; color: #000;} */ h1_ { margin-bottom: 20px; padding: 10px 0; background: #000; color: #fff; font-size: 12px; font-weight: bold; text-align: center; } h2 { padding: 30px 0; width: 100%; font-size: 12px; } .top_menu { height: 54px; position: relative; top: -14px; border-collapse: separate; border-spacing: 0; margin-bottom: -5px; } .top_menu td { background-color: #db0000; width: 117px; margin: 0px; padding: 0px; border-radius: 0 0 5px 5px; border-left: solid 1px #b4b4b4; border-bottom: solid 1px #b4b4b4; vertical-align: top; } .top_menu td:last-child { border-right: solid 1px #b4b4b4; } .top_menu_img { display: table-cell; width: 117px; height: 49px; background-color: #fff; text-align: center; vertical-align: middle; } .top_menu td:last-child .top_menu_img { background-color: #ffdb00; } .update_date { font-size: 12px; font-weight: normal; color: #646464; margin-right: 6px; } .update_genre { display: inline-block; width: 50px; height: 12px; border-radius: 6px 6px; text-align: center; vertical-align: middle; font-size: 9px; font-weight: normal; color: #fff; } .update_estate { font-size: 13px; font-weight: normal; color: #db0000; } .menu_search { display: table-cell; width: 418px; height: 43px; text-align: center; vertical-align: middle; border-radius: 5px; background: #df2a2f; background: -moz-linear-gradient(top,#e64c4c 0%,#df2a2f 70%,#dc0000 100%); background: -webkit-linear-gradient(top,#e64c4c 0%,#df2a2f 70%,#dc0000 100%); background: linear-gradient(to bottom,#e64c4c 0%,#df2a2f 70%,#dc0000 100%); box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.3); } #container { width: 180px; height_: 132px; text-align: center; background: #f9f4eb; } #carousel { margin: 0 15px 0 15px; width: 140px; height_: 132px; text-align: left; position: relative; background: #f9f4eb; } #carousel_prev, #carousel_next { top: 0; width: 15px; height: 152px; background: #f9f4eb; cursor: pointer; position: absolute; } #carousel_prev { left: -15px; top: -30px; background:transparent url(../image/menu_pickup_arrow__l.png) no-repeat center left; } #carousel_next { right: -20px; top: -30px; background:transparent url(../image/menu_pickup_arrow__r.png) no-repeat center left; } #carousel ul li { width: 140px; height: 135px; float: left; display: inline; font-size: 13px; } #carousel_ ul li { width: 140px; float: left; display: block; margin_: 0px 4px 0px 4px; } /* ======================================= ClearFixElements ======================================= */ #carousel ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; } #carousel ul { display: inline-block; overflow: hidden; } table.event_detail { border-collapse: separate; border-spacing: 0; width: 100%; } table.event_detail th { width: 130px; background-color: #f4edd4; font-size: 18px; text-align: left; padding: 10px; border: solid 1px #000; border-right: none; border-bottom: none; } table.event_detail td { border: solid 1px #000; border-bottom: none; border-left: none; padding: 10px; font-size: 18px; } table.event_detail tr:first-child td:first-child { background: #db0000; border-radius: 5px 5px 0 0; font-size: 12px; font-weight: normal; color: #fff; text-align: center; } table.event_detail tr:first-child td { border: none; } table.event_detail tr:last-child th,table.event_detail tr:last-child td{ border-bottom: solid 1px #000; } table.event_detail tr:nth-child(2) td , table.event_detail tr:nth-child(4) td { border-left: solid 1px #000; } .blog_title { margin: 0px; font-size: 20px; font-weight: bold; color: #db0000; } .blog_ymdhms { margin: 0px; font-size: 12px; color: #ccc; } .blog_body { margin: 0px; font-size: 17px; font-weight: normal; line-height: 1.8em; } .blog_penname { margin: 0px; font-size: 12px; } .detail_floor { display: inline-block; margin: 0 5px; color: #db0000; }