@charset "utf-8";
* {
    margin: 0;
    padding: 0
}

a img {
    border: none;
    background: 0 0
}

table {
    border: 0
}

body,
dd,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
ul {
    margin: 0;
    padding: 0;
    font-weight: 400
}

em,
strong {
    font-weight: 400;
    font-style: normal
}

li,
ul {
    list-style-type: none
}

a:active,
a:link,
a:visited {
    color: #39c
}

a:hover {
    color: #39c;
    text-decoration: none
}

body {
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    font-family: "メイリオ", Meiryo, "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif
}

input,
option,
select,
textarea {
    font-family: "メイリオ", Meiryo, "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif
}

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

.cf {
    min-height: 1px
}

* html .cf {
    height: 1px;
    height: auto;
    overflow: hidden
}

.wrapWidth {
    width: 920px;
    margin: 0 auto;
    position: relative
}

.wrapWidth_1000 {
    width: 1000px;
    margin: 0 auto;
    position: relative
}

.wrapWidth_1110 {
    width: 1110px;
    margin: 0 auto;
    position: relative
}

.wrapWidth_1200 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center
}

.eng {
    font-family: Arial, serif, sans-serif, cursive, fantasy, monospace
}

ul#pankuzu {
    font-size: 13px
}

ul#pankuzu li {
    display: inline
}

div.ad468x15 {
    text-align: center;
    margin: 15px 0
}

div.ad468x15_l {
    text-align: left;
    margin: 15px 0
}

div.ad468x60 {
    text-align: center;
    margin: 15px 0
}

div.ad300x2row {
    margin: 15px 0
}

div.ad300x2row div {
    float: left
}

div#desc {
    margin: 0 0 15px 0
}

div#desc img {
    float: left;
    width: 300px
}

div#desc div {
    float: right;
    width: 290px
}

div#desc h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 6px 0
}

div#desc p {
    font-size: 12px
}

div#desc_685 {
    margin: 0 0 15px 0
}

div#desc_685 img {
    float: left;
    width: 300px
}

div#desc_685 h3 {
    font-size: 21px;
    font-weight: 700;
    margin: 0 0 15px 0
}

div#desc_685 p {
    font-size: 12px
}

div.list90 {
    padding: 0 0 0 5px;
    margin: 0 0 10px 0
}

div.list90 p {
    display: table-cell;
    vertical-align: middle;
    width: 110px!important;
    height: 110px!important;
    float: left;
    margin: 9px 9px 9px 0;
    text-align: center
}

div.list90 img {
    vertical-align: bottom
}

div.list90 img.detail {
    margin-left: 5px
}

div.list90 div {
    height: 128px
}

div.list90 div.upper {
    border-bottom: 1px solid #d7d7d7
}

div.list100 {
    margin: 0 0 40px 0
}

div.list100 p {
    display: table-cell;
    vertical-align: middle;
    width: 129px!important;
    height: 140px!important;
    float: left;
    margin: 9px 10px 9px 0;
    text-align: center
}

div.list100 p:last-child {
    margin: 9px 0
}

div.list100 img {
    vertical-align: bottom
}

div.list100 img.detail {
    margin-left: 5px
}

div.list100 div {
    height: 128px
}

div.list100 div.upper {
    border-bottom: 1px solid #d7d7d7
}

div.list100 img.arrow {
    vertical-align: middle;
    margin-right: 5px
}

div.list100 p span {
    font-size: 12px
}

div.list165 {
    margin-bottom: 20px
}

div.list165 div.imgbox {
    display: table-cell;
    vertical-align: middle;
    width: 165px;
    height: 190px;
    text-align: center;
    padding-right: 9px
}

div.list165 div.imgbox img.thumbnail {
    max-width: 165px;
    max-height: 190px
}

div.list165 div.imgbox:nth-child(4n) {
    padding-right: 0
}

.f-b {
    font-weight: 700
}

.f-n {
    font-weight: 400
}

.f-10 {
    font-size: 10px!important
}

.f-11 {
    font-size: 11px!important
}

.f-12 {
    font-size: 12px!important
}

.f-13 {
    font-size: 13px!important
}

.f-14 {
    font-size: 14px!important
}

.f-15 {
    font-size: 15px!important
}

.f-16 {
    font-size: 16px!important
}

.f-17 {
    font-size: 17px!important
}

.f-18 {
    font-size: 18px!important
}

.f-19 {
    font-size: 19px!important
}

.f-20 {
    font-size: 20px!important
}

.f-21 {
    font-size: 21px!important
}

.f-22 {
    font-size: 22px!important
}

.f-23 {
    font-size: 23px!important
}

.f-24 {
    font-size: 24px!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-5 {
    margin-top: 5px!important
}

.mt-10 {
    margin-top: 10px!important
}

.mt-15 {
    margin-top: 15px!important
}

.mt-20 {
    margin-top: 20px!important
}

.mt-25 {
    margin-top: 25px!important
}

.mt-30 {
    margin-top: 30px!important
}

.mt-40 {
    margin-top: 40px!important
}

.mt-50 {
    margin-top: 50px!important
}

.mr-0 {
    margin-right: 0!important
}

.mr-5 {
    margin-right: 5px!important
}

.mr-10 {
    margin-right: 10px!important
}

.mr-15 {
    margin-right: 15px!important
}

.mr-20 {
    margin-right: 20px!important
}

.mr-25 {
    margin-right: 25px!important
}

.mr-30 {
    margin-right: 30px!important
}

.mr-40 {
    margin-right: 40px!important
}

.mr-50 {
    margin-right: 50px!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-5 {
    margin-bottom: 5px!important
}

.mb-10 {
    margin-bottom: 10px!important
}

.mb-15 {
    margin-bottom: 15px!important
}

.mb-20 {
    margin-bottom: 20px!important
}

.mb-25 {
    margin-bottom: 25px!important
}

.mb-30 {
    margin-bottom: 30px!important
}

.mb-40 {
    margin-bottom: 40px!important
}

.mb-50 {
    margin-bottom: 50px!important
}

.ml-0 {
    margin-left: 0!important
}

.ml-5 {
    margin-left: 5px!important
}

.ml-10 {
    margin-left: 10px!important
}

.ml-15 {
    margin-left: 15px!important
}

.ml-20 {
    margin-left: 20px!important
}

.ml-25 {
    margin-left: 25px!important
}

.ml-30 {
    margin-left: 30px!important
}

.ml-40 {
    margin-left: 40px!important
}

.ml-50 {
    margin-left: 50px!important
}

.m-auto {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.pt-0 {
    padding-top: 0!important
}

.pt-5 {
    padding-top: 5px!important
}

.pt-10 {
    padding-top: 10px!important
}

.pt-15 {
    padding-top: 15px!important
}

.pt-20 {
    padding-top: 20px!important
}

.pt-25 {
    padding-top: 25px!important
}

.pt-30 {
    padding-top: 30px!important
}

.pt-40 {
    padding-top: 40px!important
}

.pt-50 {
    padding-top: 50px!important
}

.pr-0 {
    padding-right: 0!important
}

.pr-5 {
    padding-right: 5px!important
}

.pr-10 {
    padding-right: 10px!important
}

.pr-15 {
    padding-right: 15px!important
}

.pr-20 {
    padding-right: 20px!important
}

.pr-25 {
    padding-right: 25px!important
}

.pr-30 {
    padding-right: 30px!important
}

.pr-40 {
    padding-right: 40px!important
}

.pr-50 {
    padding-right: 50px!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pb-5 {
    padding-bottom: 5px!important
}

.pb-10 {
    padding-bottom: 10px!important
}

.pb-15 {
    padding-bottom: 15px!important
}

.pb-20 {
    padding-bottom: 20px!important
}

.pb-25 {
    padding-bottom: 25px!important
}

.pb-30 {
    padding-bottom: 30px!important
}

.pb-40 {
    padding-bottom: 40px!important
}

.pb-50 {
    padding-bottom: 50px!important
}

.pl-0 {
    padding-left: 0!important
}

.pl-5 {
    padding-left: 5px!important
}

.pl-10 {
    padding-left: 10px!important
}

.pl-15 {
    padding-left: 15px!important
}

.pl-20 {
    padding-left: 20px!important
}

.pl-25 {
    padding-left: 25px!important
}

.pl-30 {
    padding-left: 30px!important
}

.pl-40 {
    padding-left: 40px!important
}

.pl-50 {
    padding-left: 50px!important
}

div#headerArea {
    background: #f5f5f5;
    margin: 0 0 20px 0
}

div#header {
    height: 115px;
    border-bottom: 1px solid #d7d7d7
}

div#header .wrapWidth {
    padding-top: 12px
}

.top-page .copy-logo-counter {
    position: relative;
    float: left;
    width: 363px;
    height: 62px;
    margin-top: 5px
}

.top-page .copy-logo-counter #logo {
    float: left;
    width: 187px;
    padding: 4px 0;
    margin: 5px 0 0 0
}

