@charset "utf-8";
/* firefox scroll on */
html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical; /* overflow-x:scroll; */
    overflow-x: auto;
    height: 100%;
}

/* reset css ====================================== */
* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-size-adjust: none;
    font-variant: normal;
    color: #333333;
    width: 100%;
    height: 100%;
    text-align: left;
    margin: 0px;
    padding: 0px;
}

table, form, fieldset, pre, ul, li, ol, h1, h2, h3, h4, h5, h6, p, div {
    margin: 0;
    padding: 0; /* add 0612 */
    border: none;
    font-style: normal;
    font-weight: normal;
}

li {
    list-style: none;
}

fieldset {
    border: none;
}

input, textarea {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

img {
    vertical-align: middle;
}

a {
    color: #1e7cbd;
    text-decoration: none;
}

a:hover {
    color: #1e7cbd;
    text-decoration: underline;
}

a:visited {
    color: #6868C7;
}

th {
    text-align: left;
    font-weight: normal;
}

a img {
    border: none;
}

p {
    line-height: 1.4;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

/* box layout ====================================== */
body {
    background: url(../images/bg_main.jpg) repeat left top #eee;
}

#whole {
    position: relative;
    min-width: 960px;
    width: 100%;
    font-size: 100%;
    min-height: 100%;
}

* html div#whole {
    height: 100%;
}

/* for ie */
#header {
    position: fixed;
    z-index: 100;
    background: url(../images/img_gnav.png) repeat-x left bottom #666;
    border-bottom: 1px solid #000;
    height: 52px;
    min-width: 960px;
    width: 100%;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
}

#main {
    padding-top: 52px;
    padding-bottom: 200px;
}

#main_header {
    width: 100%;
    height: 68px;
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 0 1px 2px 0px #aaa inset;
}

#top_titlebox {
    text-align: center;
    position: relative;
    margin-right: auto;
    margin-left: auto;
}

#contents {
    margin-top: 5px;
}

/* index.htmlのボックス分け */
#index_box {
    margin: 25px 50px 0 50px;
}

#index_main {
    margin-right: 330px;
    min-height: 300px;
    overflow: hidden;
    max-width: 1500px;
}

#index_side {
    width: 300px;
    float: right;
    margin-top: 30px;
    margin-bottom: 50px;
}

.index_max {
    max-width: 1660px;
    padding: 0 50px;
    margin: 0 auto;
}

/* with index_box */
.fixed_center {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

/* footer */
#footer {
    width: 100%;
    background: #3f3f3f;
    border-top: 1px solid #c0c0c0;
    clear: both;
    text-align: center;
    color: #5c5c5c; /* add */
    position: absolute;
    bottom: 0;
    height: 181px;
}

#footer_menu a {
    margin: 0 8px;
    color: #aaa;
}

.copyright {
    background: #ff0085;
    color: #fff;
    margin-top: 10px;
    font-size: 8px;
    padding: 6px;
}

/* header ====================================== */
#header h1 {
    margin-right: 12px;
    margin-top: 8px;
}

#header a:hover {
    color: #fff;
    text-decoration: none;
}

#header .now a {
    color: #FF83D2;
}

#header_nav {
    width: 630px;
    float: left;
    padding-left: 20px;
    font-size: 14px;
}

#header_nav li {
    float: left;
    width: auto;
    margin-right: 15px;
}

#header_user {
    max-width: 300px;
    float: right;
    margin-right: 20px;
    position: relative;
}

#header_user .btn01 {
    float: right;
    width: 80px;
    margin-top: 1px;
    margin-left: 5px;
}

#header_user .button_normal:hover {
    color: #333333;
}

.header_username {
    max-width: 115px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.btn_down {
    padding-top: 8px;
    margin-left: 15px;
    height: 25px;
}

.btn_down a {
    color: #d8d8d8;
    padding-right: 3px;
}

.header_icon {
    float: left;
    max-width: 120px;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    padding-right: 0;
}

.header_icon img {
    width: 30px;
    height: 30px;
    padding-right: 4px;
    border-radius: 4px 0 0 4px;
}

.header_icon span {
    color: #fff;
    background: #ff0000;
    border-radius: 50%;
    padding: 1px 5px;
    font-weight: bold;
    display: block;
    position: absolute;
    left: -5px;
    top: -3px;
    z-index: 1;
    box-shadow: 0 1px 1px #333;
}

.header_icon a {
    color: #bbb;
}

#user_box {
    height: 30px;
    max-width: 300px;
    border-radius: 4px;
    margin-top: 10px;
    background: #3c3c3c;
    border-bottom: 1px solid #777;
    border-top: 1px solid #000;
    float: left;
}

.user_menu {
    position: relative;
    float: left;
}

.user_menu a, .user_menu_mini a {
    color: #bbb;
}

.user_menu_mini {
    line-height: 30px;
    float: left;
    color: #666666;
}

.gnav {
    color: #ccc;
    margin-top: 17px;
    height: 30px;
}

.gnav.now > a {
    text-shadow: 1px 1px 1px #000;
}

.gnav a {
    color: #ccc;
}

.user_menu_etc {
    float: left;
    color: #ccc;
    cursor: pointer;
    height: 16px;
    width: 55px;
    margin: 7px 2px 0 0;
    line-height: 16px;
}

.user_menu_etc:hover {
    color: #ff3399;
}

.pmenu_info_box {
    margin-top: 10px;
}

.pmenu_info {
    width: 220px;
}

.pmenu_box {
    position: relative;
    float: left;
}

.pmenu_box ul {
    display: none;
}

.header_pmenu {
    min-width: 120px;
    position: absolute;
    z-index: 39;
    top: 30px;
    right: 0px;
    text-align: left;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.header_pmenu li {
    background: #fff;
    white-space: nowrap;
    border-bottom: 1px solid #d7d4d5;
    opacity: 0.95;
}

.header_pmenu li:hover {
    color: #f00082;
    background: #FAF9E3;
}

.header_pmenu a {
    display: block;
    font-weight: normal;
    padding: 5px 10px;
    color: #666;
}

.header_pmenu li:first-child {
    border-radius: 2px 2px 0 0;
}

.header_pmenu li:last-child {
    border-radius: 0 0 2px 2px;
    border-bottom: none;
}

.header_pmenu span {
    color: #fff;
    background: #ff0000;
    border-radius: 50%;
    padding: 1px 5px;
    font-weight: bold;
    margin-left: 5px;
}

.gnav a:hover {
    color: #fff;
}

#header_nav .header_pmenu {
    display: none;
    color: #666;
    left: 0;
    width: 150px;
}

#header_nav .header_pmenu li {
    width: 150px;
}

#header .header_pmenu a {
    color: #666;
}

#header .header_pmenu a:hover {
    color: #ff3399;
}

.newsticker {
    background: #FF00A2;
    position: absolute;
    top: 52px;
    opacity: 0.7;
    color: #fff;
    width: 100%;
    height: 35px;
    box-shadow: 0 1px 1px #aaa, 0px 1px 1px #aaa inset;
}

.newsticker + #main {
    padding-top: 90px;
}

.newscts {
    display: block;
    color: inherit;
    width: 740px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
}

.newsticker .blog {
    float: right;
    width: 110px;
    text-align: right;
    padding: 10px 0;
}

.newsticker a {
    color: inherit;
}

/* search */
.selectbox {
    float: left;
    height: 25px;
    width: 35px;
    margin: 12px 0 0 10px;
    padding-left: 5px;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #000;
    border-right-color: #8A8A8A;
    border-radius: 4px 0 0 4px;
}

.selectbox .icons {
    height: 20px;
    vertical-align: top;
    margin-top: 4px;
}

.selectbox span {
    line-height: 25px;
    color: #aaaaaa;
    font-size: 8.6pt;
}

.searchbox {
    float: left;
    width: 160px;
    background: #e9e9e9;
    height: 25px;
    border-top: 1px solid #000;
    border-left: none;
    margin-top: 12px;
    border-radius: 0 4px 4px 0;
}

.input {
    width: 118px;
    height: 24px;
    border: none;
    padding-left: 3px;
    margin-top: 1px;
    background: none;
}

.sitesrc_btn {
    border: none;
    cursor: pointer;
    position: relative;
    top: 3 px\9; /* ie8 */
}

.searchtxt {
    float: left;
    width: 14px;
    height: 25px;
    line-height: 25px;
    color: #afafaf;
    font-size: 8.6pt;
    cursor: pointer;
}

.searchtxt:hover {
    color: #f00082;
}

.pulldownbox {
    position: absolute;
    width: 143px;
    top: 35px;
    left: 0px;
    border: 3px solid #ccc;
    background-color: #fff;
    text-align: left;
}

.pulldownbox div {
    width: 143px;
    border-bottom: 1px solid #ccc;
}

.pulldownbox .pick {
    background: #E4F0F1;
}

.pulldownbox a {
    display: block;
    line-height: 23px;
    padding-left: 5px;
}

.pulldownbox a:hover {
    text-decoration: none;
    background-color: #FFFFCC;
    color: #1E7CBD !important;
}

/* license */
.search_dtl {
    width: 300px;
    height: auto;
    position: absolute;
    top: 40px;
    left: 0;
    line-height: 1.6;
    background: #f0f0f0;
    border: 1px solid #d0d0d0;
    padding: 10px;
    visibility: hidden;
}

.search_dtl input[type="checkbox"] {
    position: relative;
    top: 2px;
    margin-right: 3px;
}

/* back to top */
#to_top {
    position: fixed;
    bottom: -1px;
    right: 20px;
    font-size: 84%;
    text-align: center;
}

#to_top a {
    display: block;
    height: 100%;
    padding: 5px 10px;
    color: #fff;
    background: #333;
    opacity: 0.7;
    border-radius: 6px 6px 0 0;
    -webkit-transition: .2s;
    -moz-transiton: .2s;
    transition: .2s;
}

#to_top a:hover {
    text-decoration: none;
    color: #FFCC00;
    opacity: 1;
    padding: 5px 10px 10px;
}

/* logout header */
.logout_box {
    width: 100%;
    overflow: hidden;
    background: #d8d8d8;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px 0 #fff;
}

.logout_cover {
    width: 100%;
    height: 350px;
    position: absolute;
    top: 40;
    left: 0;
    z-index: 1;
    overflow: hidden;
}

.logout_cover div {
    width: 1280px;
    height: 350px;
    margin: 0 auto;
    text-align: center;
}

.logout_cover img {
    position: relative;
    right: 240px;
}

.logout_ctsbox {
    width: 1280px;
    margin: 0 auto;
    position: relative;
}

.logout_cts {
    width: 240px;
    margin-left: 150px;
    float: left;
    text-align: center;
    position: relative;
    z-index: 2;
    padding-top: 280px;
}

.logout_imgbox {
    width: 800px;
    height: 350px;
    float: left;
}

/* user header ====================================== */
#main_header {
    width: 100%;
    position: fixed;
    z-index: 19;
}

#main_header.myself {
    background: url(../images/main_header/bg_myself.jpg) repeat-x left top #d8d8d8;
    border-bottom: 1px solid #DB952B;
}

#main_header.other {
    background: url(../images/main_header/bg_other.jpg) repeat-x left top #d8d8d8;
    border-bottom: 1px solid #005099;
    min-width: 1050px;
}

#main_header.clb {
    background: url(../images/main_header/bg_clb.jpg) repeat-x left top #d8d8d8;
    border-bottom: 1px solid #B9007E;
    min-width: 1000px;
}

.user_main {
    padding-top: 100px;
    padding-bottom: 50px;
    width: 960px;
    margin: 0 auto 0;
}

#main_name {
    width: 300px;
    display: block;
    float: left;
    margin: 10px 0 0 20px;
}

#main_name .icon {
    display: block;
    width: 48px;
    height: 48px;
    margin-right: 6px;
    float: left;
}

#main_name .icon img {
    width: 48px;
    height: 48px;
}

#main_name h2 {
    font-size: 134%;
    font-weight: bold;
    line-height: 1;
    display: table-cell;
    max-width: 240px;
    margin: 0 0 0 54px;
    padding-top: 7px;
    vertical-align: middle;
    overflow: hidden;
    word-wrap: break-word;
}

.clb #main_name h2 {
    font-size: 100%;
}

#main_name h2 a {
    color: #6a6a6a;
}

#main_name p {
    line-height: 1;
    padding-top: 3px;
    font-size: 8.6;
    padding-left: 20px;
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#main_nav {
    /*float:left;*/
    margin-left: 320px;
}

#main_nav li {
    float: left;
    width: 85px;
    padding-top: 10px;
    text-align: center;
}

#main_nav a {
    display: block;
    margin: 0 auto;
    font-size: 92%;
}

#main_nav .now a {
    color: #333;
}

#main_nav span {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto 3px;
}

#main_follow {
    text-align: right;
    width: 230px;
    margin-right: 20px;
    line-height: 65px;
    float: right;
}

.nav_clb + #main_follow {
    width: 150px;
}

/* nav sprite */
.nav_myself {
    width: 810px;
}

.nav_myself li {
    position: relative;
}

.nav_myself a {
    color: #CC9900;
}

