@charset "UTF-8";
.index-servicelogo-sprite, .newindex-service .service-dic, .newindex-service .service-comic, .newindex-service .service-novel, .newindex-service .service-cure, .newindex-service .service-iracon, .newindex-service .service-booth, .newindex-service .service-worldcosplay, .newindex-service .service-halol, .newindex-service .service-factory, .newindex-service .service-spotlight, .newindex-service .service-sensei, .newindex-service .service-pixivision { background-image: url('../images/index-servicelogo-s7f378672b4.png'); background-repeat: no-repeat; }

.qwerqwerqwerqwer { font-size: 12px; }

.not-logged-in .auth-list li + li { margin-left: 10px; }
.not-logged-in .auth-list li, .not-logged-in .auth-list form { display: inline; }
.not-logged-in .header .layout-wrapper { height: 60px; padding: 10px 0; }
.not-logged-in .header .auth-list { position: absolute; bottom: 10px; right: 0; }

.zoom-message { display: none; position: absolute; width: 100%; top: 50%; text-align: center; }
.zoom-message .zoom-message-text { display: inline-block; padding: 5px 10px; line-height: 100%; background-color: #DDE6EE; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }

/*    2010/11/01 by miiiiiiiiiiii    */
.front-content { position: relative; background: #f2f4f6; width: 970px; margin: 10px auto; border: 1px solid #d6dee5; border-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; color: #333; }

.front-mainContent { position: relative; background: #fff; width: 610px; padding: 20px; overflow: hidden; border-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; }

.front-mainContent-1row { min-height: 980px; }

.front-mainContent-2row { min-height: 1138px; }

.front-mainContent-3row { min-height: 1244px; }

.front-mainContent-4row { min-height: 1400px; }

.front-subContent { position: absolute; top: 0; right: 0; width: 280px; padding: 20px; }

.front-subContent span { display: block; }

.front-subContent .info { overflow: hidden; padding: 0 0 5px; border-bottom: dotted 1px #D6DEE5; display: block; text-align: left; width: auto; /*他クラス打ち消し*/ height: auto; /*他クラス打ち消し*/ }

.front-subContent .info:last-child { border: none; }

.front-subContent .info span { display: inline-block; vertical-align: middle; }

.front-subContent .info .views { font: normal normal bold 24px/normal Arial; }

.front-subContent .info span:first-child:after { content: ":"; font-weight: normal; color: #BABABA; margin: 5px; }

.front-subContent p { color: #666666; }

.front-subContent h2 img { float: left; margin-right: 15px; }

.front-subContent li { width: 87px; height: 87px; margin-bottom: 5px; margin-right: 5px; text-align: center; display: inline-block; vertical-align: top; overflow: hidden; }

.front-subContent .r-18 img { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='9'/></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3); -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3)"; -o-filter: blur(3px); -webkit-filter: blur(3px); }

.front-subContent li img { width: 87px; }

.front-subContent .front-subContent-2column li { width: 138px; margin-bottom: 5px; text-align: left; display: inline-block; vertical-align: top; font-size: 15px; }

.front-content h1 { font-size: 24px; font-weight: bold; line-height: 42px; }

.front-subContent h2 { font-size: 14px; font-weight: bold; line-height: 1.7; min-height: 50px; padding-top: 6px; overflow: hidden; }

.front-subContent #favorite-button { margin: 0 0 15px 65px; }

.front-subContent h3 { font-size: 14px; font-weight: bold; line-height: 1.7; margin: 30px 0 10px 0; border-bottom: 1px solid #d6dee5; width: 100%; display: block; }

.front-centered { position: relative; text-align: center; }
.front-centered .medium-image { display: block; line-height: 0; }
.front-centered .medium-image:hover { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.front-centered.r18-image { position: absolute; width: 604px; height: 604px; border: 3px solid #dde6ee; }
.front-centered.r18-image .introduction-modal { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; display: table-cell; z-index: 5000; width: 400px; height: 604px; padding: 0 102px; font-weight: bold; vertical-align: middle; background-color: rgba(237, 247, 252, 0.5); border: none; }
.front-centered.r18-image .title { font-size: 32px; margin-bottom: 20px; }
.front-centered.r18-image.novel { position: relative; margin-bottom: 20px; }
.front-centered.r18-image.novel .introduction-modal { background-color: white; }
.front-centered img { border: 3px solid #DDE6EE; }
.front-centered:hover .zoom-message { display: block; }

.search-small { position: absolute; bottom: 4px; right: 15px; padding: 0 0 0 3px; border: 1px solid #becad7; border-radius: 3px; -moz-border-radius: 3px; }
.search-small input[type="text"] { width: 131px; /* 172 - 22 - 3 - 1 - 18 */ height: 18px; margin-right: 3px; padding: 0; font-size: 12px; line-height: 1; border: none; }
.search-small input:focus { background-color: #fff; outline: none; }
.search-small input[type="submit"] { width: 23px; height: 22px; text-indent: -9999px; background: #becad7 url("../images/common/search_button.png") no-repeat 50% 50%; padding: 0; border: none; }
.search-small.in-header { position: absolute; right: 50%; top: -44px; bottom: auto; margin-right: -470px; background-color: #fff; }

form.search-small.search-user { padding-left: 21px; background: url("../images/common/icon_user.png") no-repeat 3px 50%; }

.works_illusticonsBlock { position: relative; margin: 10px 0; }
.works_illusticonsBlock .bookmark { display: none; position: absolute; top: -2px; right: 0; }

.signup-container { float: left; width: 490px; margin: 20px 0 20px 44px; border-right: 1px solid #d6dee5; padding-right: 20px; }
.signup-container.one-column { float: none; margin: 0 auto; background-color: #fff; }
.signup-container h1 { font-size: 24px; font-weight: bold; line-height: 1; }
.signup-container h1 span { margin-left: 5px; font-size: 12px; }
.signup-container dl { margin: 35px 0; }
.signup-container dt { float: left; clear: both; width: 140px; text-align: right; font-weight: bold; line-height: 24px; }
.signup-container dd { position: relative; margin: 0 0 35px 160px; line-height: 24px; }
.signup-container label { margin-right: 10px; line-height: 24px; }
.signup-container input[type="text"], .signup-container input[type="password"] { width: 275px; }
.signup-container input[type="radio"] { margin-right: 4px; }
.signup-container select { margin: 0 4px 0 0; padding: 0; vertical-align: middle; }
.signup-container .submit { text-align: center; margin: 0 auto; }
.signup-container input[type="submit"] { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 305px; font-size: 18px; font-weight: bold; color: #fff; text-align: center; line-height: 32px; border: none; background-color: #ffbc59; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFBC59', endColorstr='#FFFF5424'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYmM1OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmNTQyNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffbc59), color-stop(100%, #ff5424)); background-image: -moz-linear-gradient(top, #ffbc59 0%, #ff5424 100%); background-image: -webkit-linear-gradient(top, #ffbc59 0%, #ff5424 100%); background-image: linear-gradient(to bottom, #ffbc59 0%, #ff5424 100%); }
.signup-container input[type="submit"]:hover { background-color: #ffc673; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFC673', endColorstr='#FFFF683E'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzY3MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmNjgzZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffc673), color-stop(100%, #ff683e)); background-image: -moz-linear-gradient(top, #ffc673 0%, #ff683e 100%); background-image: -webkit-linear-gradient(top, #ffc673 0%, #ff683e 100%); background-image: linear-gradient(to bottom, #ffc673 0%, #ff683e 100%); }

.signup-sub-container { margin: 20px 0 20px 0; }

.signup-message { display: block; text-align: center; font-weight: bold; margin: 20px 0 20px 0; line-height: 2; }

.signup-caution { margin: 20px 0 20px 0; padding: 10px; background-color: #FFFBD8; }

.facebook-caution { border: 1px solid #133783; background-color: #3B5998; color: white; }
.facebook-caution :link { color: white; text-decoration: underline; }

.google-caution { border: 1px solid black; background-color: #dc452b; color: white; }
.google-caution :link { color: white; text-decoration: underline; }

.has-error input[type="text"], .has-error input[type="password"] { background-color: #fff2ef; }
.has-error .validation-error { display: block; }

.validation-ok { display: none; position: absolute; right: 20px; top: 6px; }

.validation-error { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: none; position: absolute; left: 0; bottom: 100%; min-width: 50px; padding: 3px 10px; line-height: 1.5; color: #fff; background-color: #333; }
.validation-error:before { display: block; position: absolute; bottom: -4px; left: 24px; width: 0; height: 0; margin-left: -4px; border-top-width: 4px; border-right-width: 4px; border-bottom-width: 0; border-left-width: 4px; border-color: #333 transparent; border-style: solid; content: ''; }
.validation-error p { display: inline; margin-left: 4px; vertical-align: middle; }

.thin-footer { width: 480px; margin: 10px auto 50px; }
.thin-footer li { display: inline; margin: 0 10px 0 0; }
.thin-footer .current { font-weight: bold; }

.ui-layout-east-nologin { float: right; width: 784px; }

.rating { margin-right: auto; }

.signup-notice { position: relative; color: #fff; margin-top: -1px; }
.signup-notice .wrapper { width: 100%; background-color: #007AB3; border-bottom: 1px solid #005983; }
.signup-notice .content { overflow: hidden; *zoom: 1; width: 970px; margin: 0 auto; padding: 10px 0; }
.signup-notice .signup_button { float: left; margin: 0 15px 15px 0; padding: 6px 15px; font-size: 16px; color: #fff; }
.signup-notice .description { margin-bottom: 0px; }

.mail-signup { background-color: #fff; float: left; margin-right: 15px; padding: 10px 10px; width: 342px; border: 2px solid #005379; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.mail-signup .title { padding: 0 0 5px; font-size: 15px; font-weight: bold; line-height: 1.3; color: #f60; }
.mail-signup input[type=text] { background-color: white; border: 1px solid #50701f; font-size: 13px; height: 20px; margin: 0; padding: 5px 10px; width: 200px; -moz-box-shadow: inset 0 1px 0 #EEE, 0 1px 0 rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 1px 0 #EEE, 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 0 #EEE, 0 1px 0 rgba(255, 255, 255, 0.2); -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.mail-signup button { height: 32px; width: 120px; padding: 0px; margin-left: 0px; vertical-align: top; font-size: 16px; font-weight: bold; color: white; text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.25); border: 1px solid #50701f; background-color: #7EBA22; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF7EBA22', endColorstr='#FF76B01F'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiM3ZWJhMjIiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzc2YjAxZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(48%, #7eba22), color-stop(50%, #76b01f)); background-image: -moz-linear-gradient(top, #7eba22 48%, #76b01f 50%); background-image: -webkit-linear-gradient(top, #7eba22 48%, #76b01f 50%); background-image: linear-gradient(to bottom, #7eba22 48%, #76b01f 50%); -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 0 1px 0px 0px rgba(255, 255, 255, 0.25), inset 0 -1px 0px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 0 1px 0px 0px rgba(255, 255, 255, 0.25), inset 0 -1px 0px 0px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 0 1px 0px 0px rgba(255, 255, 255, 0.25), inset 0 -1px 0px 0px rgba(0, 0, 0, 0.25); }
.mail-signup button:hover { background-color: #76AD20; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF76AD20', endColorstr='#FF6EA31D'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiM3NmFkMjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzZlYTMxZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(48%, #76ad20), color-stop(50%, #6ea31d)); background-image: -moz-linear-gradient(top, #76ad20 48%, #6ea31d 50%); background-image: -webkit-linear-gradient(top, #76ad20 48%, #6ea31d 50%); background-image: linear-gradient(to bottom, #76ad20 48%, #6ea31d 50%); }

.newindex { width: 100%; position: absolute; top: 0; left: 0; z-index: 3; color: #333; }
.newindex a { color: #258fb8; }

.newindex-bg-container { overflow-y: hidden; margin: 0 auto; padding-top: 50px; }
.newindex-bg-container .tags ul { margin-bottom: 10px; display: inline; font-weight: bold; font-size: 24px; line-height: 1.5; }
.newindex-bg-container .tags li { margin-right: 10px; display: inline-block; }

.newindex-ui-container { position: relative; width: auto; height: auto; }

.newindex-inner { position: relative; width: 950px; margin: 20px auto 0; }

.ui-brick { position: relative; width: 960px; }
.ui-brick li { -moz-transition: top 0.4s ease-in-out; -o-transition: top 0.4s ease-in-out; -webkit-transition: top 0.4s ease-in-out; transition: top 0.4s ease-in-out; -moz-transition: left 0.4s ease-in-out; -o-transition: left 0.4s ease-in-out; -webkit-transition: left 0.4s ease-in-out; transition: left 0.4s ease-in-out; position: absolute; }
.ui-brick img { -moz-transition: height 0.4s ease-in-out; -o-transition: height 0.4s ease-in-out; -webkit-transition: height 0.4s ease-in-out; transition: height 0.4s ease-in-out; }

.introduction { display: block; position: absolute; z-index: 6000; top: 0; width: 100%; height: auto; min-width: 950px; padding: 0 0 5px; border-top: 90px solid #F2F4F6; border-bottom: 1px solid #d6dee5; background-color: #f8f9fa; }

.introduction-container { height: 250px; }

.with-introduction-margin { margin: 250px auto 0; padding: 20px; }

.newindex-title { position: absolute; top: -70px; left: 50%; width: 125px; margin: 0 0 0 -475px; text-align: center; }

.newindex-message { position: relative; height: auto; color: #666; width: auto; margin: 0; padding: 5px 0; text-align: center; border-top: 1px solid #d6dee5; }
.newindex-message .welcome { font-size: 18px; color: #111; line-height: 40px; }

.newindex-signin, .newindex-signup { margin: 0 auto; text-align: center; width: 350px; }

.newindex-signin { position: absolute; top: -80px; right: 50%; width: auto; margin-right: -475px; padding: 20px 0; }
.newindex-signin .ui-button { height: 32px; width: 88px; padding: 0px; margin-left: 5px; line-height: 32px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-shadow: none; background-image: none; border: none; }
.newindex-signin .ui-button._signup { color: white; background-color: #7EBA22; }
.newindex-signin .ui-button._signup:hover { background-color: #98c84e; }
.newindex-signin .ui-button._login { color: white; background-color: #49c0f0; }
.newindex-signin .ui-button._login:hover { background-color: #6dcdf3; }

.newindex-signup { width: auto; margin: 10px 0; padding: 0; box-shadow: none; border: none; }
.newindex-signup .title, .newindex-signup .social-container { display: none; }
.newindex-signup .facebook-login, .newindex-signup .sina-login, .newindex-signup .twitter-login { display: inline; }
.newindex-signup div { display: block; vertical-align: top; }
.newindex-signup div + div { margin-left: 10px; }
.newindex-signup .fb-like { margin: 20px 0; text-align: left; padding-left: 10px; }
.newindex-signup .ui-button { background-image: none; text-shadow: none; }
.newindex-signup .ui-button + .ui-button { margin-left: 5px; }
.newindex-signup .ui-button._signup { background-color: #7eba22; }
.newindex-signup .ui-button._signup:hover { background-color: #98c84e; }
.newindex-signup .ui-button._login { background-color: #49c0f0; }
.newindex-signup .ui-button._login:hover { background-color: #6dcdf3; }

.newindex-service { border-bottom: 1px solid rgba(0, 0, 0, 0.12); margin: 0 auto 10px; padding: 0 0 5px; -moz-box-shadow: 0 1px 0px 0px white; -webkit-box-shadow: 0 1px 0px 0px white; box-shadow: 0 1px 0px 0px white; }
.newindex-service a { display: inline-block; width: 100px; padding-top: 24px; height: 0; overflow: hidden; }
.newindex-service a + a { margin-left: 20px; }
.newindex-service .service-dic { background-position: 0 -282px; }
.newindex-service .service-comic { background-position: 0 -94px; }
.newindex-service .service-novel { background-position: 0 -537px; }
.newindex-service .service-cure { background-position: 0 -188px; width: 76px; }
.newindex-service .service-iracon { background-position: 0 -463px; }
.newindex-service .service-booth { background-position: 0 0; }
.newindex-service .service-worldcosplay { background-position: 0 -687px; }
.newindex-service .service-halol { background-position: 0 -369px; }
.newindex-service .service-factory { background-position: 0 -306px; }
.newindex-service .service-spotlight { background-position: 0 -663px; }
.newindex-service .service-sensei { background-position: 0 -639px; }
.newindex-service .service-pixivision { background-position: 0 -615px; }
.newindex-service .service-pawoo { width: 79px; background-image: url('../images/logo/logo-pawoo.png'); background-repeat: no-repeat; background-size: contain; }

.newindex-footer { margin: 0 auto; padding: 15px 0; position: relative; width: auto; text-align: center; }
.newindex-footer li { display: inline-block; line-height: 24px; margin-right: 10px; }
.newindex-footer .touch-switcher { padding-left: 10px; border-left: 1px solid #ccc; }

.newindex .inline-list li { margin-left: 0; margin-right: 10px; line-height: 22px; display: inline; }
.newindex .inline-list li .tag-icon { color: #c9dfeb !important; }

.newindex-inner .cool-ad-header { margin-left: 210px; }
.newindex-inner .cool-ad-footer { border-top: 1px solid #d6dee5; text-align: center; margin: 20px 0; padding: 20px; }

.page-cool-index body { background-color: #F2F4F6; }

.cool-profile { padding-top: 0; }

.cool-profile-head { display: inline-block; overflow: hidden; margin-bottom: 20px; position: relative; }
.cool-profile-head .usericon { width: 100px; height: 100px; display: inline-block; vertical-align: top; margin-right: 20px; overflow: hidden; text-align: center; }
.cool-profile-head .usericon .user-image { width: 100px; }
.cool-profile-head .userdata { display: inline-block; }
.cool-profile-head .name { display: inline-block; font-size: 30px; font-weight: bold; color: black; }
.cool-profile-head .site { margin-left: 10px; }

.count-container { line-height: 20px; font-size: 11px; margin-top: 10px; }
.count-container .count { display: inline-block; }
.count-container .count + .count { margin-left: 15px; padding-left: 15px; border-left: 1px solid #ddd; }
.count-container .int { display: block; font-size: 22px; }

.cool-profile-body { overflow: hidden; }
.cool-profile-body .profile-comment { line-height: 22px; max-width: 100%; max-height: 150px; margin-bottom: 20px; overflow: hidden; }
.cool-profile-body .inline-list { width: 90%; }
.cool-profile-body .inline-list li { display: inline-block; }
.cool-profile-body ._more { text-align: left; }
.cool-profile-body .box { position: absolute; top: 0; display: table; text-align: center; }
.cool-profile-body .box:hover .title { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

.newindex .cool-profile-body .title { -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: inline-block; margin: 0 30px; padding: 5px 10px; font-size: 14px; font-weight: bold; background-color: #fff; }

.cool-work { padding-top: 0; width: auto; }
.cool-work .usericon { float: left; margin-right: 10px; overflow: hidden; width: 50px; height: 50px; }
.cool-work .usericon img { width: 50px; }
.cool-work .titlearea { padding: 0 0 35px; position: relative; }
.cool-work .title { font-size: 24px; line-height: 30px; }
.cool-work .userdata-row { display: inline-flex; align-items: center; }
.cool-work .userdata-row .name { display: inline-block; }
.cool-work .userdata-row .name::before { content: "by"; margin-right: 5px; }
.cool-work .userdata-row .date { margin-left: 10px; }
.cool-work .userdata-row .snap-remaining-interval { margin-left: 10px; display: inline-flex; align-items: center; font-weight: bold; color: #FF4327; }
.cool-work .userdata-row .snap-remaining-interval .icon { margin-right: 4px; }
.cool-work .userdata-row .snap-help-link { padding-left: 8px; color: #0096db; vertical-align: 1px; cursor: pointer; }
.cool-work .follow-button { display: none; position: absolute; right: 0; top: 0; }
.cool-work .img-container { text-align: center; margin-bottom: 30px; position: relative; }
.cool-work .img-container .medium-image { display: block; line-height: 0; }
.cool-work .img-container .medium-image:hover { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.cool-work .img-container:hover .zoom-message { display: block; }
.cool-work .novelbody-container { background: white; padding: 10px 0; }
.cool-work .novelbody-container .caption-tag-container { padding: 0 20px 20px; margin-bottom: 20px; border-bottom: 1px solid #F2F4F6; }
.cool-work .works_illusticonsBlock { margin: 10px 0; }
.cool-work .caption { margin: 10px 0; line-height: 22px; font-size: 14px; }
.cool-work .caption_read_more { position: relative; display: block; text-align: right; right: 0; }
.cool-work .comment-data { margin-bottom: 5px; font-size: 11px; display: block; color: #999; }
.cool-work .comment-data .user-name { margin-right: 5px; }
.cool-work .comment-body { margin-bottom: 20px; display: block; font-size: 13px; font-size: 13px; background-color: white; padding: 10px 12px; }
.cool-work .link-container { background: rgba(0, 0, 0, 0.1); padding: 5px 0; border-radius: 25px; margin: 30px 0 30px; }
.cool-work .score { margin-bottom: 12px; }
.cool-work .score .info { width: auto; display: inline-block; }
.cool-work .score .info + .info { margin-left: 30px; padding-left: 30px; border-left: 1px dotted #8c8c8c; }
.cool-work .score .views { display: block; line-height: 29px; font-size: 24px; }
.cool-work .tag_area { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #d6dee5; }
.cool-work .tag_area h2 { margin: 10px 0 5px; display: inline-block; }
.cool-work .link-page { position: relative; margin-top: 15px; padding: 15px 0 0; border-top: 1px solid #d6dee5; }
.cool-work .link-page h2 { text-align: center; }
.cool-work .link-page ul { position: relative; }
.cool-work .link-page li { padding: 5px 0 0; font-size: 0.9375em; line-height: 2em; }
.cool-work .link-page .center { text-align: center; }
.cool-work .link-page .newer, .cool-work .link-page .older { width: 45%; overflow: hidden; height: 2em; position: absolute; top: 0; }
.cool-work .link-page .newer { left: 0; text-align: right; }
.cool-work .link-page .older { right: 0; text-align: left; }
.cool-work .link-page .newer:before { content: "\226A"; padding-right: .5em; color: #258fb8; }
.cool-work .link-page .older:after { content: "\226B"; padding-left: .5em; color: #258fb8; }
.cool-work .works .title { font-size: 14px; padding: 10px 0 5px; }
.cool-work .works .title a { color: #000; text-decoration: none; }
.cool-work .works .title a:hover { border-bottom: 1px solid #000; }
.cool-work .works .work { display: inline-block; margin-left: 5px; margin-right: 5px; margin-bottom: 8px; width: 90px; height: 90px; }
.cool-work .works .work:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.cool-work .works .work img { width: 90px; height: 90px; }
.cool-work .works .selected_works { box-shadow: 0px 0px 0px 2px white, 0px 0px 0px 7px #203f5c; }
.cool-work .works .r-18 img { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='9'/></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3); -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3)"; -o-filter: blur(3px); -webkit-filter: blur(3px); }

.novelworks .title { font-size: 14px; padding: 10px 0 5px; }
.novelworks .work { background-color: #F2F4F6; padding: 10px 0 10px 10px; }
.novelworks .work:nth-child(2n+1) { background-color: #E8EAEC; }
.novelworks .work .title { padding: 0; font-weight: bold; }
.novelworks .tag { font-size: 11px; }
.novelworks .cover { display: inline-block; margin-right: 10px; vertical-align: top; }
.novelworks .cover img { width: 50px; }
.novelworks .abstract { width: 220px; display: inline-block; }

.cool-work-main { display: inline-block; width: 600px; padding-right: 40px; padding-left: 10px; text-align: left; vertical-align: top; }

.cool-work-sub { display: inline-block; max-width: 300px; height: 100%; }
.cool-work-sub .ad-before-login { margin-bottom: 12px; }
.cool-work-sub .medium_more { text-align: right; font-size: 14px; display: block; }

.caption_read_more { position: absolute; right: 22px; }

.toggle_container { position: absolute; z-index: 10000; top: 27px; right: 0; width: 180px; padding: 15px 10px; background-color: #fff; border: 5px solid #69afca; }

.offscreen { left: -9999px; overflow: hidden; position: absolute; }

/* ====== login ====== */
.form-signup { position: relative; float: left; padding: 30px; margin: 20px 20px 20px 50px; width: 440px; }

.form-signup .title { display: block; padding-bottom: 15px; font-size: 24px; line-height: 27px; font-weight: bold; }

.form-signup label { display: block; }

.form-signup .auth-login { margin: 10px 0 0 0; }

.form-login-input { width: 420px; font-size: 18px; margin-bottom: 0.8em; }

#registerRow { float: right; margin: 20px 30px 0 0; width: 350px; *zoom: 1; }
#registerRow .note { width: 316px; margin-bottom: 30px; padding: 14px 16px; background-color: #EDF0F5; *zoom: 1; }
#registerRow .note a.signup_button { display: block; margin: 9px auto 1px; width: 157px; }
#registerRow .note h1 { font-size: 15px; font-weight: bold; }
#registerRow .note h2 { margin-bottom: 14px; font-size: 14px; }
#registerRow .note p { font-size: 14px; line-height: 22px; }
#registerRow .note small { display: block; padding: 5px 0; }
#registerRow .note i.device-image { display: block; margin: 10px 0 -10px; float: left; width: 96px; height: 95px; }
#registerRow .note .qr-area { position: relative; float: right; margin-top: 15px; width: 200px; height: 78px; background: #FFF; border: 1px solid #E6E6E6; }
#registerRow .note .qr-area p { margin-top: 11px; line-height: 16px; font-size: 10px; }
#registerRow .note .qr-area h3 { font-size: 15px; font-weight: bold; }
#registerRow .note .qr-area span { font-size: 9px; }
#registerRow .note .qr-area p, #registerRow .note .qr-area h3, #registerRow .note .qr-area span { margin-left: 7px; }
#registerRow .note .qr-area i { position: absolute; top: 7px; right: 7px; display: block; width: 64px; height: 64px; }
#registerRow .note ul.appstore { margin-left: -3px; }
#registerRow .note ul.appstore li { float: left; margin-left: 6px; width: 152px; }
#registerRow .note ul.appstore li i { display: block; background: no-repeat; width: 152px; height: 50px; }
#registerRow .note ul.appstore li p { text-align: center; line-height: 13px; font-size: 10px; margin: 4px -4px -3px; }
#registerRow .note:after { content: ""; display: table; clear: both; }
#registerRow:after { content: ""; display: table; clear: both; }

.pane { overflow: hidden; *zoom: 1; }

.signin-google-button, .signin-facebook-button, .signin-sina-button, .signin-twitter-button { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-sizing: content-box; padding: 8px 10px; line-height: 1; border: none; cursor: pointer; }

.signin-google-button { background-color: #dc452b; }

.signin-facebook-button { background-color: #3b5998; }

.signin-sina-button { background-color: #E32429; }

.signin-twitter-button { background-color: #49C1F0; }

.newindex-signup .ui-button, .signup-twitter-button, .signup-sina-button, .signup-google-button, .signup-facebook-button, .signup-qq-button { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-sizing: content-box; width: 288px; margin-bottom: 5px; padding: 0; font-size: 14px; line-height: 30px; color: #fff; cursor: pointer; border: none; font-size: 12px; }
.newindex-signup .ui-button ._icon, .signup-twitter-button ._icon, .signup-sina-button ._icon, .signup-google-button ._icon, .signup-facebook-button ._icon, .signup-qq-button ._icon { margin-right: 5px; vertical-align: -4px; }

.signup-twitter-button { background-color: #49C1F0; }

.signup-sina-button { background-color: #E32429; }

.signup-google-button { background-color: #DD452B; }

.signup-facebook-button { background-color: #3A5A9A; }

.signup-qq-button { background-color: #51A9F3; }

#header .header_index_login { float: right; text-align: left; vertical-align: top; width: 390px; }

.index_security { margin: 25px auto 0; padding-bottom: 30px; overflow: hidden; position: relative; text-align: center; }
.index_security .check-container { background-color: #fffaed; padding: 20px 0; border-radius: 5px; }
.index_security .check-container p { margin-top: 10px; }
.index_security .check-container input[type="text"] { width: 242px; }
.index_security li { display: inline-block; margin-right: 20px; }
.index_security span { font-weight: bold; }
.index_security .caution { margin: 20px 0 10px; }

/* ====== signup ====== */
.auth-signup { text-align: center; width: 100% !important; padding: 0 0 30px 0; }
.auth-signup p { margin-bottom: 10px; }

.captcha-register h3 { font-weight: bold; line-height: 1.7; color: #555; }

.captcha-register p { margin-bottom: 15px; }

.sensored { display: table-cell; width: 610px; height: 610px; text-align: center; vertical-align: middle; }
.sensored ._ugoku-illust-player-container { margin: 0 15px; }
.sensored img { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='16'/></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5); -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=5)"; -o-filter: blur(5px); -webkit-filter: blur(5px); }

.view_more { -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; display: block; clear: both; padding: 11px 10px; line-height: 1; text-align: center; border: 2px solid #eee; cursor: pointer; font-size: 18px; background-color: #007AB3; color: #ffffff !important; text-shadow: none !important; text-decoration: none !important; font-weight: bold; width: 500px; margin: 10px auto 50px; }

.view_more:hover { background-color: #005891; }

.cool-novelindex { background-color: white; padding-left: 50px; }
.cool-novelindex .title { font-size: 32px; padding-top: 30px; padding-bottom: 10px; }
.cool-novelindex .categories { max-width: 980px; }
.cool-novelindex .category { display: inline; }
.cool-novelindex .category a { display: inline-block; margin-bottom: 1px; margin-right: 1px; margin: 2px; width: 286px; font-size: 16px; padding: 5px 0; text-align: center; background-color: #F2F4F6; }
.cool-novelindex .tags.novel ul { font-weight: normal; font-size: 14px; display: inline-block; }
.cool-novelindex .tags.novel ul li { margin-right: 15px; line-height: 30px; display: block; width: 225px; }
.cool-novelindex .title-container { display: inline-block; background-color: #fff15c; font-size: 18px; }
.cool-novelindex .novel-title { display: inline-block; color: #373737; vertical-align: middle; padding-left: 10px; padding-right: 10px; }
.cool-novelindex .author { display: inline-block; line-height: 30px; background-color: #FFDC77; height: 30px; color: #373737; padding: 3px 10px; font-size: 14px; }
.cool-novelindex .novel-work { display: inline-block; margin-right: 50px; padding: 20px 0; max-width: 900px; vertical-align: top; font-size: 14px; line-height: 25px; }
.cool-novelindex .novel-work .tags ul { font-size: inherit; font-weight: normal; }
.cool-novelindex .novel-link { color: #373737; }
.cool-novelindex .novel-link:hover { color: #258fb8; text-decoration: none; }
.cool-novelindex .novel-body { position: relative; margin-top: 10px; margin-bottom: 10px; line-height: 24px; width: 100%; }
.cool-novelindex .usericon { display: inline-block; vertical-align: top; overflow: hidden; width: 30px; height: 30px; margin-right: 5px; }
.cool-novelindex .usericon img { width: 30px; }

.service-books { background-image: url(/www/images/books.png); background-size: 42px 24px; background-repeat: no-repeat; background-position: 10px; }

.premium-register-button-nologin { background-color: #ff8c00; background-image: -webkit-linear-gradient(top, #ffa333 0%, #ffa333 50%, #ee7600 50%, #ff8c00 100%); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(48%, #ffa333), color-stop(50%, #ff8c00)); background-image: -webkit-linear-gradient(top, #ffa333 48%, #ff8c00 50%); background-image: -moz-linear-gradient(top, #ffa333 48%, #ff8c00 50%); background-image: -o-linear-gradient(top, #ffa333 48%, #ff8c00 50%); background-image: linear-gradient(to bottom, #ffa333 48%, #ff8c00 50%); margin-top: 5px; font-size: 18px; padding: 5px; font-weight: bold; text-shadow: 0px 1px 0px #555; color: #fff; display: inline-block; border-radius: 5px; border: 1px solid #555; }

.premium-register-button-nologin-index { background-color: #ff8c00; background-image: -webkit-linear-gradient(top, #ffa333 0%, #ffa333 50%, #ee7600 50%, #ff8c00 100%); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(48%, #ffa333), color-stop(50%, #ff8c00)); background-image: -webkit-linear-gradient(top, #ffa333 48%, #ff8c00 50%); background-image: -moz-linear-gradient(top, #ffa333 48%, #ff8c00 50%); background-image: -o-linear-gradient(top, #ffa333 48%, #ff8c00 50%); background-image: linear-gradient(to bottom, #ffa333 48%, #ff8c00 50%); margin-top: 5px; font-size: 18px; padding: 5px; font-weight: bold; text-shadow: 0px 1px 0px #555; color: #fff; display: inline-block; border-radius: 5px; border: 1px solid #555; width: 80%; }

.multi-ads-area iframe[name='header'] { position: absolute; top: -255px; z-index: 11000; }

#header-banner .multi-ads-area iframe[name='header'] { position: static; }

.tags-portal-signup-button { -moz-appearance: none; -webkit-appearance: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: block; margin: 5px 0; padding: 5px 15px; color: #fff; font-size: 14px; text-align: left; background-color: #73ab1f; border: none; }
.tags-portal-signup-button:hover { text-decoration: none; background-color: #82c123; }
.tags-portal-signup-button.google { background-color: #dc452b; }
.tags-portal-signup-button.google:hover { background-color: #e05841; }
.tags-portal-signup-button.facebook { background-color: #3b5998; }
.tags-portal-signup-button.facebook:hover { background-color: #4264aa; }
.tags-portal-signup-button.twitter { background-color: #49C1F0; }
.tags-portal-signup-button.twitter:hover { background-color: #61c9f2; }
.tags-portal-signup-button.sina { background-color: #E32429; }
.tags-portal-signup-button.sina:hover { background-color: #e63b3f; }
.tags-portal-signup-button .text { display: table-cell; width: 264px; vertical-align: middle; }
.tags-portal-signup-button .icon { display: table-cell; width: 26px; vertical-align: middle; }