.top-page .copy-logo-counter #copy {
    position: absolute;
    top: 0;
    left: 55px;
    width: 310px
}

.top-page .copy-logo-counter #copy h1 span {
    font-size: 11px;
    display: inline-block
}

.top-page #copy,
.top-page #logo {
    float: left
}

.top-page #logo {
    margin-top: 5px
}

.top-page #copy {
    margin: 9px 0 0 10px;
    line-height: 1em
}

.eng {
    font-size: 11px
}

div#headerArea div#copy h1 {
    font-size: 12px
}

.logo-copy {
    float: left;
    margin-right: 20px
}

.logo-copy,
.logo-copy #copy,
.logo-copy #logo {
    width: 190px
}

.top-page .number_count {
    position: absolute;
    top: 16px;
    left: 205px;
    float: left;
    font-size: 13.5px
}

.top-page .number_count p {
    color: #000;
    text-align: right
}

.top-page .member_count p span {
    color: #ffc107
}

.top-page .material_count {
    margin-top: -4px
}

.top-page .material_count p span {
    color: #5cb4a9
}

div#header div#copy h1 {
    font-size: 12px
}

div#header div#copy span {
    font-size: 11px
}

div#header div#ad {
    width: 468px;
    float: left
}

div#headline {
    background: #f5f5f5;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #d7d7d7
}

div#headline div#searchbox {
    float: left;
    padding: 13px 0;
    width: 50.8%
}

div#headline div#searchbox span {
    display: block;
    float: left
}

div#headline div#searchbox input#sw {
    border: 1px solid #ccc;
    padding: 5px;
    width: 240px;
    float: left;
    background-image: url(/assets/img/tmp_search_bt.png);
    background-position: 6px 10px;
    background-repeat: no-repeat;
    color: #666;
    float: left;
    font-size: 18px;
    height: 30px;
    padding-left: 36px
}

div#headline div#searchbox input#bt {
    background: url(/assets/img/search_1_20130617.gif) 50% 50% no-repeat;
    width: 56px;
    height: 42px;
    border: none
}

div#headline div#searchbox input#bt:hover {
    background: url(/assets/img/search_2_20130617.gif) 50% 50% no-repeat
}

div#headline ul#menu {
    float: right;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #fff
}

div#headline ul#menu li {
    display: inline
}

div#headline ul#menu li a {
    display: block;
    float: left;
    padding: 25px 25px;
    border-right: 1px solid #d7d7d7;
    border-left: 1px solid #fff;
    color: #333;
    text-decoration: none;
    height: 20px
}

div#headline ul#menu li a:hover {
    background: #e1e1e1
}

div#headline div#loginData {
    line-height: 250%;
    position: absolute;
    top: 32px;
    right: 445px
}

div#headline div#searchbox+div#loginData {
    top: 17px
}

div#headline div#loginData dl {
    font-size: 12px
}

div#headline div#loginData dl dd {
    text-align: right;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    line-height: 35px
}

div#headline div#loginData dl dd a {
    text-decoration: underline;
    color: #333
}

div#headline div#loginData dl dd a:hover {
    text-decoration: none
}

div#regist-branch {
    max-width: 550px
}

div#regist-branch-content {
    text-align: center
}

div#regist-branch-content p {
    text-align: center
}

div#regist-branch-content div {
    margin: 55px 0
}

#contentArea {
    margin-bottom: 50px
}

div#content {
    float: left;
    width: 600px
}

div#content h2 {
    background: #333 url(/assets/img/icon_dot.png) 15px 50% no-repeat;
    padding: 8px 0 8px 35px;
    color: #fff;
    font-size: 18px;
    margin: 0 0 10px 0
}

div#content h2 span {
    display: block;
    float: right;
    margin: 0 8px 0 0
}

div#content_685 {
    float: left;
    width: 685px
}

div#content_685 h2 {
    background: #333 url(/assets/img/icon_dot.png) 15px 50% no-repeat;
    padding: 8px 0 8px 35px;
    color: #fff;
    font-size: 18px;
    margin: 0 0 10px 0
}

div#content_685 h2 span {
    display: block;
    float: right;
    margin: 0 8px 0 0
}

div#sidebar {
    float: right;
    width: 300px
}

div#sidebar div.ad300 {
    margin: 0 0 20px 0
}

div#sidebar div.banner {
    background: #f5f5f5;
    border: 1px solid #999;
    padding: 20px;
    text-align: center;
    margin: 0 0 15px 0
}

div#sidebar div.banner p {
    margin: 0 0 5px 0;
    font-size: 12px
}

div#sidebar div#flow {
    width: 300px;
    height: 232px;
    background: url(/assets/img/tmp_side_down_20150714.png) 0 0 no-repeat;
    position: relative;
    z-index: 2
}

div#sidebar div#flow p {
    padding: 105px 10px 0 12px;
    line-height: 160%;
    font-size: 12px
}

div#sidebar div#regist {
    z-index: 1;
    top: -10px;
    left: 0;
    position: relative;
    margin: 0 0 10px 0
}

div#sidebar div#regist a {
    display: block;
    background: url(/assets/img/tmp_side_down_bt.png) 0 0 no-repeat;
    width: 300px;
    height: 82px
}

div#sidebar div#regist a:hover {
    background: url(/assets/img/tmp_side_down_bt_h.png) 0 0 no-repeat
}

div#sidebar div#regist span {
    display: none
}

div#sidebar ul#cate {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    margin: 0 0 20px 0
}

div#sidebar ul#cate li {
    float: left;
    width: 148px;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999
}

div#sidebar ul#cate li a {
    display: block;
    padding: 10px 0 10px 10px;
    text-decoration: none;
    color: #333
}

div#sidebar ul#cate li a:hover {
    color: #fff;
    background: #39c
}

div#sidebar h2 {
    background: #333;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding: 8px 0 8px 42px;
    color: #fff;
    font-size: 18px;
    margin: 0 0 10px 0;
    margin: 0
}

div#sidebar h2.iconCate {
    background-image: url(/assets/img/icon_dir.png)
}

div#sidebar h2.iconCate a {
    color: #fff;
    text-decoration: none
}

ul#flink {
    margin: 20px 0;
    text-align: center
}

ul#flink li {
    display: inline
}

#footer {
    background: #f5f5f5;
    padding: 20px 0 0
}

#footer a {
    color: #333
}

#footer #footerArea {
    width: 1100px;
    margin: 0 auto
}

#footer h4 {
    margin: 0 0 15px 0;
    padding: 6px;
    text-align: center
}

#footer div#mylink {
    width: 100%
}

#footer div#facebook {
    float: right;
    width: 50%
}

#footer div#mylink div.box {
    width: 202px;
    float: left;
    height: 47px;
    background-repeat: no-repeat;
    background-position: 0 0
}

#footer div#mylink h5 {
    font-size: 12px
}

#footer div#mylink span {
    font-size: 9px
}

#footer div#mylink div.box h5 {
    padding: 8px 0 0 48px
}

#footer div#mylink div.box span {
    padding: 0 0 0 48px
}

#footer div#mylink div.icon1 {
    background-image: url(/assets/img/footer/freebie_link_illust.png);
    background-position: 5px 5px
}

#footer div#mylink div.icon2 {
    background-image: url(/assets/img/footer/freebie_link_font.png);
    background-position: 5px 5px
}

#footer div#mylink div.icon3 {
    background-image: url(/assets/img/footer/freebie_link_photo.png);
    background-position: 5px 5px
}

#footer div#mylink div.icon4 {
    background-image: url(/assets/img/footer/freebie_link_newyear.png);
    background-position: 5px 5px
}

#footer div#mylink div.icon5 {
    background-image: url(/assets/img/footer/freebie_link_silhouette.png);
    background-position: 5px 5px
}

#footer div#mylink div.icon6 {
    background-image: url(/assets/img/footer/freebie_link_map.png);
    background-position: 5px 5px
}

#footer div#mylink div.linkBox {
    border-right: 1px solid #333
}

#footer div#mylink div.facebook {
    background-image: url(/img/freebie_link_facebook.png)
}

#footer div#mylink div.twitter {
    background-image: url(/img/freebie_link_twitter.png)
}

#footer p#copy {
    text-align: right;
    margin: 0
}

#footer address {
    text-align: right;
    font-style: normal
}

#footer div#copy {
    text-align: center;
    margin: 25px auto 10px;
    font-size: 11px;
    color: #fff;
    width: 1000px;
    line-height: 1.5;
    float: none
}

#footer div#copy a {
    color: #fff
}

#footer div#facebook div {
    padding: 0 0 10px 10px
}

a.noline {
    text-decoration: none
}

div#pr {
    text-align: center;
    background: none repeat scroll 0 0 #f5f5f5;
    color: #333;
    margin: 0;
    padding: 3px 0;
    border-top: 1px solid #fff
}

#footer div#mysns {
    width: 100%;
    text-align: center
}

#footer div#mysns div.box {
    width: 100px;
    height: 25px;
    display: inline-block
}