.nav_myself .now a:before {
    content: "";
    display: block;
    position: absolute;
    left: 28px;
    top: 66px;
    z-index: 1;
    border-top: 15px solid #ffc21f;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}

.nav_myself span {
    background: url(../images/main_header/header_icons.png) no-repeat;
}

.nav_myself span.top {
    background-position: 0 -30px;
}

.nav_myself span.post {
    background-position: -30px -30px;
}

.nav_myself span.work {
    background-position: -60px -30px;
}

.nav_myself span.bk {
    background-position: -90px -30px;
}

.nav_myself span.rel {
    background-position: -120px -30px;
}

.nav_myself span.clb {
    background-position: -150px -30px;
}

.nav_myself span.dl {
    background-position: -180px -30px;
}

.nav_myself span.msg {
    background-position: -210px -30px;
}

.nav_myself span.set {
    background-position: -240px -30px;
}

.nav_myself a:hover span.top {
    background-position: 0 -60px;
}

.nav_myself a:hover span.post {
    background-position: -30px -60px;
}

.nav_myself a:hover span.work {
    background-position: -60px -60px;
}

.nav_myself a:hover span.bk {
    background-position: -90px -60px;
}

.nav_myself a:hover span.rel {
    background-position: -120px -60px;
}

.nav_myself a:hover span.clb {
    background-position: -150px -60px;
}

.nav_myself a:hover span.dl {
    background-position: -180px -60px;
}

.nav_myself a:hover span.msg {
    background-position: -210px -60px;
}

.nav_myself a:hover span.set {
    background-position: -240px -60px;
}

.nav_myself .now span.top {
    background-position: 0 0;
}

.nav_myself .now span.post {
    background-position: -30px 0;
}

.nav_myself .now span.work {
    background-position: -60px 0;
}

.nav_myself .now span.bk {
    background-position: -90px 0;
}

.nav_myself .now span.rel {
    background-position: -120px 0;
}

.nav_myself .now span.clb {
    background-position: -150px 0;
}

.nav_myself .now span.dl {
    background-position: -180px 0;
}

.nav_myself .now span.msg {
    background-position: -210px 0;
}

.nav_myself .now span.set {
    background-position: -240px 0;
}

.nav_other {
    width: 530px;
}

.nav_other li {
    position: relative;
}

.nav_other a {
    color: #058BF5;
}

.nav_other .now a:before {
    content: "";
    display: block;
    position: absolute;
    left: 28px;
    top: 66px;
    border-top: 15px solid #2096ea;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}

.nav_other span {
    background: url(../images/main_header/header_icons.png) no-repeat;
}

.nav_other span.top {
    background-position: 0 -120px;
}

.nav_other span.work {
    background-position: -30px -120px;
}

.nav_other span.bk {
    background-position: -60px -120px;
}

.nav_other span.rel {
    background-position: -90px -120px;
}

.nav_other span.clb {
    background-position: -120px -120px;
}

.nav_other span.msg {
    background-position: -150px -120px;
}

.nav_other a:hover span.top {
    background-position: 0 -150px;
}

.nav_other a:hover span.work {
    background-position: -30px -150px;
}

.nav_other a:hover span.bk {
    background-position: -60px -150px;
}

.nav_other a:hover span.rel {
    background-position: -90px -150px;
}

.nav_other a:hover span.clb {
    background-position: -120px -150px;
}

.nav_other a:hover span.msg {
    background-position: -150px -150px;
}

.nav_other .now span.top {
    background-position: 0 -90px;
}

.nav_other .now span.work {
    background-position: -30px -90px;
}

.nav_other .now span.bk {
    background-position: -60px -90px;
}

.nav_other .now span.rel {
    background-position: -90px -90px;
}

.nav_other .now span.clb {
    background-position: -120px -90px;
}

.nav_other .now span.msg {
    background-position: -150px -90px;
}

.nav_clb {
    width: 810px;
}

.nav_clb li {
    position: relative;
}

.nav_clb a {
    color: #D12292;
}

.nav_clb .now > a:before {
    content: "";
    display: block;
    position: absolute;
    left: 28px;
    top: 66px;
    border-top: 15px solid #f863ad;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}

.nav_clb span {
    background: url(../images/main_header/header_icons.png) no-repeat;
}

.nav_clb span.top {
    background-position: 0 -210px;
}

.nav_clb span.work {
    background-position: -30px -210px;
}

.nav_clb span.msg {
    background-position: -60px -210px;
}

.nav_clb span.info {
    background-position: -90px -210px;
}

.nav_clb span.clbbbs {
    background-position: -120px -210px;
}

.nav_clb span.mmb {
    background-position: -150px -210px;
}

.nav_clb span.fld {
    background-position: -180px -210px;
}

.nav_clb span.post {
    background-position: -210px -210px;
}

.nav_clb span.set {
    background-position: -240px -210px;
}

.nav_clb a:hover span.top {
    background-position: 0 -240px;
}

.nav_clb a:hover span.work {
    background-position: -30px -240px;
}

.nav_clb a:hover span.msg {
    background-position: -60px -240px;
}

.nav_clb a:hover span.info {
    background-position: -90px -240px;
}

.nav_clb a:hover span.clbbbs {
    background-position: -120px -240px;
}

.nav_clb a:hover span.mmb {
    background-position: -150px -240px;
}

.nav_clb a:hover span.fld {
    background-position: -180px -240px;
}

.nav_clb a:hover span.post {
    background-position: -210px -240px;
}

.nav_clb a:hover span.set {
    background-position: -240px -240px;
}

.nav_clb .now span.top {
    background-position: 0 -180px;
}

.nav_clb .now span.work {
    background-position: -30px -180px;
}

.nav_clb .now span.msg {
    background-position: -60px -180px;
}

.nav_clb .now span.info {
    background-position: -90px -180px;
}

.nav_clb .now span.clbbbs {
    background-position: -120px -180px;
}

.nav_clb .now span.mmb {
    background-position: -150px -180px;
}

.nav_clb .now span.fld {
    background-position: -180px -180px;
}

.nav_clb .now span.post {
    background-position: -210px -180px;
}

.nav_clb .now span.set {
    background-position: -240px -180px;
}

.nav_myself div.cnt, .nav_clb div.cnt {
    color: #fff;
    background: #ff0000;
    font-size: 130%;
    border-radius: 12px;
    padding: 1px 5px;
    font-weight: bold;
    display: block;
    position: absolute;
    left: 18px;
    top: 5px;
    text-align: center;
    box-shadow: 1px 1px 2px #999;
}

#main_nav .cnt a {
    color: #fff;
}

.user_follow {
    padding-top: 20px;
}

.usermsg {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    line-height: 1.4;
    position: relative;
}

.usermsg a {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    border: 1px solid transparent;
}

.usermsg a:hover {
    border: 1px solid #E6E61A;
}

.usermsg span {
    position: absolute;
    left: -15px;
    top: 35px;
    line-height: 1;
    font-size: 9px;
    display: none;
    width: 100px;
    padding: 5px;
    text-align: center;
    z-index: 20;
    background: black;
    color: white;
    border-radius: 4px;
}

.urlbox {
    position: relative;
    margin-top: 12px;
}

.urlbox a {
    position: absolute;
    right: 0;
    top: 1px;
    font-size: 8.6pt;
}

/* user info =============================== */
.fixed_box {
    width: 960px;
    margin: 30px auto 30px;
}

/* サムネ式TOP fixed boxを消去 */
#usertop {
    border-radius: 8px;
    padding: 0 30px;
    width: 970px;
    margin: 100px auto 0;
}

#user_info {
    width: 250px;
    float: left;
    margin-left: 0;
}

#user_prof {
    background: #fff;
    padding: 19px;
    border-radius: 6px;
    border: 1px solid #ccc;
}

#usertop_main {
    width: 690px;
    float: right;
    padding-bottom: 20px;
}

#user_info h3 {
    margin-top: 30px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 100%;
}

#user_info input, .dtl_over input[type="text"], .databox input {
    width: 200px;
    height: 15px;
    padding: 3px;
    border: none;
    background: #f1f1f1;
    border: 1px solid #ccc;
    border-top-color: #a5a5a5;
    border-radius: 4px;
    font-size: 94%;
}

/* ユーザーサムネイル */
.user_thumb {
    text-align: center;
    padding-top: 15px;
    margin-bottom: 15px;
}

.user_thumb img {
    width: 150px;
    height: 150px;
    background: no-repeat center center;
}

.user_cstmimg {
    margin: -20px 0px 15px -20px;
    text-align: center;
    width: 250px;
}

/* カスタムイメージ */
.prof_cmnt {
    background: #f0f0f0;
    border-radius: 6px;
    padding: 10px;
    position: relative;
    word-break: break-all;
    word-wrap: break-word;
}

.prof_cmnt:before {
    content: "";
    border-bottom: 20px solid #f0f0f0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    position: absolute;
    left: 85px;
    top: -15px;
}

.thumb_works {
    margin-right: -15px;
    margin-bottom: -5px;
}

.thumb_works li {
    float: left;
    display: block;
    width: 150px;
    min-height: 150px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.thumb_works .i_image {
    border: 1px solid #ccc;
    background-color: #fff;
}

.thumb_works .i_text, .thumb_works .i_sound {
    margin: 1px;
}

/* main contents */
#top_titlebox h1 {
    text-shadow: 0 1px 0 #fff;
    font-size: 1.7em;
    margin-bottom: 30px;
}

#top_titlebox h2 {
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    margin-bottom: 30px;
    font-weight: normal;
}

.link_more {
    text-align: right;
    margin-top: 5px;
    color: #ccc;
}

.title_middle {
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    margin: 30px 0 15px;
    font-weight: normal;
    font-size: 1.5em;
}

.sect_box {
    background: #fff;
    border: 1px solid #ccc;
    margin-bottom: 25px;
    border-radius: 6px;
}

.sect_title {
    color: #fff;
    height: 30px;
    line-height: 30px;
    background: #808080;
    border-bottom: 1px solid #555;
    border-radius: 5px 5px 0 0;
}

.sect_title a {
    color: inherit;
    display: block;
    padding: 0 15px;
    height: 30px;
    line-height: 34px;
    position: relative;
    border-radius: 6px 6px 0 0;
}

.sect_title a:hover {
    background: #666;
    color: #FFCC33;
}

.sect_title_pd {
    padding: 0 15px;
    line-height: 34px;
}

.sect_cts {
    padding: 15px 15px;
    word-break: break-all;
    word-wrap: break-word;
}

/* 音楽配信 */
.ktbox a {
    color: inherit;
}

.ktbox h3 {
    color: #bebebe;
    border-top: none;
    padding: 8px;
    background: #3f3f3f;
    border-radius: 6px 6px 0 0;
    margin-bottom: 0px !important;
}

.ktbox h3 a {
    color: #f824b4;
}

.ktbox h3 img {
    margin-left: 10px;
}

.ktbox .listview_ss li {
    border-bottom: 1px dotted #7f7f7f;
    background: #3f3f3f;
    color: #ebebeb;
}

.ktbox .listview_ss li:last-child {
    border: none;
    border-radius: 0 0 6px 6px;
}

.ktbox .listview_ss .txt_sub {
    color: #c0c0c0;
}

/* bookmarkfolder ================================= */
/* bookmark tag */
#bktag_edit {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 2px dashed #ccc;
    position: relative;
}

#bktag_edit h4 {
    font-weight: bold;
}

#bktag_edit .list_normal {
    padding: 8px 0 10px;
}

.set_bktag {
    padding: 10px 0;
    display: block;
}

.set_bktag label {
    margin-right: 10px;
}

.set_bktag p {
    padding: 5px 0;
    margin-right: -10px;
}

.set_bktag input[type=text] {
    width: 150px;
}

/* bookmark folder */
.bkf_list {
    margin-top: -10px;
    margin-bottom: -10px;
}

.bkf_list > li {
    overflow: hidden;
    height: 50px;
    padding: 7px;
    background: #fff;
    margin-top: 7px;
    position: relative;
    border: 1px solid #ccc;
}

.bkf_list .bk_num {
    float: right;
    width: 80px;
    height: 45px;
    line-height: 48px;
    text-align: right;
    color: #ccc;
    font-size: 26px;
}

.bkf_folder /* foldername */    {
    display: inline-table;
    vertical-align: middle;
    margin-left: 40px;
    max-width: 300px;
    font-size: 14px;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
}

.bkf_folder a {
    display: table-cell;
    vertical-align: middle;
    height: 48px;
}

.bkf_lastdate {
    float: right;
    width: 150px;
    text-align: right;
    height: 48px;
    line-height: 48px;
    color: #666;
}

.bk_thumb {
    width: 180px;
    float: right;
    position: relative;
}

.bk_thumb li {
    float: right;
    border: 1px solid #ccc;
    height: 48px;
    width: 48px;
    position: relative;
    margin-left: 8px;
    padding: 0;
}

.bk_thumb .playbtn {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 40px;
    height: 40px;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.bk_thumb .playbtn:hover {
    background: url(../images/thumb_snd.png) no-repeat -40px -220px;
}

.bkf_list .snd:before {
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    left: 9px;
    top: 18px;
    background: url(../images/parts.png) no-repeat left -200px;
}

.bkf_list .ill:before {
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    left: 9px;
    top: 18px;
    background: url(../images/parts.png) no-repeat -50px -200px;
}

.bkf_list .txt:before {
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    left: 9px;
    top: 18px;
    background: url(../images/parts.png) no-repeat -25px -200px;
}

.bkf_list .usr:before {
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    left: 9px;
    top: 18px;
    background: url(../images/parts.png) no-repeat -75px -200px;
}

.bkf_list .m3d:before {
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    left: 9px;
    top: 18px;
    background: url(../images/parts.png) no-repeat left -225px;
}

.sect_cts .bkf_list li {
    border-left: 0;
    border-bottom: none;
    border-right: none;
    margin-top: 0;
}

/* ユーザーTOP用 */
.sect_cts .bkf_list li:first-child {
    border: none;
}

.bkf_list input[type=checkbox] {
    position: absolute;
    top: 5px;
    left: 5px;
}

.bkf_folder input[type=checkbox] {
    position: relative;
    right: 5px;
    margin-left: 5px;
}

.bkf_folder input[type=checkbox]:checked + a {
    color: #ff0000;
    font-weight: bold;
}

.item input[type=checkbox]:checked + .i_main, .item_s input[type=checkbox]:checked + .i_main_s {
    background: #FFDDF0;
}

.list_normal li {
    overflow: hidden;
    padding: 4px 0px 4px;
    position: relative;
    border-top: 1px dotted #ccc;
}

.list_normal li:first-child {
    border-top: none;
}

/* bookmark detail ================================ */
.bk_dtl_header {
    position: relative;
    width: 960px;
    margin: 0 auto 15px;
    background: #FFFCD3;
    padding: 10px 0 0;
    border: 1px solid #DFD095;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.bk_dtl_info {
    padding: 0 0 0 70px;
    width: 500px;
    float: left;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
}

.bk_dtl_info h1 {
    font-size: 150%;
    font-weight: bold;
    margin-bottom: 5px;
}

.bk_dtl_info span {
    font-weight: normal;
    margin-right: 5px;
    color: #666666;
}

.bk_dtl_cnt {
    position: absolute;
    font-weight: bold;
    left: 10px;
    top: -4px;
    width: 47px;
    height: 70px;
    line-height: 60px;
    white-space: nowrap;
    text-align: center;
    background: url(../images/btn_bookmark.png) no-repeat 0 -200px;
    color: #fff;
    text-shadow: 0 -1px 0 #CC0066;
}

.bk_dtl_header.private {
    background: #ddd;
    border: 1px solid #aaa;
}

.bk_jkt {
    width: 146px;
    margin-left: 60px;
    padding-bottom: 10px;
    float: left;
}

.bk_jkt + .bk_dtl_info {
    margin-left: 0;
    padding-left: 10px;
    width: 350px;
}

.bk_btnbox {
    text-align: right;
    width: 350px;
    float: right;
    position: relative;
    z-index: 3;
    margin-right: 5px;
}

.bk_btnbox a {
    margin-bottom: 5px;
}

.snd_list li, .txt_list li {
    position: relative;
}

.snd_list li input[type=checkbox], .txt_list li input[type=checkbox] {
    position: absolute;
    left: 4px;
    top: 4px;
}

/* title side button */
/* #main.indexpage { max-width:1400px; margin-left:auto; margin-right:auto; } */
/* main内indexboxで幅制限とauto済みなので削除可能のはず */
.title_btnbox {
    display: block;
    width: 400px;
    height: 30px;
    position: absolute;
    text-align: right;
    right: 0;
    top: 0;
}

#index_box .title_btnbox {
    top: 80px;
}

.btn_switch {
    max-width: 300px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
}

.btn_switch div {
    min-width: 35px;
    height: 25px;
    line-height: 25px;
    float: left;
}

.btn_switch a {
    min-width: 35px;
    padding: 0 10px;
    display: block;
    text-align: center;
    font-weight: bold;
    background: #fff;
    border: 1px solid #c0c0c0;
    border-bottom-color: #b0b0b0;
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
    background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
    background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
    background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
    background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
    background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
}

.btn_switch a:hover {
    background: #FFF;
    border-color: #9f9f9f;
}

.btn_switch .sw_r a {
    border-radius: 0 6px 6px 0;
    border-left: none;
    box-shadow: 0 1px 0 #fff;
}