#footer div#mysns h5 {
    font-size: 9px;
    color: #b6b6b6;
    display: inline;
    vertical-align: middle
}

#footer div#mysns div.box img {
    vertical-align: middle;
    margin-right: 5px
}

#footer div#mysns a {
    text-decoration: none
}

div#topimg {
    border: 1px solid #d7d7d7;
    margin-bottom: 20px
}

div.top div#pickup {
    margin: 0 0 15px 0
}

div.top div#pickup div {
    float: left;
    width: 20%;
    text-align: center;
    line-height: 130%
}

div.top div#pickup img {
    border: 1px solid #ccc;
    margin: 0 0 5px 0
}

div.top div#pickup span {
    display: block
}

ul#pankuzu.detail {
    margin-bottom: 10px
}

div.detail {
    margin: 0
}

div.detail dl#data {
    margin: 0 0 10px 0
}

div.detail dl#data dd,
div.detail dl#data dt {
    float: left;
    disply: block;
    min-height: 33px;
    font-size: 13px;
    margin: 0 0 10px 0
}

div.detail dl#data dt span {
    display: block;
    padding: 6px 10px 0 10px;
    color: #666
}

div.detail dl#data dd span {
    display: block;
    padding: 6px 10px 0 15px
}

div.detail dl#data dt {
    background: url(/assets/img/detail_item_bg.png) 0 0 no-repeat
}

div.detail dl#data dd {
    background: url(/assets/img/detail_item_last.png) 0 0 no-repeat
}

div.ad234x60 {
    text-align: center;
    margin: 0 0 10px 0
}

ul#download {
    margin: 0 0 20px 0;
    text-align: center
}

ul#download li {
    width: 234px;
    margin: 0 auto 10px auto
}

ul#download a {
    display: block;
    width: 100%;
    padding: 15px 0;
    background: #333;
    text-decoration: none;
    color: #fff
}

ul#download a:hover {
    background: #09c
}

div.search div.ad728 {
    text-align: center;
    margin: 20px 0
}

div.search p.pageNavi {
    margin: 0 0 10px 0
}

div.search p.pageNavi em {
    font-weight: 700;
    margin: 0 2px
}

div#pagerArea2,
div.search div#pagerArea {
    background: #f5f5f5;
    padding: 8px;
    border: 1px solid #999
}

div.search div#total {
    float: left;
    margin: 5px 0 0 5px
}

div.search div#total span {
    font-weight: 700
}

div.search ul.pager {
    float: right;
    font-size: 12px
}

div.search ul.pager li {
    float: left;
    margin-right: 5px;
    border: 1px #999 solid;
    font-weight: 700;
    background: #fff
}

div.search ul.pager li.next,
div.search ul.pager li.prev {
    border: none
}

div.search ul.pager li a {
    display: block;
    padding: 5px 10px;
    color: #333
}

div.search ul.pager li a:link,
div.search ul.pager li a:visited {
    text-decoration: none
}

div.search ul.pager li a:active,
div.search ul.pager li a:hover {
    background-color: #39c;
    color: #fff;
    text-decoration: none
}

div.search ul.pager li em {
    display: block;
    font-style: normal;
    padding: 5px 10px;
    background: #333;
    color: #fff
}

div.search div.list {
    margin: 0 0 15px 0;
    padding: 5px 0 0 0
}

div.search div.list div {
    text-align: center;
    width: 20%;
    float: left;
    height: 210px
}

div.search div.list div p {
    margin: 0 0 5px 0;
    border: 1px solid #d7d7d7;
    width: 156px!important;
    height: 156px!important;
    vertical-align: middle;
    display: table-cell
}

div.search div.list div p img {
    vertical-align: bottom
}

div.search div.list div a:hover p {
    border: 1px solid #39c
}

div.search div.list div span {
    font-size: 12px;
    display: block;
    text-align: center;
    width: 158px;
    margin-top: 3px;
    line-height: 130%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

div.search p.txt {
    margin: 20px 0
}

div.search div#searchMenu ul {
    text-align: right;
    margin: 20px 0 0 0
}

div.search div#searchMenu li {
    display: inline
}

div.search div#searchMenu select {
    margin: 0 0 0 10px
}

div.search div.ad300x2 {
    width: 630px;
    margin: 0 auto
}

div.search div.ad300x2 div.left {
    float: left
}

div.search div.ad300x2 div.right {
    float: right
}

div.search div.list195 {
    margin: 0 0 15px 0;
    padding: 5px 0 0 0
}

div.search div.list195>div {
    float: left;
    text-align: left;
    width: 201px;
    height: 206px
}

div.search div.list195>div p {
    margin: 0 0 5px 0;
    border: 1px solid #d7d7d7;
    width: 195px!important;
    height: 195px!important;
    vertical-align: middle;
    display: table-cell
}

div.search div.list195>div p img {
    vertical-align: bottom
}

div.search div.list195>div a:hover p {
    border: 1px solid #39c
}

div.search div.list195>div span {
    font-size: 12px;
    display: block;
    text-align: center;
    width: 195px;
    margin-top: 3px;
    line-height: 130%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

div.sitemap dl#main {
    margin: 20px 0
}

div.sitemap dl#main dd,
div.sitemap dl#main dt {
    border-bottom: 1px solid #999;
    float: left;
    height: 50px
}

div.sitemap dl#main dt {
    width: 30%
}

div.sitemap dl#main dd {
    display: block;
    width: 69%
}

div.sitemap dl#main dt a {
    display: block;
    padding: 15px 18px
}

div.sitemap dl#main dt a:hover {
    background: #09c;
    color: #fff
}

div.sitemap dl#main dd span {
    display: block;
    padding: 15px 10px
}

div.sitemap dl#main dt#sub {
    border: 0;
    background: 0 0;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #999
}

div.sitemap dl#main dt#sub ul {
    padding: 0 0 10px 190px
}

div.sitemap dl#main dt#sub ul a {
    padding: 5px 18px
}

div.sitemap dl#main .none {
    border: none
}

div.registration .txt {
    margin: 0 0 15px 0
}

div.registration form {
    background: #efefef;
    padding: 20px;
    border: 1px solid #999
}

div.registration form div.left {
    float: left;
    margin: 0 10px 0 0
}

div.registration form span {
    display: block;
    margin: 0 0 5px 0
}

div.registration form span em {
    color: #c00;
    font-size: 11px
}

div.registration form span input {
    padding: 5px
}

div.registration form p input {
    margin: 0 5px 0 0
}

div.registration form div.cf {
    margin-bottom: 10px
}

div.registration form p {
    margin: 0 0 5px 0
}

div.registration #form_disp_flg {
    position: relative;
    top: 4px
}

div.registration form div#bt {
    margin: 10px 0 0 0
}

div.registration form div#bt input {
    background: url(/assets/img/regist_bt_new.png) 0 0 no-repeat;
    width: 120px;
    height: 43px;
    border: 0
}

div.registration form div#bt input:hover {
    background: url(/assets/img/regist_bt_h_new.png) 0 0 no-repeat;
    width: 120px;
    height: 43px;
    border: 0
}

div.registration div#flow {
    margin: 20px 0
}

div.registration div#flow div {
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    padding: 20px;
    margin: 0
}

div.registration div#flow div h3 {
    font-size: 24px;
    font-weight: 700
}

div.registration div#flow div p {
    font-size: 18px
}

div.registration div#flow span.next {
    display: block;
    background: url(/assets/img/regist_flow_bg.png) 50% 0 no-repeat;
    height: 30px;
    margin: 0
}

div.registration h3#copy {
    font-size: 32px;
    line-height: 130%;
    color: #09c;
    margin: 0 0 10px 0
}

div.inquiry table {
    background: #ccc;
    width: 100%;
    margin: 20px 0
}

div.inquiry th {
    background: #eee;
    text-align: left;
    width: 30%;
    font-weight: 400
}

div.inquiry td {
    background: #fff
}

div.inquiry td,
div.inquiry th {
    padding: 8px
}

div.inquiry em {
    color: #c00
}

div.inquiry div#bt {
    text-align: center;
    margin: 0 0 20px 0
}

div.inquiry div#bt input {
    padding: 8px
}

div.photography h3 {
    font-size: 18px;
    margin: 10px 0;
    font-weight: 700
}

div.photography p {
    margin: 0 0 10px 0
}

div.photography dl {
    margin: 0 0 30px 0
}

div.photography dt {
    float: left;
    width: 20%
}

div.photography dd {
    display: block;
    float: left;
    width: 80%
}

div.photography dd,
div.photography dt {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    font-size: 12px
}

div.simple h3 {
    font-weight: 700;
    font-size: 16px;
    border-bottom: 1px solid #999;
    padding: 10px 0 3px 0
}

div.simple p,
div.simple ul {
    margin: 10px 0 20px 0;
    font-size: 12px
}

div.simple p strong {
    font-weight: 700;
    font-size: 14px
}

div.simple ol {
    list-style-type: decimal;
    padding-left: 40px;
    margin: 0 0 20px 0;
    font-size: 12px
}

div.simple ol li {
    list-style-type: decimal;
    margin: 0 0 10px 0
}

div.release p {
    margin-bottom: 2px
}

div.release ul {
    margin: 10px 0 20px
}

div.release .area20 {
    margin: 20px 0 20px!important
}

.release .form table,
.release .form td,
.release .form th {
    margin-top: 0;
    border-top: none;
    border-bottom: none
}

.release .form th {
    text-align: center
}

.idtyimg {
    width: 100%
}

.form a.disabled {
    color: #999;
    text-decoration: none;
    cursor: not-allowed
}

p.err {
    color: #c00;
    padding: 12px;
    border: 1px solid #c00;
    margin: 12px 0;
    font-weight: 700
}

div.offer h1 {
    font-weight: 700;
    font-size: 40px;
    color: #39c
}

div.offer a {
    text-decoration: none
}

div.offer h3 {
    font-weight: 700;
    border-bottom: 1px solid #000;
    font-size: 18px;
    margin: 40px 0 15px
}

div.offer dl {
    margin: 20px 0 0 0
}

div.offer p.subtitle {
    margin: 25px 0 0 0
}

div.offer ul {
    padding: 0 0 0 20px;
    margin: 25px 0 0 0
}

div.offer ul.outline li {
    list-style: disc
}

div.offer ul.caution li {
    list-style: square
}

.slider-viewport {
    border: 1px solid #d7d7d7;
    margin-bottom: 20px
}

.content-box,
.slide,
.slider-viewport {
    width: 918px;
    height: 375px
}

.content-box {
    overflow: hidden
}

a.fb-share {
    display: inline-block;
    padding-left: 20px;
    padding-right: 2px;
    border: solid 1px #cad4e7;
    border-radius: 4px;
    -moz-border-radius: 4px;
    height: 20px;
    line-height: 20px;
    background: url(/assets/img/f_logo_s.jpg) no-repeat 2px center #eceef5;
    text-decoration: none;
    color: #3b59b8;
    cursor: pointer;
    float: right;
    margin: 11px 0
}

a.fb-share:hover {
    border: solid 1px #9dacce
}

.adbox_468_60 {
    border: 1px solid #d7d7d7;
    text-align: center;
    height: 90px;
    vertical-align: middle;
    margin: 20px 0
}

.ad468_60 {
    margin-top: 15px;
    text-align: center
}

#bottom-ad {
    width: 100%;
    height: 120px;
    text-align: center;
    position: fixed;
    bottom: 0;
    z-index: 10002
}

#bottom-ad .ad-bkg {
    background-color: #333;
    width: 100%;
    height: 120px;
    position: relative;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8
}

#bottom-ad .ad-body {
    position: relative;
    bottom: 115px;
    width: 728px;
    height: 90px;
    margin: 0 auto;
    text-align: left;
    background-color: #fff
}

#bottom-ad .btn-area {
    padding: 5px 10px;
    text-align: right;
    position: relative;
    bottom: 115px
}

.close-btn {
    float: right;
    -moz-box-shadow: inset 1px 1px 0 0 #fff;
    -webkit-box-shadow: inset 1px 1px 0 0 #fff;
    box-shadow: inset 1px 1px 0 0 #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #ededed), color-stop(1, #dfdfdf));
    background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
    background-color: #ededed;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777;
    font-family: arial;
    font-size: 25px;
    font-weight: 700;
    padding: 6px 16px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff
}

.close-btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #dfdfdf), color-stop(1, #ededed));
    background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
    background-color: #dfdfdf
}

.close-btn:active {
    position: relative;
    top: 1px
}

.thickbox {
    height: auto
}

.donation-info img {
    border: none
}

.donation-info p {
    padding: 5px 0 10px
}

.donation-report-area {
    margin: 40px 0;
    background: url(/assets/img/tree.png) no-repeat;
    height: 291px;
    position: relative
}

.donation-report {
    font-size: 18px;
    color: #595757;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 40px 0 0
}

.donation-report table td {
    text-align: right
}

.donation-report table td,
.donation-report table th {
    vertical-align: baseline;
    font-weight: 400
}

.donation-report table td span {
    color: #6c9a57;
    font-weight: 700;
    font-size: 32px;
    font-family: 'arial black'
}

.donation-message h3 {
    border: none;
    font-weight: 700;
    font-size: 15px
}

.donation-info .notice {
    margin: 15px 0 0 0
}

.donation-info .notice li {
    padding: 0;
    margin: 0
}

.side-banner a:hover img:hover {
    -moz-opacity: .85;
    -khtml-opacity: .85;
    opacity: .85
}

div.side-banner {
    height: 270px;
    margin-bottom: 20px
}

div.side-banner a {
    height: 250px
}

.list90 .noitems {
    width: 100% important
}

.bottom-band {
    background: url(/assets/img/nega3.png) repeat-x 0 7px #333;
    height: 65px;
    padding: 15px 0;
    margin-top: 48px
}

.nenga-fixed {
    position: fixed!important;
    top: 10px
}

.creator .form {
    margin-bottom: 30px
}

.creator .form table {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    border-collapse: collapse
}

.creator .form table {
    background: #ccc;
    width: 100%;
    margin: 20px 0
}

.creator .form th {
    background: #eee;
    text-align: left;
    width: 30%;
    font-weight: 400;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999
}

.creator .form td {
    background: #fff;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999
}

.creator .form td,
.creator .form th {
    padding: 15px 20px
}

.creator .form em {
    color: red
}

.creator .form div#bt {
    text-align: center;
    margin: 0 0 20px 0
}

.creator .form div#bt input {
    padding: 8px
}

.creator .form input[type=text],
.creator form input[type=email],
.creator form input[type=password] {
    margin: 8px 0;
    padding: 4px;
    width: 86%;
    border: 1px solid #666
}

.creator .form .check-list li {
    padding: 10px 5px
}

div#sidebar ul#creator-menu {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    margin: 0 0 20px 0
}

div#sidebar ul#creator-menu li {
    width: 298px;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999
}

div#sidebar ul#creator-menu li a {
    display: block;
    padding: 10px 0 10px 40px;
    text-decoration: none;
    color: #333
}

div#sidebar ul#creator-menu li a:hover {
    color: #fff;
    background: #39c
}

.accordion-heading {
    background: url(/assets/img/creator/title_back.png) no-repeat;
    height: 53px;
    width: 598px
}

.accordion-heading a {
    color: #333;
    display: block;
    width: 598px;
    height: 53px;
    padding: 16px 15px;
    font-size: 16px;
    outline: 0
}

.accordion-group {
    margin-bottom: 12px
}

.accordion-inner {
    background-color: #f5f5f5;
    padding: 15px;
    margin: 5px 0;
    width: 568px
}

.creator .inquiry-notice {
    margin-bottom: 15px
}

.creator .photo-list {
    clear: both;
    overflow: hidden;
    background: none repeat scroll 0 0 #fff;
    border-top: 1px solid #999
}

.creator .photo-list .sectionimg {
    float: left;
    width: 270px;
    padding: 10px;
    background: none repeat scroll 0 0 #f5f5f5
}

.creator .photo-list .sectionimg .img01 {
    padding-left: 58px
}

.creator .photo-list .sectiondata {
    float: right;
    width: 290px;
    padding: 10px;
    background: #fff
}

.creator .photo-list .sectiondata ul {
    margin: 0;
    padding: 0
}

.creator .photo-list .sectiondata ul li {
    margin: 0 10px
}

.creator .photo-list .sectiondata ul li:before {
    content: "\0025a0";
    padding-right: 5px;
    float: left
}

.creator .photo-list .sectiondata li span {
    font-weight: 700;
    margin: 0 5px 0 0
}

.creator .photo-list .count-info {
    padding-left: 10px;
    padding-top: 10px
}

.creator .photo-list .count-info ul {
    list-style-type: none
}

.creator .photo-list .count-info ul li {
    font-size: 14px;
    border-bottom: 1px dotted #999;
    padding: 2px;
    width: 213px;
    font-family: "Trebuchet MS", Arial, sans-serif
}

.creator .photo-list .count-info ul li {
    height: 20px;
    display: inline-block;
    padding-left: 30px;
    color: #000;
    vertical-align: middle
}

.creator .photo-list .count-info ul li.pageview {
    background: url(/assets/img/pv.png) no-repeat 5px 6px
}

.creator .photo-list .count-info ul li.download {
    background: url(/assets/img/dl.png) no-repeat 5px 6px
}

.creator .photo-list .count-info ul li.nice {
    background: url(/assets/img/nice_s.png) no-repeat 5px 4px
}

div.release h3 {
    font-weight: 700;
    font-size: 16px;
    border-bottom: 1px solid #999;
    padding: 10px 0 3px 0
}

.release .explist {
    padding-left: 15px
}

.release .explist li {
    list-style-type: disc
}

.release .explist li.none {
    list-style-type: none;
    margin-left: -15px
}