.btn_switch .sw_l a {
    border-radius: 6px 0 0 6px;
    box-shadow: 0 1px 0 #fff;
}

.btn_switch .now a {
    border-bottom: none;
    color: #fff;
}

.btn_switch.view {
    float: right;
    margin-left: 20px;
    position: relative;
    bottom: 5px;
}

.btn_switch.view a {
    min-width: 20px;
    color: #FF9900;
    box-shadow: 0 1px 1px #e4e4e4;
}

.btn_switch.view .now a {
    color: #ffffff;
    border-top: 1px solid #A87134;
    border-bottom: 1px solid #D1C31E;
    border-right: 1px solid #cc9900;
    text-shadow: 0 -1px 0 #cc9900;
    box-shadow: 0 1px 0 #fff;
    background-color: #e2c001;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e2c001), to(#FFE241));
    background-image: -webkit-linear-gradient(top, #e2c001, #FFE241);
    background-image: -moz-linear-gradient(top, #e2c001, #FFE241);
    background-image: -ms-linear-gradient(top, #e2c001, #FFE241);
    background-image: -o-linear-gradient(top, #e2c001, #FFE241);
    background-image: linear-gradient(to bottom, #e2c001, #FFE241);
}

.btn_switchviewbox {
    display: block;
    width: 110px;
    height: 32px;
    position: absolute;
    right: 20px;
    top: 80px;
    text-align: right;
    z-index: 1;
}

#main_header + .btn_switchviewbox {
    top: 158px;
}

#index_main .btn_switch {
    bottom: 0;
}

.btn_switch.arrange a {
    color: #FF00b8;
}

.btn_switch.arrange .now a {
    color: #ffffff;
    border-top: 1px solid #960054;
    border-bottom: 1px solid #ffb2d6;
    border-right: 1px solid #dd0065;
    text-shadow: 0 -1px 0 #960054;
    background-color: #e20188;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e20188), to(#f055b8));
    background-image: -webkit-linear-gradient(top, #e20188, #f055b8);
    background-image: -moz-linear-gradient(top, #e20188, #f055b8);
    background-image: -ms-linear-gradient(top, #e20188, #f055b8);
    background-image: -o-linear-gradient(top, #e20188, #f055b8);
    background-image: linear-gradient(to bottom, #e20188, #f055b8);
}

/* common parts ====================================== */
.txt_sub {
    font-size: 8.6pt;
    color: #8f8f8f;
}

.txt_ovr {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.loadingbox {
    text-align: center;
    min-width: 700px;
}

.loadingbox .button_normal {
    width: 50%;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
}

.loadinganime {
    height: 42px;
    margin-top: 5px;
}

.loadingbox.item:hover {
    box-shadow: none;
}

.btn01 {
    width: 140px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    padding: 1px 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.btn01.pink {
    text-shadow: 0 -1px 0 #d1007a;
    border-top: 1px solid #ff90cf;
    border-right: 1px solid #c53489;
    border-bottom: 1px solid #c53489;
    border-left: 1px solid #c53489;
    background-color: #ff3fac;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f785c6), to(#ee3ea2));
    background-image: -webkit-linear-gradient(top, #f785c6, #ee3ea2);
    background-image: -moz-linear-gradient(top, #f785c6, #ee3ea2);
    background-image: -ms-linear-gradient(top, #f785c6, #ee3ea2);
    background-image: -o-linear-gradient(top, #f785c6, #ee3ea2);
    background-image: linear-gradient(to bottom, #f785c6, #ee3ea2);
    box-shadow: 0 1px 2px #aaa, 0 1px 1px #f5c6dd inset;
}

.btn01.pink:hover, .btn01.color02:hover {
    background-image: none;
}

.btn01.pink a, .btn01.color02 a {
    color: #fff !important;
    display: block;
    width: 100%;
    height: 100%;
}

.btn01.pink a:hover, .btn01.color02 a:hover {
    text-decoration: none;
}

.btn01.pink a:active, btn01.color02 a:active {
    position: relative;
    top: 1px;
}

.btn01.color02 {
    text-shadow: 0 -1px 0 #904fcc;
    border-top: 1px solid #7c58ac;
    background-color: #b285F7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b285f7), to(#a147d3));
    background-image: -webkit-linear-gradient(top, #b285f7, #a147d3);
    background-image: -moz-linear-gradient(top, #b285f7, #a147d3);
    background-image: -ms-linear-gradient(top, #b285f7, #a147d3);
    background-image: -o-linear-gradient(top, #b285f7, #a147d3);
    background-image: linear-gradient(to bottom, #b285f7, #a147d3);
    box-shadow: 0 1px 1px 0 #deb1fc inset, 0 1px 0 1px #6d2f79;
}

.bdr_b {
    border-bottom: 1px solid #ccc;
    -moz-box-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
}

.bdr_t {
    border-top: 1px solid #ccc;
    -moz-box-shadow: 0 1px 0 #fff inset;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
}

/* clean and simple button ================================================================= */
/* white button ================ */
.button_normal {
    color: #6e6e6e;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#F1F1F1));
    background: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
    background: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
    border: solid 1px #bbb;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.button_normal:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.button_normal:active {
    color: #000;
    border-color: #444;
}

a.button_normal {
    color: #6e6e6e;
}

a.button_normal:hover {
    text-decoration: none;
}

/* yellow-green button ================== */
.button_bright {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-shadow: 0 -1px 0 #96c835;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #92cd14;
    background: -webkit-gradient(linear, left top, left bottom, from(#7DD301), to(#61BB00));
    background: -webkit-linear-gradient(top, #7DD301, #61BB00);
    background: -moz-linear-gradient(top, #7DD301, #61BB00);
    background: -ms-linear-gradient(top, #7DD301, #61BB00);
    background: -o-linear-gradient(top, #7DD301, #61BB00);
    background: linear-gradient(top, #7DD301, #61BB00);
    border: solid 1px #693;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    min-width: 70px;
}

.button_bright:hover {
    border-color: #568;
    text-shadow: 0 -1px 1px #78B615;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.button_bright:active {
    border-color: #4B7508;
}

a.button_bright {
    color: #fff;
}

a.button_bright:hover {
    text-decoration: none;
}

.button_invalid {
    color: #b0b0b0;
    background: #eee;
    border: 1px solid #bbb;
    display: inline-block;
    font-weight: bold;
    cursor: default;
    position: relative;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* button size */
.btn_l {
    padding: 7px 12px;
    margin-right: 10px;
}

.btn_s {
    padding: 4px;
    margin-right: 5px;
    font-size: 92%;
}

.btn_ss {
    padding: 1px;
}

.color_box02 {
    border: 1px solid #e5e5e5;
    background: #f9f9f9;
    padding: 8px;
    border-radius: 6px;
}

.color_box01 {
    border: 1px solid #f2cdaf;
    background: #FFFCD3;
    padding: 8px;
    border-radius: 6px;
}

.em {
    font-weight: bold;
}

.main_nav {
    height: 24px;
    border-bottom: 3px solid #d7d4d5;
    margin: 10px auto 20px;
    text-align: center;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
}

.main_nav li {
    display: inline-block;
    height: 24px;
    margin-right: 20px;
    font-size: 16px;
    position: relative;
}

.main_nav li:last-child {
    margin-right: 0;
}

.main_nav a {
    display: inline-block;
    line-height: 24px;
    color: #8f8f8f;
}

.main_nav a:hover {
    border-bottom: 3px solid #ff7cc0;
    text-decoration: none;
}

.main_nav .now a {
    border-bottom: 3px solid #ff00a2;
    color: #333;
}

.main_nav .now a:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 25px;
    margin-left: -7px;
    border-top: 7px solid #ff00a2;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: none;
    width: 0;
    height: 1px;
}

.main_nav .txt_sub {
    font-size: 75%;
    margin-left: 2px;
    vertical-align: top;
}

.cv_link {
    padding: 10px 10px;
    margin: 10px 0 0;
    text-align: center;
}

.cv_link span {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
}

.cv_link .now {
    background-color: #ff7cc0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.cv_link .now a {
    color: #ffffff;
    text-decoration: none;
}

.cv_link.myself .now {
    background: #ffcc00;
}

/* filter menu __cv_linkに変わるメニュー====================== */
.filtermenu_box {
}

.filterbox {
    margin-bottom: 5px;
    position: relative;
    display: inline-block;
    margin-right: 15px;
}

.filtermenu {
    max-width: 300px;
    height: 27px;
    line-height: 27px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    box-shadow: 0 1px 0 #e4e4e4;
}

.filtermenu .name {
    display: inline-block;
    height: 27px;
    width: 7em;
    padding: 0 10px;
    border-right: 1px solid #ccc;
    background: url(../images/filter.png) no-repeat left top;
    white-space: nowrap;
    overflow: hidden;
}

.filtermenu .btn {
    display: inline-block;
    height: 27px;
    width: 26px;
    text-align: center;
    background: url(../images/filter.png) no-repeat right top;
    vertical-align: top;
}

.filtermenu:hover .name {
    background-position: left -28px;
}

.filtermenu:hover .btn {
    background-position: right -28px;
}

.filterlist {
    position: absolute;
    top: 27px;
    display: none;
    background: #fff;
    min-width: 123px;
    border: 4px solid #ffcc00;
    border-radius: 8px;
    z-index: 1;
    box-shadow: 0 1px 3px #666;
}

.filterlist li {
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
    cursor: pointer;
}

.filterlist li:hover {
    background: #f0f0f0;
}

.filterlist a {
    display: block;
    padding: 0 15px;
}

.img_check {
    display: inline-block;
    line-height: 18px;
    padding-left: 20px;
    background: url(../images/img_mini_ui.png) no-repeat left top;
}

.img_check.active {
    background: url(../images/img_mini_ui.png) no-repeat left -18px;
}

.feed_work h4 {
    margin-top: 20px;
    border-top: 1px dotted #ccc;
    font-weight: bold;
}

.cmnt_mini {
    margin-left: 36px;
    width: 460px;
}

.cmnt_mini .minibox {
    padding: 6px 0;
    font-size: 92%;
    border-top: 1px dotted #ccc;
}

.cmnt_mini .icon {
    float: left;
    width: 30px;
    margin-right: 6px;
    display: block;
}

.cmnt_mini p {
    margin-left: 36px;
}

.cmnt_mini .link_more {
    border-top: 1px dotted #ccc;
    font-size: 92%;
    padding-top: 3px;
}

.userfeed li {
    background: #fff;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    position: relative;
    border-radius: 6px;
}

.feedact .hosticon img {
    width: 30px;
    height: 30px;
}

.feedact {
    background-color: #DCEDF7;
    border: 1px solid #b6d2df;
    border-radius: 0 15px 15px 0;
    margin: 10px 10px 0 170px;
    color: #666;
}

.host {
    font-weight: bold;
    padding-left: 10px;
}

.act {
    font-weight: bold;
    padding-left: 10px;
}

.feedact .date {
    float: right;
    margin: 7px 10px 0 10px;
    font-size: 10px;
}

.userfeed .i_image, .userfeed .i_sound, .userfeed .i_text, .userfeed .i_movie {
    float: left;
    width: 150px;
    margin: 10px 10px 0;
}

.userfeed .feed_work {
    float: left;
    margin-bottom: 10px;
}

.userfeed h3 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px;
}

.userfeed .auther a {
    color: #666666;
}

.newpost .feedact {
    background: #FFFFCC;
    border: 1px solid #e6d2aa;
}

.newpost .act {
    color: #ff00a2;
}

.userfeed .msgpost:before {
    content: "";
    width: 85px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 6px 0 0 0;
    background: url(../images/parts.png) no-repeat left -135px #fff;
}

.msgpost .feed_work {
    margin-left: 150px;
}

/* tag ================= */
.tag_box {
    background: #faf9e3;
    border: 1px solid #E2CDAF;
    padding: 4px 5px;
    max-width: 680px;
    margin: 20px 0 10px;
    border-radius: 6px;
}

.tag_box .taglist {
    width: 500px;
    text-align: left;
}

.taglist {
    line-height: 1.5;
}

.taglist li {
    display: inline-block;
    margin-top: 2px;
}

.taglist a {
    display: inline-block;
    margin-right: 5px;
    padding: 0.01em 0.4em;
    color: #5387b4;
    min-width: 12px;
}

.taglist a:hover {
    background: #ff7cc0;
    color: #fff;
    text-decoration: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 1.5em;
}

.taglist.other a:hover {
    background: #3399FF;
}

.taglist.myself a:hover {
    background: #ffc000;
}

/* tagcloud */
.taglist .lv01 {
    font-size: 100%;
}

.taglist .lv02 {
    font-size: 134%;
}

.taglist .lv03 {
    font-size: 167%;
}

.taglist li span {
    font-size: 8.6pt;
}

.iconlist li {
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.iconlist img {
    width: 30px;
    height: 30px;
}

/* iine =============== */
.btn_iine {
    width: 73px;
    height: 25px;
    background: url(../images/btn_bookmark.png) no-repeat left top;
    display: inline-block;
    vertical-align: bottom;
}

.btn_iine:hover {
    background-position: 0 -25px;
}

.btn_iine:active {
    background-position: 0 -50px;
}

.btn_iine.single {
    background-position: 0 -125px;
    width: 98px;
}

.btn_iine.single:hover {
    background-position: 0 -150px;
}

.btn_iine.done {
    background-position: 0 -100px;
    width: 98px;
}

.btn_iine.done:hover {
    background-position: 0 -75px;
}

/* select iine folder */
.btn_iinedown {
    width: 25px;
    height: 25px;
    background: url(../images/btn_bookmark.png) no-repeat -73px top;
    vertical-align: bottom;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.btn_iinedown:hover {
    background-position: right -25px;
}

.sp_iine {
    display: inline-block;
    background: url(../images/btn_bookmark.png) no-repeat -47px -200px;
    min-width: 40px;
    height: 25px;
    padding-left: 5px;
    text-align: center;
    line-height: 24px;
    vertical-align: bottom;
}

/* iine for thumb */
.i_btnbox .btn_iine, .bk_dtl_box .btn_iine {
    background-position: 0 -150px;
    width: 123px;
}

.i_btnbox .btn_iine:hover, .bk_dtl_box .btn_iine:hover {
    background-position: 0 -175px;
}

.i_btnbox .btn_iine:active, .bk_dtl_box .btn_iine:active {
    background-position: 0 -210px;
}

/* ブクマボタンを付ける場合 */
.i_main_s .i_btnbox {
    display: none;
}

.i_main_s:hover .i_btnbox {
    display: block;
    position: absolute;
    top: 15px;
    right: 40px;
    width: 123px;
    height: 26px;
}

.popup_iine {
    display: none;
    position: absolute;
    z-index: 3;
    min-width: 180px;
    max-width: 30px;
    right: 0;
    top: 40;
    background: #ffffff;
    border: 5px solid #ff7cc0;
    text-align: center;
    border-radius: 6px;
    box-shadow: 0 1px 5px #333;
}

.popup_iine li {
    display: block;
    border-top: 1px solid #d7d4d5;
}

.popup_iine li:first-child {
    border-top: none;
}

.popup_iine a {
    display: block;
    padding: 4px 3px 3px;
}

.popup_iine a:hover {
    background: #FFFCE5;
    text-decoration: none;
}

/* clb ====== */
.clbfile {
    margin-top: 5px;
}

.clbfile table {
    width: 708px;
    border: 1px solid #d7d4d5;
    background: #fff;
    padding: 10px 0px 10px 10px;
}

.clbfile table .date {
    width: 90px;
    vertical-align: middle;
    line-height: 1.4;
}

.clbfile table .ctg {
    width: 50px;
    vertical-align: middle;
    line-height: 1.4;
}

.clbfile table .title {
    width: 272px;
    vertical-align: middle;
    font-weight: bold;
    line-height: 1.4;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
}

.clbfile table .user {
    width: 200px;
    vertical-align: middle;
    line-height: 1.4;
}

.clbfile table .btn {
    width: 48px;
    vertical-align: middle;
}

.clbfile table .btn .icons {
    margin: 0;
}

/* bbs and comment =================== */
.bbs_title {
    position: relative;
}

.bbs_title .btn_updown {
    position: absolute;
    width: 50px;
    text-align: right;
    height: 15px;
    right: 5px;
    top: 5px;
    font-size: 11pt;
}

.bbs_title .btn_updown a {
    color: #fff;
    padding: 0 3px;
}

/* comment and messeage */
.comment li {
    width: 730px;
    margin: 0 auto 10px;
    background: #fff;
    border-left: 7px solid #3399ff;
    position: relative;
}

/* コメント色分け */
.comment li.rep {
    border-left: 7px solid #ffcc00;
}

.comment li.clb {
    border-left: 7px solid #ff7cc0;
}

.c_box {
    padding: 10px 0 5px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.detail .c_box, .detail_c {
    border-right: none;
    border-bottom: none;
}

/* .detail付きはクラス実装を見て削除 */
.comment .c_icon {
    display: block;
    width: 48px;
    height: 48px;
    float: left;
    padding-left: 10px;
}

.comment .c_user {
    margin: 0 100px 5px 60px;
    color: #8f8f8f;
    padding-left: 10px;
}

.comment .c_user a {
    font-weight: bold;
    padding: 0 10px 0 3px;
}

.comment .c_user .unlink {
    font-weight: bold;
    padding: 0 10px 0 3px;
    color: #787878;
}

.comment .c_user span {
    font-weight: bold;
    color: #f1247b;
}

.comment .c_txt {
    margin-left: 60px;
    color: #666;
    padding-left: 10px;
    padding-right: 10px;
    word-break: break-all;
    word-wrap: break-word;
}

.c_from {
    padding-top: 7px;
    margin: 0 0 0 70px;
    color: #aaa;
}

.c_from a {
    margin-left: 5px;
}

/* usermsg */
.comment .usermsg {
    position: absolute;
    right: 0px;
    top: 10px;
    background: #e0e0e0;
    border-radius: 4px;
    width: 75px;
}

/* bbs */
.bbs, .bbs_host {
    width: 740px;
    margin: 0 auto;
}

.bbs_host {
    padding-bottom: 15px;
}

.bbs li {
    margin: 0 auto;
    padding: 15px 10px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    -moz-box-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    position: relative;
}

.bbs .c_icon, .bbs_host .c_icon {
    display: block;
    width: 48px;
    height: 48px;
    float: left;
}

.bbs .c_user, .bbs_host .c_user {
    margin: 0 0 5px 58px;
    color: #8f8f8f;
}

.bbs .c_user a, .bbs_host .c_user a {
    font-weight: bold;
    padding: 0 10px 0 3px;
}

.bbs .c_txt, .bbs_host .c_txt {
    margin-left: 58px;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
}

.btn_reload {
    position: absolute;
    right: 0;
    top: 8px;
}

.bbs .fc, .comment .fc {
    position: absolute;
    right: 10px;
    top: 10px;
    min-width: 40px;
    text-align: center;
    padding: 2px 5px;
    color: #9e9e9e;
    background: #f0f0f0;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* list view ================== */
.listview {
    width: 740px;
    margin: 0 auto 10px;
}

.listview li {
    padding: 10px;
    background: #fff;
    margin-bottom: 10px;
    border: 1px solid #ccc; /*zoom:1;*/
}

.listview li:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.listview .thumb {
    float: left;
    width: 150px;
}

.listview .thumb img {
    width: 150px;
    height: 150px;
}

.listview .databox {
    margin-left: 170px;
}

.listview h4 {
    margin-bottom: 7px;
    font-size: 150%;
}

.listview .date {
    margin-bottom: 7px;
    line-height: 1.8;
}

.listview .date span {
    color: #ff00a2;
}

.listview .desc {
    line-height: 1.4;
    word-break: break : all;
    word-wrap: break-word;
}

/* minilist */
.minilist li {
    padding: 5px;
    box-shadow: 0 1px #fff;
    border-bottom: 1px solid #b9b9b9;
}

.minilist input {
    position: relative;
    top: 3px;
}

.minilist input + img {
    width: 30px;
    height: 30px;
    margin-right: 8px;
    vertical-align: middle;
}

/* paging ============= */
.paging {
    overflow: auto;
    width: 740px;
    text-align: center;
    margin: 20px auto;
}

.paging ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.paging ul li {
    margin-top: 8px;
    padding: 0;
    display: inline;
    list-style-type: none;
}

.paging ul li a, .paging ul li span, .btn_reload, .paging .invalid {
    margin: 0 8px 0 0;
    padding: 1px 8px;
    border: 1px solid #ccc;
    display: block;
    float: left;
    width: auto;
    height: 24px;
    line-height: 24px;
    color: #8f8f8f;
    background-color: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.paging ul li span {
    color: #6a6a6a;
    background-color: #C9E7E6;
    border: 1px solid #99CCCC;
}

.paging ul li a:hover, .btn_reload:hover {
    color: #6a6a6a;
    border: 1px solid #8f8f8f;
    text-decoration: none;
    box-shadow: 0 1px 5px #ccc;
}

.paging .invalid {
    background: #ddd;
    color: #FFFFFF;
}

.abbr {
    padding-right: 10px;
}

/* floatして並べたものをセンタリング */
.centered {
    position: relative;
    overflow: hidden;
    padding: 0 5px 5px;
}

.centered ul {
    position: relative;
    left: 50%;
    float: left;
}

.centered ul li {
    position: relative;
    left: -50%;
    float: left;
}

/* TABLE FORM =============================== */
.t_form {
    background-color: #ffffff;
    border-collapse: collapse;
    border-bottom: 1px solid #d0d0d0;
    border-radius: 6px;
}

/* innner-border:dcdcdc */
.t_form th {
    background-color: #f0f0f0;
    padding: 15px 15px;
    border-top: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
    vertical-align: top;
    min-width: 100px;
}

.t_form td {
    background-color: #ffffff;
    padding: 15px 15px;
    border-top: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    word-break: break-all;
    word-wrap: break-word;
}

.t_form .pd10 {
    word-break: break-all;
    word-wrap: break-word;
}

.t_form textarea {
    max-width: 400px;
}

.t_form #UploadText_txtData {
}

.t_form th textarea {
    max-width: none;
    width: 580px;
    min-height: 200px;
}

/* post text */
/* 新規投稿右サイドの注意書き */
.li_note {
    padding: 15px;
    margin-left: 10px;
    font-size: 92%;
    border: 1px solid #d4d4d4;
    background: #fff;
    position: relative;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.li_note ul {
    padding-left: 20px;
}

.li_note li {
    line-height: 1.4;
    margin-bottom: 8px;
    list-style-type: disc;
}

.li_note li span.em {
    padding-right: 10px;
}

.li_note p {
    padding-bottom: 10px;
    padding-left: 5px;
}

.li_note .parts:before {
    content: "";
    border-top: none;
    border-right: 16px solid #d4d4d4;
    border-bottom: 16px solid transparent;
    border-left: 0;
    position: absolute;
    top: 29px;
    left: -16px;
    z-index: 1;
}

.li_note .parts:after {
    content: "";
    border-top: none;
    border-right: 16px solid #ffffff;
    border-bottom: 16px solid transparent;
    border-left: 0;
    position: absolute;
    top: 30px;
    left: -14px;
    z-index: 2;
}

/* t_form */
.t_form .memo {
    font-size: 92%;
}

/* 検索結果ページの条件 */
.conditionbox {
    color: #8f8f8f;
    margin-top: 0;
}

.conditionbox span {
    margin-right: 15px;
    color: #333;
    font-weight: bold;
}

span.label_mini {
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding: 2px 5px;
    background: #8f8f8f;
    border-radius: 4px;
}

/* マイページ：使用ツール設定 */
.toolsetting li {
    border-bottom: 1px dotted #8f8f8f;
    padding: 4px;
    display: block;
}

.toolsetting li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.toolsetting li .float_l {
    padding-top: 10px;
}

.list_history {
    line-height: 2;
    padding-left: 8px;
    border-left: 3px solid #c0c0c0;
    display: none;
    font-size: 92%;
}

/* 利用規約など ========================= */
.terms h1 {
    font-size: 134%;
}

.terms h2 {
    font-size: 100%;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}

.terms ul {
    margin-top: 5px;
    list-style-type: decimal;
    padding-left: 30px;
}

.terms li {
    margin-top: 5px;
}

.terms li:first-child {
    margin-top: 0;
}

ul.list_deci {
    padding-left: 12px;
    list-style-type: decimal;
    margin-left: 10px;
    line-height: 1.6;
}

ul.list_deci li {
    list-style-type: decimal;
}

/* view切り替えに伴う位置調整 ========================================================================================== */
/* classic list view: */
/*.view_list#main	{ max-width:1400px; margin-left:auto; margin-right:auto;}
.view_list #top_titlebox{ max-width:970px;}
.genretop #top_titlebox, .indexpage #top_titlebox { padding-top:25px;}
.view_thumb	#main, .view_thumb.genretop, .view_thumb .user_main{ max-width:1500px; width:auto; padding-left:60px; padding-right:60px; margin-left:auto; margin-right:auto;}
.view_thumb .tag_box { margin-left:auto; margin-right:auto; }*/

/* ボックス幅調整など */
#index_box {
    width: auto;
    max-width: 1580px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 50px;
    padding-left: 50px;
}

/*　サムネビュー　*/
.view_thumb .tag_box {
    margin-left: auto;
    margin-right: auto;
}

/* タイル表示の時、tagboxをセンタリング */
.view_thumb.user_main {
    width: auto;
    max-width: 1400px;
    padding-right: 100px;
    padding-left: 100px;
}

/* 1カラムフルサイズ表示。値fix */

/* リストビュー */
.view_list#index_box {
    max-width: 1300px;
}

.view_list #index_main {
    max-width: 960px;
}

#index_box .tag_box .taglist {
    margin: 0 80px 0 100px;
}

/* タグのラベル分制御 */

.scroll_rest {
    width: 100%;
    margin: 40px 0 -30px;
    border-top: 5px dashed #ddd;
}

.scroll_count_box {
    background: url(images/bg_main.jpg) repeat;
    width: 150px;
    height: 80px;
    margin: 0 auto;
}

.scroll_count {
    position: relative;
    top: -40px;
}

/* LIKE PINTEREST ====================================================================================================== */
.resizearea {
    margin-right: auto;
    margin-left: auto;
}

#itemcont, #itemcont2, #itemcont3, #itemcont4, #itemcont5 {
    margin: 0 auto;
}

.item {
    width: 166px;
    margin-top: 0;
    margin-bottom: 10px; /* margin:0 auto 10px;*/
}

.item.filter, .item_s.filter {
    width: 100%;
    margin-bottom: 5px;
}

.item.filter:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.i_main {
    background: #fff;
    width: 150px;
    height: auto;
    padding: 7px 7px 0;
    border: 1px solid #ccc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px; /* -moz-transition:.3s; -webkit-transition:.2s; transition:.3s; */
}

.i_main:hover {
    border-color: #999;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.i_main .i_info {
    padding: 6px 0;
    font-size: 92%;
}

.i_main .i_icon {
    float: left;
    width: 30px;
    margin-right: 6px;
    display: block;
}

.i_icon img {
    width: 30px;
    height: 30px;
    overflow: hidden;
    vertical-align: middle;
}

.i_info a {
    color: #6a6a6a;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.i_info a:hover {
    color: #333;
}

.i_info p {
    max-width: 150px;
}

/* .i_info */
.i_icon + p {
    margin: 0 0 0 36px;
    max-width: 110px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* サムネがある場合 */
.i_info .post {
    color: #999;
    font-size: 9px;
}

.i_title {
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.i_title_s {
    width: 150px;
    height: 15px;
}

/* i_movieの時は2行表示 */
.i_movie + .i_info a {
    width: 150px;
    height: 30px;
    padding-top: 5px;
    word-break: break-all;
    word-wrap: break-word;
    text-overflow: none;
    white-space: normal;
}

/* hover時にお気に入りボタン表示 */
.i_main .i_btnbox {
    display: none;
}

.i_main:hover .i_btnbox {
    display: block;
    position: absolute;
    top: 15px;
    right: 60px;
    width: 80px;
    height: 26px;
}

/* クリック時 →user_reg6.html*/
.img_addfav {
    display: block;
    width: 96px;
    height: 90px;
    position: absolute;
    left: 52px;
    top: 110px;
    z-index: 30;
    background: url(../images/img_favparts.png) no-repeat left top;
    background: url(../images/img_favparts_ie.gif) no-repeat left top\9;
}

/* お気に入り済みのサムネ縁 →user_reg6.html */
.faved .i_main {
    background: #FFE5FA;
    width: 150px;
    padding: 6px 6px 0;
    border: 1px solid #ffc8ed;
}

.fav_ribbon {
    display: block;
    content: "";
    width: 30px;
    height: 32px;
    background: url(../images/img_favparts.png) no-repeat;
    background-position: 0 -90px;
    z-index: 10;
    position: absolute;
    right: 8px;
    top: -3px;
}

/* checkboxの位置 */
.item input[type="checkbox"] {
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 1;
}

.i_ad {
    padding-bottom: 10px;
    display: block;
}

/* empty ex.tree */
.item.empty {
    float: none;
    margin: 0 auto 10px;
}

.item.empty:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.item.empty div {
    border: 3px dotted #d7d4d5;
    text-align: center;
    border-radius: 6px;
    padding-top: 60px;
    padding-bottom: 60px;
}

/* SOUND ========================= */
.i_sound {
    position: relative; /* cursor:pointer;*/
    color: #fff;
    height: 150px;
}

.i_sound:hover {
    color: #CCCCCC;
}

.i_jacket {
    width: 180px;
    height: 180px;
    display: block;
    position: relative;
}

.i_sound .cover {
    display: block;
    width: 150px;
    height: 150px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/thumb_snd.png) no-repeat left top;
    overflow: hidden;
}

.i_sound .cover .title {
    width: 170px;
    padding: 0 5px 0;
    height: 45px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.1;
    word-break: break-all;
    word-wrap: break-word;
    white-space: -moz-pre-wrap;
    white-space: pre-line; /* css3 */
}

.i_sound .cover .title a {
    color: inherit;
}

.i_sound .cover .title a:hover {
    color: #99FFFF;
}

.i_sound .btn_play {
    visibility: hidden;
    display: block;
    width: 67px;
    height: 67px;
    margin: 17px auto 20px;
}

.i_sound:hover .btn_play {
    visibility: visible;
}

.i_sound .btn_play img { background: url(../images/thumb_snd.png) no-repeat 0 -150px; width: 70px; height: 70px; }
.i_sound .btn_play:hover img { background-position: -70px -150px; }

.i_sound > img {
    width: 150px;
    height: 150px;
}

/* ILLUST ======================== */
.i_image {
    position: relative;
    display: block;
    width: 150px;
    height: 150px;
    text-align: center;
}

.i_image .label3dm_s {
    display: block;
    background: url(../images/parts.png) no-repeat left top;
    width: 44px;
    height: 44px;
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: 10;
}

.thumb_over {
    position: absolute;
    display: none;
    width: 140px;
    left: 0;
    bottom: 0;
    padding: 5px;
    background: url(../images/bg_blk_alpha.png) repeat;
    color: #fff;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    text-align: left;
}

.thumb_works .label3dm_s {
    display: block;
    background: url(../images/parts.png) no-repeat left top;
    width: 44px;
    height: 44px;
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: 10;
}

/* TEXT =========================  */
.i_text {
    display: block;
    width: 148px;
    height: 148px;
    overflow: hidden;
    background: #fffff8;
    border: 1px solid #DBD7A7;
    -moz-box-shadow: 0 0 20px #f6eed7 inset;
    -webkit-box-shadow: 0 0 20px #f6eed7 inset;
    box-shadow: 0 0 20px #f6eed7 inset;
}

.i_text div {
    padding: 10px;
}

a.i_text {
    color: #684D37;
}

a.i_text:hover {
    text-decoration: none;
}

.i_text .opening {
    font-size: 92%;
    height: 90px;
    overflow: hidden;
    line-height: 1.7;
    background: url(../images/bg_thumb_txt.png) no-repeat left top;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
}

.i_text .title {
    font-weight: bold;
    margin-bottom: 8px;
    height: 32px;
    overflow: hidden;
    word-break: break-all;
    word-word-wrap: break-word;
}

/* Special size */
.item_s {
    width: 200px;
    margin-top: 0;
    margin-bottom: 10px; /* margin:0 auto 10px; */
    position: relative;
}

.i_main_s {
    background: #fff;
    width: 180px;
    padding: 10px 10px 0;
    border: 1px solid #ccc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.i_main_s:hover {
    border-color: #999;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.i_main_s .i_info {
    padding: 8px 0;
    font-size: 92%;
}

.i_main_s .i_icon {
    float: left;
    width: 30px;
    margin-right: 6px;
    display: block;
}

.i_image_s {
    width: 180px;
    position: relative;
    display: block;
    text-align: center;
}

.i_image_s .label3dm_s {
    display: block;
    background: url(../images/parts.png) no-repeat left top;
    width: 44px;
    height: 44px;
    position: absolute;
    top: -12px;
    left: -12px;
    z-index: 10;
}

.i_main_s .thumb_over {
    width: 160px;
    padding: 10px;
}

/* movie ========================= */
.i_movie {
    position: relative;
    width: 150px;
    height: 150px;
    background: #666;
}

.i_movie .thumb {
    text-align: center;
    padding-top: 25px;
}

.i_movie span {
    display: block;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    height: 150px;
    background: url(../images/thumb_snd.png) no-repeat left -570px;
}

.i_movie .btn_play {
    visibility: hidden;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 37px;
    left: 40px;
    z-index: 2;
}

.i_movie:hover .btn_play {
    visibility: visible;
}

.i_movie .btn_play img {
    background: url(../images/thumb_snd.png) no-repeat 0 -150px;
    width: 70px;
    height: 70px;
}

.i_movie .btn_play:hover img {
    background-position: -70px -150px;
}

/* bkfolder============= */
.bk_ct {
    font-size: 92%;
    margin-bottom: 4px;
    color: #8f8f8f;
}

.bk_ct span {
    font-weight: bold;
    padding-left: 8px;
}

.bk_ct + a {
    display: block;
}

/* 関連作品 */
.i_relinfo, .i_relcmnt {
    border-top: 1px solid #ccc;
    padding: 8px 0 8px;
    word-break: break-all;
    word-wrap: break-word;
}

.i_relinfo .txt_sub {
    padding-bottom: 3px;
}

.i_btn {
    text-align: center;
    padding-bottom: 8px;
}

/* new rel関連作品を枠で一括り */
.i_relworks {
    background: #bbb;
    padding: 13px 3px 3px;
    border-radius: 6px;
    margin-right: -2px;
}

.i_relworks:hover {
    background: #ff7cc0;
}

.i_relworks .bk_ct {
    color: #fff;
    padding-left: 5px;
}

.i_relworks .i_main {
    padding: 6px 6px 0;
    margin-top: 3px;
    border: 0;
}

.sideinfo_box {
    width: 300px;
    height: auto;
    float: right;
}

.sideinfo {
    margin-bottom: 20px;
}

.sidetagbox {
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
}

.box_title {
    font-size: 100%;
    padding: 5px 10px;
    background-color: #888;
    border-top: 3px solid #f00082;
    color: #fff;
    font-weight: bold;
    box-shadow: 0 1px 1px #aaa;
}

.box_title a {
    color: inherit;
}

.ifootlink {
    height: 25px;
    line-height: 25px;
    text-align: right;
    border-radius: 0 0 6px 6px;
}

.i_ofcclb li {
    padding: 10px;
    border: 1px solid #ccc;
    border-top: none;
    background: #fff;
}

.i_ofcclb p span, .em_num {
    font-size: 150%;
    font-weight: bold;
    color: #f00082;
}

.i_blog li {
    padding: 10px;
    border: 1px solid #ccc;
    border-top: none;
    background: #fff;
    word-break: break-word;
    word-wrap: break-word;
}

.i_blog .date {
    padding-top: 5px;
    color: #8f8f8f;
}

.i_blog .taglist li {
    padding: 0;
    border: none;
}

.i_blog div {
    text-align: center; /* for blog pict */
}

/* thumb list for sideclm */
.listview_ss li {
    padding: 10px;
    border-bottom: 1px solid #d7d4d5;
    background: #fff; /*zoom:1;*/
}

.listview_ss li:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.listview_ss .thumb {
    float: left;
    width: 56px;
}

.listview_ss .thumb img {
    width: 48px;
}

.listview_ss .databox {
    margin-left: 56px;
}

.listview_ss h4 {
    font-weight: bold;
    word-break: break-all;
    word-wrap: break-word;
}

.img_new + h4, .img_soon + h4 {
    margin-top: 3px;
}

.listview_ss.clb {
    border: 1px solid #ccc;
    border-bottom: none;
}

/* classic view ========================================================== */
.snd_list {
    background: #fff;
    border-top: 1px solid #ccc;
    margin: 0 auto 10px;
    box-shadow: 0 1px 0 #fff inset;
    max-width: 960px;
}

.snd_list li {
    padding: 5px 0 5px;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px #fff;
    overflow: hidden;
}

.snd_list .thumb {
    float: left;
    width: 48px;
    padding-left: 40px;
    position: relative;
}

.snd_list .thumb:before {
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    top: 12px;
    left: 6px;
    background: url(../images/parts.png) no-repeat left -200px;
}

.snd_list .thumb img {
    width: 48px;
}

.snd_list .playbtn {
    width: 40px;
    height: 40px;
    margin: 4px 10px 0 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    background: url(../images/thumb_snd.png) no-repeat left -220px;
    float: right;
}

.snd_list .playbtn:hover {
    background-position: -40px -220px;
}

.snd_list .databox {
    margin: 0 60px 0 95px;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    min-width: 350px;
}

.snd_list table {
    width: 100%;
}

.snd_list .title {
    width: 50%;
    padding-right: 2%;
    font-weight: bold;
}

.snd_list .username {
    width: 29%;
    padding-right: 1%;
}

.snd_list .post {
    width: 11%;
    color: #999;
    white-space: nowrap;
}

.snd_list .time {
    width: 7%;
    line-height: 45px;
    text-align: right;
    white-space: nowrap;
}

.txt_list {
    background: #fff;
    border-top: 1px solid #ccc;
    margin: 0 auto 10px;
    box-shadow: 0 1px 0 #fff inset;
    max-width: 960px;
}

.txt_list li {
    padding: 5px 0 5px;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px #fff;
    overflow: hidden;
}

.txt_list .thumb {
    float: left;
    width: 48px;
    padding-left: 40px;
    position: relative;
}

.txt_list .thumb:before {
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    top: 12px;
    left: 6px;
    background: url(../images/parts.png) no-repeat -25px -200px;
}

.txt_list .thumb img {
    width: 48px;
}

.txt_list .databox {
    margin: 0 5px 0 95px;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    min-width: 410px;
}

.txt_list table {
    width: 100%;
}

.txt_list .title {
    width: 33%;
    padding-right: 2%;
    font-weight: bold;
}

.txt_list .username {
    width: 24%;
    padding-right: 1%;
}

.txt_list .post {
    width: 11%;
    color: #999;
    height: 48px;
}

.txt_list .opening {
    width: 29%;
    font-size: 89%;
}

.txt_list .opening p {
    overflow: hidden;
    height: 48px;
    padding-left: 8px;
    border-left: 1px dotted #ccc;
    line-height: 1.5em;
}

.clb_list {
    background: #fff;
    border: 1px solid #ccc;
    padding: 0 0;
    margin-top: 7px;
    position: relative;
}

.clb_list .thum {
    float: left;
    width: 48px;
    height: 48px;
    margin-left: 7px;
    padding: 7px 0;
}

.clb_list .info {
    margin-left: 62px;
    margin-right: 7px;
    padding: 7px 0;
    overflow: hidden;
}

.clb_list .title {
    float: left;
    font-weight: bold;
    margin-top: 5px;
}

.clb_list .btn {
    float: right;
    width: 130px;
    text-align: right;
}

.clb_list .btn130 {
    display: blodk;
    width: 130px;
    line-height: 27px;
    text-align: center;
    background:;
    color: #FFFFFF;
}

.clb_list .status {
    margin-top: 5px;
    line-height: 1.4;
}

.clb_list .status span {
    color: #f1247b;
}

.thumb_num {
    position: absolute;
    left: 0px;
    top: 0;
    width: 22px;
    height: 35px;
    background: url(../images/parts.png) no-repeat -63px -20px;
}

.thumb_num.no1 {
    background-position: -64px -20px;
    height: 45px;
}

.thumb_num.no2 {
    background-position: -64px -65px;
}

.thumb_num.no3 {
    background-position: -64px -100px;
}

/* detail =========================================================== */
.detail {
    width: 800px;
    padding: 25px 0 30px;
    margin: 0 auto;
    background: #fcfcfc;
    position: relative;
    border: 1px solid #ccc;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

/* reg6.html popup */
.fav_popup {
    width: 740px;
    padding: 30px 30px 15px;
    margin: 80px auto;
    background: #fcfcfc;
    position: relative;
    box-shadow: 0 0 20px 0 #666;
    border: 1px solid #d7d4d5;
}

.dtl_main {
    padding: 0 30px 30px;
    position: relative;
    background: #fcfcfc;
}

.dtl_headbox {
    width: 740px;
}

.dtl_title {
    font-size: 150%;
    color: #6a6a6a;
    font-weight: bold;
    margin-bottom: 10px;
    margin-right: 60px;
}

.dtl_btn_rel {
    position: absolute;
    right: 30px;
    top: 0;
}

.dtl_btn_rel .icons {
    margin-right: 0;
}

.dtl_by {
    width: 350px;
    margin-top: 5px;
    float: left;
    margin-bottom: 10px;
}

.dtl_by .i_icon {
    float: left;
    width: 30px;
    margin-right: 6px;
    display: block;
}

.dtl_by .dtl_by_name {
    display: table-cell;
    max-width: 400px;
    height: 30px;
    vertical-align: middle;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
}

.dtl_by .i_icon img {
    width: 30px;
    height: 30px;
    margin-right: 6px;
    vertical-align: middle;
}

.dtl_works {
    position: relative;
    clear: both;
}

.dtl_cap {
    color: #6a6a6a;
    width: 450px;
    float: left;
    margin-top: 10px;
    margin-bottom: 15px;
    line-height: 1.4;
    word-break: break-all;
    word-wrap: break-word;
}

/*.dtl_databox 				{ position:relative;} */
.dtl_data {
    width: 230px;
    padding-left: 15px;
    margin-top: 20px;
    float: right;
    border-left: 1px dotted #ccc;
}

.dtl_data p, .rel_data {
    margin-bottom: 5px;
    color: #F824B4;
}

.dtl_data span, .rel_data span {
    color: #666;
}

.dtl_btnbox {
    height: 28px;
    width: 390px;
    float: right;
    text-align: right;
    position: relative;
    padding-top: 5px;
    white-space: nowrap;
}

.dtl_main .taglist {
    width: 440px;
}

.dtl_cmt, .bbs_cmt {
    width: 700px;
    position: relative;
    margin: 10px auto 30px;
    padding: 15px 20px;
    background: #DCEDF7;
    border: 1px solid #A3D0EE;
    border-radius: 6px;
}

.dtl_cmt:before {
    content: "";
    border-top: 15px solid #a3d0ee;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    position: absolute;
    right: 190px;
    bottom: -15px;
    z-index: 1;
}

.dtl_cmt:after {
    content: "";
    border-top: 15px solid #dcedf7;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    position: absolute;
    right: 190px;
    bottom: -13px;
    z-index: 2;
}

.dtl_cmt p {
    font-weight: bold;
    padding-bottom: 10px;
}

.dtl_cmtslct {
    padding-bottom: 3px;
}

.dtl_cmtslct label {
    padding-right: 15px;
    position: relative;
    top: -2px;
}

.dtl_oh {
    margin: 15px 0 0;
    font-size: 80%;
}

textarea.commentarea {
    width: 500px;
    min-height: 1em;
    padding: 9px;
    margin-top: 3px;
    vertical-align: top;
    border: 1px solid #ADD7E4;
    border-top: 1px solid #8FA8B4;
    border-radius: 6px;
}

.dtl_editmenu {
    border-bottom: 1px dashed #bbb;
    float: right;
    text-align: right;
    height: 25px;
    position: relative;
    position: relative;
    border-top: none;
}

.dtl_editmenu li {
    display: inline-block;
    font-size: 11px;
    padding-top: 5px;
    padding-right: 10px;
}

.dtl_editmenu a {
    color: #387B4;
}

/* 新規作成 */
.icon_pc_nc {
    background: url(../images/icon_pc.png?1) no-repeat 0 -200px;
    padding-left: 25px;
    position: relative;
    top: -5px;
    cursor: pointer;
}

.icon_pc_nd {
    background: url(../images/icon_pc.png?1) no-repeat 0 -225px;
    padding-left: 25px;
    position: relative;
    top: -5px;
    cursor: pointer;
}

.icon_pc_by {
    background: url(../images/icon_pc.png?1) no-repeat 0 -250px;
    padding-left: 25px;
    position: relative;
    top: -5px;
    cursor: pointer;
}

.icon_pc_org {
    background: url(../images/icon_pc.png?1) no-repeat 0 -275px;
    padding-left: 25px;
    position: relative;
    top: -5px;
    cursor: pointer;
}

.icon_pc_clb {
    background: url(../images/icon_pc.png?1) no-repeat 0 -300px;
    padding-left: 25px;
    position: relative;
    top: -5px;
    cursor: pointer;
}

.pc_mini {
    padding-bottom: 5px;
}

.pc_mini span {
    padding-bottom: 9px;
}

/* 投稿者用メニュー */
.btn_editwork {
    margin-top: 10px;
}

.btn_editwork li {
    float: left;
    display: block;
    margin-top: 5px;
    width: auto;
}

.highlight {
    background-color: #FFFF00;
}

/* Illust ================================= */
.dtl_ill {
    width: 740px;
    height: 500px;
    background: #eee;
    background-repeat: no-repeat;
    background-position: center center;
}

.dtl_ill .label3dm {
    display: block;
    background: url(../images/parts.png) no-repeat left -45px;
    width: 63px;
    height: 63px;
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: 1;
}

/* TEXT ================================== */
.dtl_txt {
    width: 740px;
    min-height: 300px;
    background: #fdfdf4;
    border: 1px solid #e0e0e0;
    box-shadow: 0 0 50px #f6eed7 inset;
    position: relative;
}

.dtl_txt .main_txt {
    padding: 1px 30px 0 0;
    line-height: 1.6;
    color: #684D37;
    line-height: 20px;
    background: url(../images/bg_dtl_txt.png) repeat left top;
    word-wrap: break-word;
    word-break: break-all;
}

.dtl_txt_ctrl {
    position: absolute;
    right: 10px;
    bottom: 25px;
    width: 35px;
    height: 120px;
}

.dtl_txt_ctrl div {
    font-size: 92%;
    text-align: center;
    color: #8f8f8f;
    padding: 4px 0;
    background: url(../images/btn_dtl_txt.png) no-repeat -70px 0;
}

.dtl_txt_ctrl div span:first-child {
    font-weight: bold;
    font-size: 9pt;
    color: #fff;
}

.dtl_txt_ctrl .btn_up {
    background: url(../images/btn_dtl_txt.png) no-repeat left top;
    display: block;
    width: 35px;
    height: 20px;
}

.dtl_txt_ctrl .btn_up:hover {
    background: url(../images/btn_dtl_txt.png) no-repeat 0 -20px;
}

.dtl_txt_ctrl .btn_down {
    background: url(../images/btn_dtl_txt.png) no-repeat -35px 0;
    margin-left: 0;
    padding-top: 0;
    display: block;
    width: 35px;
    height: 20px;
}

.dtl_txt_ctrl .btn_down:hover {
    background: url(../images/btn_dtl_txt.png) no-repeat -35px -20px;
}

.dtl_txt_ctrl .btn_plmin {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
}

.dtl_txt_ctrl .btn_plmin:hover {
    background: #000;
    color: #99FFFF;
    text-decoration: none;
}

/* Sound ================================== */
.dtl_snd {
    width: 740px;
    height: 280px;
    background-color: #000000;
    background-image: -webkit-linear-gradient(top, #000000, #3f3f3f);
    background-image: -moz-linear-gradient(top, #000000, #3f3f3f);
    background-image: -o-linear-gradient(top, #000000, #3f3f3f);
    background-image: linear-gradient(to bottom, #000000, #3f3f3f);
}

a.btn_dtl_play {
    background: #606060;
    color: #fff;
    display: block;
    width: 150px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 134%;
    border-radius: 20px;
    margin-top: 20px;
}

.btn_dtl_play span {
    background: url(../images/thumb_snd.png) no-repeat -120px -216px;
    padding-left: 18px;
}

.btn_dtl_play:hover {
    background: #777;
    text-decoration: none;
    color: #fff;
}

.dtl_cd {
    position: absolute;
    top: 40px;
    right: -102px;
    width: 120px;
    height: 150px;
    background: url(../images/thumb_snd.png) no-repeat 0 -270px;
}

.btn_dtl_play:hover + .dtl_cd {
    background-position: 0 -420px;
}

.songle {
    position: absolute;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    right: 0;
    top: 0;
    cursor: pointer;
    background: url(../images/thumb_snd.png) no-repeat -80px -220px;
}

/* popup */
.dtl_over {
    width: 740px;
    height: 180px;
    display: none;
    text-align: left;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    color: #999999;
    background-color: rgba(0, 0, 0, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000);
    border-radius: 6px;
}

.dtl_over a {
    color: #00FFFF;
}

.dtl_over h3 {
    font-size: 100%;
    margin: 15px 0 5px 15px;
    color: #fff;
}

.dtl_over:after {
    position: absolute;
    top: -15px;
    right: 13px;
    z-index: 1;
    content: "";
    display: block;
    border-bottom: 15px solid #303030;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.iine_user {
    padding: 0 0 5px 30px;
}

.iine_user a {
    display: block;
    width: 48px;
    height: 48px;
    margin: 8px 8px 0 0;
    float: left;
}

.iine_user img {
    width: 48px;
    height: 48px;
}

.btn_dtl_over {
    display: block;
    width: 15px;
    position: absolute;
    top: 8px;
    right: 8px;
}

.btn_dtl_dl {
    background: #ddd;
    border-radius: 4px;
    padding: 8px 10px;
    line-height: 28px;
    width: 350px;
    margin-left: 10px;
}

.btn_dtl_dl label {
    margin-right: 15px;
}

.btn_dtl_dl input {
    position: relative;
    top: 2px;
    margin-right: 3px;
}

.btn_dtl_dl a {
    display: inline-block;
}

.btn_dtl_dl img {
    background: url(../images/btn_dl.png) no-repeat left top;
    display: inline-block;
    color: #fff;
    height: 29px;
    width: 182px;
}

.btn_dtl_dl a:hover img {
    background-position: 0 -30px;
}

.btn_dtl_dl .btn_dl_invalid img {
    background: url(../images/btn_dl.png) no-repeat left -60px;
    display: inline-block;
    height: 29px;
    width: 182px;
}

.btn_dtl_dl select {
    width: 160px;
    height: 28px;
    font-size: 100%;
}

.license_check {
    position: relative;
    background: #fff;
    margin: 10px;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.license_parts:after {
    position: absolute;
    left: 30px;
    bottom: -13px;
    content: "";
    display: block;
    border-top: 13px solid #fff;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
}

.license_parts:before {
    position: absolute;
    left: 29px;
    bottom: -14px;
    content: "";
    display: block;
    border-top: 14px solid #ccc;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
}

/* New design for download and license */
.popup_download {
    padding: 15px;
    display: none;
    margin-top: 10px;
    background: #f3f3f3;
    border: 1px solid #ccc;
    border-radius: 6px;
    position: relative;
}

.popup_download h3 {
    font-weight: bold;
    font-size: 134%;
    color: #ff00a2;
}

.popup_download h4 {
    margin-top: 40px;
    color: #ff00a2;
    font-weight: bold;
}

.datafolder {
    list-style: none;
}

.datafolder li {
    padding: 5px 20px 5px 2px;
    display: block;
    word-break: break-word;
    border-top: 1px dotted #ccc;
    position: relative;
}

.datafolder .btn_ss {
    position: absolute;
    top: 4px;
    right: 2px;
    display: block;
    width: 20px;
    height: 20px;
}

.tagedit p {
    display: inline-block;
    margin-right: 10px;
    min-width: 200px;
    height: 25px;
    line-height: 25px;
    padding-left: 20px;
}

.tagedit .lock:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    background: url(../images/icon16.png) no-repeat 0 -140px;
    width: 20px;
    height: 20px;
}

.tagedit input {
    width: 180px;
    position: relative;
    top: 2px;
    padding: 3px;
}

.orgpc {
    font-weight: bold;
    padding-bottom: 10px;
}

.plc li {
    display: block;
    width: 600px;
    height: 45px;
    line-height: 45px;
    padding-left: 50px;
    font-weight: bold;
}

.link_history {
    padding-top: 10px;
}

.list_history.org li {
    margin-top: 15px;
}

.popup_sharelink {
    padding: 15px;
    display: none;
    margin-top: 10px;
    background: #f3f3f3;
    border: 1px solid #ccc;
    border-radius: 6px;
    position: relative;
}

.popup_sharelink h3 {
    color: #ff00a2;
    font-weight: bold;
}

.popup_sharelink input, .link_songle {
    display: inline-block;
    width: 430px;
    font-size: 109%;
    margin-right: 10px;
    padding: 2px 3px;
    border-width: 1px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 0 #ddd inset;
    border-radius: 6px;
}

.popup_sharelink li {
    margin-top: 14px;
}

.popup_sharelink h4 {
    display: inline;
}

.popup_contentview {
    padding: 15px;
    display: none;
    margin-top: 10px;
    background: #f3f3f3;
    border: 1px solid #ccc;
    border-radius: 6px;
    position: relative;
}

.popup_contentview h3 {
    color: #ff00a2;
    font-weight: bold;
}

.popup_contentview_close {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 14px;
    height: 14px;
}

.popup_btn {
    cursor: pointer;
    margin-left: 10px;
    color: #1e7cbd;
}

.popup_btn:hover {
    text-decoration: underline;
}

.popup_cts {
    padding: 15px;
    display: none;
    margin-top: 10px;
    background: #f3f3f3;
    border: 1px solid #ccc;
    border-radius: 6px;
    position: relative;
}

.popup_cts h3 {
    color: #ff00a2;
    font-weight: bold;
    margin-right: 10px;
}

.popup_close {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 14px;
    height: 14px;
}

.newsticker .popup_close {
    top: 10px;
}

.taglist .tagsetting {
    padding-left: 0;
}

.taglist .tagsetting:hover {
    background: none;
    color: #538784;
}

/* button next prev */
.dtl_btn_next {
    display: block;
    width: 40px;
    height: 108px;
    position: absolute;
    right: -37px;
    top: 300px;
}

.dtl_btn_next a {
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/btn_dtl.png) no-repeat right top;
}

.dtl_btn_next:hover {
    position: absolute;
    right: -39px;
}

.dtl_btn_prev {
    display: block;
    width: 40px;
    height: 108px;
    position: absolute;
    left: -37px;
    top: 300px;
}

.dtl_btn_prev a {
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/btn_dtl.png) no-repeat left top;
}

.dtl_btn_prev:hover {
    position: absolute;
    left: -39px;
}

/* version histry */
.btn_ver {
    display: block;
    position: absolute;
    bottom: 0;
    background: #666;
    opacity: 0.6;
    overflow: hidden;
    font-size: 84%;
    width: 100px;
    height: 20px;
    margin-right: 0;
    line-height: 20px;
}

.btn_ver a {
    text-align: center;
    color: #fff;
    display: block;
}

.btn_ver a:hover {
    text-decoration: none;
    background: #ff0070;
}

.btn_ver.before {
    float: right;
    left: 0;
}

.btn_ver.after {
    float: left;
    right: 0;
}

.plainbox {
    width: 600px;
    padding: 25px 30px;
    margin: 50px auto;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 3px #aaa;
}

.plain_title {
    font-size: 217%;
    color: #FF3399;
    font-weight: bold;
}

.plain_txt {
    padding: 20px 120px 0 0;
    min-height: 100px;
}

.top_alart {
    background: #292929;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.top_alart p {
    width: 740px;
    margin: 0 auto;
    color: #fff;
    padding: 10px 0;
    font-weight: bold;
}

.top_alart .txt_sub {
    color: #99FFFF;
    margin-left: 20px;
    color: #429dff;
}

.reladd {
    position: relative;
}

.reladd:before {
    content: "";
    position: absolute;
    z-index: 10;
    right: 55px;
    top: -13px;
    border-bottom: 13px solid #ddd;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
}

.reladd:after {
    content: "";
    position: absolute;
    z-index: 11;;
    right: 55px;
    top: -11px;
    border-bottom: 13px solid #f3f3f3;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
}

/* CSS Sprite Images ===================================================================== */
/* main page title */
.img_title {
    height: 70px;
    width: 432px;
    background: url(../images/img_title.png) no-repeat;
}

.img_title.snd {
    background-position: 0 -20px;
}

.img_title.ill {
    background-position: 0 -100px;
}

.img_title.txt {
    background-position: 0 -180px;
}

.img_title.clb {
    background-position: 0 -260px;
}

.img_title.now {
    background-position: 0 -340px;
}

.img_title.m3d {
    background-position: 0 -420px;
}

.img_title.pickup {
    background-position: 0 -600px;
    height: 70px;
}

.img_new {
    width: 29px;
    height: 12px;
    background: url(../images/img_title.png) no-repeat -150px 0;
}

.img_soon {
    width: 29px;
    height: 12px;
    background: url(../images/img_title.png) no-repeat -180px 0;
}

.img_rss {
    width: 42px;
    height: 18px;
    background: url(../images/img_title.png) no-repeat -100px 0;
    margin-left: 10px;
}

.img_karent {
    width: 90px;
    height: 12px;
    background: url(../images/img_title.png) no-repeat 0 0;
}

.img_title_main {
    width: 500px;
    height: 98px;
    background: url(../images/img_title.png) no-repeat 0 -500px;
}

/* icon piapro commons */
.icon_pc {
    width: 45px;
    height: 45px;
    background: url(../images/icon_pc.png) no-repeat;
    padding: 0 3px;
}

.icon_pc.nc {
    background-position: 0 0px;
}

.icon_pc.nd {
    background-position: 0 -50px;
}

.icon_pc.by {
    background-position: 0 -100px;
}

.icon_pc.org {
    background-position: 0 -150px;
}

.icon_pc.clb {
    background-position: 0 -324px;
}

/* css sprite icon 16x16 */
.icons {
    background: url(../images/icon16.png) no-repeat;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 2px;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}

.icons.ic_tag {
    background-position: 0 0;
}

.icons.ic_snd {
    background-position: 0 -20px;
}

.icons.ic_ill {
    background-position: 0 -40px;
}

.icons.ic_lic {
    background-position: 0 -60px;
}

.icons.ic_txt {
    background-position: 0 -80px;
}

.icons.ic_help {
    background-position: 0 -100px;
}

.icons.ic_plus {
    background-position: 0 -120px;
}

.icons.ic_lock {
    background-position: 0 -140px;
}

.icons.ic_tips {
    background-position: 0 -160px;
}

.icons.ic_search {
    background-position: 0 -180px;
}

.icons.ic_star {
    background-position: 0 -200px;
}

.icons.ic_link {
    background-position: 0 -220px;
}

.icons.ic_barrier {
    background-position: 0 -240px;
}

.icons.ic_folder {
    background-position: 0 -260px;
}

.icons.ic_annouce {
    background-position: 0 -280px;
}

.icons.ic_home {
    background-position: 0 -300px;
}

.icons.ic_attention {
    background-position: 0 -320px;
}

.icons.ic_mail {
    background-position: 0 -340px;
}

.icons.ic_movie {
    background-position: 0 -360px;
}

.icons.ic_reload {
    background-position: 0 -380px;
}

.icons.ic_bbs {
    background-position: 0 -400px;
}

.icons.ic_clb {
    background-position: 0 -420px;
}

.icons.ic_bk {
    background-position: 0 -440px;
}

.icons.ic_rel {
    background-position: 0 -460px;
}

.icons.ic_dl {
    background-position: 0 -480px;
}

.icons.ic_setting {
    background-position: 0 -500px;
}

.icons.ic_doc {
    background-position: 0 -520px;
}

.icons.ic_user_snd {
    background-position: 0 -540px;
}

.icons.ic_user_ill {
    background-position: 0 -560px;
}

.icons.ic_user_txt {
    background-position: 0 -580px;
}

.icons.ic_user_beginner {
    background-position: 0 -600px;
}

.icons.ic_user {
    background-position: 0 -620px;
}

.icons.ic_tree {
    background-position: 0 -640px;
}

.icons.ic_delete, .icons.ic_del {
    background-position: 0 -660px;
}

.icons.ic_cancel {
    background-position: 0 -680px;
}

.icons.ic_check {
    background-position: 0 -700px;
}

.icons.ic_3dm {
    background-position: 0 -720px;
}

.icons.ic_txt_normal {
    background-position: 0 -740px;
}

.icons.ic_user_3dm {
    background-position: 0 -760px;
}

.icons.ic_excla {
    background-position: 0 -780px;
}

/* color */
.icons.ic_info {
    background-position: 0 -900px;
}

.icons.ic_tw {
    background-position: 0 -920px;
}

/* color */
.icons.ic_tb {
    background-position: 0 -940px;
}

/* color */
.icons.ic_reply {
    background-position: 0 -960px;
}

.icons.ic_bparts {
    background-position: 0 -980px;
}

.icons.ic_songle {
    background-position: 0 -1000px;
}

/* color */
.icons.ic_piapro {
    background-position: 0 -1020px;
}

.icons.ic_wakaba {
    background-position: 0 -1040px;
}

.icons.ic_pdf {
    background-position: 0 -1060px;
}

.icons.ic_sq_r {
    background-position: 0 -1200px;
}

.icons.ic_sq_d {
    background-position: 0 -1220px;
}

/* color */
.icons.ic_v_list {
    background-position: 0 -1080px;
}

.icons.ic_v_thumb {
    background-position: 0 -1100px;
}

.icons.ic_v_tile {
    background-position: 0 -1120px;
}

.icons.ic_v_mini {
    background-position: 0 -1140px;
}

.icons.ic_v_time {
    background-position: 0 -1160px;
}

.icons_s {
    background: url(../images/icon16.png) no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 3px;
    vertical-align: middle;
    cursor: pointer;
}

.icons_s.ic_s_popup {
    background-position: 0 -800px;
}

.icons_s.ic_s_plus {
    background-position: 0 -820px;
}

.icons_s.ic_s_min {
    background-position: 0 -840px;
}

.icons_s.ic_s_help {
    background-position: 0 -860px;
}

.icons_s.ic_s_close {
    background-position: 0 -880px;
}

/**/
.button_bright .icons, .sect_title .icons {
    background: url(../images/icon16_white.png) no-repeat;
}

.button_bright .ic_snd, .sect_title .ic_snd {
    background-position: 0 0;
}

.button_bright .ic_ill, .sect_title .ic_ill {
    background-position: 0 -20px;
}

.button_bright .ic_txt, .sect_title .ic_txt {
    background-position: 0 -40px;
}

.button_bright .ic_3dm, .sect_title .ic_3dm {
    background-position: 0 -60px;
}

.button_bright .ic_user, .sect_title .ic_user {
    background-position: 0 -80px;
}

.button_bright .ic_clb, .sect_title .ic_clb {
    background-position: 0 -100px;
}

.button_bright .ic_bbs, .sect_title .ic_bbs {
    background-position: 0 -120px;
}

.button_bright .ic_folder, .sect_title .ic_folder {
    background-position: 0 -140px;
}

.button_bright .ic_tag, .sect_title .ic_tag {
    background-position: 0 -160px;
}

.button_bright .ic_delete, .sect_title .ic_delete {
    background-position: 0 -180px;
}

.button_bright .ic_del, .sect_title .ic_del {
    background-position: 0 -180px;
}

.button_bright .ic_plus, .sect_title .ic_plus {
    background-position: 0 -200px;
}

.button_bright .ic_settings, .sect_title .ic_settings {
    background-position: 0 -220px;
}

.button_bright .ic_v_time, .sect_title .ic_v_time {
    background-position: 0 -240px;
}

.button_bright .ic_tree, .sect_title .ic_tree {
    background-position: 0 -260px;
}

/* コラボランキング表示 */
.icon_usermsg {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background: url(../images/icon_usermsg.png) no-repeat;
}

.icon_usermsg.msg {
    background-position: -1px -2px;
}

.icon_usermsg.conv {
    background-position: -21px -1px;
}

.icon_usermsg.rply {
    background-position: -41px -1px;
}

/* その他画像 */
.parts_arrow {
    background: url(../images/parts.png) no-repeat -50px top;
    height: 20px;
    width: 35px;
}

/* オマケ */
.efct1 {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

/* オフィシャルコラボ ======================================================================== */
.static_path {
    padding-top: 20px;
}

.static_path a {
    color: #333;
}

.ofc_clb {
    width: 950px;
    margin: 0 auto;
}

.main_clb {
    width: 620px;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

.ofc_clb .sideinfo_box {
    margin-top: 20px;
    margin-bottom: 20px;
}

.attention {
    background-color: #F32C2C;
    color: #FFFFFF;
    font-weight: bold;
    padding: 2px 1px 1px 1px;
    text-align: center;
}

.midashi {
    font-size: 150%;
    color: #FF3399;
    font-weight: bold;
}

.simple_box {
    padding: 25px 30px;
    margin-bottom: 20px;
    text-align: center;
    background: #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ccc;
}

/*  Redesign Contact Form======================================================= */
/* Contact TOP */
.static_box div.contactbox {
    padding: 30px 30px 30px 110px;
    border-left: 5px solid #aaa;
    background-color: #fff;
    color: #666;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    margin-top: 20px;
}

.contactbox h3 {
    margin-bottom: 10px;
    font-size: 16px;
}

.ask_chara {
    background: url(../images/icon_ask_chara.png) no-repeat left top #fff;
}

.ask_opinion {
    background: url(../images/icon_ask_piapro.png) no-repeat left top #fff;
}

.ask_bug {
    background: url(../images/icon_ask_bug.png) no-repeat left top #fff;
}

.ask_personal {
    background: url(../images/icon_ask_personal.png) no-repeat left top #fff;
}

.contact_add {
    background: #FFFAD7;
    margin: 20px 0 0;
    position: relative;
    padding: 20px;
}

.contact_add:before {
    border-right: 30px solid #fff;
    border-bottom: 30px solid transparent;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.contact_add:after {
    border-bottom: 30px solid #FFEC9E;
    border-right: 30px solid transparent;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.static_box.formfix {
    max-width: 970px;
    width: auto;
    width: 970px;
    background: none;
}

.formfix h2 {
    font-weight: bold;
    margin-top: 30px;
    margin-top: 60px;
}

.formfix .plain_title {
    color: #111;
    font-weight: normal;
    margin-bottom: 8px;
    font-size: 14px;
}

.contact_form {
    background: #d9d9d9;
    padding: 45px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    margin-top: 20px;
}

.form_item {
    margin-bottom: 30px;
}

.txt_red {
    color: #E4204E;
}

.formbox input {
    width: 100%;
    max-width: 100%;
    border: 1px solid #dcdcdc;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.formbox textarea {
    width: 100%;
    max-width: 100%;
    height: 200px;
    min-height: 100px;
    border: 1px solid #e2e2e2;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.formbox_radio {
    font-size: 14px;
    line-height: 2;
}

.form_s {
    width: 70%;
    max-width: 70%;
}

.form_file_dummy input {
    display: none;
}

.form_file {
    position: relative;
}

.form_file .filename input {
    padding-left: 56px;
    overflow: hidden;
    cursor: pointer;
}

.form_file .filebtn {
    width: 56px;
    height: 37px;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 37px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    z-index: 2;
}

.form_btn {
    margin-top: 90px;
    position: relative;
}

.contact_form .title_confirm {
    color: #FF3399;
    margin-bottom: 0;
}

p.confirm {
    margin-top: 5px;
    font-size: 14px;
}

/* 作品投稿時の最終確認 */
.attention_whole {
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.6);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 998;
}

.attention_post {
    font-size: 14px;
    width: 600px;
    background: #fff;
    border-radius: 6px;
    position: absolute;
    left: 50%;
    margin-left: -300px;
    z-index: 999;
    margin-top: 200px;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.6);
}

.attention_post h2 {
    color: #fff;
    background: #ff3399;
    padding: 13px 30px 10px;
    border-radius: 6px 6px 0 0;
}

.attention_post h2 img {
    vertical-align: top;
}

.attention_post_list {
    margin: 10px 0 0 20px;
}

.attention_post_list li {
    color: #f39;
    font-weight: bold;
    padding-left: 1em;
    text-indent: -1em;
}

.attention_post_list li:before {
    content: "×";
    font-weight: bold;
    font-size: 21pt;
    padding-right: 5px;
    vertical-align: middle;
    color: #aaa;
}

.btn_close {
    font-size: 40px;
    height: 40px;
    width: 40px;
    color: #666;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    right: -10px;
    top: -10px;
    cursor: pointer;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.btn_close:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
    color: #333;
    background: #efefef;
}

/* 以下、旧デザイン引継ぎ要素 ================================================================ */

/* 新規登録ページ */
.poststep {
    width: 950px;
    height: 40px;
    background-color: #e5ecab;
    margin: 20px 0;
    overflow: hidden;
}

.poststep .leftbox {
    padding: 0 30px 0 15px !important;
    margin-left: 0px !important;
}

.poststep .step_now {
    float: left;
    position: relative;
    z-index: 9;
    line-height: 40px;
    padding: 0 30px 0 32px;
    background: url(../images/bg_step.png) no-repeat right top;
    margin-left: -17px;
    color: #fff;
}

.poststep .step_other {
    float: left;
    position: relative;
    z-index: 9;
    line-height: 40px;
    padding: 0 30px 0 32px;
    background: url(../images/bg_step.png) no-repeat right bottom;
    margin-left: -17px;
}

.notes {
    border: 1px solid #dfdfdf;
    padding: 10px;
}

.note_excla {
    background: url(../images/icon16.png) no-repeat 5px -777px;
}

/* 全staticページ共通基本項 */
.clear {
    clear: both;
}

.mt03 {
    margin-top: 3px;
}

.mt05 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.txt_r {
    text-align: right;
}

.txt_l {
    text-align: left;
}

.txt_c {
    text-align: center;
}

.txt_err {
    color: #ff0000;
}

.float_l {
    float: left;
}

.float_r {
    float: right;
}

.em {
    font-weight: bold;
}

.note {
    color: #ff0000 !important;
}

.small {
    font-size: 8.6pt;
}

ul.list_deci {
    padding-left: 12px;
    list-style-type: decimal;
    margin-left: 10px;
    line-height: 1.6;
}

ul.list_deci li {
    list-style-type: decimal;
}

.list_disk {
    margin-left: -14px;
    list-style-type: none;
}

.list_disk li {
    background: url(../images/list_disk.gif) no-repeat left top;
    padding-left: 14px;
    margin-left: 1em;
    line-height: 1.4;
    margin-top: 5px;
}

.t_frame {
    border-collapse: collapse;
}

.t_frame td {
    border: 1px solid #cccccc;
}

.input_pdg {
    padding: 4px 0 4px 4px;
}

.input_pdg2 {
    padding: 4px 0 4px 2px;
}

/* help list */
.list_help {
    margin-left: -22px;
    list-style-type: none;
}

.list_help li {
    background: url(../images/icon_q.png) no-repeat left center;
    padding-left: 22px;
    margin-left: 22px;
    line-height: 1.4;
    margin-top: 5px;
}

.list_no {
}

.list_no li {
    list-style-type: decimal;
    margin-left: 3em;
}

.h02_03_menu {
    border-top: 1px dotted #9b9b9b;
    border-bottom: 1px dotted #9b9b9b;
    background-color: #f6f6f6;
    margin-top: 30px;
}

.h02_03_menu .name {
    float: left;
    margin-left: 10px;
    line-height: 35px;
    font-size: 11pt;
    font-weight: bold;
    color: #444444;
}

.h02_03_menu .menu {
    float: right;
    margin-right: 10px;
    line-height: 35px;
    text-align: right;
}

.faqbox {
    padding: 80px 20px 40px;
    margin-top: -80px;
}

.faqbox .inner_q {
    min-height: 36px;
    height: auto !important;
    height: 36px;
    border: 5px solid #d2e8ef;
    background: url(../images/icon_faq_l_q.png) no-repeat left 3px #eff6f8;
    padding-top: 10px;
    padding-left: 46px;
    line-height: 1.4;
    font-size: 12pt;
}

.faqbox .inner_a {
    min-height: 36px;
    height: auto !important;
    height: 36px;
    border: 5px solid #d2e8ef;
    border-top: none;
    padding: 20px 20px 20px 46px;
    color: #555555;
    background: url(../images/icon_faq_l_a.png) no-repeat left 15px;
    background-color: #ffffff;
}

/* piapro plus helppage */
#h00 {
    padding: 3px 0 0 0;
    margin-bottom: 10px;
}

.grid_purple {
    background-color: #a11bae;
}

.faq_q01 {
    background: url(../images/icon_faq_q.gif) no-repeat left 1px;
    padding-left: 19px;
    line-height: 1.3;
    display: list-item;
    list-style-type: none;
}

.faq_a {
    background: url(../images/icon_faq_a.gif) no-repeat left top;
    padding-left: 19px;
}

.h02_title_l_pb5 {
    padding: 5px 0 5px 5px;
    font-weight: bold;
    font-size: 134%;
}

.btn_box_dum {
    padding: 7px 0 6px 0;
    float: right;
}

.str_purple {
    background-color: #f0c7fe;
}

.h02 {
    width: 100%;
    padding: 0;
    background-image: url();
    background-repeat: repeat;
    background-position: left top;
}

.mt50 {
    margin-top: 50px;
}

.wordbreak {
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
}

/* static ページ用BOX：キャラクター利用、プライバシーポリシー、などコラボ以外 */
.static_box {
    width: 800px;
    background: #fcfcfc;
    border-radius: 6px;
    margin: 40px auto 40px;
    text-align: left;
}

.static_box > div {
    padding: 20px;
}

/* コラボ以外系共通 */
.h00_03_760 {
    line-height: 42px;
    font-size: 12pt;
    padding-left: 20px;
    font-weight: bold;
    background: #efefef;
    border-radius: 6px;
}

.h02_03 {
    border-top: 1px dotted #9b9b9b;
    border-bottom: 1px dotted #9b9b9b;
    line-height: 35px;
    padding-left: 10px;
    background-color: #f6f6f6;
    font-size: 11pt;
    font-weight: bold;
    margin-top: 30px;
    color: #444444;
}

.h04_03 {
    border-top: 1px dotted #9b9b9b;
    border-bottom: 1px dotted #9b9b9b;
    line-height: 30px;
    padding-left: 10px;
    background-color: #f8f8f8;
    font-size: 9pt;
    font-weight: bold;
    margin-top: 30px;
    color: #444444;
}

.t_frame {
    border-collapse: collapse;
}

.t_frame td {
    border: 1px solid #cccccc;
}

.ssl {
    width: 740px;
    margin: 20px auto 0 auto;
    padding-bottom: 20px;
}

.noscroll {
    overflow: hidden !important;
    margin-right: 17px;
}

.bdr_slv {
    border: 1px solid #cccccc;
}

/* メニューカブリ回避 */
.esc_mmenu {
    padding-top: 60px;
    margin-top: -60px;
    display: block;
}

/* header height:52px; */
.esc_umenu {
    padding-top: 130px;
    margin-top: -60px;
    display: block;
}

/* header 52px, usermenu 80px */

/* ブログ画像 */
.i_blog img {
    width: 278px;
}

/* ソーシャル系リンク */
.wp_social_bookmarking_light {
    border: 0 !important;
    padding: 10px 0 20px 0 !important;
    margin: 0 !important;
}

.wp_social_bookmarking_light div {
    float: left !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 5px 0px 0 !important;
    min-height: 30px !important;
    line-height: 18px !important;
    text-indent: 0 !important;
}

.wp_social_bookmarking_light img {
    border: 0 !important;
    padding: 0;
    margin: 0;
    vertical-align: top !important;
}

.wp_social_bookmarking_light_clear {
    clear: both !important;
}

#fb-root {
    display: none;
}

.wsbl_twitter {
    width: 100px;
}

.wsbl_facebook_like iframe {
    max-width: none !important;
}

/*吹き出し*/
.messege {
    padding: 10px;
}

.messege .clearfix {
    margin-top: 10px;
}

.messege .icon {
    float: left;
    width: 48px;
}

.cmnt {
    margin: 0 0 0 65px;
    text-align: left;
    border-radius: 4px;
    background-color: #d2eeef;
    position: relative;
}

.cmnt-txt {
    padding: 10px 10px 0;
    word-break: break-all;
    word-wrap: break-word;
}

.cmnt-date {
    padding: 5px 10px 5px;
    font-size: 10px;
    color: #666;
}

.cmnt:after {
    content: "";
    display: block;
    position: absolute;
    left: -15px;
    top: 20px;
    border-right: 15px solid #d2eeef;
    border-bottom: 15px solid transparent;
    border-top: none;
}

/* flow navigator */
.flownavi_box ul {
    list-style: none;
    margin: 20px 0px;
    text-align: center;
    margin-left: -18px;
}

.flownavi_box li {
    display: inline-block;
    padding: 0 10px 0 20px;
    background-color: #bbb;
    color: #fff;
    box-sizing: border-box;
    height: 36px;
    line-height: 36px;
    margin-left: 25px;
    position: relative;
}

.flownavi_box li:after {
    position: absolute;
    right: -18px;
    top: 0px;
    content: "";
    display: inline-block;
    border-left: 18px solid #bbb;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
}

.flownavi_box li:last-child:after {
    border: none;
}

.flownavi_box li:last-child {
    padding-right: 20px;
}

.flownavi_box .flow_processing {
    color: #fff;
    font-weight: bold;
    background-color: #ff3399;
}

.flownavi_box .flow_processing:after {
    border-left: 18px solid #f39;
}

.TXT12 {
    font-size: 12px;
    line-height: 1.375;
}

.notice {
    font-size: 11px;
    color: #999;
}

.color-box {
    border: 1px solid #f2cdaf;
    background: #FFFCD3;
    padding: 8px;
    border-radius: 6px;
}

table.flownavi_box, td.flownavi_box, th.flownavi_box {
    border: none;
}

ul {
    list-style: none;
}

.tag-list li {
    display: inline-block;
    float: left;
    margin: 10px 10px 0 0;
}

.tag-list li:hover {
}

.tag-list li a {
    display: inline-block;
    padding: 2px 10px 2px 5px;
    border-radius: 20px;
    height: 25px;
    line-height: 25px;
    background: #eee;
    border: 1px dashed #ccc;
}

.tag-list li a:hover {
    text-decoration: none;
    background: #f0f0f0;
    border: 1px solid #999;
}

.tag_empty {
    border-radius: 20px;
    height: 25px;
    line-height: 25px;
    margin: 10px 0;
    border: 1px dashed #bbb;
    width: 100px;
    display: block;
}

/* タグのアイコンを表示するリスト */
.tag-list li a:before {
    font-family: 'FontAwesome';
    content: '\f067';
    margin: 0 5px -15px;
    color: #B4CAC7;
}

/* +を表示するlist */
.add-tag-list li a:before {
    font-family: 'FontAwesome';
    content: '\f02b';
    margin: 0 5px -15px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.form_tagselect {
    box-sizing: border-box;
}

.form_tagselect h4 + div {
    margin-bottom: 30px;
}

/* #preview-listでも構わない */
.del-tag-list li {
    background: #fff;
    display: table;
    margin: 10px;
    padding: 2px 10px 2px 5px;
    border-radius: 20px;
    height: 25px;
    line-height: 25px;
    margin: 10px 10px 0 0;
    word-break: break-all;
    word-wrap: break-word;
}

.del-tag-list li button {
    margin-left: 10px;
    padding: 2px 5px;
}

.del-tag-list li:before {
    font-family: 'FontAwesome';
    content: '\f00c';
    margin: 0 5px -15px;
    color: #6ac000;
}

.del-tag-list li:hover:before {
    content: '\f014';
    color: #aaa;
    padding-right: 3px;
}

/* form_layout */
.form_post_whole {
    font-size: 11pt;
    width: 940px;
    margin: 0 auto;
}

.form_post_whole h2 {
    padding: 20px;
    text-align: center;
    font-weight: bold;
}

.form_block_whole {
    background: #ddd;
    width: 600px;
    border-radius: 6px;
    padding-bottom: 20px;
    border: 1px solid #d0d0d0;
}

.form_block_whole h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: bold;
    margin-left: -15px;
}

.form_block_whole h3:before {
    content: "";
    position: relative;
    display: inline-block;
    height: 0;
    left: -10px;
    border-left: 10px solid #00B0B0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.form_block_whole h4 {
    margin-bottom: 0;
    font-weight: bold;
}

.form_block {
    box-sizing: border-box;
    padding: 10px 25px;
    position: relative;
}

.form_block_s {
    background: #fff;
    padding: 20px;
    border-radius: 6px;
}

.form_block_ss {
    background: #fff;
    padding: 13px 20px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.form_block_wide {
    width: auto;
}

.form_block .btn_show {
    padding: 2px 10px 2px 5px;
    border-radius: 20px;
    height: 25px;
    line-height: 19px;
    font-size: 1em;
    color: #fff;
    background: #aaa;
    margin: 10px 10px 0 0;
    border: 0;
}

#buttonFreeInput {
    font-size: 0.9em;
    padding: 2px 10px;
}

#free-input {
    padding: 2px;
}

.li_note_step {
    position: absolute;
    left: 610px;
    width: 300px;
    font-size: 0.8em;
    border: 1px solid #d4dd4;
    padding: 15px;
    border-radius: 6px;
    background: #fff none repeat;
}

.li_note_step ul {
    padding-left: 20px;
}

.li_note_step li {
    line-height: 1.4;
    margin-bottom: 8px;
    list-style-type: disc;
}

.li_note_step li span.em {
    padding-right: 10px;
}

.li_note_step p {
    padding-bottom: 10px;
    padding-left: 5px;
}

.li_note_step .parts:before {
    content: "";
    border-top: none;
    border-right: 16px solid #d4d4d4;
    border-bottom: 16px solid transparent;
    border-left: 0;
    position: absolute;
    top: 29px;
    left: -16px;
    z-index: 1;
}

.li_note_step .parts:after {
    content: "";
    border-top: none;
    border-right: 16px solid #ffffff;
    border-bottom: 16px solid transparent;
    border-left: 0;
    position: absolute;
    top: 30px;
    left: -14px;
    z-index: 2;
}

.form_block_whole .form_block:first-child {
    padding-top: 25px;
}

.form_post_whole .i_main:hover {
    border: 1px solid #ccc;
    box-shadow: none;
}

.give_license {
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.give_license section {
    margin: 15px 0;
}

.give_license {
}

.give_license .icon_pc {
    float: left;
}

.give_license h4 {
    font-weight: bold;
}

.give_license img + div {
    padding-left: 60px;
}

.form_tagselect {
    background: #fff;
    border-radius: 6px;
    padding: 15px;
    position: relative;
}

.form_tagselect:after {
    content: "";
    display: block;
    position: absolute;
    border-left: 40px solid #fff;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    right: -38px;
    top: 20px;
}

.form_block_tagpreview {
    position: absolute;
    left: 590px;
    width: 330px;
    min-height: 150px;
    top: 0px;
    background: #ddd;
    box-sizing: border-box;
    padding: 25px;
    border-radius: 6px;
}

.list_mark_add li {
    list-style: disc;
    margin-left: 20px;
}

.form_post_whole .btn_l {
    padding: 10px 20px;
    font-size: 14px;
}

/************************************************************************************/

/* flow navigator */
.step_navi_box {
    text-align: center;
    margin: 0 auto;
    padding: 20px 0 20px;
}

.step_finished {
    border: 1px solid #b7b7b7;
    padding: 5px 10px;
    background-color: #ddd;
}

.step_processing {
    color: #fff;
    font-weight: bold;
    border: 1px solid #ff66aa;
    padding: 5px 10px;
    background-color: #ff3399;
}

.step_unfinished {
    border: 1px solid #b7b7b7;
    padding: 5px 10px;
    background-color: #f3f3f3;
}

.step_allow {
    border: none;
    padding: 5px 10px;
}

/* gray button ================== */
.button_gray {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-shadow: 0 -1px 0 #96c835;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #92cd14;
    background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#555555));
    background: -webkit-linear-gradient(top, #777777, #555555);
    background: -moz-linear-gradient(top, #777777, #555555);
    background: -ms-linear-gradient(top, #777777, #555555);
    background: -o-linear-gradient(top, #777777, #555555);
    background: linear-gradient(top, #777777, #555555);
    border: solid 1px #555555;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    min-width: 70px;
}

.button_bright:hover {
    border-color: #555;
    text-shadow: 0 -1px 1px #777777;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.button_gray:active {
    border-color: #444444;
}

a.button_gray {
    color: #fff;
}

a.button_gray:hover {
    text-decoration: none;
}

/* card jacket */
.i_sound_card { }
.i_sound_card .cover .title { white-space: inherit; }
.i_sound_card { position: relative; color:#fff; height: 150px; }
.jacket-cover-vt { width: 94px; height: 150px; margin: 0 28px; display: block; background-color: #eee; background-repeat: no-repeat; background-position: center center; border-radius: 6px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3); position: relative;}
.jacket-cover-hz { width: 150px; height: 94px; display: block; background-color: #eee; background-repeat: no-repeat; background-position: center center; border-radius: 6px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3); position: relative; }
.jacket-cover-vt.trim, .jacket-cover-hz.trim { background-size: cover; }
.jacket-cover-vt.resize, .jacket-cover-hz.resize { background-size: contain; }
.i_sound_card .cover { display: block; width: 150px; height: 150px; position: absolute; left: 0; top: 0; overflow: hidden; }
.i_sound_card .cover .title { background-color: #000; opacity: 0.6; width: 170px; padding: 0 5px 0; height: 45px; display: table-cell; vertical-align: middle; line-height: 1.1; word-break: break-all; word-wrap: break-word; }
.i_sound_card .cover .title a { color: inherit; }
.thumb_works .i_sound_card { border: 1px solid #fff; }
.i_sound_card .btn_play { visibility: hidden; display: block; width: 67px; height: 67px; margin: 17px auto 20px; }
.i_sound_card:hover .btn_play { visibility: visible; }
.i_sound_card .btn_play img { background: url(../images/btn_play.svg) no-repeat center center; background-size: contain; }
.i_sound_card .btn_play:hover img { background: url(../images/btn_play_on.svg) no-repeat center center; background-size: contain; }

/* ======================================
Characters
========================================*/
.th-miku { background-image: url(../images/card_chara/thumb_miku.png); }
.th-rin { background-image: url(../images/card_chara/thumb_rin.png); }
.th-len { background-image: url(../images/card_chara/thumb_len.png); }
.th-luka { background-image: url(../images/card_chara/thumb_luka.png); }
.th-meiko { background-image: url(../images/card_chara/thumb_meiko.png); }
.th-kaito { background-image: url(../images/card_chara/thumb_kaito.png); }
.th-miku { background-image: url(../images/card_chara/thumb_miku.png); }
.th-empty { background-image: url(../images/card_chara/thumb_empty.png); background-color: #999; }
.th-gumi { background-image: url(../images/card_chara/thumb_empty.png); background-color: #87e84a; }
.th-gakupo { background-image: url(../images/card_chara/thumb_empty.png); background-color: #917fdb; }
.th-ia { background-image: url(../images/card_chara/thumb_empty.png); background-color: #ffcfcf; }
.th-yukari { background-image: url(../images/card_chara/thumb_empty.png); background-color: #ccb5f7; }
.th-lily { background-image: url(../images/card_chara/thumb_empty.png); background-color: #fff500;}
.th-iroha { background-image: url(../images/card_chara/thumb_empty.png); background-color: #ff0000;}
.th-miki { background-image: url(../images/card_chara/thumb_empty.png); background-color: #f7827d;}
.th-teto { background-image: url(../images/card_chara/thumb_empty.png); background-color:#ce406c;}
.th-haku { background-image: url(../images/card_chara/thumb_empty.png); background-color:#dddddd;}
.th-neru { background-image: url(../images/card_chara/thumb_empty.png); background-color:#ffe000;}

/* ======================================
Characters - Card
========================================*/
.card-chara-gumi { background-color: #87e84a !important; background-image:url(../images/card_chara/card-empty.png);}
.card-chara-gakupo { background-color:#917fdb !important; background-image:url(../images/card_chara/card-empty.png);}
.card-chara-ia { background-color: #ffcfcf !important; background-image:url(../images/card_chara/card-empty.png); }
.card-chara-yukari { background-color: #ccb5f7 !important; background-image:url(../images/card_chara/card-empty.png); }
.card-chara-lily { background-color: #fff500 !important; background-image:url(../images/card_chara/card-empty.png); }
.card-chara-iroha { background-color: #ff0000 !important; background-image:url(../images/card_chara/card-empty.png); }
.card-chara-miki { background-color: #f7827d !important; background-image:url(../images/card_chara/card-empty.png); }
.card-chara-teto { background-color: #ce406c !important; background-image:url(../images/card_chara/card-empty.png); }
.card-chara-haku { background-color: #dddddd !important; background-image:url(../images/card_chara/card-empty.png); }
.card-chara-neru { background-color: #ffe000 !important; background-image:url(../images/card_chara/card-empty.png); }
.card-chara-empty { background-color: #999 !important; background-image:url(../images/card_chara/card-empty.png); }

/* Classic list of sound card */
.snd_list .thumb-card { float:left; position:relative; padding-left:0; margin-left: 5px; width:48px; height: 48px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.snd_list .thumb-card:before { display: none; }
.snd_list .databox { margin: 0 60px 0 65px;}

.thumb-card > input[type=checkbox], .i_main > input[type=checkbox] { -ms-transform: scale(2.0, 2.0); -webkit-transform: scale(2.0, 2.0); transform: scale(2.0, 2.0); }