.preview {
    float: right;
    font-size: 13px;
    margin-top: 1px
}

.flink1 {
    padding-left: 30px;
    padding-top: 20px
}

.flink1 li {
    float: left;
    display: inline-block;
    padding-left: 5px
}

.flink1 li a {
    color: #39c;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif
}

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

div.profile-edit form {
    background-color: #fff;
    border: none;
    padding: 0;
    margin-top: 27px
}

div.profile-edit form input[type=email],
div.profile-edit form input[type=file],
div.profile-edit form input[type=password],
div.profile-edit form input[type=radio],
div.profile-edit form input[type=text],
div.profile-edit form textarea {
    border: 1px solid #333;
    margin-top: 12px;
    margin-left: 24px;
    padding: 6px;
    width: 80%
}

div.profile-edit form input[type=text].error,
div.profile-edit form textarea.error {
    border-color: red
}

div.profile-edit form input[type=file] {
    border: none
}

div.profile-edit form input[type=radio] {
    width: auto;
    border: none;
    margin-top: 27px
}

div.profile-edit form input[type=submit] {
    display: block;
    background-color: #333;
    border: none;
    color: #fff;
    padding: 6px 12px;
    margin: 0 auto
}

div.profile-edit form textarea {
    height: 80px;
    margin-bottom: 18px
}

div.profile-edit form span {
    margin: 0;
    padding: 0;
    color: red;
    display: inline
}

div.profile-edit form .row {
    border-bottom: 1px solid #999;
    display: block;
    overflow: hidden
}

div.profile-edit form .row:first-child {
    border-top: 1px solid #999
}

div.profile-edit form div.left {
    background: #efefef;
    display: block;
    float: left;
    width: 35%;
    margin: 0;
    padding: 0;
    padding-bottom: 500em;
    margin-bottom: -500em
}

div.profile-edit form div.right {
    background: #fff;
    display: block;
    float: right;
    width: 65%;
    margin: 0;
    padding: 0;
    padding-bottom: 500em;
    margin-bottom: -500em
}

div.profile-edit form div.left label {
    display: block;
    padding: 24px
}

div.profile-edit form div.right p.description {
    margin: 6px 0 12px 24px
}

div.profile-edit form div.right .row {
    margin-top: 24px;
    margin-bottom: 18px;
    border-top: none;
    border-bottom: none;
    padding-left: 24px
}

div.profile-edit form div.right .row label {
    width: 20%;
    float: left;
    display: block
}

div.profile-edit form div.right .row input[type=text] {
    float: left;
    width: 70%;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 12px
}

div.profile-edit form p.legend {
    padding: 24px
}

div.profile-edit div.image {
    padding: 24px
}

.moreinfo {
    display: inline-block;
    padding: 0 6px;
    background-color: #09c;
    color: #fff;
    font-size: .7rem;
    margin-top: 0;
    margin-left: 6px;
    position: relative;
    width: auto
}

.moreinfo:link {
    color: #fff;
    text-decoration: none
}

#powerTip {
    background-color: #09c!important;
    width: 150px;
    white-space: normal
}

#powerTip.n:before {
    border-top: 10px solid #09c!important;
    border-top: 10px solid rgba(0, 153, 204, 1)!important
}

#powerTip.w:before {
    border-left: 10px solid #09c!important;
    border-left: 10px solid rgba(0, 153, 204, 1)!important
}

#powerTip.s:before {
    border-bottom: 10px solid #09c;
    border-bottom: 10px solid rgba(0, 153, 204, 1)!important;
    top: -10px
}

ul.error-messages {
    margin-top: 24px;
    padding-left: 24px;
    color: red
}

#success.messages li {
    text-align: center;
    color: green;
    border: 1px solid green;
    padding: 9px
}

form .row {
    display: block;
    overflow: hidden
}

div.contact-form form div.left {
    display: block;
    float: left;
    width: 30%;
    margin: 0;
    padding: 0;
    padding-bottom: 500em;
    margin-bottom: -500em
}

form div.right {
    background: #fff;
    display: block;
    float: right;
    width: 70%;
    margin: 0;
    padding: 0;
    padding-bottom: 500em;
    margin-bottom: -500em
}

div.contact-form form input[type=file],
div.contact-form form input[type=radio],
div.contact-form form input[type=text],
div.contact-form form textarea {
    border: 1px solid #333;
    margin-top: 12px;
    margin-left: 24px;
    padding: 6px;
    width: 80%
}

div.contact-form form input[type=text].error,
div.contact-form form textarea.error {
    border-color: red
}

form div.left label {
    display: block;
    padding: 24px
}

.pagination {
    height: 36px;
    margin: 18px 0
}

.pagination ul {
    float: left;
    margin: 0;
    border: 1px solid #ddd;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05)
}

.pagination li {
    display: inline
}

.pagination a {
    float: left;
    padding: 0 14px;
    line-height: 34px;
    border-right: 1px solid;
    border-right-color: #ddd;
    border-right-color: rgba(0, 0, 0, .15);
    text-decoration: none
}

.pagination .active a,
.pagination a:hover {
    background-color: #c7eefe
}

.pagination .disabled a,
.pagination .disabled a:hover {
    background-color: transparent;
    color: #bfbfbf
}

.pagination .next a {
    border: 0
}

ul.fan-data {
    margin-left: 0
}

.fan-list ul.fan-data li {
    float: left;
    width: 75px;
    text-align: center
}

.fan-list ul.fan-data li div {
    height: 50px
}

.fan-list ul.fan-data li p {
    width: 75px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

ul.fan-data p span {
    color: #39c
}

.fan-list ul.fan-data li p {
    width: 75px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

.creator-list p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

.btn-gray {
    display: block;
    background-color: #333;
    border: none;
    color: #fff;
    padding: 6px 12px;
    margin: 0 auto;
    color: #fff;
    cursor: pointer
}

.creator-profile #fan-list {
    margin-bottom: 15px
}

.creator-profile #fan-list div {
    width: 75px;
    float: left
}

.creator-profile #fan-list p {
    text-align: center
}

.creator-profile #fan-list span {
    display: block;
    width: 75px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

.comment-table span.poster-name {
    width: 75px;
    color: #39c;
    text-align: right;
    display: block;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

div.creator .searcharea input[type=text],
div.creator .searcharea select {
    border: 1px solid #999;
    padding: 2px 0;
    height: 26px;
    box-sizing: border-box
}

.alert-box {
    color: #555;
    border-radius: 10px;
    font-size: 12px;
    padding: 10px 10px 10px 36px;
    margin: 10px 0
}

.alert-box span {
    font-weight: 700;
    text-transform: uppercase
}

.alert-box.error {
    background: #ffecec url(/assets/img/error.png) no-repeat 10px 50%;
    border: 1px solid #f5aca6
}

.alert-box.success {
    background: #e9ffd9 url(/assets/img/success.png) no-repeat 10px 50%;
    border: 1px solid #a6ca8a
}

.alert-box.warning {
    background: #fff8c4 url(/assets/img/warning.png) no-repeat 10px 50%;
    border: 1px solid #f2c779
}

.alert-box.notice {
    background: #e3f7fc url(/assets/img/notice.png) no-repeat 10px 50%;
    border: 1px solid #8ed9f6
}

.mce-floatpanel.mce-popover.mce-bottom.mce-start {
    min-width: 292px;
    min-height: 294px
}

.tagSearch01 {
    overflow: hidden;
    margin: 10px auto 30px;
    padding: 20px 10px 10px 30px;
    text-align: center;
    line-height: 1;
    background: url(/assets/img/tag/bg_01.gif) repeat-y center center
}

.tagSearch01 li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
    letter-spacing: -1px;
    font-family: "Times New Roman", Serif
}

.tagSearch01 li a {
    position: relative;
    top: 0;
    left: -10px;
    z-index: 10;
    margin: 0;
    padding: 0 5px;
    border: 1px dotted #999;
    color: #000;
    font-size: 1em;
    text-decoration: none
}

.tagSearch01 li a:hover {
    border: 1px solid #39c;
    text-decoration: none;
    background: #fff;
    position: relative;
    z-index: 50;
    color: #000!important
}

.tagSearch01 li.tagRank1 {
    line-height: 1.3em
}

.tagSearch01 li.tagRank1 a {
    top: -5px;
    z-index: 1;
    font-size: 2.8em
}

.tagSearch01 li.tagRank2 a {
    top: -4px;
    z-index: 2;
    font-size: 2.6em;
    color: #222
}

.tagSearch01 li.tagRank3 a {
    top: 4px;
    z-index: 3;
    font-size: 2.4em;
    color: #333
}

.tagSearch01 li.tagRank4 a {
    top: -6px;
    z-index: 4;
    font-size: 2.2em;
    color: #444
}

.tagSearch01 li.tagRank5 a {
    top: 8px;
    z-index: 5;
    font-size: 2em;
    color: #555
}

.tagSearch01 li.tagRank6 a {
    top: -5px;
    z-index: 6;
    font-size: 1.8em;
    color: #666
}

.tagSearch01 li.tagRank7 a {
    top: 6px;
    z-index: 7;
    font-size: 1.6em;
    color: #777
}

.tagSearch01 li.tagRank8 a {
    top: -4px;
    z-index: 8;
    font-size: 1.4em;
    color: #888
}

.tagSearch01 li.tagRank9 a {
    top: 8px;
    z-index: 9;
    font-size: 1.2em;
    color: #999
}

.tagSearch01 li.tagRank10 a {
    top: 0;
    z-index: 10;
    font-size: 1em;
    color: #aaa
}

.tagSearch01 li.tagRank1+li a,
.tagSearch01 li.tagRank2+li a,
.tagSearch01 li.tagRank3+li a {
    left: -25px;
    top: -5px
}

.tagSearch01 li.tagRank7+li.tagRank7 a {
    top: -3px
}

.tagSearch01 li.tagRank10+li a {
    top: 3px
}

.tagSearch01 li.tagRank10+li+li a {
    top: -3px
}

.tagSearch01 li.tagRank10+li+li+li a {
    top: 5px
}

.tagSearch01 li+li+li+li+li a {
    top: -2px
}

.bg-black {
    background-color: #000
}

.text-center {
    text-align: center
}

.pr-container {
    width: 990px;
    margin: auto
}

.pr-container h3 {
    font-weight: 700;
    font-size: 22px;
    margin: 15px auto 10px;
    color: #fff
}

.pr-container a {
    color: #fff;
    text-decoration: none;
    font-weight: 700
}

.btn-circle.btn-lg {
    border-radius: 25px;
    font-size: 24px;
    height: 50px;
    line-height: 1.33;
    padding: 12px 8px;
    width: 50px;
    background-color: #39c;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid transparent;
    cursor: pointer
}

.btn-circle.btn-lg:hover {
    background-color: #cecece
}

.btn-circle span {
    display: inline-block;
    position: relative;
    top: 1px;
    color: #fff;
    font-weight: 700
}

#header-register {
    width: 100%;
    background: #000
}

#header-register-form-wrapper {
    width: 100%;
    text-align: center;
    padding: 15px 0 20px
}

#header-register-form {
    display: inline-block;
    color: #fff;
    vertical-align: top
}

#header-register-form-wrapper .text-large {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    padding-top: 17px
}

#header-register-form-wrapper a {
    color: #fff
}

#header-register-form button:hover {
    opacity: .75
}

#div-gpt-ad-1360037269600-1 {
    float: right;
    width: 728px;
    height: 90px
}

#loginData {
    float: left
}

.header-register-form-arrow {
    vertical-align: top;
    margin-right: 8px
}

#account-registration-consent {
    font-size: 10px;
    font-weight: 400
}

div#popDetail {
    width: 600px;
    margin: 20px auto
}

div#popDetail div#head {
    height: 40px
}

div#popDetail #text1 {
    font-size: 14px
}

div#popDetail div#close {
    float: right
}

div#popDetail #thum {
    text-align: center;
    margin-bottom: 20px
}

div#popDetail #thum img {
    border: 1px solid #ccc
}

div#popDetail #text2,
div#popDetail #text3 {
    text-align: center;
    margin: 12px 0
}

div#popDetail #text3 {
    color: #09c
}

div#popDetail div#unicef {
    float: left
}

div#popDetail div#down {
    float: right;
    width: 190px;
    height: 45px;
    background: #09c;
    text-align: center
}

div#popDetail div#down a {
    display: block;
    color: #fff;
    text-decoration: none;
    width: 100%;
    height: 100%
}

div#popDetail div#down span {
    display: block;
    padding: 15px 0 0
}

div#popDetail div#down a:hover {
    background: #0dc4ba
}

div#popLogin {
    width: 100%;
    background: #fff
}

div#popLogin h3 {
    color: #09c;
    font-weight: 400;
    font-size: 16px;
    margin: 5px 0 0
}

div#popLogin div#login {
    padding: 10px
}

div#popLogin div#login p {
    margin: 0 0 10px
}

div#popLogin div#login span {
    display: block;
    text-align: right;
    padding: 0 10px 0 0;
    font-size: 14px
}

div#popLogin input {
    padding: 5px
}

div#popLogin input.bt {
    background: url(/assets/img/login_bt.png) no-repeat;
    width: 120px;
    height: 43px;
    margin: 12px 0;
    border: 0
}

div#popLogin input.bt:hover {
    background: url(/assets/img/login_bt_h.png) no-repeat
}

div#popLogin em {
    font-style: normal;
    font-size: 16px
}

#TB_overlay {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.TB_overlayMacFFBGHack {
    background: url(/assets/img/macFFBgHack.png)
}

.TB_overlayBG {
    background-color: #000;
    -moz-opacity: .75;
    opacity: .75
}

* html #TB_overlay {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight: document.body.offsetHeight + 'px')
}

#TB_window {
    position: fixed;
    background: #fff;
    z-index: 102;
    color: #000;
    display: none;
    border: 4px solid #525252;
    text-align: left;
    top: 50%;
    left: 50%
}

* html #TB_window {
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin=document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')
}

#TB_window img#TB_Image {
    display: block;
    margin: 15px 0 0 15px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #666;
    border-left: 1px solid #666
}

#TB_caption {
    height: 25px;
    padding: 7px 30px 10px 25px;
    float: left
}

#TB_closeWindow {
    height: 25px;
    padding: 11px 25px 10px 0;
    float: right
}

#TB_closeAjaxWindow {
    padding: 7px 10px 5px 0;
    margin-bottom: 1px;
    text-align: right;
    float: right
}

#TB_ajaxWindowTitle {
    float: left;
    padding: 7px 0 5px 10px;
    margin-bottom: 1px
}

#TB_title {
    background-color: #09c;
    color: #fff;
    height: 27px
}

#TB_title a {
    color: #fff
}

#TB_ajaxContent {
    clear: both;
    padding: 2px 15px 15px;
    overflow: auto;
    text-align: left;
    line-height: 1.4em
}

#TB_ajaxContent.TB_modal {
    padding: 15px
}

#TB_ajaxContent p {
    padding: 5px 0
}

#TB_load {
    position: fixed;
    display: none;
    height: 13px;
    width: 208px;
    z-index: 103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px
}

* html #TB_load {
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin=document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')
}

#TB_HideSelect {
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    border: none;
    -moz-opacity: 0;
    opacity: 0;
    height: 100%;
    width: 100%
}

* html #TB_HideSelect {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight: document.body.offsetHeight + 'px')
}

#TB_iframeContent {
    clear: both;
    border: none;
    margin-bottom: -1px;
    margin-top: 1px
}

#dialog-window {
    text-align: left;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    box-shadow: rgba(45, 45, 45, .65) 3px 3px 3px 1px;
    -webkit-box-shadow: rgba(45, 45, 45, .65) 3px 3px 3px 1px;
    -moz-box-shadow: rgba(45, 45, 45, .65) 3px 3px 3px 1px
}

#dialog-window .text-large {
    font-size: 16px;
    font-weight: 700
}

#dialog-window .text-small {
    font-size: 11px
}

#dialog-window h3 {
    color: #fff;
    border: none;
    font-weight: 700;
    padding: 4px 0;
    margin: 4px 0;
    font-size: 24px
}

#dialog-window-close-button {
    float: right
}

#dialog-window input[type=email],
#dialog-window input[type=password],
#header-register-form input[type=email] {
    width: 203px;
    height: 36px;
    border: 1px solid #ccc;
    font-size: 10pt;
    color: #63717f;
    padding-right: 80px;
    padding-left: 12px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-top: 12px
}

.form-container-1 {
    width: 297px;
    vertical-align: middle;
    white-space: nowrap;
    position: relative
}

.form-container-1 .icon {
    position: absolute;
    z-index: 1;
    color: #4f5b66;
    right: 1px;
    cursor: pointer;
    top: 13px;
    margin: 0;
    border: none;
    padding: 0;
    outline: 0;
    background: 0 0;
    width: 81px;
    height: 36px
}

.form-container-1 button.icon::-moz-focus-inner {
    border: 0!important;
    padding: 0!important
}

img#dialog-window-close-button:hover,
img#dialog-window-creator-register:hover {
    opacity: .75
}

#dialog-window button:hover {
    opacity: .75
}

#dialog-window-content-area {
    padding: 0 20px
}

.yellow-text {
    color: #e6b82d
}

#dialog-window section {
    border-bottom: 1px dotted #ccc;
    padding: 20px 0
}

#dialog-window section:last-child {
    border: none
}

#dialog-window a {
    color: #fff
}

.green-text {
    color: #85c354
}

label.error {
    display: block;
    color: #fff;
    font-size: 13px
}

.blue-tooltip {
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
    background: url(/assets/img/p_tooltip.png) no-repeat;
    height: 101px;
    width: 219px;
    font-size: 13px;
    color: #fff;
    z-index: 100000;
    border: none;
    box-shadow: none;
    padding: 15px 13px 18px 16px
}

.premium-photo-icon {
    display: none;
    float: left;
    width: 4%
}

.blue-tooltip .msg-1 {
    line-height: 1.35
}

.blue-tooltip a {
    color: #ff0;
    text-decoration: none
}

.blue-tooltip a:hover {
    text-decoration: underline
}

.ad468x15 {
    float: right;
    margin: 0
}

#fb-complete {
    display: none;
    padding: 0 8px
}

#regist a {
    height: 82px!important
}

textarea.error {
    border: 1px solid red
}

#errors {
    margin-top: 3px
}

.content-models-list p {
    font-size: 12px;
    font-weight: 700;
    margin: 20px 0 20px 5px
}

.content-models-list-inner {
    width: 600px;
    margin: 0 auto
}

.tab-menu {
    display: table;
    list-style-type: none;
    margin: 0 0 10px 0;
    padding: 0;
    width: 100%;
    text-align: center;
    border-bottom: 3px solid #000
}

.tab-menu li {
    cursor: pointer;
    display: table-cell;
    padding: 10px 0;
    border-left: 1px solid #ccc;
    width: 25%
}

.tab-menu li:hover {
    background: #ccc;
    opacity: .8;
    transition: .2s
}

.tab-menu li:first-child {
    border-left: 0
}

.tab-menu>.active {
    cursor: default;
    background-color: #000;
    color: #fff;
    outline: 0
}

.tab-contents>div:nth-child(n+2) {
    display: none
}

.models-list li {
    float: left;
    margin: 0 11.5px 11.5px 0;
    position: relative
}

.models-list li:nth-child(4n+4) {
    margin-right: 0
}

.models-list li a {
    display: block
}

.models-list li img {
    box-shadow: 1px 1px 1px #ccc, -1px -1px 1px #ccc
}

.models-list figure figcaption {
    display: block;
    background-color: #000;
    color: #fff;
    font-size: 11px;
    padding: 7px 5.5px 4px;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.models-list figure:hover figcaption {
    opacity: .5
}

.illust-modal #text1 {
    color: #fff;
    text-align: left
}

.illust-modal #remodal-header {
    background-color: #e8384d
}

div#popDetail.popDetailIllust {
    background-color: #000;
    width: 420px
}

div#popDetail.popDetailIllust div#down {
    background: #e8384d
}

div#popDetail.popDetailIllust div#down a:hover {
    background: #8b222e
}

div#popDetail.popDetailIllust #text3 {
    color: #e8384d;
    font-size: 12px
}

.silhouette-modal #text1 {
    color: #2cafb0;
    text-align: left
}

.silhouette-modal #remodal-header,
.silhouette-modal #remodal-header a {
    background-color: #fff;
    color: #2cafb0
}

div#popDetail.popDetailSlh {
    width: 420px
}

div#popDetail.popDetailSlh div#down {
    background: #2cafb0
}

div#popDetail.popDetailSlh div#down a:hover {
    background: silver
}

div#popDetail.popDetailSlh #text3 {
    color: #2cafb0;
    font-size: 12px
}

a#to-regist-btn {
    text-decoration: none
}

a#to-regist-btn:hover {
    text-decoration: underline
}

#login-btn {
    font-size: 18px;
    font-weight: 700;
    background: #09c;
    text-align: center;
    display: block;
    width: 120px;
    height: 43px;
    color: #fff;
    margin: auto
}

#login-btn:hover {
    text-decoration: underline;
    cursor: pointer
}

.list90 .noitems {
    width: 100%!important
}

#adbox_468_60 {
    width: 600px;
    height: 200px
}

.sns_btn_row {
    width: 450px;
    height: 45.1px;
    margin: 19px 75px 29px;
    float: left
}

.sns_btn_row ul {
    margin-top: 3px
}

.sns_btn_row ul li {
    float: left;
    margin-right: 8px
}

.sns_btn_row ul li:last-child {
    margin-right: 0;
    margin-top: 3.5px
}

.sns_btn_row ul li a img {
    border: none
}

.sns_btn_row ul li a img:hover {
    transition: .2s;
    opacity: .75;
    width: 105%;
    height: 105%;
    font-size: 120%
}

.contribute_photo {
    float: right;
    margin: 19px 68px;
    height: 44px;
    width: 180px;
    background: transparent url(/assets/img/camera_p.png) no-repeat scroll 130px 0
}

.contribute_photo a {
    display: block;
    color: #000;
    font-weight: 700;
    text-align: left;
    font-size: 16px;
    padding: 10px 15px;
    text-decoration: none
}

.contribute_photo a span {
    color: #f0b700
}

.contribute_photo:hover {
    transition: .2s;
    opacity: .5
}

.sns-LoginData {
    position: relative;
    float: left;
    height: 70px;
    width: 300px;
    margin-left: 15px
}

.top_sns_btn_row {
    position: absolute;
    width: 235px;
    height: 30px;
    top: 24px;
    left: 45px
}

.top_sns_btn_row ul {
    height: 30px;
    width: 235px
}

.top_sns_btn_row ul li {
    display: block;
    float: left;
    margin-right: 10px;
    vertical-align: bottom;
    line-height: 1em
}

.top_sns_btn_row ul li:nth-child(1) {
    margin-top: 0
}

.top_sns_btn_row ul li:nth-child(2) {
    margin-top: -2px
}

.top_sns_btn_row ul li:nth-child(3) {
    margin-top: -1px
}

.top_sns_btn_row ul li:nth-child(4) {
    margin-top: -1px
}

.top_sns_btn_row ul li:nth-child(5) {
    margin-top: -2px
}

.top_sns_btn_row ul li:nth-child(6) {
    margin-top: -3px
}

.top_sns_btn_row ul li:nth-child(7) {
    margin-top: 4px;
    margin-right: 0
}

.top_sns_btn_row ul li a {
    text-decoration: none;
    color: #cacaca;
    display: block;
    vertical-align: bottom;
    font-size: 24px
}

.top_sns_btn_row ul li:nth-child(2) a {
    font-size: 22px
}

.top_sns_btn_row ul li:nth-child(7) a {
    font-size: 20px;
    max-width: 38px;
    overflow: visible;
    letter-spacing: -1.5px
}

.top_sns_btn_row ul li a:hover {
    position: relative
}

.top_sns_btn_row ul li a:hover:after {
    position: absolute;
    content: attr(data-tooltip);
    top: -25px;
    font-size: 10px;
    background-color: #000;
    padding: .2rem .5rem .2rem .5rem;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    z-index: 100;
    transition: .5s;
    opacity: .8
}

.top_sns_btn_row ul li a:hover:before {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    top: -10px;
    left: 15px;
    border: 5px transparent solid;
    border-right-width: 0;
    border-left-color: #000;
    z-index: 99;
    transition: .5s;
    opacity: .8
}

.hatena-btn-icon-link:hover:after {
    width: 200px;
    left: -100px
}

.facebook-btn-icon-link:hover:after {
    width: 110px;
    left: -50px
}

.twitter-btn-icon-link:hover:after {
    width: 110px;
    left: -50px
}

.google-plus-btn-icon-link:hover:after {
    width: 100px;
    left: -50px
}

.rss-btn-icon-link:hover:after {
    width: 110px;
    left: -50px
}

.email-btn-icon-link:hover:after {
    width: 60px;
    left: -25px
}

.blog-btn-icon-link:hover:after {
    width: 130px;
    left: -50px
}

.blog-btn-icon a:hover:after {
    font-weight: 400
}

.hatena-btn-icon-link:hover .icon-hatena {
    color: #1d91ca
}

.facebook-btn-icon-link:hover .icon-facebook {
    color: #1274b9
}

.twitter-btn-icon-link:hover .icon-twitter {
    color: #5fc2db
}

.google-plus-btn-icon-link:hover .icon-googleplus {
    color: #ce4a39
}

.rss-btn-icon-link:hover .fa-rss {
    color: #f39930
}

.email-btn-icon-link:hover .fa-envelope {
    color: #e6002d
}

.blog-btn-icon a:hover {
    color: #14a83b
}

#shareauth_loading {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    background-color: rgba(120, 120, 120, .8)
}

#shareauth_loading_img {
    background-color: #fcfcfc;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: .8;
    text-align: center;
    width: 158px;
    height: 156px;
    padding: 8px 0;
    margin-left: -79px;
    margin-top: -82px
}

#shareauth_loading_img p {
    text-align: center;
    margin-top: 5px;
    font-size: 14px
}

#dataentryform label.error {
    display: block;
    color: red;
    font-size: 13px
}

#dataentryform .file {
    margin: 10px 0;
    display: block
}

#dataentryform .filefield {
    margin: 15px 0
}

#dataentryform .add-file-upload-area {
    margin: 10px 0;
    display: block
}

#atsreleaseinfo {
    position: absolute;
    background: #000;
    border: 3px solid #ccc;
    color: #fff;
    padding: 10px 10px 15px;
    width: 250px;
    white-space: normal
}

#atsreleaseinfo a {
    color: #ff0
}

#atsreleaseinfo img {
    width: 75%
}

#atsreleaseinfo .atsttl {
    display: block
}

#atsreleaseinfo .atsttl em {
    color: #ff0;
    font-size: 19px
}

#searchbox #advsearchbtn,
#slider-search-box #advsearchbtn {
    color: #666;
    cursor: pointer;
    text-align: center;
    background: #fff
}

#atsreleaseinfo .close {
    position: absolute;
    top: -8px;
    right: -15px;
    cursor: pointer
}

#searchbox #advsearchbtn {
    border: 1px solid #ccc;
    padding: 10px 0 0 3px;
    color: #666;
    float: left;
    font-size: 14px;
    height: 30px;
    width: 115px;
    background: #fff;
    cursor: pointer;
    text-align: center
}

#slider-search-box #advsearchbtn {
    border-left: 1px solid #ccc;
    padding: 15px 0 13px 7px;
    color: #666;
    font-size: 16px;
    background: #fff;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    min-width: 130px;
    position: absolute;
    right: 58px;
    top: 9px
}

.advsearcharea {
    position: absolute;
    width: 445px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    z-index: 1000
}

.advsearcharea:after,
.advsearcharea:before {
    content: "";
    display: block;
    left: 369px;
    width: 0;
    position: absolute
}

.advsearcharea:before {
    border: 20px solid transparent;
    border-bottom-color: #fff;
    border-top-width: 0;
    top: -19px;
    z-index: 1
}

.advsearcharea:after {
    border: 20px solid transparent;
    border-bottom-color: #ccc;
    border-top-width: 0;
    top: -20px
}

.advsearcharea input[type=checkbox],
.advsearcharea input[type=radio],
.advsearcharea label {
    cursor: pointer
}

.advsearcharea table tr td,
.advsearcharea table tr th {
    padding: 10px 10px 10px 0
}

.advsearcharea table tr th.vtop {
    vertical-align: top
}

.advsearcharea table th {
    text-align: right;
    width: 145px
}

.advsearcharea table td {
    width: 260px
}

.advsearcharea table input[type=text],
.advsearcharea table select {
    width: 100%;
    padding: 8px 0 8px 10px;
    font-size: 15px
}

.advsearcharea table select {
    padding: 5px
}

.advsearcharea table input[type=text] {
    border: 1px solid #ccc
}

.advsearcharea table input[type=checkbox],
.advsearcharea table input[type=radio] {
    margin: 0 10px 10px 0
}

.ui-dropdownchecklist {
    height: 50px;
    border-right: 0;
    background: #fff
}

.ui-state-active,
.ui-state-hover {
    border-color: #5794bf
}

.ui-dropdownchecklist-dropcontainer {
    background-color: #fff;
    border: 1px solid #999;
    padding: 5px 0 0 5px
}

.ui-dropdownchecklist-item,
.ui-dropdownchecklist-selector {
    background: #fff!important;
    color: #333!important;
    font-weight: 400!important
}

.ui-dropdownchecklist-item {
    border: none!important
}

.ui-dropdownchecklist-item input[type=checkbox] {
    cursor: pointer
}

.ui-dropdownchecklist-text {
    width: 200px!important;
    cursor: pointer
}

.ui-dropdownchecklist-selector {
    border: 1px solid #ccc!important;
    padding: 8px 0 8px 10px;
    font-size: 15px
}

.ui-dropdownchecklist-selector:before {
    position: absolute;
    right: 50px;
    content: '▼';
    padding-left: 10px;
    border-left: 1px solid #ccc;
    cursor: pointer
}

.prm-search {
    display: block;
    text-align: center
}

.prm-search .body {
    width: 470px;
    margin: auto
}

.prm-search .selarea {
    margin: 40px auto;
    padding: 0 200px
}

.prm-search h3 {
    margin: 30px 0;
    color: #09c;
    font-size: 20px;
    font-weight: 700
}

.prm-search a {
    text-decoration: none
}

.prm-search .btn {
    background: #09c;
    width: 70px;
    border: none;
    font-weight: 700;
    color: #fff;
    margin-left: 5px;
    padding: 5px 0
}

.prm-search .prmbtn {
    background: #09c;
    border: none;
    font-weight: 700;
    color: #fff;
    padding: 7px 10px
}

.prm-search .btn:hover {
    text-decoration: underline;
    cursor: pointer
}

.prm-search .yes {
    float: right
}

.prm-search .no {
    float: left
}

.prm-search-box {
    backgournd: #fff;
    max-width: 600px
}

.guide-tab-container {
    max-width: 600px;
    margin: 0 auto;
    box-sizing: border-box
}

.guide-tab-content img {
    display: block;
    margin-right: auto;
    margin-left: auto
}

ul.guide-tab-menu {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    text-align: center
}

ul.guide-tab-menu>li {
    float: left;
    cursor: pointer;
    width: 196.5px;
    margin: 0 5px 5px 0;
    padding: 15px 0;
    background-color: #333;
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

ul.guide-tab-menu>li:nth-child(3n+3) {
    margin-right: 0
}

ul.guide-tab-menu>.active {
    cursor: default;
    background-color: #ddd;
    color: #333
}

.guide-tab-content>div {
    padding: 0 0
}

.guide-tab-content>div:nth-child(n+2) {
    display: none
}

.guide-tab-content h3.guide-title {
    font-size: 24px
}

.guide-tab-content h4 {
    color: #39c;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    padding-top: 17px
}

.guide-tab-content h5 {
    font-weight: 700;
    font-size: 16px
}

.guide-tab-content h6 {
    font-size: 15px;
    color: #39c
}

.guide-tab-content p,
.guide-tab-content ul li {
    line-height: 1.9
}

.guide-tab-content p.figcaption {
    margin-bottom: -4px;
    font-size: 14px
}

.guide-tab-content ul.attention li {
    list-style-type: none;
    position: relative;
    margin-left: 1em
}

.guide-tab-content ul.attention li:before {
    content: '※';
    position: absolute;
    display: list-item;
    top: 0;
    left: -13px
}

.guide-tab-content .guide-tab-content_02 {
    position: relative
}

.guide-tab-content .guide-tab-content_02 span.big-text {
    font-size: 108px
}

.guide-tab-content .guide-tab-content_02 span.big-text span {
    font-size: 72px
}

.guide-tab-content .guide-tab-content_02 h4 span.latter-phrase {
    position: absolute;
    top: 100px;
    left: 5.3em
}

.guide-tab-content dl dt,
.guide-tab-content dl dt:before {
    color: #39c;
    font-size: 16px;
    font-weight: 700
}

.guide-tab-content dl dt:before {
    content: '・'
}

.guide-tab-content dl dd {
    margin-bottom: 20px;
    margin-left: 1.2em;
    font-size: 12px
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

.attention-box {
    color: #000;
    font-size: 14px;
    padding: 10px;
    margin: 10px;
    background-color: #e3f7fc;
    border: 1px solid #8ed9fd
}

.attention-box .mess {
    color: red
}

.btn-gray-inline {
    background-color: #333;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline;
    margin: 0 auto;
    padding: 6px 12px
}

.toprow,
.toprow-content {
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    text-align: center;
    vertical-align: middle;
    height: 35px;
    background: none repeat scroll 0 0 #f5f5f5
}

.toprow-content {
    text-align: left!important
}

.release-list {
    width: 100%;
    border-collapse: collapse
}

.release-list th {
    vertical-align: middle;
    text-align: center;
    border-bottom: 1px solid #999
}

.release-list td {
    padding: 10px 0;
    vertical-align: middle;
    text-align: center;
    border-bottom: 1px solid #999
}

.editorial img {
    margin: 15px 0
}

.editorial li,
.editorial ul {
    list-style-type: disc
}

.editorial .edt-info {
    position: relative
}

.editorial .edt-img {
    position: absolute;
    top: 156px;
    left: 222px
}

.editorial .edt-img img {
    width: 100%
}

.editorial .edt-memo {
    position: absolute;
    top: 193px;
    left: 312px;
    width: 305px
}

.editorial .edt-memo p {
    font-size: 11px
}

.editorial span.acolor {
    color: #39c
}

div.tooltip1 {
    color: #555;
    display: inline-block
}

div.tooltip1 span {
    display: none
}

div.tooltip1:hover {
    position: relative;
    color: #333
}

div.tooltip1:hover span {
    display: block;
    position: absolute;
    bottom: 30px;
    font-size: 80%;
    color: #39c;
    background-color: #363636;
    width: 135px;
    padding: 5px;
    border-radius: 3px;
    z-index: 100;
    right: -22px;
    text-align: center;
    font-weight: 700
}

div.tooltip1 span:before {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    bottom: -13px;
    left: 67px;
    border: 13px transparent solid;
    border-right-width: 0;
    border-left-color: #363636;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    z-index: 100
}