@charset "UTF-8";

/*==============================================================================
 * デフォルトスタイルシートの上書き
 *----------------------------------------------------------------------------*/
body, div, p, pre, blockquote, th, td,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
iframe, object, embed {
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}
ul, ol {
    list-style-position: outside;
    list-style-type: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
    empty-cells: show;
    margin: 0;
    font-size: 1em;
}
* {
    word-break: break-all;
}
*:first-child+html table {
    border-collapse: collapse;
}
*:first-child+html p {
    overflow: visible;
}
* html table {
    border-collapse: collapse;
}
th, td {
    vertical-align: middle;
}
address, cite, caption, th, del, ins,
abbr, acronym, dfn, em, strong,
code, kbd, samp, var {
    border: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
}
img {
    border: none;
    vertical-align: baseline;
}
a img {
    vertical-align: text-bottom;
}
* html a img {
    vertical-align: baseline;
}
br {
    letter-spacing: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after {
    content: "";
}
form, fieldset, input, textarea {
    margin: 0;
}
form, fieldset {
    padding: 0;
}
fieldset {
    border: none;
}
form p {
    margin: 0;
    padding: 0;
}

/*==============================================================================
 * OpenPNE全共通指定
 *----------------------------------------------------------------------------*/
body {
    font: normal normal normal 10pt/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}
input,
textarea,
select {
    color: #333333;
    font-size: inherit;
    font-family: "Meiryo", ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}
a:link {
    color: #026cd1;
}
a:visited {
    color: #004a95;
}
a:hover, a:active {
    color: #76afe6;
}
.input_text,
.input_password,
textarea {
    background-color: #f8f8f8;
}
.input_text,
.input_password,
textarea,
select {
    border: 1px solid #888888;
}
.input_image {
    border: none;
}
strong {
    font-weight: bold;
}
textarea {
    display: block;
}
/*----------------------------------------------
 * テーブル
 *--------------------------------------------*/
div.parts table {
    table-layout: fixed;
    width: 100%;
}
div.parts th,
div.parts td {
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #CCCCCC;
}
div.parts tr th:first-child,
div.parts tr td:first-child,
div.parts tr th.first-child,
div.parts tr td.first-child {
    border-left-width: 0;
}
/*----------------------------------------------
 * マーカー付きリンク、ボタンリンク
 *--------------------------------------------*/
ul.moreInfo li {
    padding: 2px 0 2px 20px;
    background: url(./skin/default/img/icon_arrow_1.gif) no-repeat 0 0.4em;
}
ul.moreInfo.button li {
    padding: 0;
    background: none;
}
ul.moreInfo.button li form {
    display: inline;
}
ul.moreInfo.button li form .input_submit {
    margin: 0 5px;
}
/*----------------------------------------------
 * サブミットボタン
 *--------------------------------------------*/
.input_submit {
    border: 1px solid #888888;
    background: #dadce6 url(./skin/default/img/bg_button.gif) repeat-x scroll 50% 0;
    letter-spacing: 0;
}
.input_file {
    background: none;
}
/*----------------------------------------------
 * ラジオボタン、セレクトボタン
 *--------------------------------------------*/
.input_checkbox,
.input_radio {
    width: 16px;
}
ul.check {
    line-height: 1.4;
}
ul.check .input_radio,
ul.check .input_checkbox {
    margin: 0 4px;
}
/*----------------------------------------------
 * 画像置換指定
 *--------------------------------------------*/
#globalNav a,
#globalNavBefore a,
.localNav a {
    display: block;
    #width: 100%;
    #height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    text-indent: -9999px;
    text-decoration: none;
}
#globalNav a:focus,
#globalNavBefore a:focus,
.localNav a:focus {
    overflow: hidden;
}
/*----------------------------------------------
 * clearfix, overflow: hidden
 *--------------------------------------------*/
div#LayoutA,
div#LayoutB,
div#LayoutC,
div.pagerRelativeMulti,
.diaryDetailBox .partsHeading,
.diaryDetailBox dl,
.topicDetailBox dl,
.eventDetailBox dl,
.messageDetailBox div.operation,
.prevNextLinkLine,
.commentList dl,
#pc_page_fh_diary_list .commentList dd div.title,
.reviewList dl,
.recentList dl,
.searchCategoryList dl dd ul,
.bizSideScheduleList dl,
.albumImageList .partsHeading,
.homeMainTable .partsHeading,
.formTable .partsHeading,
.formTable div.checkList ul,
.monthlyCalendarTable div.block {
    zoom: 1;
    overflow: visible;
}
div#LayoutA:after,
div#LayoutB:after,
div#LayoutC:after,
div.pagerRelativeMulti:after,
.diaryDetailBox .partsHeading:after,
.diaryDetailBox dl:after,
.topicDetailBox dl:after,
.eventDetailBox dl:after,
.messageDetailBox div.operation:after,
.prevNextLinkLine:after,
.commentList dl:after,
#pc_page_fh_diary_list .commentList dd div.title:after,
.reviewList dl:after,
.recentList dl:after,
.searchCategoryList dl dd ul:after,
.bizSideScheduleList dl:after,
.albumImageList .partsHeading:after,
.homeMainTable .partsHeading:after,
.formTable .partsHeading:after,
.formTable div.checkList ul:after,
.monthlyCalendarTable div.block:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#Top {
    overflow: hidden;
}
dd div, dt, ul, ol, td, th, p,
h1, h2, h3, h4, h5, h6, .partsHeading,
fieldset, label {
    #overflow: hidden;
}
dd div div {
    overflow: visible;
}
pre {
    overflow: auto;
}
/*----------------------------------------------
 * ベースレイアウト
 *--------------------------------------------*/
#Container {
    position: relative;
    width: 720px;
}
#Header {
    position: relative;
}
#topBanner {
    position: absolute;
    top: 5px;
    left: 247px;
    width: 468px;
    height: 60px;
}
#Top {
    padding-left: 5px;
}
#Top .infoBox,
#Top .descriptionBox {
    margin-right: 20px;
    margin-left: 20px;
}
#LayoutA #Left {
    float: left;
    width: 270px;
    padding: 0 5px;
}
#LayoutA #Center {
    float: right;
    width: 440px;
}
#LayoutB #Left {
    float: left;
    width: 180px;
}
#LayoutB #Center {
    float: right;
    width: 540px;
}
#LayoutC #Center {
    width: 800px;
    margin: 0 auto;
}
#LayoutA, #LayoutB, #LayoutC {
    min-width: 1200px;
}
#Footer {
    width: 720px;
    height: 21px;
    background: url(./skin/default/img/skin_footer.jpg) 0 0 no-repeat;
}
#Footer p {
    padding-right: 12px;
    line-height: 21px;
    text-align: right;
}
#sideBanner {
    position: absolute;
    top: 0px;
    left: 720px;
    width: 230px;
}
*:first-child+html #pc_page_h_diary_add #Footer,
*:first-child+html #pc_page_h_diary_edit #Footer {
    margin-top: 10px;
}
* html #pc_page_h_diary_add #Footer,
* html #pc_page_h_diary_edit #Footer {
    margin-top: 10px;
}
/*----------------------------------------------
 * パーツ枠
 *--------------------------------------------*/
div.dparts,
div.dparts div.parts,
div.ditem,
#LayoutA #Left div.parts {
    border: 1px solid #CCCCCC;
}
div.ditem div.item {
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #CCCCCC;
}
div.dparts {
    margin: 0 auto 10px;
    padding: 7px;
}
div.dparts div.parts {
    margin: 0;
}
div.parts {
    margin: 0 auto 10px;
}
div.ditem {
    padding: 5px 6px;
}
/*----------------------------------------------
 * パーツ見出し
 *--------------------------------------------*/
.partsHeading {
    padding: 2px 8px 2px 36px;
    background: #36B3D1 url(./skin/default/img/content_header_1.gif) no-repeat 0 0;
    text-align: left;
    font-size: 100%;
}
#LayoutA #Left .partsHeading {
    padding-left: 24px;
    background-image: url(./skin/default/img/icon_title_1.gif);
}
.partsHeading h3 {
    display: inline;
    font-weight: bold;
}
.partsHeading p {
    display: inline;
    margin-left: 0.5em;
}
/*----------------------------------------------
 * パーツ内上下の部分（1件～20件を表示など）
 *--------------------------------------------*/
div.block,
div.partsInfo,
div.pagerAbsolute,
div.pagerRelative,
div.pagerRelativeMulti,
div.operation {
    border-top: 1px solid #CCCCCC;
}
div.partsInfo {
    padding: 10px 40px;
}
div.pagerAbsolute {
    padding: 4px;
    text-align: center;
}
div.pagerAbsolute p {
    display: inline;
}
div.pagerRelative {
    padding: 4px;
    text-align: right;
}
div.pagerRelativeMulti {
    padding: 4px;
}
div.pagerRelative p,
div.pagerRelativeMulti div.pager p {
    display: inline;
    margin-left: 10px;
}
div.pagerRelative p:first-child,
div.pagerRelativeMulti div.pager p:first-child,
div.pagerRelative p.first-child,
div.pagerRelativeMulti div.pager p.first-child {
    margin-left: 0;
}
div.pagerRelativeMulti div.text {
    float: left;
    width: 55%;
}
div.pagerRelativeMulti div.pager {
    float: right;
    width: 45%;
    margin-top: 0.5em;
    text-align: right;
}
div.operation {
    padding: 4px;
}
div.operation ul.moreInfo {
    text-align: center;
}
div.operation ul.moreInfo li {
    display: inline;
    background-position: 0 50%;
}
/*----------------------------------------------
 * カレンダー
 *--------------------------------------------*/
.sideNav .calendar td,
.sideNav .calendar td * {
    word-break: normal;
    letter-spacing: -1px;
}
#Body .calendar .holiday,
.calendar .sun {
    color: #d92c49;
}
.calendar .sat {
    color: #2c65d9;
}

/*==============================================================================
 * h系、f系、c系ナビメニュー（localNav）
 *----------------------------------------------------------------------------*/
#globalNav,
#globalNavBefore {
    zoom: 1;
    position: relative;
    width: 720px;
}
#globalNav {
    #height: 96px;
    #background: url(./skin/005_openpne_blue/img/skin_after_header.jpg) 0 0 no-repeat;
}
#globalNavBefore {
    #height: 125px;
    #margin-bottom: 10px;
    #background: url(./skin/005_openpne_blue/img/skin_before_header.jpg) 0 0 no-repeat;
}
.localNav {
    zoom: 1;
    position: relative;
    width: 720px;
    height: 29px;
}


/* 2014-06-02 */
#hLocalNav {
    #background: url(./skin/005_openpne_blue/img/skin_navi_h.jpg) 0 0 no-repeat;
    z-index: 100;
}
#fLocalNav {
    #background: url(./skin/005_openpne_blue/img/skin_navi_f.jpg) 0 0 no-repeat;
}
#cLocalNav {
    #background: url(./skin/005_openpne_blue/img/skin_navi_c.jpg) 0 0 no-repeat;
}
#globalNav li a:hover, #globalNav li a:active {
    #background-image: url(./skin/005_openpne_blue/img/skin_after_header_2.jpg);
}

#hLocalNav li a:hover, #hLocalNav li a:active {
    #background-image: url(./skin/005_openpne_blue/img/skin_navi_h_2.jpg);
}
#fLocalNav li a:hover, #fLocalNav li a:active {
    #background-image: url(./skin/005_openpne_blue/img/skin_navi_f_2.jpg);
}
#cLocalNav li a:hover, #cLocalNav li a:active {
    #background-image: url(./skin/005_openpne_blue/img/skin_navi_c_2.jpg);
}

#globalNav h1,
#globalNavBefore h1 {
    position: absolute;
    top: 5px;
    left: 0;
    width: 240px;
    height: 60px;
}
#globalNav li, .localNav li {
    position: absolute;
}

li#globalNav_1,
li#globalNav_2,
li#globalNav_3 {
    top: 70px;
    height: 18px;
}
li#globalNav_4,
li#globalNav_5,
li#globalNav_6,
li#globalNav_7,
li#globalNav_8,
li#globalNav_9 {
    top: 68px;
    height: 20px;
}
li#globalNav_1 { left:   2px; width: 88px; }
li#globalNav_2 { left:  90px; width: 90px; }
li#globalNav_3 { left: 180px; width: 88px; }
li#globalNav_4 { left: 290px; width: 70px; }
li#globalNav_5 { left: 360px; width: 72px; }
li#globalNav_6 { left: 432px; width: 72px; }
li#globalNav_7 { left: 504px; width: 72px; }
li#globalNav_8 { left: 576px; width: 72px; }
li#globalNav_9 { left: 648px; width: 70px; }
li#globalNav_1 a:hover, li#globalNav_1 a:active { background-position:   -2px -70px; }
li#globalNav_2 a:hover, li#globalNav_2 a:active { background-position:  -90px -70px; }
li#globalNav_3 a:hover, li#globalNav_3 a:active { background-position: -180px -70px; }
li#globalNav_4 a:hover, li#globalNav_4 a:active { background-position: -290px -68px; }
li#globalNav_5 a:hover, li#globalNav_5 a:active { background-position: -360px -68px; }
li#globalNav_6 a:hover, li#globalNav_6 a:active { background-position: -432px -68px; }
li#globalNav_7 a:hover, li#globalNav_7 a:active { background-position: -504px -68px; }
li#globalNav_8 a:hover, li#globalNav_8 a:active { background-position: -576px -68px; }
li#globalNav_9 a:hover, li#globalNav_9 a:active { background-position: -648px -68px; }
/*
#hLocalNav li {
    top: 0;
    width: 80px;
    height: 29px;
}
li#hLocalNav_1 { left:   0px; }
li#hLocalNav_2 { left:  80px; }
li#hLocalNav_3 { left: 160px; }
li#hLocalNav_4 { left: 240px; }
li#hLocalNav_5 { left: 320px; }
li#hLocalNav_6 { left: 400px; }
li#hLocalNav_7 { left: 480px; }
li#hLocalNav_8 { left: 560px; }
li#hLocalNav_9 { left: 640px; }
li#hLocalNav_1 a:hover, li#hLocalNav_1 a:active { background-position:   -0px -29px; }
li#hLocalNav_2 a:hover, li#hLocalNav_2 a:active { background-position:  -80px -29px; }
li#hLocalNav_3 a:hover, li#hLocalNav_3 a:active { background-position: -160px -29px; }
li#hLocalNav_4 a:hover, li#hLocalNav_4 a:active { background-position: -240px -29px; }
li#hLocalNav_5 a:hover, li#hLocalNav_5 a:active { background-position: -320px -29px; }
li#hLocalNav_6 a:hover, li#hLocalNav_6 a:active { background-position: -400px -29px; }
li#hLocalNav_7 a:hover, li#hLocalNav_7 a:active { background-position: -480px -29px; }
li#hLocalNav_8 a:hover, li#hLocalNav_8 a:active { background-position: -560px -29px; }
li#hLocalNav_9 a:hover, li#hLocalNav_9 a:active { background-position: -640px -29px; }

#fLocalNav li {
    top: 0;
    width: 80px;
    height: 29px;
}
li#fLocalNav_1 { left:   0px; }
li#fLocalNav_2 { left:  80px; }
li#fLocalNav_3 { left: 160px; }
li#fLocalNav_4 { left: 240px; }
li#fLocalNav_5 { left: 320px; }
li#fLocalNav_6 { left: 400px; }
li#fLocalNav_7 { left: 480px; }
li#fLocalNav_8 { left: 560px; }
li#fLocalNav_9 { left: 640px; }
li#fLocalNav_1 a:hover, li#fLocalNav_1 a:active { background-position:   -0px -29px; }
li#fLocalNav_2 a:hover, li#fLocalNav_2 a:active { background-position:  -80px -29px; }
li#fLocalNav_3 a:hover, li#fLocalNav_3 a:active { background-position: -160px -29px; }
li#fLocalNav_4 a:hover, li#fLocalNav_4 a:active { background-position: -240px -29px; }
li#fLocalNav_5 a:hover, li#fLocalNav_5 a:active { background-position: -320px -29px; }
li#fLocalNav_6 a:hover, li#fLocalNav_6 a:active { background-position: -400px -29px; }
li#fLocalNav_7 a:hover, li#fLocalNav_7 a:active { background-position: -480px -29px; }
li#fLocalNav_8 a:hover, li#fLocalNav_8 a:active { background-position: -560px -29px; }
li#fLocalNav_9 a:hover, li#fLocalNav_9 a:active { background-position: -640px -29px; }

#cLocalNav li {
    top: 0;
    width: 120px;
    height: 29px;
}
li#cLocalNav_1 { left:   0px; }
li#cLocalNav_2 { left: 120px; }
li#cLocalNav_3 { left: 240px; }
li#cLocalNav_4 { left: 360px; }
li#cLocalNav_5 { left: 480px; }
li#cLocalNav_6 { left: 600px; }
li#cLocalNav_1 a:hover, li#cLocalNav_1 a:active { background-position:   -0px -29px; }
li#cLocalNav_2 a:hover, li#cLocalNav_2 a:active { background-position: -120px -29px; }
li#cLocalNav_3 a:hover, li#cLocalNav_3 a:active { background-position: -240px -29px; }
li#cLocalNav_4 a:hover, li#cLocalNav_4 a:active { background-position: -360px -29px; }
li#cLocalNav_5 a:hover, li#cLocalNav_5 a:active { background-position: -480px -29px; }
li#cLocalNav_6 a:hover, li#cLocalNav_6 a:active { background-position: -600px -29px; }
*/
/*==============================================================================
 * 1. simpleBox（シンプルボックス）
 *----------------------------------------------------------------------------*/
.simpleBox .block {
    padding: 10px 0;
}
.simpleBox .block p {
    text-align: center;
}

/*==============================================================================
 * 2. descriptionBox（説明ボックス）
 *----------------------------------------------------------------------------*/
.descriptionBox p {
    margin: 12px;
}

/*==============================================================================
 * 3. alertBox（アラートボックス）
 *----------------------------------------------------------------------------*/
.alertBox {
    width: 564px;
}
#Body .alertBox th {
    width: 148px;
    padding: 8px 0;
    border: none;
    text-align: center;
}
#Body .alertBox td {
    padding: 6px;
    border-width: 0 0 0 1px;
    color: #ff0000;
}

/*==============================================================================
 * 4. infoBox（案内ボックス）
 *----------------------------------------------------------------------------*/
.infoBox .parts {
    zoom: 1;
    position: relative;
}
.infoBox p {
    margin-right: 16em;
    padding: 5px;
    border-right: 1px solid #CCCCCC;
    background: #FFFFFF;
}
.infoBox ul.moreInfo {
    position: absolute;
    bottom: 3px;
    right: 0;
    width: 15.5em;
}

/*==============================================================================
 * 5. infoButtonBox（ボタン付き案内ボックス）
 *----------------------------------------------------------------------------*/
.infoButtonBox .block {
    padding: 30px 10px;
}
.infoButtonBox p,
.infoButtonBox ul {
    margin-top: 6px;
    text-align: center;
}
.infoButtonBox ul.check li {
    text-align: center;
}
.infoButtonBox ul.check li .input_submit {
    margin-top: 6px;
}
.infoButtonBox ul.moreInfo {
    margin-left: 230px;
}
.infoButtonBox ul.moreInfo.button {
    margin-left: 0;
}
.infoButtonBox ul.moreInfo.button li {
    text-align: center;
}

/*==============================================================================
 * 6. yesNoButtonBox（はい、いいえボタン付きボックス）
 *----------------------------------------------------------------------------*/
.yesNoButtonBox .block {
    padding: 10px 0;
}
.yesNoButtonBox .block p,
.yesNoButtonBox ul.moreInfo.button {
    text-align: center;
}
.yesNoButtonBox ul.moreInfo.button {
    margin-top: 4px;
}
.yesNoButtonBox ul.moreInfo.button li {
    display: inline;
}

/*==============================================================================
 * 7. searchFormBox（検索フォームボックス）
 *----------------------------------------------------------------------------*/
.searchFormBox .partsHeading {
    border-bottom: 1px solid #CCCCCC;
}
.searchFormBox .parts {
    zoom: 1;
}
.searchFormBox .item {
    margin: 10px 40px;
    padding-top: 8px;
    border: 1px solid #CCCCCC;
}
.searchFormBox label,
.searchFormBox span.label {
    margin: 0 4px 0 8px;
    padding: 1px 16px 0 0;
    background: url(./skin/default/img/icon_arrow_2.gif) no-repeat right 5px;
}
.searchFormBox .input_submit {
    margin-right: 8px;
}
.searchFormBox p.desc {
    margin: 0 4px 16px 8px;
}
.searchFormBox p.form {
    margin: 0 4px 8px 0;
}
.searchFormBox p.note {
    margin: -4px 4px 8px 8px;
}
.searchFormBox ul.moreInfo {
    margin: 0 4px 8px 150px;
}
.searchFormBox div.block {
    padding: 8px 0;
}
.searchFormBox dl.category {
    zoom: 1;
}
.searchFormBox dl.category dt {
    float: left;
    width: 6em;
}
.searchFormBox dl.category dd {
    zoom: 1;
    margin-left: 6em;
}
.searchFormBox dl.category dd p {
    margin: 0 16px;
}
.searchFormBox dl.categories dt {
    margin-bottom: 4px;
}
.searchFormBox table.category th {
    width: 74px;
    padding: 3px 7px 3px 5px;
    border: none;
    background: url(./skin/default/img/colon.gif) no-repeat 100% 4px;
    font-weight: bold;
    vertical-align: top;
}
.searchFormBox table.category td {
    padding: 3px 8px;
    border: none;
    vertical-align: top;
}

/*==============================================================================
 * 8. diaryDetailBox（日記詳細ボックス）
 *----------------------------------------------------------------------------*/
.diaryDetailBox h3 {
    float: left;
    width: 66%;
}
.diaryDetailBox h3 {
    float: left;
    width: 66%;
}
.diaryDetailBox .partsHeading p.public {
    float: right;
    width: 33%;
    margin: 0;
    text-align: right;
}
.diaryDetailBox dl {
    border-top: 1px solid #CCCCCC;
}
.diaryDetailBox dt {
    float: left;
    width: 70px;
    padding-top: 5px;
    text-align: center;
}
.diaryDetailBox dd {
    zoom: 1;
    min-height: 4.5em;
    margin-left: 70px;
    border-left: 1px solid #CCCCCC;
}
* html .diaryDetailBox dd {
    height: 4.5em;
}
.diaryDetailBox dd div {
    border-top: 1px solid #CCCCCC;
}
.diaryDetailBox dd div p {
    padding: 4px 3px;
}
.diaryDetailBox dd div.title {
    border-top: none;
}
.diaryDetailBox dd div.body {
    padding: 4px 3px;
}
.diaryDetailBox dd ul.photo {
    padding: 4px 5px;
}
.diaryDetailBox dd ul.photo li {
    display: inline;
    margin-left: 6px;
}
.diaryDetailBox div.category ul {
    padding: 4px;
    text-align: right;
}
.diaryDetailBox div.category ul li {
    display: inline;
    font-size: 80%;
}

/*==============================================================================
 * 9. topicDetailBox（トピック詳細ボックス）
 *----------------------------------------------------------------------------*/
.topicDetailBox dl {
    border-top: 1px solid #CCCCCC;
}
.topicDetailBox dt {
    float: left;
    width: 100px;
    padding: 5px;
    text-align: center;
}
.topicDetailBox dd {
    zoom: 1;
    margin-left: 110px;
    border-left: 1px solid #CCCCCC;
}
.topicDetailBox dd div {
    border-top: 1px solid #CCCCCC;
}
.topicDetailBox dd div p {
    padding: 5px;
}
.topicDetailBox dd div.title {
    border-top: none;
}
.topicDetailBox dd ul.photo {
    padding: 5px;
}
.topicDetailBox dd ul.photo li {
    display: inline;
    margin-left: 6px;
}
.topicDetailBox dd div.attachFile {
    padding: 16px 5px;
}
.topicDetailBox div.operation {
    padding: 10px 0;
}
/** 講座コミュニティの独自デザイン **/
.lowHint {
    color: #CCCCCC;
}
/*==============================================================================
 * 10. eventDetailBox（イベント詳細ボックス）
 *----------------------------------------------------------------------------*/
.eventDetailBox dl {
    border-top: 1px solid #CCCCCC;
}
.eventDetailBox dt {
    float: left;
    width: 100px;
    padding: 5px;
    text-align: center;
}
.eventDetailBox dd {
    zoom: 1;
    margin-left: 110px;
    border-left: 1px solid #CCCCCC;
}
.eventDetailBox dd ul.photo {
    padding: 5px;
    border-bottom: 1px solid #CCCCCC;
}
.eventDetailBox dd ul.photo li {
    display: inline;
    margin-left: 6px;
}
.eventDetailBox dd table th {
    width: 112px;
    text-align: center;
    border-left: none;
}
.eventDetailBox dd table th,
.eventDetailBox dd table td {
    padding: 5px;
}
.eventDetailBox dd table tr:first-child th,
.eventDetailBox dd table tr:first-child td,
.eventDetailBox dd table tr.first-child th,
.eventDetailBox dd table tr.first-child td {
    border-top: none;
}
.eventDetailBox dd table ul.moreInfo {
    margin-top: -1.2em;
    text-align: right;
}
.eventDetailBox dd table ul.moreInfo li {
    display: inline;
    background-position: 0 50%;
}

/*==============================================================================
 * 11. homePhotoBox（ホーム写真ボックス）
 *----------------------------------------------------------------------------*/
.homePhotoBox * {
    text-align: center;
}
.homePhotoBox p.friendLink {
    margin-bottom: 3px;
}
.homePhotoBox .parts {
    padding: 7px;
}
.homePhotoBox ul.moreInfo {
    margin: 2px 0 -5px;
}
.homePhotoBox ul.moreInfo li {
    padding: 1px 0;
    background: none;
}
.homePhotoBox ul.moreInfo li img {
    vertical-align: bottom;
}
.homePhotoBox p.rank {
    margin-top: 6px;
}
.homePhotoBox p.point {
    margin-top: 2px;
}
.homePhotoBox p.text {
    margin-top: 4px;
}
.homePhotoBox p.loginTime {
    margin-top: 0px;
}

/*==============================================================================
 * 12. homeInfoBox（ホームインフォメーションボックス）
 *----------------------------------------------------------------------------*/
#Body .homeInfoBox {
    padding-left: 102px;
    border: 1px solid #CCCCCC;
    background: #FFFFFF url(./skin/default/img/icon_information.gif) no-repeat 5px 50%;
}
.homeInfoBox div.body {
    min-height: 1.2em;
    padding: 5px;
    border-left: 1px solid #CCCCCC;
    background: #FFFFFF;
}
* html .homeInfoBox div.body {
    height: 1.2em;
}
.homeInfoBox .caution {
    color: #ff0000;
}

/*==============================================================================
 * 13. photoUploadFormBox（プロフィール写真アップロードフォームボックス）
 *----------------------------------------------------------------------------*/
.photoUploadFormBox table {
    border-top: 1px solid #CCCCCC;
}
#Body .photoUploadFormBox td {
    padding: 8px 0;
    border: none;
    text-align: center;
}
.photoUploadFormBox form {
    float: left;
    width: 250px;
    padding: 10px;
    margin-top: 40px;
}
.photoUploadFormBox form p {
    margin: 8px 0;
    text-align: center;
}
.photoUploadFormBox ul {
    zoom: 1;
    margin: 8px 0 8px 300px;
    padding: 10px;
}
.photoUploadFormBox li {
    padding-left: 12px;
    /* background: url(./skin/default/img/marker.gif) no-repeat 3px 3px; */
}

/*==============================================================================
 * 14. messageDetailBox（メッセージ詳細ボックス）
 *----------------------------------------------------------------------------*/
#Body .messageDetailBox th:first-child,
#Body .messageDetailBox th.first-child {
    border-left-width: 1px;
}
.messageDetailBox th,
.messageDetailBox td {
    padding: 5px;
}
.messageDetailBox td.photo {
    width: 120px;
    text-align: center;
}
.messageDetailBox th {
    width: 54px;
    padding-left: 0;
    padding-right: 16px;
    background: url(./skin/default/img/colon.gif) no-repeat 96% 50%;
    text-align: right;
}
#Body .messageDetailBox td {
    border-left: none;
}
.messageDetailBox ul.photo {
    margin: 10px;
    text-align: center;
}
.messageDetailBox p.text {
    margin: 10px 60px;;
}
.messageDetailBox ul.photo li {
    display: inline;
    margin-left: 6px;
}
.messageDetailBox form.delete {
    float: left;
    width: 50%;
    text-align: left;
}
.messageDetailBox form.send {
    float: right;
    width: 50%;
    text-align: right;
}
.messageDetailBox form ul.moreInfo {
    display: inline;
}
.messageDetailBox div.attachFile {
    padding: 16px 5px;
}

/*==============================================================================
 * 15. albumDetailBox（アルバム詳細ボックス）
 *----------------------------------------------------------------------------*/
.albumDetailBox th,
.albumDetailBox td {
    padding: 5px;
}
.albumDetailBox th {
    width: 75px;
}
.albumDetailBox td.photo {
    width: 190px;
    padding: 5px 0;
    text-align: center;
}
#Body .albumDetailBox th:first-child,
#Body .albumDetailBox th.first-child,
#Body .albumDetailBox td.operation {
    border-left-width: 1px;
}
.albumDetailBox td.operation {
    text-align: right;
}

/*==============================================================================
 * 16. albumImageBox（アルバム画像ボックス）
 *----------------------------------------------------------------------------*/
.albumImageBox p.photo {
    padding: 10px;
    border-top: 1px solid #CCCCCC;
    text-align: center;
}
.albumImageBox th, .albumImageBox td {
    padding: 5px;
}
#Body .albumImageBox th {
    width: 140px;
    border-left: none;
}

/*==============================================================================
 * 17. searchFormLine（検索フォームライン）
 *----------------------------------------------------------------------------*/
.searchFormLine ul {
    text-align: center;
    padding: 1px 0;
}
.searchFormLine ul li {
    display: inline;
}
.searchFormLine ul li * {
    vertical-align: middle;
}
.searchFormLine ul li label {
    margin-right: 2px;
    padding: 1px 13px 0 0;
    background: url(./skin/default/img/icon_arrow_2.gif) no-repeat 100% 5px;
}

/*==============================================================================
 * 18. linkLine（リンクライン）
 *----------------------------------------------------------------------------*/
.linkLine ul.moreInfo {
    text-align: center;
}
.linkLine ul.moreInfo li {
    display: inline;
    background-position: 0 50%;
}

/*==============================================================================
 * 19. prevNextLinkLine（前次リンクライン）
 *----------------------------------------------------------------------------*/
.prevNextLinkLine p.prev {
    float: left;
    width: 50%;
    text-align: left;
}
.prevNextLinkLine p.next {
    float: right;
    width: 50%;
    text-align: right;
}
.block.prevNextLinkLine {
    padding: 4px 10px;
}

/*==============================================================================
 * 20. buttonLine（ボタンライン）
 *----------------------------------------------------------------------------*/
.buttonLine form {
    text-align: center;
}

/*==============================================================================
 * 21. alertLine（アラートライン）
 *----------------------------------------------------------------------------*/
.alertLine p {
    text-align: center;
    color: #ff0000;
}

/*==============================================================================
 * 22. commentList（コメントリスト）
 *----------------------------------------------------------------------------*/
.commentList dl {
    border-top: 1px solid #CCCCCC;
}
.commentList dt {
    float: left;
    width: 70px;
    padding-top: 5px;
    text-align: center;
}
.commentList dd {
    zoom: 1;
    min-height: 5.5em;
    margin-left: 70px;
    border-left: 1px solid #CCCCCC;
}
* html .commentList dd {
    height: 5.5em;
}
#LayoutC .commentList dt {
    width: 110px;
}
#LayoutC .commentList dd {
    margin-left: 110px;
}
.commentList dd div {
    border-top: 1px solid #CCCCCC;
}
.commentList dd div p {
    padding: 4px 3px;
}
.commentList dd div.title {
    padding: 4px 3px;
    border-top: none;
}
.commentList dd div.title p {
    padding: 0;
}
#pc_page_fh_diary_list .commentList dd div.title p.heading {
    float: left;
    width: 66%;
}
#pc_page_fh_diary_list .commentList dd div.title p.public {
    float: right;
    width: 33%;
    text-align: right;
}
.commentList dd ul.photo {
    padding: 5px 5px 0;
}
.commentList dd ul.photo li {
    display: inline;
    margin-left: 6px;
}
.commentList dd div.footer p {
    text-align: right;
}
.commentList div.operation {
    padding: 8px 0;
}
.commentList dd div.attachFile {
    padding: 16px 5px;
}

/*==============================================================================
 * 23. searchResultList（検索結果リスト）
 *----------------------------------------------------------------------------*/
.searchResultList .partsInfo {
    background: #FFFFFF;
}
.searchResultList .ditem {
    margin: 8px 34px;
}
.searchResultList td.photo {
    width: 90px;
    padding: 0;
    border-left: none;
    text-align: center;
}
.searchResultList th, .searchResultList td {
    padding: 5px;
}
.searchResultList th {
    width: 75px;
}
#Body .searchResultList th:first-child,
#Body .searchResultList th.first-child {
    border-left-width: 1px;
}
.searchResultList tr.operation th {
    padding-top: 0;
    padding-bottom: 0;
}
.searchResultList tr.operation td {
    padding: 0;
}
.searchResultList tr.operation span.text {
    float: left;
    display: block;
    width: 110px;
    padding: 5px;
    border-right: 1px solid #CCCCCC;
}
.searchResultList tr.operation span.moreInfo{
    zoom: 1;
    display: block;
    margin-left: 121px;
    padding: 4px 0 3px;
    text-align: center;
}
.searchResultList div.operation {
    text-align: center;
}
.searchResultList tr.operation span.moreInfo img,
.searchResultList div.operation form,
.searchResultList div.operation fieldset {
    display: inline;
    vertical-align: top;
}

/*==============================================================================
 * 24. reviewList（レビューリスト）
 *----------------------------------------------------------------------------*/
.reviewList dl {
    border-top: 1px solid #CCCCCC;
}
.reviewList dl dt {
    float:left;
    width: 170px;
    padding: 5px;
    text-align: center;
}
.reviewList dl dt span {
    display: block;
    margin: 3px 0;
}
.reviewList dl dd {
    zoom: 1;
    margin-left: 180px;
    border-left: 1px solid #CCCCCC;
}
.reviewList dl dd table {
    height: 216px;
}
.reviewList dl dd th,
.reviewList dl dd td {
    padding: 5px;
}
.reviewList dl tr.title th,
.reviewList dl dd tr.title td {
    border-top: none;
}
.reviewList dl dd th {
    width: 100px;
    border-left: none;
    text-align: center;
}
.reviewList dl dd tr.title td {
    font-weight: bold;
}
.reviewList dl dd td p.operation {
    text-align: right;
}
.reviewList dl dd tr.footer td {
    border-left: none;
    text-align: right;
}
.reviewList div.operation {
    padding: 10px 0;
}

/*==============================================================================
 * 25. recentList（最新書き込みリスト）
 *----------------------------------------------------------------------------*/
.recentList dl {
    border-top: 1px solid #CCCCCC;
}
.recentList dt {
    float: left;
    width: 170px;
    padding: 5px;
    text-align: center;
}
.recentList dd {
    zoom: 1;
    margin-left: 180px;
    padding: 5px;
    border-left: 1px solid #CCCCCC;
}
* html #Body .recentList dd {
    height: 1.2em;
}
#LayoutB #Center .recentList dt {
    width: 110px;
}
#LayoutB #Center .recentList dd {
    margin-left: 120px;
}

/*==============================================================================
 * 26. friendIntroList（フレンド紹介文リスト）
 *----------------------------------------------------------------------------*/
.friendIntroList th,
.friendIntroList td {
    padding: 14px;
}
#Body .friendIntroList th {
    width: 120px;
    border-left: none;
    text-align: center;
}
.friendIntroList p.text {
    margin-bottom: 1em;
}
.friendIntroList div.moreInfo ul.moreInfo {
    width: 10em;
    margin-left: auto;
    padding: 6px 2px;
}

/*==============================================================================
 * 27. manageList（管理リスト）
 *----------------------------------------------------------------------------*/
.manageList td {
    padding: 5px;
}
.manageList td.photo {
    width: 140px;
    border-left: none;
    text-align: center;
}
.manageList td.delete {
    width: 120px;
}
.manageList col.date {
    width: 160px;
}
* html .manageList col.date {
    width: 150px;
}
*:first-child+html .manageList col.date {
    width: 150px;
}
.manageList col.name {
    width: auto;
}
.manageList colgroup.operation col {
    width: 86px;
}
* html .manageList colgroup.operation col {
    width: 76px;
}
*:first-child+html .manageList colgroup.operation col {
    width: 76px;
}

/*==============================================================================
 * 28. searchCategoryList（検索項目リスト）
 *----------------------------------------------------------------------------*/
.searchCategoryList .partsInfo {
    padding: 5px;
    border-bottom: 1px solid #CCCCCC;
    background: #FFFFFF;
    text-align: center;
}
.searchCategoryList .item {
    margin: 10px 40px;
    border: 1px solid #CCCCCC;
    border-top: none;
}
.searchCategoryList span.label {
    margin: 0 4px 0 8px;
    padding: 1px 16px 0 0;
    background: url(./skin/default/img/icon_arrow_2.gif) no-repeat 100% 0;
}
.searchCategoryList dl {
    border-top: 1px solid #CCCCCC;
}
.searchCategoryList dl dt {
    margin: 8px 0 0;
}
.searchCategoryList dl dd {
    margin: 8px 10px 8px 70px;
}
.searchCategoryList dl dd ul {
    margin: 4px 0;
}
.searchCategoryList dl dd ul li {
    overflow: hidden;
    float: left;
    width: 19%;
    margin: 0 2px;
}

/*==============================================================================
 * 29. messageList（メッセージリスト）
 *----------------------------------------------------------------------------*/
.messageList .partsHeading p.date {
    font-weight: bold;
}
.messageList .pagerRelativeMulti .text {
    width: 160px;
}
.messageList .pagerRelativeMulti .pager {
    width: 350px;
    margin-top: 1px;
}
.messageList p.icons img {
    padding-right: 16px;
    background: url(./skin/default/img/articleList_marker.gif) no-repeat 96% 6px;
    vertical-align: text-bottom;
}
.messageList tr {
    height: 20px;
}
.messageList tr.unread {
    background: #FFFFFF;
}
#Body .messageList th.delete {
    font-weight: normal;
}
#Body .messageList th {
    padding: 0 2px;
    border-width: 1px 0 0;
    font-weight: bold;
}
#Body .messageList td {
    padding: 0 2px;
    border-width: 1px 0 0;
}
#Body .messageList td .input_checkbox {
    margin-left: 4px;
}
.messageList td.status {
    text-align: center;
}
.messageList col.status {
    width: 35px;
}
.messageList col.delete {
    width: 35px;
}
.messageList col.target {
    width: 130px;
}
.messageList col.title {
    width: auto;
}
.messageList col.date {
    width: 80px;
}
.messageList table span {
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.messageList div.operation p {
    margin-top: 8px;
    margin-bottom: 5px;
}
.messageList div.operation ul.moreInfo {
    text-align: left;
}

/*==============================================================================
 * 30. ashiatoList（あしあとリスト）
 *----------------------------------------------------------------------------*/
.ashiatoList div.partsInfo {
    border-bottom: 1px solid #CCCCCC;
}
.ashiatoList div.item {
    margin: 8px 40px;
    padding: 8px 0;
    border: 1px solid #CCCCCC;
}
.ashiatoList div.item p,
.ashiatoList div.item ul.list {
    padding-left: 160px;
}
.ashiatoList div.item p strong {
    margin: 0 2px;
}
.ashiatoList div.item ul.list {
    margin-top: 16px;
}

/*==============================================================================
 * 31. rankingList（ランキングリスト）
 *----------------------------------------------------------------------------*/
.rankingList .partsHeading p {
    margin: 0;
}
#Body .rankingList th:first-child,
#Body .rankingList th.first-child {
    border-left-width: 1px;
}
.rankingList td.photo {
    width: 130px;
    padding: 5px 0;
    text-align: center;
}
.rankingList th {
    width: 75px;
    padding: 5px;
}
.rankingList td {
    padding: 5px;
}
.rankingList td.name {
    background: #FFFFFF;
}
.rankingList td.name a {
    font-weight: bold;
}
.rankingList .ditem {
    margin: 8px 15px;
    background: #FFFFFF;
}
.rankingList .item {
    background: #FFFFFF;
}
.rankingList .item td.photo {
    width: 90px;
}

/*==============================================================================
 * 32. bizSideTodoList（BIZ用Todoリスト）
 *----------------------------------------------------------------------------*/
#Body .bizSideTodoList {
    width: 220px;
    margin: 10px 5px;
    border: 1px solid #CCCCCC;
}
#Body .bizSideTodoList td {
    border-width: 1px 0 0;
}
.bizSideTodoList .block {
    padding: 5px;
}
.bizSideTodoList textarea {
    width: 98%;
}
.bizSideTodoList tr.someone {
    background: #FFFFFF;
}
.bizSideTodoList tr.checked {
    color: #999999;
}
.bizSideTodoList td.state {
    width: 38px;
    vertical-align: top;
}
.bizSideTodoList tr.priLow td.state p {
    padding-left: 4px;
    border-left: 0;
}
.bizSideTodoList tr.priMiddle td.state p {
    padding-left: 0;
    border-left: 4px solid #ff8080;
}
.bizSideTodoList tr.priHigh td.state p {
    padding-left: 0;
    border-left: 4px solid #ff0000;
}
.bizSideTodoList tr.checked td.state p {
    padding-left: 4px;
    border-left: 0;
}
.bizSideTodoList td.operation {
    width: 16px;
    vertical-align: top;
}
.bizSideTodoList td.operation a {
    display: block;
    width: 14px;
    margin-top: 2px;
}

/*==============================================================================
 * 33. bizSideScheduleList（BIZ用スケジュールリスト）
 *----------------------------------------------------------------------------*/
#Body .bizSideScheduleList {
    width: 220px;
    margin: 10px 5px;
    border: 1px solid #CCCCCC;
}
.bizSideScheduleList dl {
    border-top: 1px solid #CCCCCC;
}
.bizSideScheduleList dt {
    float: left;
    width: 60px;
    padding: 5px;
    text-align: center;
}
.bizSideScheduleList dd {
    zoom: 1;
    margin-left: 70px;
    padding: 5px;
    border-left: 1px solid #CCCCCC;
}

/*==============================================================================
 * 34. albumList（アルバムリスト）
 *----------------------------------------------------------------------------*/
.albumList th,
.albumList td {
    padding: 5px;
}
.albumList th {
    width: 75px;
}
.albumList td.photo {
    width: 190px;
    padding: 5px 0;
    text-align: center;
}
.albumList td.photo p {
    text-align: center;
    padding: 5px;
}
#Body .albumList th:first-child,
#Body .albumList th.first-child {
    border-left-width: 1px;
}
.albumList td.operation {
    text-align: center;
}

/*==============================================================================
 * 35. albumImageList（アルバム画像リスト）
 *----------------------------------------------------------------------------*/
.albumImageList td {
    padding: 5px;
    text-align: center;
}
.albumImageList td p {
    text-align: center;
}

/*==============================================================================
 * 36. homeNineTable（ホーム9面テーブル）
 *----------------------------------------------------------------------------*/
.homeNineTable tr.photo td {
    height: 80px;
    padding: 2px 0;
    text-align: center;
}
.homeNineTable tr.photo td p.crown {
    text-align: center;
}
.homeNineTable tr.text td {
    padding: 2px;
    text-align: center;
}
.homeNineTable div.moreInfo ul.moreInfo {
    width: 11em;
    margin-left: auto;
    padding: 6px 0;
}

/*==============================================================================
 * 37. photoTable（写真テーブル）
 *----------------------------------------------------------------------------*/
.photoTable {
    width: 561px;
}
.photoTable tr.photo td {
    height: 90px;
    padding: 8px 0;
    text-align: center;
}
.photoTable tr.photo td p.crown {
    text-align: center;
}
.photoTable tr.text td {
    padding: 5px 2px;
    text-align: center;
}

/*==============================================================================
 * 38. homeMainTable（ホームメインテーブル）
 *----------------------------------------------------------------------------*/
.albumImageList .partsHeading h3,
.homeMainTable .partsHeading h3 {
    float: left;
    width: 66%;
}
.albumImageList .partsHeading p.link,
.homeMainTable .partsHeading p.link {
    float: right;
    width: 33%;
    margin: 0;
    text-align: right;
}
.homeMainTable th {
    width: 83px;
    background-color: #FFFFFF;
}
.homeMainTable th, .homeMainTable td {
    padding: 5px;
}
.homeMainTable ul.articleList {
    line-height: 1.3;
}
.homeMainTable ul.articleList li {
    padding-left: 85px;
    text-indent: -72px;
}
.homeMainTable tr ul.articleList li {
    background: url(./skin/default/img/icon_3.gif) 3px 0.4em no-repeat scroll;
}
.homeMainTable tr.myFriendRecentDiary ul.articleList li,
.homeMainTable tr.myFriendRecentBlog ul.articleList li,
.homeMainTable tr.allRecentDiary ul.articleList li,
.homeMainTable tr.bookmarkRecentDiary ul.articleList li,
.homeMainTable tr.bookmarkRecentBlog ul.articleList li,
.homeMainTable tr.myRecentDiary ul.articleList li,
.homeMainTable tr.myRecentBlog ul.articleList li,
.homeMainTable tr.friendRecentDiary ul.articleList li,
.homeMainTable tr.friendRecentBlog ul.articleList li
{
    background-image: url(./skin/default/img/icon_1.gif);
}
.homeMainTable tr.diaryCommentHistory ul.articleList li,
.homeMainTable tr.recentCommunityTopicComment ul.articleList li,
.homeMainTable tr.allRecentCommunityTopicComment ul.articleList li,
.homeMainTable tr.communityTopic ul.articleList li,
.homeMainTable tr.communityEvent ul.articleList li
{
    background-image: url(./skin/default/img/icon_2.gif);
}
.homeMainTable ul.articleList li span.date {
    padding-right: 18px;
    background: url(./skin/default/img/articleList_marker.gif) 92% 0.3em no-repeat scroll;
}
.homeMainTable div.moreInfo ul.moreInfo {
    width: 10em;
    margin: 0 2px 0 auto;
}
.homeMainTable td.halfway ul.moreInfo {
    width: 12em;
    margin: 0 0 20px auto;
}

/*==============================================================================
 * 39. formTable（入力フォームテーブル）
 *----------------------------------------------------------------------------*/
.formTable .partsHeading div.text {
    float: left;
    width: 66%;
}
.formTable .partsHeading p.link {
    float: right;
    width: 33%;
    margin: 0;
    text-align: right;
}
.formTable strong {
    font-weight: normal;
    color: #ff0000;
}
.formTable p.caution {
    color: #ff0000;
}
.formTable div.partsInfo {
    background-color: #FFFFFF;
}
.formTable th, .formTable td {
    padding: 5px;
}
#Body .formTable th {
    width: 140px;
    border-left: none;
}
#LayoutB #Center .formTable th {
    width: 80px;
}
.formTable table table td {
    padding: 0;
    border: none;
}
.formTable textarea {
    width: 98%;
}
.formTable input.input_text_long {
    width: 98%;
}
.formTable table table td.publicSelector {
    width: 180px;
    text-align: right;
}
.formTable table table td.publicSelector select {
    width: 180px;
    font-size: 0.9em;
}
.formTable div.checkList li {
    overflow: hidden;
    float: left;
    width: 33%;
    line-height: 1.6;
}
.formTable div.checkList li div.item {
    padding-left: 18px;
    text-indent: -18px;
}
.formTable div.operation {
    padding: 10px 0;
}

/*==============================================================================
 * 40. weeklyCalendarTable（週間カレンダーテーブル）
 *----------------------------------------------------------------------------*/
#Body .weeklyCalendarTable .parts {
    border-top: none;
}
.weeklyCalendarTable div.block {
    padding: 5px;
}
.weeklyCalendarTable .input_text {
    width: 120px;
}
.weeklyCalendarTable .input_submit {
    margin-right: 8px;
}
.weeklyCalendarTable .calendar td {
    padding: 5px;
    vertical-align: top;
}
.weeklyCalendarTable .calendar .today {
    background: #FFFFFF;
}
.weeklyCalendarTable .calendar .today p.day {
    font-weight: bold;
}
.weeklyCalendarTable ul.moreInfo {
    margin: 0 2px 0 auto;
    width: 9em;
}

/*==============================================================================
 * 41. monthlyCalendarTable（月間カレンダーテーブル）
 *----------------------------------------------------------------------------*/
.monthlyCalendarTable div.block {
    padding: 2px 5px;
}
.monthlyCalendarTable div.block p.moreInfo {
    float: left;
    width: 70%;
    text-align: left;
}
.monthlyCalendarTable div.block p.moreInfo a {
    margin-right: 4px;
}
.monthlyCalendarTable div.block p.pager {
    float: right;
    width: 30%;
    margin-top: 2px;
    text-align: right;
}
.monthlyCalendarTable .calendar th {
    padding: 2px;
}
.monthlyCalendarTable .calendar td {
    height: 65px;
    padding: 2px;
    vertical-align: top;
}
.monthlyCalendarTable .calendar td.today {
    background: #FFFFFF;
    font-weight: bold;
}
.monthlyCalendarTable .calendar td p {
    font-weight: normal;
}
.monthlyCalendarTable .partsInfo {
    padding: 5px;
    background: #FFFFFF;
}
.monthlyCalendarTable .partsInfo img {
    margin: 0 1px;
}

/*==============================================================================
 * 42. bizWeeklyCalendarTable（BIZ用週間カレンダーテーブル）
 *----------------------------------------------------------------------------*/
#Body .bizWeeklyCalendarTable .parts {
    border-top: none;
}
.bizWeeklyCalendarTable div.block {
    padding: 5px;
}
.bizWeeklyCalendarTable .calendar td {
    padding: 5px 0;
    vertical-align: top;
}
.bizWeeklyCalendarTable .calendar td p {
    padding: 0 5px;
}
.bizWeeklyCalendarTable .calendar td .time {
    padding: 0;
}
.bizWeeklyCalendarTable .calendar .today {
    background: #FFFFFF;
}
.bizWeeklyCalendarTable .calendar .today p.day {
    font-weight: bold;
}
.bizWeeklyCalendarTable .calendar th {
    width: 130px;
    padding: 5px 0;
    text-align: center;
}
.bizWeeklyCalendarTable .calendar th * {
    text-align: center;
}
.bizWeeklyCalendarTable .calendar th .input_text {
    width: 118px;
}
.bizWeeklyCalendarTable .calendar th .input_submit {
    width: 120px;
}
.bizWeeklyCalendarTable .calendar th .nickname {
    margin: 5px 0;
}
.bizWeeklyCalendarTable .calendar th .member_image {
    margin-bottom: 5px;
}
.bizWeeklyCalendarTable .calendar td.sub {
    border-width: 0 0 0 1px;
}
.bizWeeklyCalendarTable div.moreInfo {
    padding-left: 135px;
}
.bizWeeklyCalendarTable div.moreInfo .input_submit {
    margin-right: 8px;
}

/*==============================================================================
 * 43. sideNav（サイドナビ）
 *----------------------------------------------------------------------------*/
.sideNav .item {
    width: 150px;
    margin: 0 auto 10px;
    border: 8px solid #CCCCCC;
}
.sideNav .partsHeading {
    border-bottom: 1px solid #CCCCCC;
}
.sideNav .pageNav ul {
    margin: 1px;
}
.sideNav .pageNav li {
    padding: 4px 0 4px 18px;
    background: url(./skin/default/img/icon_1.gif) 8px 50% no-repeat scroll;
}
.sideNav .pageNav li.looking {
    background-color: #FFFFFF;
}
.sideNav .calendar .partsHeading {
    padding: 4px 0;
    border: none;
    background: none;
    text-align: center;
}
.sideNav .calendar th {
    background-color: #FFFFFF;
    text-align: center;
}
.sideNav .calendar td {
    padding: 1px 2px;
    text-align: right;
}
.sideNav .list {
    padding: 4px 0;
}
.sideNav .list li {
    padding-left: 16px;
    background: no-repeat 6px 4px;
}
.sideNav .monthlyMessage li  { background-image: url(./skin/default/img/icon_1.gif); }
.sideNav .recentlyDiary li   { background-image: url(./skin/default/img/icon_3.gif); }
.sideNav .recentlyComment li { background-image: url(./skin/default/img/icon_1.gif); }
.sideNav .monthlyDiary li    { background-image: url(./skin/default/img/icon_2.gif); }
.sideNav .listCategory li    { background-image: url(./skin/default/img/icon_2.gif); }

/*==============================================================================
 * 44. rankingSideNav（ランキングサイドナビ）
 *----------------------------------------------------------------------------*/
.rankingSideNav {
    width: 150px;
    margin: 0 auto;
    border: 8px solid #CCCCCC;
}
.rankingSideNav .partsHeading {
    padding: 2px 4px;
    border-bottom: 1px solid #CCCCCC;
    background-image: none;
    text-align: center;
}
.rankingSideNav p {
    margin: 3px;
}
.rankingSideNav p.link {
    padding: 3px;
    border: 1px solid #CCCCCC;
    text-align: right;
}

/**=============================================================================
 * 配色設定
 *----------------------------------------------------------------------------*/
#Body {
    background: #FFFFFF;
}
#Container {
    background: #FFFFFF;
}
div.dparts {
    background-color: #FFFFFF;
}
div.parts {
    background-color: #FFFFFF;
}
.sideNav .item {
    background-color: #FFFFFF;
}
#Body .sideNav {
    background-color: transparent;
}
#Body .linkLine,
#Body .searchFormLine,
#Body .buttonLine,
#Body .prevNextLinkLine,
#Body .homeBirthdayBox {
    background-color: transparent;
}

/**=============================================================================
 * ログインページ
 *----------------------------------------------------------------------------*/
div#container_login {
    position: relative;
    display: block;
    margin: 0px auto 0px 0px;
    width: 720px;
    height: 563px;
    padding: 0px;
}

div#container_login img.bg {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 720px;
    height: 563px;
    z-index: 0;
}

div#container_login a img {
    width: 100%;
    height: 100%;
}

div#container_login div.banner,
div#container_login a.banner {
    display: block;
    position: absolute;
    left: 247px;
    top: 5px;
    width: 468px;
    height: 60px;
    z-index: 200;
}

div#container_login div.header a.main_menu {
    display: block;
    display: none;
    position: absolute;
    height: 22px;
    top: 0px;
}

div#container_login input#username {
    display: block;
    position: absolute;
    left: 504px;
    top: 246px;
    width: 185px;
    height: 23px;
    font-size: 10pt;
    z-index: 100;
}

div#container_login input#password {
    display: block;
    position: absolute;
    left: 504px;
    top: 299px;
    width: 185px;
    height: 23px;
    font-size: 10pt;
    z-index: 110;
}

div#container_login input#button_login {
    display: block;
    position: absolute;
    left: 536px;
    top: 384px;
    width: 120px;
    height: 24px;
    border: none 0px;
    background-color: transparent;
    z-index: 120;
}

div#container_login a#button_new_regist {
    display: block;
    position: absolute;
    left: 536px;
    top: 414px;
    width: 120px;
    height: 24px;
    border: none 0px;
    z-index: 130;
}

div#container_login div.msg {
    display: block;
    position: absolute;
    border: none 0px;
    padding: 3px 0px;
    left: 504px;
    top: 327px;
    width: 185px;
    height: 42px;
    font-size: 9pt;
    text-align: center;
    z-index: 140;
}

div#container_login div.msg * {
    font-size: 8pt;
}

div#container_login .footer {
    display: block;
    position: absolute;
    left: 0px;
    top: 542px;
    width: 720px;
    height: 21px;
    z-index: 300;
}
div#container_login .footer p {
    margin-right: 12px;
    text-align: right;
    line-height: 21px;
}

/*==============================================================================
 * 文字装飾
 *----------------------------------------------------------------------------*/
span.op_b {
    text-decoration: inherit;
    font-style: inherit;
    font-weight: bold;
    color: inherit;
    font-size: inherit;
}

span.op_u {
    text-decoration: underline;
    font-style: inherit;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
}

span.op_s {
    text-decoration: line-through;
    font-style: inherit;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
}

span.op_i {
    text-decoration: inherit;
    font-style: italic;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
}

span.op_large {
    text-decoration: inherit;
    font-style: inherit;
    font-weight: inherit;
    color: inherit;
    font-size: 20px;
}

span.op_small {
    text-decoration: inherit;
    font-style: inherit;
    font-weight: inherit;
    color: inherit;
    font-size: 8px;
}

span.op_color {
    text-decoration: inherit;
    font-style: inherit;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
}


/*==============================================================================
 * カスタムCSS
 *----------------------------------------------------------------------------*/
/**フォント色変更**/

/*リンク関連*/
a:link    { color: #026CD1; }
a:visited { color: #004A95; }
a:hover   { color: #76AFE6; }
a:active  { color: #76AFE6; }

/*コンテンツ見出しlv1*/
td.bg_06 span.b_b,
.c_00 { color: #222222; }

/*コンテンツ見出しlv2*/
.c_01 { color: #444444; }

/*強調文字暖色*/
.c_02 { color: #D92C49; }

/*強調文字寒色*/
.c_03 { color: #2C65D9; }

/*その他文字色*/
body { color: #000000; }








/*==============================================================================
 * 写真投稿SNS 2014-06-02
 *----------------------------------------------------------------------------*/

/* 共通フォント */
body {
    font-family: "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
    line-height: 1.6em;
    font-size: 15px;
    color: #333;
}

#header {
    word-break: normal;
    word-wrap: break-word;
}
.gmnoprint {
    word-wrap: normal;
}

/* その他共通スタイル */
/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
}
.clearfix {    #display:inline-block;}
* html .clearfix { height: 1%;}

/* 文章を1行のみ表示（省略） */
.textTruncate {
    word-wrap: normal; /* for IE */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
/* サイト幅など */
html, body {
    height: 100%;
}
#Container {
    width: 100%;
    min-width: 1200px;
}
.contentInnerL {
    width: 1200px;
    margin: auto;
}
.contentInnerM {
    width: 1080px;
    margin: auto;
}
.basePadding {
    padding: 45px 0;
}
/* placeholder */
input-placeholder { color: #666; }
::-webkit-input-placeholder { color: #666; }
:-moz-placeholder { color: #666; }
:-ms-input-placeholder { color: #666; }

/* submitBtn */
.input_submit.decisionBtn,
.input_submit.cancelBtn {
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.input_submit.decisionBtn {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
    font-weight: bold;
}
.input_submit.decisionBtn:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.input_submit.cancelBtn {
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top, #fff, #ededed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed')
    font-weight: bold;
}
.input_submit.cancelBtn:hover {
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
/*==============================================================================
 * エラーメッセージ
 *----------------------------------------------------------------------------*/
.errorMsgArea {
    width: 100%;
    background: #ffdede;
    margin-top: -10px;
}
.errorMessages {
    max-width: 1170px;
    padding: 15px 0px;
    padding-left: 30px;
    border-radius: 3px;
    color: #e50000;
    margin: auto;
    font-size: 18px;
    position: relative;
    background: url('/skin/custom_skin/errorIcon.png') no-repeat left center;
}
/*==============================================================================
 * ヘッダー
 *----------------------------------------------------------------------------*/
#Header {
    border-bottom: 1px solid #CCC;
    background: #FFF;
}
.headerTop,
.headerTopBefore {
    height: 69px;
    border-bottom: 1px solid #bbb;
}
.headerTopBefore {
    border: none;
}
.headerTopInner {
    width: 1200px;
    height: 100%;
    margin: auto;
}
.headerLogo {
    float: left;
    margin-top: 17px;
}
.headerLogo img {
    width: 250px;
}
.headerRightArea {
    float: right;
    height: 100%;
}
.headerRightBox {
    height: 100%;
    float: left;
}
.headerUserInfo {
    padding: 0 15px;
}
.headerSearch {
    width: 225px;
    background: #E5E5E5;
    text-align: center;
    background: #e5e5e5; /* Old browsers */
}
.headerSearch form {
    margin-top: 19px;
}
.headerSearch input[type="text"] {
    width: 140px;
    padding: 0 5px;
    height: 26px;
    border-radius: 2px 0px 0px 2px;
    margin-right: -3px;
    border: 1px solid #ccc;
}
.headerSearch input[type="submit"] {
    border: none;
    height: 28px;
    width: 35px;
    border-radius: 3px;
    background: #E66315 url('/skin/custom_skin/headerBtnSearch.png') no-repeat center center;
    margin-left: -4px;
    text-indent: -9999px;
}
.headerMemberShip {
    width: 90px;
    border-right: 1px solid #557700;
    background: #595959;
    background: #8fc800; /* Old browsers */
    background: -moz-linear-gradient(top,  #8fc800 0%, #8fc800 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #8fc800 0%,#8fc800 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #8fc800 0%,#8fc800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#8fc800',GradientType=0 ); /* IE6-9 */
    box-shadow: -3px 0px 20px #bbb;
}
.headerMemberShip a {
    text-indent: -9999px;
    background-image:url('/skin/custom_skin/headerBtnMemberShip.png') ;
    background-position: center center ;
    background-repeat: no-repeat;
    border-bottom: 5px solid #81b303;
    box-shadow: 0px -1px 6px #d0e4a5 inset;
    border-left: 1px solid #8fae43;
}
.headerMemberShip:hover {
    background: #6cba00; /* Old browsers */
    background: -moz-linear-gradient(top,  #6cba00 0%, #7eb500 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #6cba00 0%,#7eb500 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #6cba00 0%,#7eb500 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6cba00', endColorstr='#7eb500',GradientType=0 ); /* IE6-9 */
    box-shadow: 0px 0px 0px;
}
.headerContact {
    width: 70px;
    background: #595959;
    border-left: 1px solid #aaa;
    border-right: 1px solid #444;
    background: #666666; /* Old browsers */
    background: -moz-linear-gradient(top,  #666666 0%, #555555 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#555555)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #666666 0%,#555555 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #666666 0%,#555555 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #666666 0%,#555555 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #666666 0%,#555555 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#555555',GradientType=0 ); /* IE6-9 */
    #box-shadow: -3px 0px 20px #bbb;
}
.headerContact a {
    text-indent: -9999px;
    background-image:url('/skin/custom_skin/headerBtnContact3.png') ;
    background-position: center center ;
    background-repeat: no-repeat;
    #border-left: 1px solid #e5e5e5;
    border-bottom: 5px solid #444;
    box-shadow: 0px -1px 6px #6F6F6F inset;
    border-left: 1px solid #444;
}
.headerContact:hover {
    background: #555555; /* Old browsers */
    background: -moz-linear-gradient(top,  #555555 0%, #666666 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#666666)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #555555 0%,#666666 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #555555 0%,#666666 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #555555 0%,#666666 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #555555 0%,#666666 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
    box-shadow: 0px 0px 0px;
}
.headerManual {
    width: 70px;
    background: #444;
    border-left: 1px solid #999;
    border-right: 1px solid #000;
    background: #515151; /* Old browsers */
    background: -moz-linear-gradient(top,  #515151 0%, #333333 100%, #444444 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#515151), color-stop(100%,#333333), color-stop(100%,#444444)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #515151 0%,#333333 100%,#444444 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #515151 0%,#333333 100%,#444444 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #515151 0%,#333333 100%,#444444 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #515151 0%,#333333 100%,#444444 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
}
.headerManual a {
    text-indent: -9999px;
    background: url('/skin/custom_skin/headerBtnManual.png') no-repeat center center;
    border-bottom: 5px solid #000;
    box-shadow: 0px -1px 6px #606060 inset;
}
.headerManual:hover {
    background: #333333; /* Old browsers */
    background: -moz-linear-gradient(top,  #333333 0%, #444444 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#444444)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #333333 0%,#444444 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #333333 0%,#444444 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #333333 0%,#444444 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #333333 0%,#444444 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
}
.headerLogOut {
    width: 70px;
    background: #E66315;
    border-left: 1px solid #EBB290;
    background: #e56c27; /* Old browsers */
    background: -moz-linear-gradient(top,  #e56c27 0%, #e55400 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e56c27), color-stop(100%,#e55400)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e56c27 0%,#e55400 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e56c27 0%,#e55400 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e56c27 0%,#e55400 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e56c27 0%,#e55400 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e56c27', endColorstr='#e55400',GradientType=0 ); /* IE6-9 */
}
.headerLogOut:hover {
    background: #e55400; /* Old browsers */
    background: -moz-linear-gradient(top,  #e55400 0%, #e56c27 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e55400), color-stop(100%,#e56c27)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e55400 0%,#e56c27 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e55400 0%,#e56c27 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e55400 0%,#e56c27 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e55400 0%,#e56c27 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e55400', endColorstr='#e56c27',GradientType=0 ); /* IE6-9 */
}
.headerLogOut a {
    text-indent: -9999px;
    background:url('/skin/custom_skin/headerBtnLogout.png') no-repeat center center;
    border-bottom: 5px solid #B64F2D;
    box-shadow: 0px -1px 6px #E4986B  inset;
}
.headerSearch input[type="submit"]:hover {
    opacity: 0.9;
}
.headerMemberShip a,
.headerContact a,
.headerManual a,
.headerLogOut a {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    height: 64px;
    #border-bottom: 3px solid #424242;
    #box-shadow: 1px -1px 1px #707070 inset;
}
.headerMemberShip a:hover,
.headerContact a:hover,
.headerManual a:hover,
.headerLogOut a:hover {
    height: 100%;
    border-bottom: none;
}
.headerMemberShip a:hover {
    box-shadow: 0 0 15px #222 inset;
}
.headerContact a:hover {
    box-shadow: 0 0 15px #222 inset;
}
.headerManual a:hover {
    box-shadow: 0 0 15px #000 inset;
}
.headerLogOut a:hover  {
    box-shadow: 0 0 15px #683725  inset;
}
.headerMemberIcon img {
    width: 45px;
    height: 45px;
    border: 2px solid #777;
    border-radius: 3px;
}
.headerMemberIcon a {
    word-break: break-word;
}
.headerMemberIcon {
    margin-right: 8px;
}
.headerMemberIcon,
.headerMemberName {
    float: left;
    margin-top: 10px;
}
.headerMemberName {
    #max-width: 260px;
    max-width: 130px;
    line-height: 50px;
}
.headerMemberName a {
    text-decoration: none;
    color: #666;
    font-size: 16px;
    font-weight: bold;
}

/* ヘッダー案 */
.headerBtnArea {
    float: right;
    height: 50px;
    padding: 4px 5px 4px 4px;
    margin-top: 5px;
    background: rgba(0,0,0,0.04);
    border-radius: 4px;
    border-bottom: 1px solid #e3e3e3;
}
.headerBtnArea .headerMemberShip a {
    background-image:url('/skin/custom_skin/headerBtnContact.png') ;
    background-position: center center ;
    background-repeat: no-repeat;
}
.headerBtnArea .headerContact a {
    background-image:url('/skin/custom_skin/headerBtnContact.png') ;
    background-position: center center ;
    background-repeat: no-repeat;
}
.headerBtnArea .headerManual a {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('/skin/custom_skin/headerBtnManual.png');
}
.headerBtnArea .headerSearch {
    border-radius: 3px 0 0 3px;
}
.headerBtnArea .headerSearch form {
    margin-top: 11px;
}
.headerBtnArea .button {
    height: 48px;
    margin-right: -1px;
    background-color: #ddd;
    border: 1px solid #ccc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0))), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABkCAMAAAD0WI85AAADAFBMV…6ZSA4WijEhOLKEwBER+dPUK/hI/p/kVrA+eSV/QsCCz07/F6W5tIcqVQ/EAAAAAElFTkSuQmCC);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABkCAMAAAD0WI85AAADAFBMV…6ZSA4WijEhOLKEwBER+dPUK/hI/p/kVrA+eSV/QsCCz07/F6W5tIcqVQ/EAAAAAElFTkSuQmCC);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABkCAMAAAD0WI85AAADAFBMV…6ZSA4WijEhOLKEwBER+dPUK/hI/p/kVrA+eSV/QsCCz07/F6W5tIcqVQ/EAAAAAElFTkSuQmCC);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABkCAMAAAD0WI85AAADAFBMV…6ZSA4WijEhOLKEwBER+dPUK/hI/p/kVrA+eSV/QsCCz07/F6W5tIcqVQ/EAAAAAElFTkSuQmCC);
    background-image: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABkCAMAAAD0WI85AAADAFBMV…6ZSA4WijEhOLKEwBER+dPUK/hI/p/kVrA+eSV/QsCCz07/F6W5tIcqVQ/EAAAAAElFTkSuQmCC);
    background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABkCAMAAAD0WI85AAADAFBMV…6ZSA4WijEhOLKEwBER+dPUK/hI/p/kVrA+eSV/QsCCz07/F6W5tIcqVQ/EAAAAAElFTkSuQmCC);
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -ms-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    background-clip: padding-box;
    #-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
    #-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
    #box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
    text-shadow: 0 1px 0 rgba(255,255,255, .9);
}
.headerBtnArea .headerMemberShip.button:active,
.headerBtnArea .headerContact.button:active,
.headerBtnArea .headerManual.button:active,
.headerBtnArea .headerLogOut.button:active{
  background: #e9e9e9;
  position: relative;
  top: 1px;
  text-shadow: none;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
  height: 47px;
}

.headerLogOut.button {
    border-radius: 0 3px 3px 0;
}

/*==============================================================================
 * グローバルナビ
 *----------------------------------------------------------------------------*/
#globalNav, #globalNavBefore {
    width: 1200px;
    height: 79px;
    margin: auto;
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
    position: relative;
}

#globalNav ul {
    height: 100%;
}
#globalNav li {
    width: 25%;
    height: 100%;
    #border-left: 1px solid #CCC;
    position: relative;
    float: left;
    text-align: center;
}
#globalNav li:hover {
    background: #eeeeee; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    border-top: 3px solid #CF5F1C;
    box-shadow: 0 0 15px #aaa inset;
    height: 77px;
}
#globalNav li.last {
    #width: 298px;
    #border-right: 1px solid #CCC;
}
#globalNav li a {
    #width: 100%;
    height: 100%;
    border-left: 1px solid #CCC;
    display: block;
}
#globalNav li.last a {
    border-right: 1px solid #CCC;
}
#globalNav li a.globalNav01 {
    background: url('/skin/custom_skin/glovalNavi01.png') center 20px no-repeat;
}
#globalNav li a.globalNav02 {
    background: url('/skin/custom_skin/glovalNavi02.png') center 20px no-repeat;
}
#globalNav li a.globalNav03 {
    background: url('/skin/custom_skin/glovalNavi03.png') center 20px no-repeat;
    position: relative;
}
#globalNav li a.globalNav04 {
    background: url('/skin/custom_skin/glovalNavi04.png') center 20px no-repeat;
}
/* お知らせ通知 */
.headrNotice {
    position: absolute;
    font-size: 1.1em;
    top: 15px;
    left: 830px;
    z-index: 100;
    display: inline-block;
    padding: 5px;
    background: #E64715;
    border-radius: 20px;
    height: 15px;
    min-width: 15px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    line-height: 16px;
    font-family: Arial,Helvetica,Geneva,sans-serif;
    border: 2px solid #FFF;
    box-shadow: 1px 1px 5px #AFAFAF;
}

/*==============================================================================
 * ローカルナビ(共通)
 *----------------------------------------------------------------------------*/
div.localNav {
    width: 100%;
    height: 50px;
    background: #555555; /* Old browsers */
    background: -moz-linear-gradient(top,  #555555 0%, #444444 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#444444)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #555555 0%,#444444 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #555555 0%,#444444 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #555555 0%,#444444 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #555555 0%,#444444 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
}
.localNav ul {
    display: inline;
}
.localNav li a {
    height: 20px;
    padding: 15px 0;
    text-indent: 0;
    line-height: 23px;
    font-size: 15px;
    #font-weight: bold;
    color: #FFF;
    text-shadow: 1px 1px 0px #333;
}
.localNav li a span {
    padding: 0 20px;
    display: block;
    border-right: 1px solid #666;
    border-left: 1px solid #444;
}
.localNav li a span.first,
.localNav li:first-child a span {
    border-left: none;
}
.localNav li a span.last,
.localNav li:last-child a span {
    border-right: none;
}
.localNav li a.localNavSelected,
.localNav li a:hover {
    background: #333;
}
.LocalNavInner,
.hLocalNavInner,
.fLocalNavInner,
.cLocalNavInner {
    width: 1200px;
    margin: auto;
}

/*==============================================================================
 * p ローカルナビ(写真一覧)
 *----------------------------------------------------------------------------*/
.localNavSelectCategory {
    float: right;
    margin-top: 10px;
}
.localNavSelectCategoryAtl {
    color: #FFF;
    text-shadow: 1px 1px 0px #333;
    font-size: 15px;
}
.localNavSelectCategory select {
    height: 30px;
    min-width: 200px;
    border-radius: 3px;
    padding: 5px;
    vertical-align: middle;
    width: 250px;
}

.subNaviList {
    position: absolute;
    width: 300px;
    top: 40px;
    padding-top: 13px;
}
.subNaviListInner {
    padding: 10px;
    background: #FFF;
    border-radius: 6px;
    border: 3px solid #777;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
    position: relative;
}
.subNaviListInner:before{
    content: "";
    border: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    left: 40px;
    top: -18px;
    z-index: 1;
}
.subNaviListInner:after{
    content: "";
    border: 10px solid transparent;
    border-bottom: 10px solid #777;
    position: absolute;
    left: 40px;
    top: -22px;
}
.subNaviList li {
    float: none !important;
    width: 100%;
    height: 86px;
    border-bottom: 1px dotted #bbb;
}
.localNav li .subNaviList li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
    color: #555;
    font-weight: bold;
    text-shadow: none;
}
.localNav li .subNaviList li a:hover {
    background: #fafafa;
    color: #E64715;
}
.subNaviList li a img {
    width: 60px;
    float: left;
    margin-right: 13px;
    border: 3px solid #ddd;
}


/*==============================================================================
 * h ローカルナビ
 *----------------------------------------------------------------------------*/
.hLocalNav li {
    position: relative;
    float: left;
}
li#hLocalNav_1 { left: 0px; }
li#hLocalNav_2 { left: 0px; }
li#hLocalNav_3 { left: 0px; }
li#hLocalNav_4 { left: 0px; }
li#hLocalNav_5 { left: 0px; }
li#hLocalNav_6 { left: 0px; }
li#hLocalNav_7 { left: 0px; }
li#hLocalNav_8 { left: 0px; }
li#hLocalNav_9 { left: 0px; }
li#hLocalNav_1 a:hover, li#hLocalNav_1 a:active { background-position:   -0px -29px; }
li#hLocalNav_2 a:hover, li#hLocalNav_2 a:active { background-position:  -80px -29px; }
li#hLocalNav_3 a:hover, li#hLocalNav_3 a:active { background-position: -160px -29px; }
li#hLocalNav_4 a:hover, li#hLocalNav_4 a:active { background-position: -240px -29px; }
li#hLocalNav_5 a:hover, li#hLocalNav_5 a:active { background-position: -320px -29px; }
li#hLocalNav_6 a:hover, li#hLocalNav_6 a:active { background-position: -400px -29px; }
li#hLocalNav_7 a:hover, li#hLocalNav_7 a:active { background-position: -480px -29px; }
li#hLocalNav_8 a:hover, li#hLocalNav_8 a:active { background-position: -560px -29px; }
li#hLocalNav_9 a:hover, li#hLocalNav_9 a:active { background-position: -640px -29px; }

/*==============================================================================
 * f ローカルナビ
 *----------------------------------------------------------------------------*/
.localNav li {
    position: relative;
    float: left;
}
li#hLocalNav_1 { left: 0px; }
li#hLocalNav_2 { left: 0px; }
li#hLocalNav_3 { left: 0px; }
li#hLocalNav_4 { left: 0px; }
li#hLocalNav_5 { left: 0px; }
li#hLocalNav_6 { left: 0px; }
li#hLocalNav_7 { left: 0px; }
li#hLocalNav_8 { left: 0px; }
li#hLocalNav_9 { left: 0px; }
li#hLocalNav_1 a:hover, li#hLocalNav_1 a:active { background-position:   -0px -29px; }
li#hLocalNav_2 a:hover, li#hLocalNav_2 a:active { background-position:  -80px -29px; }
li#hLocalNav_3 a:hover, li#hLocalNav_3 a:active { background-position: -160px -29px; }
li#hLocalNav_4 a:hover, li#hLocalNav_4 a:active { background-position: -240px -29px; }
li#hLocalNav_5 a:hover, li#hLocalNav_5 a:active { background-position: -320px -29px; }
li#hLocalNav_6 a:hover, li#hLocalNav_6 a:active { background-position: -400px -29px; }
li#hLocalNav_7 a:hover, li#hLocalNav_7 a:active { background-position: -480px -29px; }
li#hLocalNav_8 a:hover, li#hLocalNav_8 a:active { background-position: -560px -29px; }
li#hLocalNav_9 a:hover, li#hLocalNav_9 a:active { background-position: -640px -29px; }

/*==============================================================================
 * c ローカルナビ
 *----------------------------------------------------------------------------*/
.localNav li {
    position: relative;
    float: left;
}
li#hLocalNav_1 { left: 0px; }
li#hLocalNav_2 { left: 0px; }
li#hLocalNav_3 { left: 0px; }
li#hLocalNav_4 { left: 0px; }
li#hLocalNav_5 { left: 0px; }
li#hLocalNav_6 { left: 0px; }
li#hLocalNav_7 { left: 0px; }
li#hLocalNav_8 { left: 0px; }
li#hLocalNav_9 { left: 0px; }
li#hLocalNav_1 a:hover, li#hLocalNav_1 a:active { background-position:   -0px -29px; }
li#hLocalNav_2 a:hover, li#hLocalNav_2 a:active { background-position:  -80px -29px; }
li#hLocalNav_3 a:hover, li#hLocalNav_3 a:active { background-position: -160px -29px; }
li#hLocalNav_4 a:hover, li#hLocalNav_4 a:active { background-position: -240px -29px; }
li#hLocalNav_5 a:hover, li#hLocalNav_5 a:active { background-position: -320px -29px; }
li#hLocalNav_6 a:hover, li#hLocalNav_6 a:active { background-position: -400px -29px; }
li#hLocalNav_7 a:hover, li#hLocalNav_7 a:active { background-position: -480px -29px; }
li#hLocalNav_8 a:hover, li#hLocalNav_8 a:active { background-position: -560px -29px; }
li#hLocalNav_9 a:hover, li#hLocalNav_9 a:active { background-position: -640px -29px; }

#pc_page_c_home .localNav li.cLocalNav_1 a,
#pc_page_c_home .localNav li.cLocalNav_1 a:hover,
#pc_page_c_event_list .localNav li.cLocalNav_2 a,
#pc_page_c_event_list .localNav li.cLocalNav_2 a:hover,
#pc_page_c_topic_list .localNav li.cLocalNav_3 a,
#pc_page_c_topic_list .localNav li.cLocalNav_3 a:hover,
#pc_page_c_home .localNav li.cLocalNav_1 a,
#pc_page_c_home .localNav li.cLocalNav_1 a:hover {
    background: #333;
}

/*==============================================================================
 * g ローカルナビ
 *----------------------------------------------------------------------------*/
#pc_page_h_home .localNav li.gLocalNav_1 a,
#pc_page_h_home .localNav li.gLocalNav_1 a:hover,
#pc_page_h_search .localNav li.gLocalNav_2 a,
#pc_page_h_search .localNav li.gLocalNav_2 a:hover,
#pc_page_h_search_result .localNav li.gLocalNav_2 a,
#pc_page_h_search_result .localNav li.gLocalNav_2 a:hover,
#pc_page_h_search_list .localNav li.gLocalNav_2 a,
#pc_page_h_search_list .localNav li.gLocalNav_2 a:hover,
#pc_page_h_com_find_all .localNav li.gLocalNav_3 a,
#pc_page_h_com_find_all .localNav li.gLocalNav_3 a:hover,
#pc_page_h_com_topic_find_all .localNav li.gLocalNav_3 a,
#pc_page_h_com_topic_find_all .localNav li.gLocalNav_3 a:hover,
#pc_page_h_ranking .localNav li.gLocalNav_4 a,
#pc_page_h_ranking .localNav li.gLocalNav_4 a:hover,
#pc_page_h_notification .localNav li.gLocalNav_5 a,
#pc_page_h_notification .localNav li.gLocalNav_5 a:hover {
    background: #333;
}

/*==============================================================================
 * m ローカルナビ
 *----------------------------------------------------------------------------*/
#pc_page_fh_prof .localNav li.mLocalNav_1 a,
#pc_page_fh_prof .localNav li.mLocalNav_1 a:hover,
#pc_page_fh_myphoto .localNav li.mLocalNav_2 a,
#pc_page_fh_myphoto .localNav li.mLocalNav_2 a:hover,
#pc_page_fh_favorites .localNav li.mLocalNav_3 a,
#pc_page_fh_favorites .localNav li.mLocalNav_3 a:hover,
#pc_page_fh_friend_list .localNav li.mLocalNav_4 a,
#pc_page_fh_friend_list .localNav li.mLocalNav_4 a:hover,
#pc_page_h_manage_friend .localNav li.mLocalNav_4 a,
#pc_page_h_manage_friend .localNav li.mLocalNav_4 a:hover,
#pc_page_fh_friend_list_delete_c_friend_confilm .localNav li.mLocalNav_4 a,
#pc_page_fh_friend_list_delete_c_friend_confilm .localNav li.mLocalNav_4 a:hover,
#pc_page_fh_com_list .localNav li.mLocalNav_5 a,
#pc_page_fh_com_list .localNav li.mLocalNav_5 a:hover,
#pc_page_h_manage_commu .localNav li.mLocalNav_5 a,
#pc_page_h_manage_commu .localNav li.mLocalNav_5 a:hover,
#pc_page_h_message_box .localNav li.mLocalNav_6 a,
#pc_page_h_message_box .localNav li.mLocalNav_6 a:hover,
#pc_page_h_message .localNav li.mLocalNav_6 a,
#pc_page_h_message .localNav li.mLocalNav_6 a:hover,
#pc_page_f_message_send .localNav li.mLocalNav_6 a,
#pc_page_f_message_send .localNav li.mLocalNav_6 a:hover,
#pc_page_f_message_send_confirm .localNav li.mLocalNav_6 a,
#pc_page_f_message_send_confirm .localNav li.mLocalNav_6 a:hover,
#pc_page_h_reply_message .localNav li.mLocalNav_6 a,
#pc_page_h_reply_message .localNav li.mLocalNav_6 a:hover,
#pc_page_fh_course_history .localNav li.mLocalNav_7 a,
#pc_page_fh_course_history .localNav li.mLocalNav_7 a:hover,
#pc_page_fh_favorites_lecturer .localNav li.mLocalNav_8 a,
#pc_page_fh_favorites_lecturer .localNav li.mLocalNav_8 a:hover, {
    background: #333;
}

/*==============================================================================
 * フッター
 *----------------------------------------------------------------------------*/
#Footer {
    #position: absolute;
    #bottom: 0;
    width: 100%;
    height: 39px;
    background: #E5E5E5;
    border-top: 1px solid #CCC;
}
#Footer p {
    width: 1200px;
    margin: auto;
    padding: 0;
    line-height: 38px;
    text-align: left;
    color: #666;
    border-top: 1px solid #EEE;
}
#Footer p span.copyright {
    margin-right: 20px;
    text-shadow: 1px 1px 0px #FFF;
}
#Footer p a {
    padding-left: 12px;
    margin-right: 12px;
    color: #333;
    text-shadow: 1px 1px 0px #FFF;
    text-decoration: none;
    background: url('/skin/custom_skin/footerLinkIcon.png') no-repeat left 4px;
}
#Footer p a:hover {
    text-decoration: underline;
}
#Footer .footerToTop {
    float: right;
    height: 38px;
    width: 40px;
    display: block;
    background: #555 url('/skin/custom_skin/footerArrowToTop.png') no-repeat center center;
    cursor: pointer;
}
#Footer .footerToTop:hover {
    opacity: 0.8;
}
/*==============================================================================
 * ログイン画面
 *----------------------------------------------------------------------------*/
body#pc_page_o_login {
    #background-image:  url('/bgimg/bgLogin.jpg');
    /* ブラウザ幅表示 */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
body#pc_page_o_login .contentInnerM {
    width: 1200px;
}
 div#container_login {
    width: 100%;
    margin: auto;
}
.containerLoginInner {
    width: 1200px;
    position: relative;
    margin: auto;
}
body#pc_page_o_login h3 {
    font-weight: bold;
    color: #777;
}

div#container_login input#username {
    display: block;
    position: static;
    width: 185px;
    height: 23px;
    font-size: 10pt;
    z-index: 100;
    padding: 3px;
    margin-bottom: 10px;
}

div#container_login input#password {
    display: block;
    position: static;
    width: 185px;
    height: 23px;
    font-size: 10pt;
    z-index: 110;
    padding: 3px;
    margin-bottom: 15px;
}

div#container_login input#button_login {
    position: static;
    z-index: 120;
    margin: 10px auto;
    width: 191px;
    height: 40px;
    font-size: 1.1em;
    font-weight: bold;
    display: block;
    color: #FFF;
    text-decoration: none;
    text-shadow: 2px 1px 2px #C25311;
    border-radius: 3px;
    border: 1px solid #C25311;
    background: #ffa84c; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}
div#container_login input#button_login:hover {
        background: #ff7b0d; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff7b0d 0%, #ffa84c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7b0d), color-stop(100%,#ffa84c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff7b0d 0%,#ffa84c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff7b0d 0%,#ffa84c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff7b0d 0%,#ffa84c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff7b0d 0%,#ffa84c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b0d', endColorstr='#ffa84c',GradientType=0 ); /* IE6-9 */
}
div#container_login div.msg {
    display: block;
    position: static;
    border: none 0px;
    padding: 3px 0px;
    width: 185px;
    height: 42px;
    font-size: 9pt;
    text-align: center;
    z-index: 140;
}
.loginForm {
    display: inline-block;
    padding: 30px 15px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 3px;
    position: absolute;
    top: 230px;
    left: 0px;
    #border: 1px solid #666;
}
.loginForm .input_checkbox {
    vertical-align: middle;
}
.loginMsg {
    color: #333;
    font-size: 0.9em;
    width: 193px;
    padding: 15px;
    background: #FFE0E0;
    border: 1px solid #F00;
    border-radius: 3px;
    line-height: 18px;
    position: absolute;
    top: 135px;
    left: 0px;
}
.loginMsg.logout {
    top: 170px;
}
#topImage {
    width: 100%;
    height: 853px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #333;
    /* 外接リサイズ */
    #background-size: cover;
    #background-attachment: fixed;
    /* 内接リサイズ */
    background-size: contain;
    position: relative;
}
.photoMemberInfo {
    position: relative;
    width: 100%;
    margin: auto;
    border-bottom: 1px solid #E5E5E5;
}
.photoMemberInfo p {
    width: 1200px;
    margin: auto;
    text-align: right;
    padding: 10px 0 7px;
    color: #555;
}
.photoMemberInfo p:before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 16px;
    background-image: url('/skin/custom_skin/arrowTop.png');
    background-repeat: no-repeat;
    background-position: center 4px;
    margin-right:5px;
}
.loginPickup .photoImage {
    margin: 0 20px 20px 0 !important;
}
.swiper-container {
    width: 600px;
    height: 440px;
    float: left;
    background: #f3f3f3;
}
.swiper-pagination-bullet-active {
    background: #e66315 !important;
}
.conceptTxt {
    float: right;
    width: 580px;
    background: #fff;
    padding: 40px;
    margin-top: -350px;
    position: relative;
    z-index: 1;
}
.conceptHeading {
    position: absolute;
    top: -35px;
    left: 0;
    font-size: 14px;
    color: #aaa;
}
.conceptLinkBtn {
    display: inline-block;
    padding: 5px 20px;
    border-radius: 100px;
    background: #ec600f;
    margin-top: 30px;
    color: #fff !important;
    text-decoration: none;
}
.swiper-slide {
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 400px !important;
}
/*.topSlider01 {
    background-image: url(./upload/img/topSlider01.jpg);
}
.topSlider02 {
    background-image: url(./upload/img/topSlider02.jpg);
}
.topSlider03 {
    background-image: url(./upload/img/topSlider03.jpg);
}
.topSlider04 {
    background-image: url(./upload/img/topSlider04.jpg);
}
.topSlider05 {
    background-image: url(./upload/img/topSlider05.jpg);
}*/
.loginConcept.basePadding.grayArea {
    padding-bottom: 20px;
}
.photoMemberInfo,
.loginPickup {
    background: #fff;
}
#pc_page_o_login .contentWrap {
    background: #f5f5f5;
}
.loginWrap {
    width: 1280px;
    margin: auto;
    border: 1px solid #ddd;
    border-width: 0 1px;
    box-shadow: 0 0 20px #ddd;
}

/*==============================================================================
 * 写真を投稿する
 *----------------------------------------------------------------------------*/

div#photoUploadArea {
    position: relative;
}
#uploadArea {
    height: 440px;
    position: relative;
    padding-top: 200px;
    background: url('/skin/custom_skin/uploadBgCamera.png') no-repeat center 60px;
}
.dz-message {
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    line-height: 36px;
    color: #777777;
}
.dz-message span.dz_photo_or {
    font-size: 18px;
}
.dz-fallback {
    display: none;
}

.photoUpload {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    width: 300px;
    height: 75px;
    background: url('/skin/custom_skin/uploadBtnPhoto.png') no-repeat center center;
    top: 280px;
    left: 50%;
    margin-left: -150px;
}
.photoUpload:hover {
    opacity: 0.75;
}
.photoUpload input[type="file"] {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    position: absolute;
    right: -100px;
    top: 0;
    margin: 0;
    font-size: 100px;
    cursor: pointer;
    padding: 100px;
}
.attendUpload {
    position: absolute;
    width: 1000px;
    left: 50%;
    margin-left: -500px;
    top: 385px;
}
.attendUpload h3 {
    font-size: 21px;
    font-weight: bold;
    color: #E66315;
    overflow: visible;
    text-align: center;
    margin-bottom: 10px;
}
.attendUpload h4 {
    text-align: center;
    margin: 20px 0 5px;
    text-decoration: underline;
}
.attendUpload p {
    font-size: 16px;
    text-align: center;
    line-height: 25px;
}
.progressArea {
display: none;
position: absolute;
text-align: center;
width: 600px;
left: 50%;
margin-left: -300px;
top: 450px;
}
.progress {
    width: 250px;
    height: 40px;
    border-radius: 4px;
    background: #ddd;
    margin: auto;
}
.progressbar {
    width:0px;
    height: 40px;
    background: url('/skin/custom_skin/photoLoading.GIF') no-repeat left center;
    border-radius: 4px;
}
/* 写真情報入力 */
.mandatory {
    font-size: 12px;
    height: 20px;
    padding: 0 5px;
    display: inline-block;
    border-radius: 3px;
    background: #DF0000;
    color: #FFF;
    text-shadow: none;
    font-weight: bold;
    margin-right: 8px;
    line-height: 22px;
}

.photoPreview {
    margin-top: 20px;
    text-align: center;
}
.photoPreview img {
    max-width: 1000px;
    width: auto;
    height: auto;
}
.photoInfoRegistArea {
    background: #F5F5F5;
    border: 1px solid #EEE;
    bordeer-width: 1px 0;
    margin-top: 20px;
    margin-bottom: 50px;
}
.photoInfoRegistArea h2 {
    font-size: 30px;
    color: #E66315;
    overflow: visible;
    margin-bottom: 30px;
}
.photoInfoRegistArea h3 {
    font-size: 16px;
    margin-bottom: 3px;
    color: #555;
    text-shadow: 1px 1px 0px #FFF;
}
.photoInfoRegistAreaInner {
    width: 1100px;
    margin: auto;
}
.editArea {
    margin-bottom: 50px;
}
.photoInfoRegistBox {
    float: left;
    margin-right: 20px;
}
.photoInfoRegistArea input[type="text"],
.photoInfoRegistArea select,
.photoInfoRegistArea textarea {
    border: 1px solid #DDD;
    border-radius: 2px;
    background: #FFF;
    width: 288px;
    height: 30px;
    padding: 5px;
    margin-bottom: 15px;
    box-shadow: 1px 1px 0px #FFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.photoInfoRegistArea select {
    width: 288px;
    min-height: 30px;
}
.photoInfoRegistArea select:disabled {
    background: #EEE;
}
.event_disable {
    height: 30px;
    width: 278px;
    border: 1px solid #DDD;
    border-radius: 3px;
    box-shadow: 1px 1px 0px #FFF;
    background: #EEE;
    line-height: 30px;
    padding-left: 10px;
}
.photoInfoRegistArea textarea {
    height: 213px;
    height: 138px;
    line-height: 1.5em;
    resize: vertical;
}
/* 写真情報 */
.photoInfoArea {
    width: 300px;
}
/* 位置情報 */
.placeInfoArea {
    width: 400px;
    height: 300px;
}
.placeInfoArea input[type="text"] {
    width: 330px;
}
.placeInfoArea label {
    margin-right: 15px;
}
#use_map_yes,
#use_map_no {
    margin-right: 5px;
    vertical-align: middle;
}
.searchMapBtn {
    width: 50px;
    height: 30px;
    text-indent: -9999px;
    background: url('/skin/custom_skin/uploadBtnSearchMap.png') #6fb0f2; /* Old browsers */
    background: url('/skin/custom_skin/uploadBtnSearchMap.png'), -moz-linear-gradient(top,  #6fb0f2 0%, #4096ee 100%); /* FF3.6+ */
    background: url('/skin/custom_skin/uploadBtnSearchMap.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6fb0f2), color-stop(100%,#4096ee)); /* Chrome,Safari4+ */
    background: url('/skin/custom_skin/uploadBtnSearchMap.png'), -webkit-linear-gradient(top,  #6fb0f2 0%,#4096ee 100%); /* Chrome10+,Safari5.1+ */
    background: url('/skin/custom_skin/uploadBtnSearchMap.png'), -o-linear-gradient(top,  #6fb0f2 0%,#4096ee 100%); /* Opera 11.10+ */
    background: url('/skin/custom_skin/uploadBtnSearchMap.png'), -ms-linear-gradient(top,  #6fb0f2 0%,#4096ee 100%); /* IE10+ */
    background: url('/skin/custom_skin/uploadBtnSearchMap.png'), linear-gradient(to bottom,  #6fb0f2 0%,#4096ee 100%); /* W3C */
    border: 1px solid #1C86EF;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-position: center center;
    float: right;
    margin-right: 15px;
}
.searchMapBtn:hover {
    opacity: 0.8;
}
/* exif情報 */
.photoInfoRegistArea .exifInfoArea h3 {
    #margin-bottom: 10px;
}
.exifInfoArea.photoInfoRegistBox {
    margin: 0;
}
.exifInfoArea.photoInfoRegistBox p label {
    margin-right: 5px;
}
.exifInfoArea.photoInfoRegistBox dl {
    font-size: 0.8em;
    margin-bottom: 32px;
    border-radius: 3px;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 0px #FFF;
    padding: 5px 10px;
    background: #EEE;
    text-shadow: 1px 1px 0px #FFF;
    width: 320px;
    min-height: 144px;
    position: relative;
}
.exifInfoArea.photoInfoRegistBox.confirm dl {
    margin-top: 7px;
}
#pc_page_h_photo_edit_confirm .exifInfoArea.photoInfoRegistBox dl,
#pc_page_h_upload_confirm .exifInfoArea.photoInfoRegistBox dl {
    margin-bottom: 20px;
}
.exifInfoArea dt,
.exifInfoArea dd {
    float: left;
    text-shadow: 1px 1px 0px #FFF;
}
.exifInfoArea dt {
    clear: both;
    width: 100px;
}
.exifInfoArea dd {
    max-width: 240px;
    line-height: 1.4em;
    margin-bottom: 5px;
}
.submitArea {
    clear: both;
    text-align: center;
}
.submitArea input[type="image"]:hover {
    opacity: 0.8;
}
/* 写真の編集 */
.photoDelBtn {
    text-align: center;
    padding: 15px;
}
#photoDelBtn {
    padding: 7px 20px;
    background: #03aa08; /* Old browsers */
    background: -moz-linear-gradient(top,  #03aa08 0%, #03962c 45%, #007222 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#03aa08), color-stop(45%,#03962c), color-stop(100%,#007222)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #03aa08 0%,#03962c 45%,#007222 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #03aa08 0%,#03962c 45%,#007222 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #03aa08 0%,#03962c 45%,#007222 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #03aa08 0%,#03962c 45%,#007222 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03aa08', endColorstr='#007222',GradientType=0 ); /* IE6-9 */
    border: 1px solid #007222;
    border-radius: 3px;
    color: #FFF;
    font-weight: bold;
    font-size: 21px;
    text-shadow: 1px 1px 2px #2A362E;
}
#photoDelBtn:hover {
    opacity: 0.8;
}
.eventApply {
    font-size: 0.8em;
}
/* 写真読み込み失敗 */
.canNotReadPhoto {
    position: absolute;
    font-weight: bold;
    font-size: 20px;
    color: #777;
    width: 500px;
    text-align: center;
    left: 50%;
    margin-left: -250px;
    top: 370px;
    padding-top: 110px;
    background: url('/skin/custom_skin/bg_list_nophoto.png') no-repeat center top;
}
p.myBackSetting {
    padding: 5px 10px;
    border: 1px solid #ddd;
    background: #FFF;
    border-radius: 2px;
    box-shadow: 1px 1px 0px #FFF;
    margin-top: 3px;
}
p.myBackSetting input[type="checkbox"] {
    margin-right: 10px;
    vertical-align: middle;
}
.joinedEventSelect select {
    width: 342px;
}

/*==============================================================================
 * 写真を投稿する(既に投稿済み画面)
 *----------------------------------------------------------------------------*/
#LayoutA.aleadyUploaded, #LayoutA.disabledGroup {
    height: 400px;
    background: url('/skin/custom_skin/uploadBgAlreadyUploaded.png') no-repeat center center;
}
#LayoutA.aleadyUploaded .dz-message {
    height: 370px;
    line-height: 665px;
}
/*==============================================================================
 * 写真を投稿する(確認画面)
 *----------------------------------------------------------------------------*/

.photoInfoConfirm p,
.confirmBgImage {
    margin-top: 7px;
    margin-bottom: 10px;
    border-radius: 3px;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 0px #FFF;
    padding: 5px 10px;
    background: #EEE;
    text-shadow: 1px 1px 0px #FFF;
}
#map.confirm {
    height: 317px;
    margin-top: 7px;
}
/* イベント選択注意 */
span.eventCaution {
    display: block;
    padding: 12px 20px;
    background-color: #ffdede;
    border: 1px solid #F7CBCB;
    box-shadow: 1px 1px 0px #FFF;
    border-radius: 3px;
    width: 1040px;
    #font-size: 0.95em;
    line-height: 25px;
    margin-top: 15px;
    margin-top: -40px;
    margin-bottom: 40px;
}
.mapCaution {
    font-size: 0.8em;
    margin-bottom: 20px;
    line-height: 18px;
}
.map_area {
    border-radius: 3px;
    border: 1px solid #DDD;
    box-shadow: 1px 1px 0px #FFF;
    background: #EEE none repeat;
    height: 240px;
    margin-top: 10px;
}
.map_area.confirm {
    margin-top: 7px;
    height: 317px;
}
.map_area.confirm #no_regist_map {
    line-height: 317px;
}
#no_regist_map {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 240px;
    color: #BBB;
    font-weight: bold;
    text-shadow: 1px 1px 0px #FFF;
}
.exif_select {
    margin-bottom: 12px;
}
.no_regist_exif {
    position: absolute;
    top: 70px;
    left: 105px;
    color: rgb(187, 187, 187);
    font-weight: bold;
    text-align: center;
}
.confirm_photo_exp {
    min-height: 76px;
}

/*==============================================================================
 * 写真を観る
 *----------------------------------------------------------------------------*/
#whatsNewArea {
    margin: 0 10px 10px;
    #padding: 40px;
    background: #ffeee9;
    position: relative;
    border-left: 6px solid #ec5e0d;
}
.whatsNewHeader {
    padding: 7px 30px;
    background: #e64715;
    border-radius: 2px 2px 0 0;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    text-shadow: 2px 2px 0px rgba(0,0,0,0.3);
}
#whatsNewAreaInner {
    #width: 1200px;
    #margin: auto;
    padding: 30px;
}
#whatsNewArea .close_btns {
    #position: absolute;
    #margin-top: 20px;
    #right: 10px;
    #width: 270px;
    text-align: right;
    #padding: 7px 10px;
    #background: #ffe5dd;
    #border-radius: 50px;
    #float: right;
    padding: 0 30px 20px;
}
#whatsNewArea .close_btns button {
    background-color: #fff;
    color: #666;
    border: none;
    padding: 0px 10px 0px 40px;
    border-radius: 50px;
    cursor: pointer;
    font-weight: bold;
    #sfont-size: 13px;
    height: 40px;
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 28px;
    font-family: "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}
#whatsNewArea .close_btns button:first-child {
    background-image: url('/skin/custom_skin/whats_new_close_icon_later.png');
}
#whatsNewArea .close_btns button:last-child {
    background-image: url('/skin/custom_skin/whats_new_close_icon.png');
}
#whatsNewArea .close_btns button:hover {
    background-color: #ddd;
    color: #e64715;
}

#photoListArea .lecturerEvalAndEventInfo {
    position: absolute;
    width: 100%;
    height: 22px;
    bottom: 48px;
}
#pc_page_fh_myphoto #photoListArea .lecturerEvalAndEventInfo {
    bottom: 38px;
}
span.photoListStarStatus {
    height: 22px;
    width: 80px;
    background-color: rgba(0,0,0,0.6);
    display: inline-block;
    float: right;
    margin-right: 3px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 3px;
}
span.photoListStarStatus.pmpPhoto {
    background: #E01D5F url('/skin/custom_skin/pmpPhotoIcon.png') center center no-repeat;
}
span.photoListStarStatus.stepCheckIcon {
    background-image: url('/skin/custom_skin/stepCheckIcon.png');
    background-color: rgba(0,0,0,0.6);
}
span.photoListStarStatus.evalCircle {
    background-image: url('/skin/custom_skin/evalCircleIconM.png');
}
span.photoListStarStatus.zeroStar {
    background-image: url('/skin/custom_skin/zeroStarIconM.png');
}
span.photoListStarStatus.singleStar {
    background-image: url('/skin/custom_skin/singleStarIconM.png');
}
span.photoListStarStatus.doubleStar {
    background-image: url('/skin/custom_skin/doubleStarIconM.png');
}
span.photoListStarStatus.tripleStar {
    background-image: url('/skin/custom_skin/tripleStarIconM.png');
}
span.photoListStarStatus.debutIcon {
    background-color: #73BE1E;
    background-image: url('/skin/custom_skin/debutIcon.png');
    background-size: 80px;
    background-position: center center;
}

#photoListArea {
    width: 1200px;
    margin: auto;
    padding-top: 5px;
    margin-bottom: 30px;
}
.photoImage {
    height: 220px;
    width: 220px;
    margin: 10px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    background: #F5F5F5;
}
.photoImage img {
    position: absolute;
    left: 0;
    top: 0;
}
.listInfo {
    background-color:rgba(0,0,0,0.25);
}
.listCountInfo {
    float: right;
    margin: 2px;
    position: relative;
    z-index: 10;
}
.countBox {
    float: left;
    min-width: 52px;
    display: inline-block;
    padding: 1px 7px;
    border-radius: 3px;
    text-align: center;
    margin:3px;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 1px 1px 3px #333;
}
.countBox h4 {
    font-size: 13px;
    margin-bottom: -3px;
    font-weight: bold;
    text-align: center;
}
.listCountInfo {
    margin-top: -35px;
    opacity: 0;
}
.listPhotoInfo {
    width: 100%;
    position: absolute;
    height: 45px;
    bottom: 0;
    z-index: 10;
    padding: 5px;
    line-height: 18px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.listPhotoInfo.listInfo.noName {
    line-height: 34px;
}
.commentedPhoto .listPhotoInfo {
    padding: 10px;
    font-size: 15px;
    color: #fff;
    text-align: right;
}
.commentedPhoto .listPhotoInfo span {
    font-size: 26px;
    font-weight: bold;
    font-family: Arial,Helvetica,Geneva,sans-serif;
    margin-left: 8px;
    line-height: 22px;
}
.listPhotoTitle {
    font-size: 15px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 1px 2px 5px #000;
    display: block;
    width: 145px;
}
.listPhotoNickname {
    color: #FFF;
    text-shadow: 1px 1px 3px #000;
    #font-weight: bold;
    display: block;
    width: 145px;
    font-size: 13px;
}
#pc_page_fh_photo_contest_result .listPhotoTitle,
#pc_page_fh_photo_contest_result .listPhotoNickname {
    width: inherit;
}

.score {
    position: absolute;
    z-index: 20;
    color: #FFF;
    font-size: 26px;
    text-shadow: 1px 2px 3px #000;
    font-family: Arial,Helvetica,Geneva,sans-serif;
    bottom: -5px;
    right: 5px;
    opacity: 0;
}
a.listTodetail {
    text-decoration: none;
    width: 220px;
    height: 220px;
    display: block;
}
/* ページャ */
/*Pagination*/
div.pagination {
    text-align:center;
    padding: 7px;
    margin: 3px;
    margin-bottom: 40px;
    margin-top: -15px;
}
div.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    text-decoration: none; /* no underline */
    color: #000000;
    background: #DDD;
}
div.pagination a:hover, div.pagination a:active {
    background-color:#666;
    color: #fff;
}
div.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    font-weight: bold;
    background-color: #555;
    color: #FFF;
}
div.pagination a.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    color: #DDD;
}
div.pagination a.next,
div.pagination a.prev {
    background: #555;
    color: #FFF;
}
div.pagination a.next:hover,
div.pagination a.prev:hover {
    opacity: 0.8;
}
/* イベントセレクトボックス */
.localNavSelectCategory select .catEvtEnd,
.joinedEventSelect select .catEvtEnd {
    background: #666;
    color: #fff;
    margin-bottom: 10px;
}
.localNavSelectCategory select .catEvtEnd option,
.joinedEventSelect select .catEvtEnd option {
    color: #333;
    background: #FFF;
}

/*==============================================================================
 * 仲間とつながる
 *----------------------------------------------------------------------------*/

.personInfo {
    background: #000;
    margin-top: -10px;
    position: relative;
    min-height: 120px;
}
.personBgArea {
    width: 100%;
    margin: auto;
    /* ブラウザ幅表示 */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center 40%;
    background-repeat: no-repeat;
}
.personInfoInner {
    height: 105px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
    padding-top: 15px;
}
.personPhoto {
    background: #555;
    padding: 3px;
    float: left;
    word-break: break-word;
}
.personPhoto a {
    text-decoration: none;
}
.personPhoto img {
    width: 80px;
    height: 80px;
    background: #FFF;
}
.personPhoto,
.personPhoto img {
    border-radius: 2px;
}
.personData {
    float: left;
    margin-left: 7px;
}
.personData {
    font-size: 13px;
    color: #FFF;
    text-shadow: 1px 1px 2px #000;
}
.personData .personName {
    font-size: 30px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 3px;
}
#pc_page_fh_photodetail .personData .personName {
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 3px;
}
.personName a {
    text-decoration: none;
    color: #333;
}
.personName a:hover {
    opacity: 0.8;
}
div.personData span {
    line-height: 1.4;
}
.personCnt span {
    font-size: 14px;
    font-weight: bold;
}
.personSetting a {
    color: #FFF;
    text-decoration: none;
    padding-left: 10px;
    background: url('/skin/custom_skin/LinkIconWhite.png') no-repeat left 5px;
}
.personSetting a:hover {
    text-decoration: underline;
}
.grayArea {
    background: #F3F3F3;
    border-bottom: 1px solid #E5E5E5;
}
.whiteArea {
    background: #FFF;
    border-bottom: 1px solid #E5E5E5;
}

.rankingCnt {
    font-size: 24px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 1px 1px 2px #000;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}

/* 講師評価 */
.lecturerEvalStarArea {
    height: 76px;
    width : 190px;
    padding: 5px;
    border-radius: 3px;
    background-color:rgba(0,0,0,0.18);
    float: right;
    position: relative;
}
.lecturerEvalStarArea .personSetting {
    bottom: 2px;
    position: absolute;
}
.lecturerEvalStarArea .personSetting a {
    font-size: 12px;
}
.lecturerEvalStarArea .starLeftArea h3 {
    color: #fff;
    text-shadow: 1px 1px 0px #333;
    font-weight: bold;
    font-size: 16px;
}
.starLeftArea {
    float: left;
    width: 90px;
}
.starRightArea {
    float: right;
    width: 93px;
    position: relative;
}
.starRightArea .headerEvalStar {
    height:17px;
    line-height: 17px;
    width: 100%;
    border-radius: 3px;
    background-color:rgba(0,0,0,0.7);
    margin-bottom: 2px;
    color: #fff;
}
.starRightArea .headerEvalStar.zeroStar {
    margin-bottom: 0px;
}
.starRightArea .headerEvalStar span.starIcon {
    width: 60px;
    height: 16px;
    display: inline-block;
}
.starRightArea .headerEvalStar.tripleStar span.starIcon {
    background: url('/skin/custom_skin/tripleStarIconS.png') no-repeat center center;
    background-size: auto 13px;
}
.starRightArea .headerEvalStar.doubleStar span.starIcon {
    background: url('/skin/custom_skin/doubleStarIconS.png') no-repeat center center;
    background-size: auto 13px;
}
.starRightArea .headerEvalStar.singleStar span.starIcon {
    background: url('/skin/custom_skin/singleStarIconS.png') no-repeat center center;
    background-size: auto 13px;
}
.starRightArea .headerEvalStar.zeroStar span.starIcon {
    background: url('/skin/custom_skin/zeroStarIconB.png') no-repeat center center;
    background-size: auto 13px;
}
span.starNum {
    width: 30px;
    display: inline-block;
    text-align: center;
    float: right;
    font-size: 13px;
}
span.noEval {
    width: 100%;
    display: inline-block;
    text-align: center;
}
.basePage h2,
#pc_page_c_home .commuNameArea h2 {
    font-size: 30px;
    color: #E66315;
    overflow: visible;
    margin-bottom: 25px;
    text-shadow: 1px 1px 0 #FFF;
}
.basePage h3 {
    font-size: 18px;
    color: #666;
    overflow: visible;
    margin-bottom: 8px;
    text-shadow: 1px 1px 0 #FFF;
}
.myInfomation a {
    color: #E66315;
}
.myInfomation a:hover {
    color: #ED8A58;
}
.commentedPhotoInner h2 {
    width: 1080px;
    margin: auto;
    margin-bottom: 20px;
}
.loadingCommentedPhotos {
    height: 255px;
    background-image: url('/skin/custom_skin/loadingCommentedPhotos.GIF');
    background-repeat: no-repeat;
    background-position: center center;
}
.commentedPhotoListArea {
    height: 255px;
}
.commentedPhotoListArea .photoSlider {
    display: none;
}
.commentedPhotoListArea .noPhoto {
    margin-top: 0;
    padding-top: 160px;
    background-position: center;
}


#Container .topicArea.dparts .partsHeading {
    line-height: 48px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-weight: normal;
    font-size: 16px;
    padding-left: 45px;
}
#Container .myNewEvent.topicArea.dparts .partsHeading,
#Container .allNewEvent.topicArea.dparts .partsHeading {
    background: url('/skin/custom_skin/icon_commu_event.png') no-repeat 10px 10px #FFF ;
}
#Container .myNewTopic.topicArea.dparts .partsHeading,
#Container .allNewTopic.topicArea.dparts .partsHeading {
    background: url('/skin/custom_skin/icon_commu_topic.png') no-repeat 10px 10px #FFF ;
}

.myCommuInfo {
    margin-bottom: 30px;
}
.allCommuInfo {
    border-top: 1px solid #E5E5E5;
}
.myCommuInfo h3,
.allCommuInfo h3 {
    font-size: 1.3em;
    font-weight: bold;
    color: #666;
}
.topicArea {
    width: 510px;
    float: left;
}
.myNewEvent.topicArea,
.allNewEvent.topicArea {
    margin-right: 25px;
}
.myNewTopic.topicArea,
.allNewTopic.topicArea {

}
.topicBox {
    border: 1px solid #DDD;
    #border-radius: 3px;
    background: #FFF;
    box-shadow: 1px 1px 0 #FFF;
    border-radius: 3px;
}
.topicInfo {
    padding: 10px;
    height: 65px;
    border-bottom: 1px dotted #BBB;
}
.topicImage,
.topicDetail {
    float: left;
}
.topicImage {
    text-align: center;
    overflow: hidden;
    width: 65px;
    height: 65px;
    background: #F5F5F5;
    border-radius: 2px;
}
.topicImage img {
    width: 65px;
}
.topicDetail {
    margin-left: 15px;
}
.topicDetail dt,
.topicDetail dd {
    max-width: 405px;
}

.topicDetail dl {
    line-height: 22px;
}
.topicDate {
    font-size: 14px;
    font-weight: bold;
    color: #E66315;
}
.topicName a {
    font-size: 16px;
    font-weight: bold;
    color: #666;
    text-decoration: none;
}
.topicName a:hover {
    opacity: 0.8;
    text-decoration: underline;
}
.commuName {
    font-size: 14px;
    color: #666;
}
.lastTopic {
    border: none;
}
.topicReadMore {
    float: right;
}
.topicReadMore a {
    font-size: 16px;
    font-weight: bold;
    color: #E66315;
    text-decoration: none;
    padding-left: 20px;
    background: url('/skin/custom_skin/iconList.png') no-repeat left 5px;
}
.topicReadMore a:hover {
    opacity: 0.8;
}
p.noTopic {
    padding: 30px;
    font-weight: bold;
    color: #999;
}
.iconArea {
    float: left;
    width: 440px;
}
.iconArea.friendList {
    margin-right: 60px;
}
td.iconInfo,
td.iconCnt {
    width: 88px;
    height: 88px;
}
td.iconInfo img {
    width: 80px;
    height: 80px;
}
td.iconInfo a {
    color: #FFF;
    text-shadow: 1px 1px 3px #333;
    text-decoration: none;
}
.iconName {
    width: 80px;
    height: 20px;
    margin-top: -20px;
    position: relative;
    z-index: 10;
    font-size: 11px;
    text-align: center;
    background-color: rgba(0,0,0,0.4);
    word-wrap: normal; /* for IE */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    line-height: 20px;
}
.iconCnt div {
    text-align: center;
    color: #FFF;
    font-family: Arial,Helvetica,Geneva,sans-serif;
    background: #E66315;
    width: 80px;
    height: 80px;
    line-height: 80px;
}
.iconCnt a {
    text-decoration: none;
    font-size: 30px;
    font-weight: bold;
}
.iconCnt div:hover {
    opacity: 0.8;
}
.iconArea .iconReadMore a {
    color: #E66315;
    font-weight: bold;
    text-decoration: none;
    background: url('/skin/custom_skin/footerLinkIcon.png') no-repeat left 6px;
    padding-left: 12px;
}
.iconArea .iconReadMore a:hover {
    opacity: 0.8;
}

#pc_page_h_home .basePage {
    padding-bottom: 50px;;
}
.photoSlider {
    width: 1080px;
    margin: auto;
    overflow: hidden;
}
.photoSliderInner {
#    width: 5500px;
    width: 11000px;
    margin-left: -10px;
    position: relative;
    z-index: 15;
}
.photoSlider li {
    float: left;
}
.photoSlider li img {
    width: 200px;
    margin: 0 10px;
    margin-bottom: 0;
}
.photoSlideArrowArea {
    width: 1200px;
    position: absolute;
    left: 50%;
    top: 180px;
    margin-left: -600px;
    z-index: 10;
}
.commentedPhotoInner {
    position: relative;
    padding: 55px 0;
}
.photoSlideArrowArea .prev {
    float: left;
    width: 40px;
    height: 40px;
    display: none;
    cursor: pointer;
    background: url('/skin/custom_skin/arrowPrevSlidePhoto.png') no-repeat center center;
}
.photoSlideArrowArea .prev:hover {
    background: url('/skin/custom_skin/arrowPrevSlidePhotoOn.png') no-repeat center center;
}
.photoSlideArrowArea .next {
    float: right;
    width: 40px;
    height: 40px;
    display: block;
    cursor: pointer;
    background: url('/skin/custom_skin/arrowNextSlidePhoto.png') no-repeat center center;
}
.photoSlideArrowArea .next:hover {
    background: url('/skin/custom_skin/arrowNextSlidePhotoOn.png') no-repeat center center;
}
.sliderCommentCnt {
    width: 180px;
    height: 20px;
    margin: auto;
    margin-top: -40px;
    position: relative;
    z-index: 10;
    text-align: right;
    padding: 10px;
    background-color:rgba(0,0,0,0.25);
    color: #FFF;
    text-shadow: 1px 1px 3px #333;
}
.sliderCommentCnt span{
    font-size: 26px;
    font-weight: bold;
    font-family: Arial,Helvetica,Geneva,sans-serif;
    margin-left: 8px;
    line-height: 22px;
}
.sliderCommentCnt span.newCommentIcon,
.commentedPhoto span.newCommentIcon {
    position: absolute;
    left:0;
    width: 30px;
    height: 26px;
    display:block;
    background: url('/skin/custom_skin/newCommentIcon.png') no-repeat center center;
    background-size: 23px;
}
.contestArea {
    padding-bottom: 50px;
}
.contestInfoBlock {
    margin-bottom: 15px;
    display: inline-block;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    min-width: 820px;
}
.contestInfoBlock .noProfData {
    padding-top: 10px;
}
.contestPhoto,
.contestInfo {
    float: left;
    margin-right: 15px;
}
.contestPhoto {
    width: 95px;
    height: 95px;
    background: #F5F5F5;
}
.contestPhoto img {
    width: 95px;
}
.contestInfo {
    min-width: 350px;
}
.contestName {
    height: 29px;
}
.contestName a {
    font-size: 18px;
    color: #555;
    font-weight: bold;
    margin-bottom: 5px;
    text-decoration: none;
}
.contestName a:hover {
    opacity: 0.6;
    text-decoration: underline;
}
.otherPhotoArea {
    float: left;
}
.otherPhotoArea li {
    float: left;
    margin-right: 5px;
}
.otherPhotoArea li img {
    width: 62px;
}
.iconReadMore {
    margin-top: 10px;
}

.moreCommentedPhoto {
    width: 1080px;
    margin: 30px auto 0;
    text-align: right;
}
.moreCommentedPhoto a{
    color: #E66315;
    font-weight: bold;
    text-decoration: none;
    background: url("/skin/custom_skin/footerLinkIcon.png") no-repeat scroll left 6px transparent;
    padding-left: 12px;
}

#pc_page_h_commented_photo .contentInnerM {
    width: 1180px;
}
.notificationList .read {
    display: none;
}
.notificationListWrap {
    display: table;
    width: 100%;
    box-sizing: border-box;
    padding: 7px;
    border-bottom: 1px dotted #ddd;
}
.notificationListWrap .memberThumb,
.notificationListWrap .notificationInfo,
.notificationListWrap .notice_img {
    display: table-cell;
    vertical-align: top;
}
.memberThumb,
.memberThumb img,
.notice_img,
.notice_img img {
    width: 50px;
}
.notificationInfo span {
    font-size: 0.8em;
    color: #888;
}
.status_read,
.status_unread {
    display: inline-block;
    padding: 0px 7px;
    border-radius: 2px;
    font-size: 0.8em;
    background: #ddd;
    font-weight: bold;
    margin-right: 5px;
}
.notificationInfo span.status_unread {
    background: #E66315;
    color: #fff;
}
.notificationListWrap .notificationInfo {
    padding: 0 10px;
}
div#notice_modal .notice_modal_inner {
    background: #fff;
    border: 1px solid #ccc;
}
div#notice_modal {
    padding: 7px;
    background: #e6e6e6;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: fixed !important;
}
.notice_list_area {
    width: 600px;
    max-height: 370px;
    overflow-y: auto;
}
.notice_ctrl {
    border: 1px solid  #ccc;
    border-width: 1px 0;
    background: #e6e6e6;
    padding: 10px;
}
.notice_ctrl ul li {
    float: left;
    padding: 2px 8px 1px;
    background: #ccc;
    border-radius: 4px;
    font-size: 0.9em;
    cursor: pointer;
    margin-right: 2px;
}
.notice_ctrl ul li.active {
    background: #E66315;
    color: #fff;
}
.notice_ctrl p {
    float: right;
    padding: 3px 0 1px 20px;
    background: url("/skin/custom_skin/footerLinkIcon.png") no-repeat 7px center ;
    border-radius: 4px;
}
.notice_ctrl p a {
    color: #333;
    text-decoration: none;
    cursor: pointer;
}
.notice_ctrl p a:hover {
    opacity: 0.8;
}
.notice_icons {
    margin-top: 20px;
}
.notice_icons a {
    display: inline-block;
    height: 70px;
    width: 70px;
    float: left;
    margin-right: 20px;
    position: relative;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px;
}
.notice_icons a#open_modal {
    background-image: url('/skin/custom_skin/btn_notice.png');
}
.notice_icons a#link_message {
    background-image: url('/skin/custom_skin/btn_message.png');
}
.notice_icons a .headrNotice {
    right: -5px;
    left: auto;
    top: -5px;
    text-indent: 0;
}
.all_notice_link {
    padding: 10px;
    text-align: center;
    border-top: 1px solid #ddd;
}
.all_notice_link a {
    display: inline-block;
    padding: 3px 14px 0px;
    background: #e66315;
    border-bottom: 3px solid #bf5414;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
}
.notification_exp_txt {
    padding: 7px;
    border-top: 1px solid #ccc;
}

/*==============================================================================
 * お知らせ通知一覧
 *----------------------------------------------------------------------------*/
#pc_page_h_notification .messageList .pagerRelativeMulti .pager {
    width: 100%;
}
#pc_page_h_notification .number {
    float: left;
    font-size: 0.8em;
    color: #666;
}
#pc_page_h_notification div.pagination {
    padding: 7px;
    margin: 0;
}
#pc_page_h_notification .memberThumb,
#pc_page_h_notification .memberThumb img,
#pc_page_h_notification .notice_img,
#pc_page_h_notification .notice_img img {
    width: 70px;
}
col.noticeFrom,
col.noticePhoto {
    width: 80px;
}
#pc_page_h_notification .partsHeading p {
    float: right;
    padding: 3px 0 1px 20px;
    background: url(/skin/custom_skin/footerLinkIcon.png) no-repeat 7px center;
    border-radius: 4px;
}
#pc_page_h_notification .partsHeading p a {
    color: #333;
    text-decoration: none;
    cursor: pointer;
}
#pc_page_h_notification .partsHeading p a:hover {
    opacity: 0.8;
}

/*==============================================================================
 * マイページ
 *----------------------------------------------------------------------------*/

/* 写真一覧 */

#pc_page_fh_myphoto #photoListArea {
    padding-top: 25px;
}
#pc_page_fh_myphoto .personInfo {
    overflow: hidden;
    width: 100%;
    z-index: 90;
    clear: both;
}
#pc_page_fh_myphoto .personInfoInner .contentInnerM {
    width: 1180px;
}
#pc_page_fh_myphoto .personInfoInner {
    position: absolute;
    bottom: 0;
    width: 100%;
}
#pc_page_fh_myphoto .personBgArea {
    min-height: 120px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#pc_page_fh_myphoto .listPhotoInfo {
    height: 35px;
    line-height: 27px;
}
#pc_page_fh_myphoto .listCountInfo {
    opacity: 1;
    margin-top: 2px;
}

/* プロフィール */
.snsListArea {
    margin-bottom: 40px;
}
.snsListArea h2 {
    margin: 0;
}
.publicAttention {
    clear: both;
    padding-top: 20px;
    font-weight: bold;
}
.foundationInfo {

}
.foundationInfo dl {
    margin-bottom: 8px;
}
.foundationInfo dt,
.foundationInfo dd {
    float: left;
}
.objectDt {
    margin: 8px 0;
}
.foundationInfo dt,
.objectDt {
    font-weight: bold;
    color: #E66315;
    text-shadow: 1px 1px 0 #FFF;
    margin-right: 10px;
}
.foundationInfo dd,
.objectDd {
    margin-right: 25px;
    font-size: 1.2em;
}
.objectDd {
    display: inline-block;
}
.selfIntro,
.useGear {
    float: left;
}
.selfIntro {
    padding-right: 20px;
    width: 480px;
    border-right: 1px solid #DDD;
}
.useGear {
    padding-left: 20px;
    width: 480px;
    border-left: 1px solid #FFF;
}
.snsListArea ul li {
    float: left;
    margin-right: 20px;
}
.snsListArea ul li a {
    width: 80px;
    height: 80px;
    display: block;
    text-indent: -9999px;
}
.snsListArea ul li.web_site a {background: url('/skin/custom_skin/iconWebsite.png') no-repeat center center;}
.snsListArea ul li.web_site a:hover {background: url('/skin/custom_skin/iconWebsiteOn.png') no-repeat center center;}
.snsListArea ul li.blog a {background: url('/skin/custom_skin/iconBlog.png') no-repeat center center;}
.snsListArea ul li.blog a:hover {background: url('/skin/custom_skin/iconBlogOn.png') no-repeat center center;}
.snsListArea ul li.twitter a {background: url('/skin/custom_skin/iconTwitter.png') no-repeat center center;}
.snsListArea ul li.twitter a:hover {background: url('/skin/custom_skin/iconTwitterOn.png') no-repeat center center;}
.snsListArea ul li.facebook a {background: url('/skin/custom_skin/iconFacebook.png') no-repeat center center;}
.snsListArea ul li.facebook a:hover {background: url('/skin/custom_skin/iconFacebookOn.png') no-repeat center center;}
.snsListArea ul li.google a {background: url('/skin/custom_skin/iconGoogle.png') no-repeat center center;}
.snsListArea ul li.google a:hover {background: url('/skin/custom_skin/iconGoogleOn.png') no-repeat center center;}

.snsListArea h2 {
    display: inline-block;
    float: left;
    margin-top: 30px;
    margin-right: 35px;
}
.snsListArea ul {
    float: left;
}
.noProfData {
    font-size: 1.2em;
    font-weight: bold;
    color: #aaa;
    text-shadow: 1px 2px 0px #FFF;
}
/* お気に入り一覧 */
#pc_page_fh_favorites .personInfoInner .contentInnerM {
    width: 1180px;
}
#pc_page_fh_favorites #photoListArea {
    padding-top: 25px;
}

/* 講師用お気に入り一覧 */
#pc_page_fh_favorites_lecturer .personInfoInner .contentInnerM {
    width: 1180px;
}
#pc_page_fh_favorites_lecturer #photoListArea {
    padding-top: 25px;
}

/* 写真がありません */
.noPhoto {
    background: url('/skin/custom_skin/bg_list_nophoto.png') no-repeat center top;
    text-align: center;
    padding-top: 110px;
    margin-top: 50px;
    font-size: 1.2em;
    font-weight: bold;
    color: #999;
}

.nickname_exist {
    color: #F00;
    font-size: 0.8em;
    float: right;
}
.private_prof {
    color: #f00;
}

/*==============================================================================
 * 写真詳細
 *----------------------------------------------------------------------------*/

 .lightBoxA {
    position: relative;
    z-index: 1000;
}
/* 写真表示 */
.photoArea {
    text-align: center;
    margin: 30px auto 15px;
    position: relative;
    max-width: 1280px;
    min-width: 1200px;
}
.photoSlideArrow {
    height: 100%;
    width: 200px;
    position: absolute;
    top: 0;
}
.photoSlideArrow div {
    height: 100%;
    width: 60px;
    position: absolute;
}
.photoSlideArrow.prevPhoto {
    left: 0;
}
.photoSlideArrow.prevPhoto .prevArrow {
    left: 50%;
    background: url('/skin/custom_skin/detailArrowPrevPhoto.png') no-repeat center center;
}
.photoSlideArrow.prevPhoto .prevArrow:hover {
    background: url('/skin/custom_skin/detailArrowPrevPhotoOn.png') no-repeat center center;
}
.photoSlideArrow.nextPhoto {
    right: 0;
}
.photoSlideArrow.nextPhoto .nextArrow {
    right: 50%;
    background: url('/skin/custom_skin/detailArrowNextPhoto.png') no-repeat center center;
}
.photoSlideArrow.nextPhoto .nextArrow:hover {
    background: url('/skin/custom_skin/detailArrowNextPhotoOn.png') no-repeat center center;
}
.photoArea img {
    max-width: 840px;
    max-height: 650px;
}

/* 写真拡大 */
.photoExpand {
    display: block;
    width: 60px;
    height: 60px;
    float: right;
    background: url('/skin/custom_skin/photoExpandBtn.png') no-repeat center center;
    background-size: 30px;
    margin-top: 4px;
    opacity: 0.7;
}
.photoExpand:hover {
    opacity: 0.5;
}
.lb-nav a.lb-prev,
.lb-nav a.lb-next {
    display: none !important;
}
.upload_detail .lb-nav a.lb-prev,
.upload_detail .lb-nav a.lb-next {
    display: inline-block !important;
}


/*  タイトル・いいねボタン*/
.photoTitleArea {
    width: 100%;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    height: 90px;
    margin-bottom: 20px;
}
.photoTitleAreaInner {
    width: 840px;
    margin: auto;
    padding: 10px 0;
}
.photoTitleArea h2 {
    font-size: 30px;
    overflow: visible;
    line-height: 72px;
    float: left;
}
.likeBtnArea {
    float: right;
}
.likeBtnArea img {
    cursor: pointer;
    border-radius: 5px;
    border-bottom: 4px solid;
    margin-top: -2px;
}
.likeBtnArea img.likeBtnOk {
    border-color: #07740C;
}
.likeBtnArea img.favBtnOk {
    border-color: #AD0355;
}
.likeBtnArea img.likeBtnNg {
    border: none;
    margin-top: 2px;
}
.likeBtnArea img.favBtnNg {
    border: none;
    margin-top: 2px;
}
.likeBtnArea img:hover {
    opacity: 0.8;
}

/* 2014_08_22 写真説明・いいねボタンエリア */
.photoDescription,
.likeFavBtnArea {
    width: 840px;
    margin: auto;
}
.photoDescription {
    margin-bottom: 60px;
}
.likeFavBtnArea {
    margin-bottom: 40px;
}
.likeFavBtnArea h2,
.lecturerEvalArea h2,
.likeFavLecBtnArea h2 {
    font-size: 18px;
    height: 40px;
    line-height: 45px;
    color: #E66315;
    font-weight: bold;
    margin-bottom: 15px;
    padding-left: 45px;
    background: url('/skin/custom_skin/likeCatchIcon.png') no-repeat left center;
}
.likeFavBtnArea .likeBtns {
    display: inline-block;
    float: left;
    margin-right: 20px;
}
.likeFavBtnArea .likeBtns li {
    float: left;
    margin-right: 10px;
}
.likeFavBtnArea img {
    cursor: pointer;
    border-radius: 5px;
    border-bottom: 4px solid;
    margin-top: -2px;
    float: left;
}
.likeFavBtnArea img#cute {
    border-color: #BE4FC1;
}
.likeFavBtnArea img#beautiful {
    border-color: #931643;
}
.likeFavBtnArea img#funny {
    border-color: #B56700;
}
.likeFavBtnArea img#cool {
    border-color: #548217;
}
.likeFavBtnArea img#art {
    border-color: #5D69AF;
}
.likeFavBtnArea img#impress {
    border-color: #016D7F;
}
.likeFavBtnArea img.favBtnOk {
    border-color: #AD0355;
}
.likeFavBtnArea img.likeBtnNg,
.likeFavBtnArea img.favBtnNg {
    border: none;
    margin-top: 2px;
}
a.dl_photo {
    display: block;
    margin: auto;
    width: 70px;
    height: 70px;
    text-decoration: none;
    overflow: hidden;
    text-indent: -9999px;
    float: left;
    margin-left: 10px;
    background: url('/skin/custom_skin/btnDetailDownload.png') no-repeat center center;
    background-size: 40px;
    opacity: 0.6;
}
a.dl_photo:hover {
    opacity: 0.4;
}
.favBtn p,
.vote.like .likeText {
    float: left;
    display: inline-block;
    width: 200px;
    height: 55px;
    padding-right: 10px;
    padding-top: 20px;
    font-size: 13px;
    line-height: 19px;
    margin-top: -1px;
    margin-right: 7px;
    text-align: center;
    background: url('/skin/custom_skin/bgFavTxt.png') no-repeat center center;
}
.vote.like .likeText {
    padding-top: 10px !important;
    height: 65px;
}
.vote.like {
    margin-left: 30px;
}
.favBtn {
    float: left;
}
.likeAttention {
    clear: both;
    font-size: 0.85em;
}
.likeLecFavBtnArea .favBtn {
    float: right;
    margin-right: 53px;
}
.likeLecFavBtnArea .LecEvalTitle {
    float: left;
    padding-top: 25px;
}
.lucturerEvalContent.clearfix.Evaluation {
    clear: both;
}
/* 講師お気に入りボタン */
.likeFavBtnArea.Lecture h2 {
    background: url('/skin/custom_skin/lecturerFavCatchIcon.png') no-repeat left center;
}
.likeFavLecBtnArea img.favBtnOk{
    border-color: #00612B;
}

/* PMP選出 */
.lecturerEvalArea.pmpSelect h2 {
    background: url('/skin/custom_skin/pmpCatchIcon.png') no-repeat left center;
}
.lecturerEvalArea.pmpSelect .lucturerEvalContent input[type="submit"] {
    background: url('/skin/custom_skin/pmpSelectBtn.png') no-repeat center center;
}
.lecturerEvalArea.pmpSelect .lucturerEvalContent input[type="submit"].clearBtn {
    background: url('/skin/custom_skin/pmpClearBtn.png') no-repeat center center;
}
.lecturerEvalArea.pmpSelect select {
    margin: 5px auto 20px;
    display: block;
    min-width: 300px;
    padding: 5px;
}
/* 評価保留コメント */
.lucturerEvalTmpMsg {
    padding: 10px;
    margin-bottom: 10px;
    background-color: #ffdede;
    border: 1px solid #F7CBCB;
    box-shadow: 1px 1px 0px #FFF;
    border-radius: 3px;
}
/* 保留中評価表示 */
.tmp_comment_info {
    display: table;
    width: 510px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 3px;
    background: rgb(240, 240, 240) none repeat scroll 0% 0%;
    margin-bottom: 10px;
    box-shadow: 1px 1px 0px rgb(255, 255, 255);
    padding: 10px 30px;
}
.tmp_comment_info .tmp_star_status,
.tmp_comment_info .tmp_body {
    display: table-cell;
    vertical-align: middle;
}
.tmp_comment_info .tmp_body {
    padding-left: 25px;
}
.lucturerEvalContent input.resetEvaluation.tmp[type="submit"] {
    margin: 0;
}
/* 写真情報 */
.photoDetailInfo h3 {
    font-weight: bold;
    color: #555;
}
#pc_page_h_photo_delete .grayArea,
#pc_page_h_photo_delete .grayArea {
    border-top: 1px solid #EEE;
}
#pc_page_fh_photodetail .personData,
#pc_page_h_photo_delete .personData {
    color: #333;
    text-shadow: none;
}
#pc_page_fh_photodetail .personPhoto img,
#pc_page_h_photo_delete .personPhoto img {
    width: 54px;
    height: 54px;
}
#pc_page_fh_photodetail .personName,
#pc_page_h_photo_delete .personName {
    margin-bottom: 10px;
    font-size: 21px;
}
#pc_page_fh_photodetail .personName {
    width: 230px;
    line-height: 25px;
    margin-bottom: 0px;
}
#pc_page_fh_photodetail .personSetting a,
#pc_page_h_photo_delete .personSetting a {
    color: #333;
    background: url('/skin/custom_skin/LinkIconBlack.png') no-repeat left 5px;
}
.photoCnt {
    clear: both;
}
.memberInfo,
#pc_page_fh_photodetail .exifInfoArea,
#pc_page_h_photo_delete .exifInfoArea {
    float: left;
    max-width: 410px;
}
#pc_page_fh_photodetail .exifInfoArea .photoCnt .photoCntItem,
#pc_page_h_photo_delete .exifInfoArea .photoCnt .photoCntItem {
    display: inline-block;
}
.memberInfo {
    width: 300px;
    margin-right: 30px;
}
#pc_page_fh_photodetail .exifInfoArea dl,
#pc_page_h_photo_delete .exifInfoArea dl {
    line-height: 16px;
    font-size: 0.9em;
}
.memberInfoBox {
    margin-bottom: 10px;
}
.photoBody.memberInfoBox {
    margin-top: 30px;
}
div#each_like_cnt {
    margin-top: 20px;
}
.photoCnt span {
    font-size: 14px;
    font-weight: bold;
}
.photoCnt .detailEvalIcon span {
    font-weight: normal;
}
.exifInfoArea h3 {
    margin-bottom: 0px;
}
.photoDetailPlace {
    margin: 0;
    float: right;
    width: 302px;
}
.photoDetailPlace #map {
    width: 300px;
    height: 230px;
    margin-top: 5px;
    background: url('/skin/custom_skin/map_bg_n.png') no-repeat center center;
    position: relative;
    cursor: pointer;
    display: table;
}
.photoDetailPlace #map:hover {
    opacity: 0.9;
}
.photoDetailPlace #map .map_link {
    display: table-cell;
    background: rgba(0,0,0,0.6);
    text-decoration: none;
    color: #fff !important;
    margin: auto;
    letter-spacing: 0.1em;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
    table-layout: fixed;
    font-weight: bold;
}
.photoDetailBottomArea h3 {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 15px;
}
#pc_page_fh_photodetail .iconArea,
#pc_page_h_photo_delete .iconArea {
    float: none;
    margin: 0;
    margin-bottom: 40px;
}
.commentInputArea {
    padding: 10px;
    width: 580px;
    border-radius: 3px;
    border: 1px solid #EEE;
    background: #F3F3F3;
}
.commentInputArea form {
    float: left;
}
.commentInputArea textarea {
    width: 475px;
    height: 68px;
    padding: 5px;
    border: 1px solid #EEE;
    background-color:#FFF;
    margin-bottom: 5px;
}
.commentInputArea input[type="image"] {
    float: right;
    border-top: 1px solid #f38f54;
    border-radius: 3px;
}
.photoDetailCommentArea {
    float: left;
    width: 602px;
}
.photoDetalLikeFavList {
    float: right;
}
.photoDetalLikeFavList .listFriendCommuInner {
    position: relative;
}
.photoDetalLikeFavList h3 {
    margin-left: -13px;
    color: #E66315;
    margin-bottom: 5px;
}
.commentMember {
    float: left;
    margin-right: 10px;
}
.commentMember img {
    width: 80px;
    height: 80px;
}
.photoDetailEditArea {
    clear: both;
    text-align: center;
    padding-top: 40px;
}
.photoDetailEditAreaInner {
    display: inline-block;
}
.photoDetailEditArea a {
    width: 174px;
    height: 40px;
    display: block;
    float: left;
    margin: 0 10px;
}
.photoDetailEditArea a.photoEdit{ background: url('/skin/custom_skin/photoDetailToEdit.png') no-repeat center center; }
.photoDetailEditArea a.photoDelete{ background: url('/skin/custom_skin/photoDetailToDelete.png') no-repeat center center; }

.photoDetailEditArea a.photoEdit:hover,
.photoDetailEditArea a.photoDelete:hover {
    opacity: 0.65;
}
/* コメント */
.commentMemberImg,
.commentBody {
    float: left;
}
.commentMember img,
.commentMemberImg img {
    background: #FFF;
}
.commentMemberImg a {
    text-decoration: none;
}
.commentInfo {
    padding: 15px 10px;
    border-bottom: 1px dotted #CCC;
}
.commentInfo .commentMemberImg img {
    width: 80px;
    height: 80px;
}
.commentName {
    margin-bottom: 10px;
}
.commentName .deleteComment {
    float: right;
    width: 100px;
    height: 20px:
    display: inline-block;
    background: url('/skin/custom_skin/detailBtnCommentDelete.png') no-repeat center center;
    text-indent: -9999px;
}
.commentName .deleteComment:hover {
    background: url('/skin/custom_skin/detailBtnCommentDeleteOn.png') no-repeat center center;
}
.commentLink .replayComment {
    float: right;
    width: 80px;
    height: 20px:
    display: inline-block;
    background: url('/skin/custom_skin/detailBtnCommentReply.png') no-repeat center center;
    text-indent: -9999px;
}
.commentLink .replayComment:hover {
    background: url('/skin/custom_skin/detailBtnCommentReplyOn.png') no-repeat center center;
}
.commentLink .replyToReplyComment {
    float: right;
    width: 153px;
    height: 20px:
    display: inline-block;
    background: url('/skin/custom_skin/detailBtnReplyToReply.png') no-repeat center center;
    text-indent: -9999px;
}
.commentLink .replyToReplyComment:hover {
    background: url('/skin/custom_skin/detailBtnReplyToReplyOn.png') no-repeat center center;
}
.commentBody {
    margin-left: 10px;
    width: 490px;
}
.commentBody .commentNickname a {
    font-weight: bold;
    margin-right: 10px;
    text-decoration: none;
    color: #333;
}
.commentBody .commentNickname a:hover {
    opacity: 0.8;
}
.commentBody .commentDate {
    font-size: 0.8em;
    color: #999;
}
.commentBodyInfo {
    font-size: 1.1em;
}
.commentBodyInfo a {
    color: #e55400;
    text-decoration: none;
}
.commentBodyInfo a:hover {
    opacity: 0.6;
}
.commentInputArea input[type="image"]:hover {
    opacity: 0.65;
}
#photoCommentInput .pagination {
    margin-top: 10px;
}
/* 写真削除 */
#pc_page_h_photo_delete .photoDetailInfo {
    margin-bottom: 40px;
}
.photoDetailEditArea a.photoBackDetail{ background: url('/skin/custom_skin/photoBackToDetail.png') no-repeat center center; }
.deletePhotoBody {
    margin-bottom: 15px;
}

/* 2014_08_25 各評価数を表示 */
.eachLikeCntR {
    margin-bottom: 10px;
}
.eachLikeCntR .eachCntBox {
    width: 90px;
    margin-right: 10px;
    float: left;
}
.eachCntBox dl dt,
.eachCntBox dl dd {
    text-align: center;
    height: 25px;
    line-height: 27px;
}
.eachCntBox dl dt {
    background: #666666;
    border-radius: 3px 3px 0px 0px;
    color: #f3f3f3;
    font-size: 12px;
}
.eachCntBox dl dt span.eachLikeTitle {
    padding-left: 20px;
    display: inline-block;
}
.cuteIconS {
    background: url('/skin/custom_skin/icon_cute_small.png') no-repeat left center;
}
.beautifulIconS {
    background: url('/skin/custom_skin/icon_beautiful_small.png') no-repeat left 4px;
}
.funnyIconS {
    background: url('/skin/custom_skin/icon_funny_small.png') no-repeat left center;
}
.coolIconS {
    background: url('/skin/custom_skin/icon_cool_small.png') no-repeat left center;
}
.artIconS {
    background: url('/skin/custom_skin/icon_art_small.png') no-repeat left 4px;
}
.impressIconS {
    background: url('/skin/custom_skin/icon_impress_small.png') no-repeat left 5px;
}
.eachCntBox dl dd {
    border: 1px solid #666666;
    border-top-color: #fff;
    border-radius: 0px 0px 3px 3px;
    color: #666666;
    font-weight: bold;
    text-shadow: 1px 1px 0px #FFF;
}

/* 講師評価フォーム */
.lecturerEvalArea h2 {
    background: url('/skin/custom_skin/lecturerEvalCatchIcon.png') no-repeat left center;
}
.lecturerEvalStar {
    cursor: pointer;
    border: none;
    border-bottom: 4px solid #A57E1C;
    width: 45px;
    height: 45px;
    border-radius: 3px;
    margin-top: -2px;
    text-indent: -9999px;
}
.lecturerEvalStar#noStar {
    background: url('/skin/custom_skin/leturerBtnNoStar.png') no-repeat center center;
}
.lecturerEvalStar#circle {
    background: url('/skin/custom_skin/leturerBtnStarCircle.png') no-repeat center center;
}
.lecturerEvalStar#disStar {
    background: url('/skin/custom_skin/leturerBtnStarZero.png') no-repeat center center;
}
.lecturerEvalStar#singleStar {
    background: url('/skin/custom_skin/leturerBtnStarOne.png') no-repeat center center;
}
.lecturerEvalStar#doubleStar {
    background: url('/skin/custom_skin/leturerBtnStarTwo.png') no-repeat center center;
}
.lecturerEvalStar#tripleStar {
    background: url('/skin/custom_skin/leturerBtnStarThree.png') no-repeat center center;
}

.lecturerEvalStar#noStar.disableStar {
    background: url('/skin/custom_skin/leturerBtnNoStarSelected.png') no-repeat center center;
}
.lecturerEvalStar#circle.disableStar {
    background: url('/skin/custom_skin/leturerBtnStarCircleSelected.png') no-repeat center center;
}
.lecturerEvalStar#disStar.disableStar {
    background: url('/skin/custom_skin/leturerBtnStarZeroSelected.png') no-repeat center center;
}
.lecturerEvalStar#singleStar.disableStar {
    background: url('/skin/custom_skin/leturerBtnStarOneSelected.png') no-repeat center center;
}
.lecturerEvalStar#doubleStar.disableStar {
    background: url('/skin/custom_skin/leturerBtnStarTwoSelected.png') no-repeat center center;
}
.lecturerEvalStar#tripleStar.disableStar {
    background: url('/skin/custom_skin/leturerBtnStarThreeSelected.png') no-repeat center center;
}
.lecturerEvalStar.disableStar {
    border: none;
    margin-top: -1px;
    cursor: default;
}

.lecturerEvalArea {
    width: 840px;
    margin: auto;
    margin-bottom: 60px;
}
.lucturerEvalContent {
    padding: 39px;
    border-radius: 3px;
    border: 1px solid #ddd;
    background: #fafafa;
}
.starSelectArea {
    margin-bottom: 40px;
    height: 50px;
}
.starSelectArea.selected {
    margin-bottom: 0;
}
.adviceSelectArea {
    margin-bottom: 40px;
}
h3.adviceSelectHeading,
h3.starSelectHeading {
    width: 130px;
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #666;
    padding-left: 30px;
}
h3.starSelectHeading {
    background: url('/skin/custom_skin/evalStarIcon.png') no-repeat left center;
}
h3.adviceSelectHeading {
    background: url('/skin/custom_skin/lecturerCommentIcon.png') no-repeat left center;
}
.adviceSelectCheckboxes,
.selectStar {
    float: right;
    width: 570px;
}
.selectStar ul li {
    float: left;
    margin-right: 10px;
}
.lucturerEvalContent input[type="submit"] {
    clear: both;
    margin: auto;
    display: block;
    height: 48px;
    width: 160px;
    cursor: pointer;
    border: none;
    background: url('/skin/custom_skin/lecturerEvalBtn.png') no-repeat center center;
    text-indent: -9999px;
}
.lucturerEvalContent input[type="submit"]:hover {
    opacity: 0.6;
}
.lucturerEvalContent input[type="submit"].resetEvaluation {
    display: inline-block;
    background: url('/skin/custom_skin/lecturerEvalResetBtn.png') no-repeat center center;
    margin-left: 10px;
}
.adviceSelectCheckboxes input[type=radio],
.adviceSelectCheckboxes input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
.adviceSelectCheckboxes input[type=radio] + label,
.adviceSelectCheckboxes input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    cursor: pointer;
    width: 100%;
    margin-bottom: 5px;
}
.freeCommentArea {
    width: 435px;
    height: 90px;
    padding: 10px;
    background: #fff;
    resize: none;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 0px #fff;
    margin-left: 28px;
    margin-top: -5px;
    border-radius: 2px;
}

@media (min-width: 1px) {
    .adviceSelectCheckboxes input[type=radio],
    .adviceSelectCheckboxes input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .adviceSelectCheckboxes input[type=radio] + label,
    .adviceSelectCheckboxes input[type=checkbox] + label {
        padding: 0 0 0 24px;
    }
    .adviceSelectCheckboxes input[type=radio] + label::before,
    .adviceSelectCheckboxes input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;

        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;

        background: #FFF;
    }
    .adviceSelectCheckboxes input[type=checkbox]#lecFreeCommentCheck + label.freeCommentLabel::before,
    .adviceSelectCheckboxes input[type=checkbox]#lecFreeCommentCheck + label.freeCommentLabel::after {
        top: 16px;
    }
    label.freeCommentLabel {
        margin-top: 7px;
    }
    .adviceSelectCheckboxes input[type=radio] + label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
    .adviceSelectCheckboxes input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }
    .adviceSelectCheckboxes input[type=radio]:checked + label::after,
    .adviceSelectCheckboxes input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;

        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .adviceSelectCheckboxes input[type=radio]:checked + label::after {
        left: 5px;

        width: 8px;
        height: 8px;
        margin-top: -4px;

        background: #E66315;
        border-radius: 8px;
    }
    .adviceSelectCheckboxes input[type=checkbox]:checked + label::after {
        left: 3px;

        width: 16px;
        height: 8px;
        margin-top: -8px;

        border-left: 3px solid #E66315;
        border-bottom: 3px solid #E66315;

        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

.photoContestInfo {
    width: 840px;
    margin: 0px auto 40px;
    padding: 30px;
    background: #f3f3f3;
    box-sizing: border-box;
}
.photoContestPeriod {
    margin: 13px 0 0;
    padding: 13px 0;
    border-top: 1px solid #ddd;
}
.photoContestPeriod dt,
.photoContestPeriod dd {
    float: left;
    padding: 3px 15px 0;
}
.photoContestPeriod dt {
    border-radius: 4px 0 0 4px;
    background: #E66315;
    color: #fff;
}
.photoContestPeriod dd {
    margin-right: 10px;
    border-radius: 0 4px 4px 0;
    background: #fff;
    padding-left: 10px;
}
.photoContestHeader {
    width: 100%;
    display: table;
    margin-bottom: 20px;
}
.photoContestName {
    display: table-cell;
    font-size: 1.5em;
    color: #666;
    font-weight: bold;
    padding-left: 10px;
    vertical-align: middle;
}
.iconContest {
    display: table-cell;
    width: 48px;
    vertical-align: middle;
}
.iconContest:before {
    content: '';
    display: block;
    background: #fff url(/skin/custom_skin/iconContest.png) no-repeat center center;
    background-size: 25px;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    border: 4px solid #ccc;
}
.photoContestAttention {
    font-size: 0.9em;
}
.photoContestLink {
    padding: 13px 0 0;
    border-top: 1px solid #ddd;
}
.photoContestLink a {
    display: inline-block;
    padding: 3px 14px 0px;
    background: #01ad4e;
    border-bottom: 3px solid #017f37;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
}
.photoContestLink a:hover {
    opacity: 0.8;
}
.photoContestLink a.photoDelete {
    background: #ec102d;
    border-bottom: 3px solid #8a091a;
}
.voteArea ul.vote {
    margin-bottom: 15px;
    float: left;
}
.eval_text {
    clear: both;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}
.voteArea ul.vote li {
    float: left;
    margin-right: 15px;
}
.voteArea ul.vote li a {
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 4px;
    background: #ccc;
    border-bottom: 4px solid #aaa;
}
.votedPhotos {
    padding: 10px;
    background: #555;
    display: inline-block;
}
.votedPhotos li {
    float: left;
    width: 150px;
    height: 150px;
    margin-right: 10px;
    background: #f3f3f3;
    position: relative;
}
.votedPhotos li:before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 2px;
    left: 2px;
}
.votedPhotos li.eval_1:before {
    background-image: url('/skin/custom_skin/contest1.png');
}
.votedPhotos li.eval_2:before {
    background-image: url('/skin/custom_skin/contest2.png');
}
.votedPhotos li.eval_3:before {
    background-image: url('/skin/custom_skin/contest3.png');
}
.votedPhotos li.eval_3 {
    margin: 0;
}
.votedPhotos li img {
    width: 150px;
    height: 150px;
}
.noVoted {
    text-align: center;
}
.noVoted span {
    display: inline-block;
    text-align: center;
    font-size: 0.9em;
    margin-top: 55px;
    line-height: 18px;
    font-weight: bold;
    color: #555;
}
.voteHeading {
    margin-bottom: 5px;
    font-weight: bold;
    color: #666;
    background: url(/skin/custom_skin/footerLinkIcon.png) no-repeat left center;
    padding-left: 15px;
    padding-top: 5px;
}
/* 投票ボタン */
ul.vote li a img {
    border-radius: 4px;
}
.eval1Ng,
.eval2Ng,
.eval3Ng,
.eval4Ng {
    border: none !important;
    margin-top: 4px;
}
.eval1Ok {
    background-color: #ba9128 !important;
    border-color: #ba9128 !important;
}
.eval2Ok {
    background-color: #959595 !important;
    border-color: #959595 !important;
}
.eval3Ok {
    background-color: #6c3711 !important;
    border-color: #6c3711 !important;
}
.eval4Ok {
    background-color: #be510f !important;
    border-color: #be510f !important;
}

/*==============================================================================
 * ランキング
 *----------------------------------------------------------------------------*/

body#pc_page_h_ranking {
    background: #FAFAFA;
}
.rankingTypeList {
    margin: 15px 0 15px;
}
.rankDescription {
    margin-bottom: 20px;
}
.rankingTypeList a {
    font-size: 18px;
    color: #E66315;
    text-decoration: none;
    font-weight: bold;
}
.rankingTypeList a:hover {
    opacity: 0.8;
}
.rankingTypeList .currentRank a {
    font-size: 30px;
}
.rankingTable {
    width: 1065px;
    border-collapse: collapse;
}
.rankingTable tr {
    background: #FFF;
}
.rankingTable th {
    padding: 10px;
    background: #E66315;
    color: #FFF;
    font-weight: bold;
}
.rankingTable th,
.rankingTable td {
    border: 1px solid #CCC;
}
th.rankNum {
    width: 100px;
    text-align: center;
}
th.rankBody {
    width: 780px;
}
th.rankCnt {
    width: 200px;
    text-align: center;
}
.rankingTable td {
    padding: 20px;
}
td.rankNum,
td.rankCnt {
    text-align: center;
    vertical-align: middle;
}
td.rankNum,
td.rankCnt {
    color: #555;
    font-weight: bold;
}
td.rankNum span,
td.rankCnt {
    font-size: 1.4em;
    margin: 0 3px;
}
.rankTargetIcon,
.rankTargetInfo {
    float: left;
}
.rankTargetIcon {
    margin-right: 20px;
}
.rankTargetIcon img {
    width: 60px;
    height:60px;
}
.rankName a {
    text-decoration: none;
    color: #E66315;
}
.rankName a:hover {
    opacity: 0.8;
}
.rankName {
    font-size: 1.3em;
    font-weight: bold;
}
.rankText {
    width: 650px;
    display: block;
}
.rankText.textTruncate .noProfData {
    font-weight: normal;
    font-size: 1em;
}

/*==============================================================================
 * コミュニティホーム
 *----------------------------------------------------------------------------*/
body#pc_page_c_home .contentWrap {
  padding: 15px 0 50px;
}
/* コミュニティホーム上部説明文(html) */
.c_home_intro {
    margin: 0 0 10px 5px;
}
.commuContentAreaInner {
    width: 960px;
    margin:auto;
}
#pc_page_c_home .commuNameArea {
    height: 50px;
    margin-bottom: 20px;
}
#pc_page_c_home .commuNameArea h2 {
    display: inline-block;
    margin: 0;
    line-height: 55px;
}
#pc_page_c_home .commuNameArea a {
    float: right;
    width: 200px;
    height: 40px;
    display: block;
    text-indent: -9999px;
}
#pc_page_c_home .commuNameArea a:hover {
    opacity: 0.8;
}
.infoBox .commuJoin {
    width: 200px;
    height: 40px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: 10px;
    right: 20px;
}
.infoBox .commuJoin:hover {
    opacity: 0.7;
}
#pc_page_c_home .commuNameArea a.commuJoin,
.infoBox .commuJoin {
    background: url('/skin/custom_skin/commuBtnJoin.png') no-repeat center center;
}
#pc_page_c_home .commuNameArea a.commuLeave {
    background: url('/skin/custom_skin/commuBtnLeave.png') no-repeat center center;
}
#pc_page_c_home #LayoutA #Left {
    width: 400px;
}
#pc_page_c_home #LayoutA #Center {
    width: 540px;
}
#LayoutA #Left .partsHeading {
  padding: 0 10px;
  background: #FFF;
}
#pc_page_c_home .homeMainTable .partsHeading h3 {
    float: none;
}
#pc_page_c_home #LayoutA #Left table th {
    width: 120px;
}
.commuMemberTable td,
.commuMemberTable td p.crown {
    text-align: center;
}

/*==============================================================================
 * コミュニティトピック確認・プレビュー
 *----------------------------------------------------------------------------*/
#pc_page_c_topic_add_confirm table th,
#pc_page_c_topic_edit_preview table th {
    width: 100px !important;
    padding: 5px;
    text-align: center;
}
#pc_page_c_topic_add_confirm table td,
#pc_page_c_topic_edit_preview table td {
    padding: 5px;
}
#pc_page_c_topic_add_confirm .alertLine p,
#pc_page_c_topic_edit_preview .alertLine p {
    color: #ff0000;
    text-align: left;
}
/*==============================================================================
 * メッセージを見る
 *----------------------------------------------------------------------------*/
#LayoutC #Center.messageBoxContentInner {
    margin: auto;
    margin-bottom: 50px;
}
#Body .messageList td {
    padding: 5px;
}
#Body .messageList th {
    background: #F5F5F5;
}
.messageBoxList,
.messageBoxList li a:hover {
    height: 40px;
    background: #eeeeee; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.messageBoxList li {
    float: left;
    width: 25%;
    height: 40px;
    text-align: center;
    line-height: 44px;
}
.messageBoxList li span {
    float: right;
    border-right: 1px solid #ddd;
    display: block;
    height: 100%;
}
.messageBoxList li a {
    height: 100%;
    display: block;
    background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
}
.messageBoxList li,
.messageBoxList li a {
    font-weight: bold;
    color: #666;
    text-decoration: none;
}
.messageBoxList li.looking,
.messageBoxList li a:hover {
    color: #E66315;
}
div.messageBoxContentInner {
    padding-top: 30px;
}
.messageSearch form {
    background: #FFF;
    border-top: 1px solid #ddd;
    padding: 10px;
}
.messageSearch form input[type="text"] {
    height: 20px;
    width: 170px;
    margin-right: 10px;
}
.messageSearch form select {
    height: 24px;
    margin-right: 30px;
}
.messageSearch input.input_submit {
    height: 24px;
}

/*==============================================================================
 * メッセージを送る
 *----------------------------------------------------------------------------*/

#pc_page_f_message_send .alertBox {
    margin-top: 20px;
    margin-bottom: -10px;
}

/*==============================================================================
 * プロフィール変更
 *----------------------------------------------------------------------------*/
.profImgEditArea img,
.profImgEditArea a {
    float: left;
    margin-right: 30px;
}
a.profImgEditBtn {
    margin-top: 45px;
    padding: 3px 15px;
    display: inline-block;
    color: #FFF;
    text-decoration: none;
    text-shadow: 2px 1px 2px #C25311;
    border-radius: 3px;
    border: 1px solid #C25311;
    background: #ffa84c; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}
a.profImgEditBtn:hover {
    opacity: 0.8;
}
#Body table.configSnsArea th,
#Body table.configSnsArea td {
   padding: 3px 0;
   margin: 0;
   border: none;
}
#Body table.configSnsArea th {
    width: 90px;
}
#Body table.configSnsArea td input[type="text"] {
    padding: 5px;
}

/*==============================================================================
 * 講座参加履歴
 *----------------------------------------------------------------------------*/
#LayoutC #Center.courseHistoryContentInner {
    padding-top: 30px;
    margin-bottom: 50px;
    width: 1200px;
}
.courseInfo {
    padding: 5px;
    padding-left: 42px;
    background: #eee url(/skin/custom_skin/icon_photos.png) no-repeat 10px center;
    height: 30px;
}
.courseInfo .courseName {
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
}
.courseName a {
    color: #555;
    text-decoration: none;
}
.courseName a:hover {
    text-decoration: underline;
}
.corseInfoRightArea {
    float: right;
    font-size: 14px;
    font-weight: bold;
}
.corseInfoRightArea .courseJoinDate {
    heigth: 25px;
    width: 130px;
    line-height: 27px;
    border-radius: 3px;
    background: #ccc;
    box-shadow: 1px 1px 0px #fff;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
}
.corseInfoRightArea .toCourseDetail {
    width: 130px;
    height: 25px;
    display: inline-block;
    text-indent: -9999px;
    background: url(/skin/custom_skin/btn_to_course_detail.png) no-repeat center center;
}
.corseInfoRightArea .toCourseDetail:hover {
    opacity: 0.8;
}
.contributedPhoto {
    width: 100px;
    height: 100px;
    float: left;
    border-right: 1px solid #ccc;
}
.contributedPhoto img {
    width: 100px;
}
td.courseEvent {
    position: relative;
}
.courseEventInfo {
    padding: 15px;
    height: 70px;
    float: left;
}
.courseEventInfo h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.courseEventInfo dl dt {
    clear: both;
}
.courseEventInfo dl dt,
.courseEventInfo dl dd {
    float: left;
    font-size: 12px;
    line-height: 1.7em;
}
td.courseEvent .eventLinkBtns {
    position: absolute;
    right: 0px;
    bottom: 15px;
}
td.courseEvent .eventLinkBtns a {
    width: 130px;
    height: 28px;
    display: block;
    float: left;
    margin-right: 5px;
    text-indent: -9999px;
}
td.courseEvent .eventLinkBtns a:hover {
    opacity: 0.8;
}
a.btnToMyContributedPhoto {
    background: url(/skin/custom_skin/btn_to_my_event_photo.png) no-repeat center center;
}
a.btnToEventPhotoList {
    background: url(/skin/custom_skin/btn_to_event_photo_list.png) no-repeat center center;
}
.noPhotoCourse,
.noEventCourse {
    font-size: 14px;
    font-weight: bold;
    color: #999999;
    padding: 15px;
}
.noPhotoCourse {
    padding: 15px 40px;
    background: url(/skin/custom_skin/iconNoContent.png) no-repeat 10px center;
}
.rightSelectBox {
    float: right;
    padding-top: 12px;
}

/* 講座マップ */
.course_map_content {
    width: 100%;
    margin-bottom: 50px;
    table-layout: fixed;
}
.course_map_content h3 {
    margin-bottom: 20px;
}
.course_map_column {
    #float: left;
    display: table-cell;
    height: 100%;
}
.course_season_map.course_map_column {
    #float: right;
    width: 570px;
    padding-left: 20px;
}

.course_map_list {
    #float: left;
    display: inline-block;
    cursor: pointer;
}
.course_map_list:hover {
    opacity: 0.8;
}
.course_map_icon_outer {
    width: 104px;
    height: 104px;
    border-radius: 6px;
    border: 1px solid #ccc;
    background: #FFF;
    padding: 1px;
    box-sizing: border-box;
    margin: auto;
    position: relative;
}
.course_map_icon_frame {
    background: #FEDE58;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    padding: 4px;
    box-sizing: border-box;
}
.course_map_icon {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-color: #E4C74F #FFF2BC #FFF2BC #E4C74F;
    background: #C6C6C6 url(/skin/custom_skin/course_icon/course_no_image.png) no-repeat center center;
    position: relative;
    z-index: 1;
}
.join .course_map_icon {
    background-color: #EB5F0F;
}
.join.stu .course_map_icon,
.entry .course_map_icon {
    background-color: #8FAADC;
}
.join.stu .course_map_icon:before {
    content: "受講中";
    position: absolute;
    width: 60px;
    height: 24px;
    line-height: 27px;
    text-align: center;
    display: block;
    color: #fff;
    font-weight: bold;
    background: #EB5F0F;
    top: calc(50% - 12px);
    left: calc(50% - 30px);
    border-radius: 30px;
}
.entry .course_map_icon_outer .circle {
    background: #fdb991;
    position: absolute;
    z-index:0;
    border-radius: 6px;
    height: 104px;
    width: 104px;
    left: calc(50% - 52px);
    top: calc(50% - 52px);
    opacity: 0;
    animation: circle 1s infinite;
    -moz-animation: circle 1s infinite;
    -webkit-animation: circle 1s infinite;
    -o-animation: circle 1s infinite;
    -ms-animation: circle 1s infinite;
}
@keyframes circle {
  0%   { transform: scale(1, 1); }
  30%  { opacity: 0.4; }
  100% { transform: scale(1.15, 1.15); opacity: 0.0; }
}
@-moz-keyframes circle {
  0%   { transform: scale(1, 1); }
  30%  { opacity: 0.4; }
  100% { transform: scale(1.15, 1.15); opacity: 0.0; }
}
@-webkit-keyframes circle {
  0%   { -webkit-transform: scale(1, 1); }
  30%  { -webkit-opacity: 0.4; }
  100% { -webkit-transform: scale(1.15, 1.15); -webkit-opacity: 0.0; }
}
@-o-keyframes circle {
  0%   { transform: scale(1, 1); }
  30%  { opacity: 0.4; }
  100% { transform: scale(1.15, 1.15); opacity: 0.0; }
}
@-ms-keyframes circle {
  0%   { transform: scale(1, 1); }
  30%  { opacity: 0.4; }
  100% { transform: scale(1.15, 1.15); opacity: 0.0; }
}


/* 広角レンズ */
.course_map_icon.alltime_master_3 {
    background: #C6C6C6 url(/skin/custom_skin/course_icon/course_wide_angle_lens_disable.png) no-repeat center center;
}
.join .course_map_icon.alltime_master_3 {
    background: #EB5F0F url(/skin/custom_skin/course_icon/course_wide_angle_lens.png) no-repeat center center;
}
.join.stu .course_map_icon.alltime_master_3,
.entry .course_map_icon.alltime_master_3 {
    background: #8FAADC url(/skin/custom_skin/course_icon/course_wide_angle_lens_entry.png) no-repeat center center;
}

/* RAW現像&レタッチ */
.course_map_icon.alltime_master_4 {
    background: #C6C6C6 url(/skin/custom_skin/course_icon/course_raw_disable.png) no-repeat center center;
}
.join .course_map_icon.alltime_master_4 {
    background: #EB5F0F url(/skin/custom_skin/course_icon/course_raw.png) no-repeat center center;
}
.join.stu .course_map_icon.alltime_master_4,
.entry .course_map_icon.alltime_master_4 {
    background: #8FAADC url(/skin/custom_skin/course_icon/course_raw_entry.png) no-repeat center center;
}

/* 標準レンズ */
.course_map_icon.alltime_master_2 {
    background: #C6C6C6 url(/skin/custom_skin/course_icon/course_lens_disable.png) no-repeat center center;
}
.join .course_map_icon.alltime_master_2 {
    background: #EB5F0F url(/skin/custom_skin/course_icon/course_lens.png) no-repeat center center;
}
.join.stu .course_map_icon.alltime_master_2,
.entry .course_map_icon.alltime_master_2 {
    background: #8FAADC url(/skin/custom_skin/course_icon/course_lens_entry.png) no-repeat center center;
}

/* 花講座 */
.course_map_icon.season_master_1,
.course_map_icon.season_master_2,
.course_map_icon.season_master_3,
.course_map_icon.season_master_14 {
    background: #C6C6C6 url(/skin/custom_skin/course_icon/course_flower_disable.png) no-repeat center center;
}
.join .course_map_icon.season_master_1,
.join .course_map_icon.season_master_2,
.join .course_map_icon.season_master_3,
.join .course_map_icon.season_master_14 {
    background: #EB5F0F url(/skin/custom_skin/course_icon/course_flower.png) no-repeat center center;
}
.join.stu .course_map_icon.season_master_1,
.entry .course_map_icon.season_master_1,
.join.stu .course_map_icon.season_master_2,
.entry .course_map_icon.season_master_2,
.join.stu .course_map_icon.season_master_3,
.entry .course_map_icon.season_master_3,
.join.stu .course_map_icon.season_master_14,
.entry .course_map_icon.season_master_14 {
    background: #8FAADC url(/skin/custom_skin/course_icon/course_flower_entry.png) no-repeat center center;
}

/* マクロレンズ */
.course_map_icon.alltime_master_6 {
    background: #C6C6C6 url(/skin/custom_skin/course_icon/course_macro_lens_disable.png) no-repeat center center;
}
.join .course_map_icon.alltime_master_6 {
    background: #EB5F0F url(/skin/custom_skin/course_icon/course_macro_lens.png) no-repeat center center;
}
.join.stu .course_map_icon.alltime_master_6,
.entry .course_map_icon.alltime_master_6 {
    background: #8FAADC url(/skin/custom_skin/course_icon/course_macro_lens_entry.png) no-repeat center center;
}

/* 星空講座 */
.course_map_icon.season_master_4,
.course_map_icon.season_master_5,
.course_map_icon.step_master_2 {
    background: #C6C6C6 url(/skin/custom_skin/course_icon/course_star_disable.png) no-repeat center center;
}
.join .course_map_icon.season_master_4,
.join .course_map_icon.season_master_5,
.join .course_map_icon.step_master_2 {
    background: #EB5F0F url(/skin/custom_skin/course_icon/course_star.png) no-repeat center center;
}
.join.stu .course_map_icon.season_master_4,
.entry .course_map_icon.season_master_4,
.join.stu .course_map_icon.season_master_5,
.entry .course_map_icon.season_master_5,
.join.stu .course_map_icon.step_master_2,
.entry .course_map_icon.step_master_2  {
    background: #8FAADC url(/skin/custom_skin/course_icon/course_star_entry.png) no-repeat center center;
}

/* 身近な風景 *//* 新・身近な風景 */
.course_map_icon.season_master_6,
.course_map_icon.season_master_13,
.course_map_icon.season_master_30 {
        background: #C6C6C6 url(/skin/custom_skin/course_icon/course_landscape_disable.png) no-repeat center center;
}
.join .course_map_icon.season_master_6,
.join .course_map_icon.season_master_13,
.join .course_map_icon.season_master_30 {
        background: #EB5F0F url(/skin/custom_skin/course_icon/course_landscape.png) no-repeat center center;
}
.join.stu .course_map_icon.season_master_6,
.entry .course_map_icon.season_master_6,
.join.stu .course_map_icon.season_master_13,
.entry .course_map_icon.season_master_13,
.join.stu .course_map_icon.season_master_30,
.entry .course_map_icon.season_master_30 {
    background: #8FAADC url(/skin/custom_skin/course_icon/course_landscape_entry.png) no-repeat center center;
}
/* 光を読む *//* 新・光を読む */
.course_map_icon.alltime_master_7,
.course_map_icon.alltime_master_11 {
    background: #C6C6C6 url(/skin/custom_skin/course_icon/course_read_light_disable.png) no-repeat center center;
}
.join .course_map_icon.alltime_master_7,
.join .course_map_icon.alltime_master_11 {
    background: #EB5F0F url(/skin/custom_skin/course_icon/course_read_light.png) no-repeat center center;
}
.join.stu .course_map_icon.alltime_master_7,
.entry .course_map_icon.alltime_master_7,
.join.stu .course_map_icon.alltime_master_11,
.entry .course_map_icon.alltime_master_11 {
    background: #8FAADC url(/skin/custom_skin/course_icon/course_read_light_entry.png) no-repeat center center;
}
/* 初心者カメラ入門 */
.course_map_icon.alltime_master_10 {
    background: #C6C6C6 url(/skin/custom_skin/course_icon/course_beginner_diable.png) no-repeat center center;
}
.join .course_map_icon.alltime_master_10 {
    background: #EB5F0F url(/skin/custom_skin/course_icon/course_beginner.png) no-repeat center center;
}
.join.stu .course_map_icon.alltime_master_10,
.entry .course_map_icon.alltime_master_10 {
    background: #8FAADC url(/skin/custom_skin/course_icon/course_beginner_entry.png) no-repeat center center;
}
/* 構図 */
.course_map_icon.season_master_8,
.course_map_icon.step_master_1 {
    background: #C6C6C6 url(/skin/custom_skin/course_icon/course_composition_disable.png) no-repeat center center;
}
.join .course_map_icon.season_master_8,
.join .course_map_icon.step_master_1 {
    background: #EB5F0F url(/skin/custom_skin/course_icon/course_composition.png) no-repeat center center;
}
.join.stu .course_map_icon.season_master_8,
.entry .course_map_icon.season_master_8,
.join.stu .course_map_icon.step_master_1,
.entry .course_map_icon.step_master_1 {
    background: #8FAADC url(/skin/custom_skin/course_icon/course_composition_entry.png) no-repeat center center;
}
/* 桜撮影 */
.course_map_icon.season_master_9 {
    background: #C6C6C6 url(/skin/custom_skin/course_icon/course_cherry_blossoms_disable.png) no-repeat center center;
}
.join .course_map_icon.season_master_9 {
    background: #EB5F0F url(/skin/custom_skin/course_icon/course_cherry_blossoms.png) no-repeat center center;
}
.join.stu .course_map_icon.season_master_9,
.entry .course_map_icon.season_master_9 {
    background: #8FAADC url(/skin/custom_skin/course_icon/course_cherry_blossoms_entry.png) no-repeat center center;
}
/* 微速度動画 */
.course_map_icon.season_master_10 {
    background: #C6C6C6 url(/skin/custom_skin/course_icon/course_time_lapse_disable.png) no-repeat center center;
}
.join .course_map_icon.season_master_10 {
    background: #EB5F0F url(/skin/custom_skin/course_icon/course_time_lapse.png) no-repeat center center;
}
.join.stu .course_map_icon.season_master_10,
.entry .course_map_icon.season_master_10 {
    background: #8FAADC url(/skin/custom_skin/course_icon/course_time_lapse_entry.png) no-repeat center center;
}
/* 蛍撮影 */
.course_map_icon.season_master_11 {
    background: #C6C6C6 url(/skin/custom_skin/course_icon/course_firefly_disable.png) no-repeat center center;
}
.join .course_map_icon.season_master_11 {
    background: #EB5F0F url(/skin/custom_skin/course_icon/course_firefly.png) no-repeat center center;
}
.join.stu .course_map_icon.season_master_11,
.entry .course_map_icon.season_master_11 {
    background: #8FAADC url(/skin/custom_skin/course_icon/course_firefly_entry.png) no-repeat center center;
}
/* 車撮影 */
.course_map_icon.season_master_12 {
    background: #C6C6C6 url(/skin/custom_skin/course_icon/course_car_disable.png) no-repeat center center;
}
.join .course_map_icon.season_master_12 {
    background: #EB5F0F url(/skin/custom_skin/course_icon/course_car.png) no-repeat center center;
}
.join.stu .course_map_icon.season_master_12,
.entry .course_map_icon.season_master_12 {
    background: #8FAADC url(/skin/custom_skin/course_icon/course_car_entry.png) no-repeat center center;
}
/* 紅葉 */
.course_map_icon.season_master_16,
.course_map_icon.season_master_20,
.course_map_icon.season_master_24 {
    background: #C6C6C6 url(/skin/custom_skin/course_icon/course_maple_disable.png) no-repeat center center;
}
.join .course_map_icon.season_master_16,
.join .course_map_icon.season_master_20,
.join .course_map_icon.season_master_24 {
    background: #EB5F0F url(/skin/custom_skin/course_icon/course_maple.png) no-repeat center center;
}
.join.stu .course_map_icon.season_master_16,
.entry .course_map_icon.season_master_16,
.join.stu .course_map_icon.season_master_20,
.entry .course_map_icon.season_master_20,
.join.stu .course_map_icon.season_master_24,
.entry .course_map_icon.season_master_24  {
    background: #8FAADC url(/skin/custom_skin/course_icon/course_maple_entry.png) no-repeat center center;
}
/* イルミネーション */
.course_map_icon.season_master_17 {
    background: #C6C6C6 url(/skin/custom_skin/course_icon/course_illum_disable.png) no-repeat center center;
}
.join .course_map_icon.season_master_17 {
    background: #EB5F0F url(/skin/custom_skin/course_icon/course_illum.png) no-repeat center center;
}
.join.stu .course_map_icon.season_master_17,
.entry .course_map_icon.season_master_17 {
    background: #8FAADC url(/skin/custom_skin/course_icon/course_illum_entry.png) no-repeat center center;
}
/* 街角スナップ */
.course_map_icon.season_master_18 {
    background: #C6C6C6 url(/skin/custom_skin/course_icon/course_trip_disable.png) no-repeat center center;
}
.join .course_map_icon.season_master_18 {
    background: #EB5F0F url(/skin/custom_skin/course_icon/course_trip.png) no-repeat center center;
}
.join.stu .course_map_icon.season_master_18,
.entry .course_map_icon.season_master_18 {
    background: #8FAADC url(/skin/custom_skin/course_icon/course_trip_entry.png) no-repeat center center;
}
/* 望遠レンズ講座 */
.course_map_icon.alltime_master_8 {
    background: #C6C6C6 url(/skin/custom_skin/course_icon/course_telescope_disable.png) no-repeat center center;
}
.join .course_map_icon.alltime_master_8 {
    background: #EB5F0F url(/skin/custom_skin/course_icon/course_telescope.png) no-repeat center center;
}
.join.stu .course_map_icon.alltime_master_8,
.entry .course_map_icon.alltime_master_8 {
    background: #8FAADC url(/skin/custom_skin/course_icon/course_telescope_entry.png) no-repeat center center;
}
/* 望遠レンズ講座 */
.course_map_icon.season_master_20 {
    #background: #C6C6C6 url(/skin/custom_skin/course_icon/course_telescope_disable.png) no-repeat center center;
}
.join .course_map_icon.season_master_20 {
    #background: #EB5F0F url(/skin/custom_skin/course_icon/course_telescope.png) no-repeat center center;
}
.join.stu .course_map_icon.season_master_20,
.entry .course_map_icon.season_master_20 {
    #background: #8FAADC url(/skin/custom_skin/course_icon/course_telescope_entry.png) no-repeat center center;
}
/* 花火撮影 */
.course_map_icon.season_master_21 {
    background: #C6C6C6 url(/skin/custom_skin/course_icon/course_fireworks_disable.png) no-repeat center center;
}
.join .course_map_icon.season_master_21 {
    background: #EB5F0F url(/skin/custom_skin/course_icon/course_fireworks.png) no-repeat center center;
}
.join.stu .course_map_icon.season_master_21,
.entry .course_map_icon.season_master_21 {
    background: #8FAADC url(/skin/custom_skin/course_icon/course_fireworks_entry.png) no-repeat center center;
}
/* ストロボライト */
.course_map_icon.alltime_master_9 {
    background: #C6C6C6 url(/skin/custom_skin/course_icon/course_strobo_disable.png) no-repeat center center;
}
.join .course_map_icon.alltime_master_9 {
    background: #EB5F0F url(/skin/custom_skin/course_icon/course_strobo.png) no-repeat center center;
}
.join.stu .course_map_icon.alltime_master_9,
.entry .course_map_icon.alltime_master_9 {
    background: #8FAADC url(/skin/custom_skin/course_icon/course_strobo_entry.png) no-repeat center center;
}
/* 桜撮影 */
.course_map_icon.season_master_23,
.course_map_icon.season_master_27 {
    background: #C6C6C6 url(/skin/custom_skin/course_icon/course_cherry_blossoms2_disable.png) no-repeat center center;
}
.join .course_map_icon.season_master_23,
.join .course_map_icon.season_master_27 {
    background: #EB5F0F url(/skin/custom_skin/course_icon/course_cherry_blossoms2.png) no-repeat center center;
}
.join.stu .course_map_icon.season_master_23,
.entry .course_map_icon.season_master_23,
.join.stu .course_map_icon.season_master_27,
.entry .course_map_icon.season_master_27 {
    background: #8FAADC url(/skin/custom_skin/course_icon/course_cherry_blossoms2_entry.png) no-repeat center center;
}
/* モノクロ */
.course_map_icon.season_master_25 {
    background: #C6C6C6 url(/skin/custom_skin/course_icon/course_monochrome_disable.png) no-repeat center center;
}
.join .course_map_icon.season_master_25 {
    background: #EB5F0F url(/skin/custom_skin/course_icon/course_monochrome.png) no-repeat center center;
}
.join.stu .course_map_icon.season_master_25,
.entry .course_map_icon.season_master_25 {
    background: #8FAADC url(/skin/custom_skin/course_icon/course_monochrome_entry.png) no-repeat center center;
}
/* 新花撮影 */
.course_map_icon.season_master_28,
.course_map_icon.season_master_29 {
    background: #C6C6C6 url(/skin/custom_skin/course_icon/course_newflower_disable.png) no-repeat center center;
}
.join .course_map_icon.season_master_28,
.join .course_map_icon.season_master_29 {
    background: #EB5F0F url(/skin/custom_skin/course_icon/course_newflower.png) no-repeat center center;
}
.join.stu .course_map_icon.season_master_28,
.entry .course_map_icon.season_master_28,
.join.stu .course_map_icon.season_master_29,
.entry .course_map_icon.season_master_29 {
    background: #8FAADC url(/skin/custom_skin/course_icon/course_newflower_entry.png) no-repeat center center;
}
/* スマホカメラ撮影 */
.course_map_icon.season_master_31 {
    background: #C6C6C6 url(/skin/custom_skin/course_icon/course_sumaho_disable.png) no-repeat center center;
}
.join .course_map_icon.season_master_31 {
    background: #EB5F0F url(/skin/custom_skin/course_icon/course_sumaho.png) no-repeat center center;
}
.join.stu .course_map_icon.season_master_31,
.entry .course_map_icon.season_master_31 {
    background: #8FAADC url(/skin/custom_skin/course_icon/course_sumaho_entry.png) no-repeat center center;
}

/* 毎月開催 */
.course_alltime_map_inner {
    padding: 40px 20px;
    background: #E9E9E9;
    border-radius: 4px;
    position: relative;
}
.step_row {
    text-align: center;
    height:175px;
    box-sizing: border-box;
    position: relative;
}
.step_row:first-child,
.step_row:nth-last-child(2){
    height: 210px;
}
.step_row:first-child {
    background: url(/skin/custom_skin/course_map_tri_00.png) no-repeat bottom center;
}
.step_row:first-child .course_map_list {
    margin-top: 50px;
}
.step_row:nth-child(2) {
    background: url(/skin/custom_skin/course_map_tri_01.png) no-repeat top center;
}
.step_row:nth-child(3) {
    background: #ccc;
    background: url(/skin/custom_skin/course_map_tri_02.png) no-repeat top center;
}
.step_row:nth-child(4) {
    background: url(/skin/custom_skin/course_map_tri_03.png) no-repeat top center;
}
.step_tag {
    position: absolute;
    line-height: 22px;
    height: 22px;
    padding: 0 10px;
    background: #4E4E4E;
    color: #fff;
    border-radius: 30px;
    font-weight: bold;
    font-size: 0.8em;
    top: -28px;
}
.step_tag:after {
    content: url(/skin/custom_skin/step_tag_line.png);
    position: absolute;
    right: -26px;
    top: 10px;
    opacity: 0.7;
}
.step_row:first-child .step_tag:after {
    right: -29px;
    top: 10px;
}
.step_row:first-child .step_tag {
    left: 192px;
    top: -14px;
}
.step_row:nth-child(2) .step_tag {
    left: 126px;
}
.step_row:nth-child(3) .step_tag {
    left: 66px;
}
.step_row:nth-child(4) .step_tag {
    left: 2px;
}
.course_alltime_map .course_map_list {
    margin-top: 25px;
}

.course_alltime_map .course_step_map_inner .course_map_list {
    position: absolute;
    top: 65px;
    right: 60px;
}
.recommend:before {
    content: url(/skin/custom_skin/recommend_course_icon.png);
    position: absolute;
    z-index: 10;
    #top: 20px;
    #left: calc(50% - 66px);
}

/* シーズン開催 */
.season_map_box {
    padding: 20px 10px 13px;
    border-radius: 4px;
    background: #e9e9e9;
    position: relative;
    float: left;
    margin-right: 7px;
    margin-bottom: 7px;
}
.season_map_box .loader {
    width: 100%;
    display: table;
    top: -10px;
}
.season_map_box > div {
    position: absolute;
}
.season_map_box > div.loader_meter_frame {
    top: -7px;
}
.season_map_box.season_map_multi_box {
    margin-right: 20px;
    margin-bottom: 20px;
}
.season_map_box ul {

}
.season_map_box.season_map_multi_box .course_map_icon_outer {
    position: relative;
}
.season_map_box.season_map_multi_box .course_map_icon_outer:before,
.season_map_box.season_map_multi_box .course_map_icon_outer:after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 6px;
    background-color: #FEDE58;
    border: 1px solid #ccc;
    border-width: 1px 0;
    top: calc(50% - 3px);
    box-shadow: 0px 1px 0px #fff inset;
}
.season_map_box.season_map_multi_box .course_map_list:first-child .course_map_icon_outer:before,
.season_map_box.season_map_multi_box .course_map_list:last-child .course_map_icon_outer:after {
    display: none;
}
.season_map_box.season_map_multi_box .course_map_icon_outer:before {
    left: -19px;
}
.season_map_box.season_map_multi_box .course_map_icon_outer:after {
    right: -19px;
}
.season_map_box.season_map_multi_box .course_map_list:last-child .course_map_icon_outer {
    #margin-right: 0px;
}
.course_map_name {
    margin-top: 6px;
    text-align: center;
    width: 135px;
    font-size: 13px;
    line-height: 16px;
    #overflow: hidden;
    #white-space: nowrap;
    #text-overflow: ellipsis;
    font-weight: bold;
}
.course_map_name.disable {
    color: #888;
}
.season_map_box .course_map_name {
    width: 115px;
}
.loader_comp_icon {
    width: 26px;
    height: 26px;
    border-radius: 13px;
    background: #fff url(/skin/custom_skin/loader_comp_icon.png) no-repeat center center;
    top: -13px;
    left: -4px;
    z-index: 2;
    padding: 6px;
    box-sizing: border-box;
    position: absolute;
}
.loader_comp_icon.comp {
    background-image: url(/skin/custom_skin/loader_comp_icon_comp.png);
}
.loader_count {
    height: 26px;
    line-height: 28px;
    background: #fff;
    padding: 0 10px;
    border-radius: 13px;
    letter-spacing: 3px;
    top: -13px;
    right: -4px;
    position: absolute;
}
div.loader_meter_frame {
    left: 0px;
    right: 0px;
    margin: auto;
    width: 100%;
    border: 5px solid #fff;
    height: 15px;
    background: #bbb;
    box-sizing: border-box;
    box-shadow: 0px -1px 4px #888 inset;
    position: absolute;
}
div.loader_meter {
    height: 100%;
    background: #73BE1E;
}
.loader_wrap {
    position: relative;
    height: 26px;
    margin: auto;
    margin-top: -13px;
}
.loader_wrap.count_1 {
    width: 160px
}
.loader_wrap.count_2 {
    width: 290px;
}
.loader_wrap.count_3 {
    width: 410px;
}
.loader_wrap.count_4 {
    width: 525px;
}
.loader_wrap .loader_comp_icon,
.loader_wrap .loader_count {
    top: 0;
}
.loader_wrap div.loader_meter_frame {
    top: calc(50% - (15px / 2));
}
.courseHistoryContentList {
    width: 800px;
}
/* 受講済み講座の個別履歴 */
#history_modal {
    position: fixed !important;
}
#history_modal .courseHistoryContentLis {
    max-height: 30px;
    overflow-y: scroll;
}
#history_modal div.dparts {
    box-shadow: none;
}
.modalScrollArea {
    max-height: 400px;
    overflow-y: scroll;
}


/*==============================================================================
 * SNS系
 *----------------------------------------------------------------------------*/
div.dparts.alertBox {
margin-top: 20px;
}
#Body,
#Container {
    background: none;
}
#pc_page_h_err_c_home,
#pc_page_h_com_add_confirm,
#pc_page_c_taikai_err_admin,
body#pc_page_fh_com_list,
body#pc_page_h_config_prof,
body#pc_page_h_config,
body#pc_page_h_search,
body#pc_page_h_com_find_all,
body#pc_page_fh_photo_comment_confirm,
body#pc_page_c_home,
body#pc_page_h_message_box ,
body#pc_page_f_message_send,
body#pc_page_f_message_send_confirm,
body#pc_page_h_reply_message,
body#pc_page_h_config_image,
body#pc_page_h_config_prof_confirm,
body#pc_page_f_link_request,
body#pc_page_f_link_request_confirm,
body#pc_page_f_link_request_err_already,
body#pc_page_f_link_request_err_wait,
#pc_page_h_manage_friend,
#pc_page_o_help_login_error,
#pc_page_o_password_query,
#pc_page_o_password_query_end,
#pc_page_o_password_reset,
#pc_page_o_tologin,
#pc_page_h_taikai_confirm,
#pc_page_o_h_config_mail,
#pc_page_c_topic_detail,
#pc_page_c_topic_write_delete_confirm,
#pc_page_c_topic_write_confirm,
#pc_page_c_event_detail,
#pc_page_c_event_invite,
#pc_page_c_event_invite_end,
#pc_page_h_com_topic_find_all,
#pc_page_h_com_comment_list,
#pc_page_c_event_add,
#pc_page_c_event_add_confirm,
#pc_page_c_event_edit,
#pc_page_c_event_delete_confirm,
#pc_page_c_event_list,
#pc_page_c_member_list,
#pc_page_c_topic_list,
#pc_page_c_topic_add,
#pc_page_c_topic_add_confirm,
#pc_page_c_topic_edit,
#pc_page_c_topic_edit_preview,
#pc_page_c_topic_delete_confirm,
#pc_page_c_leave_commu,
#pc_page_c_join_commu,
#pc_page_c_join_commu_2,
#pc_page_h_manage_commu,
#pc_page_fh_friend_list,
#pc_page_fh_photo_favorite_list,
#pc_page_fh_photo_favorite_lecturer_list,
#pc_page_fh_photo_likes_list,
#pc_page_c_join_request,
#pc_page_h_confirm_list,
#pc_page_c_edit,
#pc_page_o_login2,
#pc_page_c_edit_member,
#pc_page_h_com_add,
#pc_page_c_sub_admin_request,
#pc_page_c_edit_member_delete_c_commu_member,
#pc_page_c_admin_request,
#pc_page_c_event_write_confirm,
#pc_page_c_event_write_delete_confirm,
#pc_page_c_event_mail,
#pc_page_c_event_mail_confirm,
#pc_page_c_event_mail_end,
#pc_page_c_send_message,
#pc_page_c_event_member_list,
#pc_page_fh_photo_comment_delete_confirm,
#pc_page_fh_friend_list_delete_c_friend_confilm,
#pc_page_o_regist_intro,
#pc_page_o_regist_prof,
#pc_page_o_regist_prof_confirm,
#pc_page_o_regist_end,
#pc_page_h_search_result,
#pc_page_c_edit_delete_c_commu_confirm,
#pc_page_fh_course_history,
#pc_page_h_payment_memship,
#pc_page_h_payment_end,
#pc_page_h_notification,
#pc_page_h_update_card,
pc_page_h_quit_membership,
#pc_page_h_quit_membership_end {
    background: #F3F3F3;
}
body#pc_page_fh_friend_list div.dparts.photoTable,
body#pc_page_fh_com_list div.dparts.photoTable {
    margin-top: 50px;
    margin-bottom: 60px;
}
body#pc_page_h_update_card .dparts.formTable {
    margin-top: 50px;
    margin-bottom: 10px;
}
#pc_page_h_manage_friend .contentWrap .dparts,
#pc_page_h_manage_commu .contentWrap .dparts,
#pc_page_fh_friend_list_delete_c_friend_confilm .contentWrap .dparts {
    margin-top: 30px;
    margin-bottom: 50px;
}
body#pc_page_h_config_prof .dparts.formTable {
    margin: 40px 0;
}
body#pc_page_h_config .contentWrap,
body#pc_page_h_search .contentWrap,
body#pc_page_h_com_find_all .contentWrap,
body#pc_page_fh_photo_comment_confirm .contentWrap,
body#pc_page_h_ranking .contentWrap,
body#pc_page_h_config_image .contentWrap,
body#pc_page_h_config_prof_confirm .contentWrap,
body#pc_page_f_link_request .contentWrap,
body#pc_page_f_link_request_confirm .contentWrap,
body#pc_page_f_link_request_err_already .contentWrap,
body#pc_page_f_link_request_err_wait .contentWrap,
#pc_page_h_err_c_home .contentWrap,
#pc_page_h_taikai_confirm .contentWrap,
#pc_page_c_topic_detail .contentWrap,
#pc_page_c_topic_write_confirm .contentWrap,
#pc_page_c_event_detail .contentWrap,
#pc_page_c_event_invite .contentWrap,
#pc_page_h_com_topic_find_all .contentWrap,
#pc_page_h_com_comment_list .contentWrap,
#pc_page_c_event_add .contentWrap,
#pc_page_c_event_add_confirm .contentWrap,
#pc_page_c_event_edit .contentWrap,
#pc_page_c_event_list .contentWrap,
#pc_page_c_member_list .contentWrap,
#pc_page_c_topic_list .contentWrap,
#pc_page_c_topic_add .contentWrap,
#pc_page_c_topic_add_confirm .contentWrap,
#pc_page_c_topic_edit .contentWrap,
#pc_page_c_topic_edit_preview .contentWrap,
#pc_page_c_leave_commu .contentWrap,
#pc_page_c_join_commu .contentWrap,
#pc_page_c_join_commu_2 .contentWrap,
#pc_page_fh_photo_favorite_list .contentWrap,
#pc_page_fh_photo_favorite_lecturer_list .contentWrap,
#pc_page_fh_photo_likes_list .contentWrap,
#pc_page_h_confirm_list .contentWrap,
#pc_page_c_join_request .contentWrap,
#pc_page_c_edit .contentWrap,
#pc_page_o_login2 .contentWrap,
#pc_page_c_edit_member .contentWrap,
#pc_page_h_com_add .contentWrap,
#pc_page_c_edit_member_delete_c_commu_member .contentWrap,
#pc_page_c_sub_admin_request .contentWrap,
#pc_page_c_admin_request .contentWrap,
#pc_page_c_event_write_confirm .contentWrap,
#pc_page_c_event_write_delete_confirm .contentWrap,
#pc_page_c_event_mail .contentWrap,
#pc_page_c_event_mail_confirm .contentWrap,
#pc_page_c_event_mail_end .contentWrap,
#pc_page_c_send_message .contentWrap,
#pc_page_c_event_member_list .contentWrap,
#pc_page_fh_photo_comment_delete_confirm .contentWrap,
#pc_page_o_sns_kiyaku .contentWrap,
#pc_page_o_sns_privacy .contentWrap,
#pc_page_o_regist_intro .contentWrap,
#pc_page_o_regist_prof .contentWrap,
#pc_page_o_regist_prof_confirm .contentWrap,
#pc_page_o_regist_end .contentWrap,
#pc_page_h_search_result .contentWrap,
#pc_page_c_taikai_err_admin .contentWrap,
#pc_page_h_com_add_confirm .contentWrap,
#pc_page_c_edit_delete_c_commu_confirm .contentWrap,
#pc_page_h_payment_memship .contentWrap {
    padding: 30px 0 50px;
}
#pc_page_fh_com_list .simpleBox {
    margin-top: 30px;
}
#pc_page_o_help_login_error .contentWrap,
#pc_page_o_password_query .contentWrap,
#pc_page_o_password_query_end .contentWrap,
#pc_page_o_password_reset .contentWrap,
#pc_page_o_h_config_mail .contentWrap,
#pc_page_c_topic_write_delete_confirm .contentWrap,
#pc_page_c_event_invite_end .contentWrap,
#pc_page_c_event_delete_confirm .contentWrap,
#pc_page_c_topic_delete_confirm .contentWrap {
    padding: 60px 0 60px;
}
#pc_page_o_tologin .alertBox {
    margin-top: 60px;
}
#pc_page_fh_course_history .messageSearch {
    width: 800px;
}
 #Container
.partsHeading {
    padding: 0 10px;
    border-left: 7px solid #E66315;
    line-height: 43px;
    height: 45px;
    background: #FFF;
}
.partsHeading h3 {
    display: inline;
    font-weight: bold;
    font-size: 18px;
    color: #666;
}
div.dparts {
    background-color: #E6E6E6;
    margin: 0 auto 10px;
    padding: 7px;
    border-radius: 3px;
    box-shadow: 1px 1px 0px #fff;
}
.photoTable {
    width: 800px;
}
.photoTable tr.photo td {
    height: 136px;
}
tr.text td a {
    color: #E66315;
    text-decoration: none;
    font-weight: bold;
}
tr.text td a:hover {
    opacity: 0.8;
    text-decoration: underline;
}
#Body .formTable th {
    width: 180px;
}
#pc_page_h_com_find_all .searchFormBox .item {
    margin: 15px;
    padding: 15px;
}
.searchFormBox ul.moreInfo {
    margin: 15px;
}
.searchFormBox table.category th {
    width: 160px;
}
.searchResultList .ditem {
    margin: 15px;
    border-radius: 3px;
    background: #fafafa;
}
.searchResultList .ditem table {
    background: #fff;
}
.searchResultList th {
    width: 130px;
}
div.ditem {
    padding: 6px 6px;
}
.centerPhoto {
    text-align: center;
}
.confirm_caution {
    color: #888888;
    margin-top: 14px;
}

/*==============================================================================
 * map.css
 *----------------------------------------------------------------------------*/
    #placelist {
      width: 500px;
    }

    #search {
      margin-bottom: 5px;
    }

    #map {
      border: 1px solid #DDD;
      box-shadow: 1px 1px 0px #FFF;
      height: 240px;
      #margin-top: 10px;
    }

    #results {
      position: absolute;
      left: 540px;
    }
/*
    //searchwellは右側の情報div。削除
    #searchwell {
      width : 330px;
    }

    #searchwell .unselected {
      padding-left: 18px;
      padding-top: 1px;
      background-image: url("http://labs.google.com/ridefinder/images/mm_20_yellow.png");
      background-repeat: no-repeat;
      background-position: top left;
    }

    .unselected .gs-watermark {
      display: none;
    }

    #searchwell .select {
      margin-bottom: 1em;
    }
*/

    .unselected .select {
      cursor: pointer;
      text-decoration: underline;
      color: #7777cc;
    }

    #selected {
      margin-top: 1em;
    }

    #selected .gs-result {
      margin-bottom: 1em;
    }

    #selected .gs-result {
      padding-left: 30px;
      padding-top: 3px;
      background-image: url("http://www.google.com/mapfiles/icon.png");
      background-repeat: no-repeat;
      background-position: top left;
    }

/*==============================================================================
 * lightbox.css
 *----------------------------------------------------------------------------*/

/* Preload images */
body:after {
  content: url(/skin/custom_skin/lightbox_close.png) url(/skin/custom_skin/lightbox_loading.gif) url(/skin/custom_skin/lightbox_prev.png) url(/skin/custom_skin/lightbox_next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding-bottom: 45px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/skin/custom_skin/lightbox_loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/skin/custom_skin/lightbox_prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/skin/custom_skin/lightbox_next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  margin-top: -40px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 21px;
  color: #444444;
  position: relative;
  #font-weight: bold;
  line-height: 1em;
  padding-left: 5px;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 35px;
  height: 30px;
  background: url(/skin/custom_skin/lightbox_close.png) top left no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  position: relative;
  z-index: 1000;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.text iframe {
    display: block;
}

/*==============================================================================
 * チュートリアルポップアップ
 *----------------------------------------------------------------------------*/

#lean_overlay{
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
#tuto_modal{
  background: none repeat scroll 0 0 #e6e6e6;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 7px;
  border: 1px solid #ccc;
  border-radius: 3px;
  position: relative;
}
#tuto_modal_inner {
  padding: 50px 110px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background:#fff;
}
#tuto_modal_inner h2 {
  margin-bottom: 50px;
}
.tuto_accordion {
  width: 580px;
}
ul.tuto_accordion li .tuto_item {
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 30px;
}
ul.tuto_accordion li .tuto_item span {
  display: block;
  float: left;
}
ul.tuto_accordion li .tuto_item .tuto_icon:before {
    content: " ";
    float: left;
    background: url(/skin/custom_skin/tuto_icon.png) center center no-repeat;
    display: block;
    height: 23px;
    width: 26px;
    margin-right: 10px;
}
ul.tuto_accordion li .tuto_item.already {
    color: #ccc;
    cursor: default;
}
ul.tuto_accordion li .tuto_item.already .tuto_icon:before {
    background: url(/skin/custom_skin/tuto_icon_already.png) center center no-repeat;
}
ul.tuto_accordion li .tuto_item .tuto_arrow:before {
    content: " ";
    float: left;
    background: url(/skin/custom_skin/tuto_arrow_right.png) center center no-repeat;
    display: block;
    height: 28px;
    width: 13px;
    margin-left: 10px;
}
ul.tuto_accordion li .tuto_item.already .tuto_arrow:before {
    background: url(/skin/custom_skin/tuto_arrow_already.png) center center no-repeat;
}
ul.tuto_accordion li .tuto_item .tuto_arrow.arrow_bottom:before {
    content: " ";
    float: left;
    background: url(/skin/custom_skin/tuto_arrow_bottom.png) center center no-repeat;
    display: block;
    height: 28px;
    width: 13px;
    margin-left: 10px;
}
ul.tuto_accordion li .tuto_item.already:hover {
  opacity: 1;
}
ul.tuto_accordion li .tuto_item:hover {
  opacity: 0.7;
}
ul.tuto_accordion li div.tuto_detail {
  margin-bottom: 20px;
  display: none;
  background: #f5f5f5;
  padding: 20px;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #ddd;
}
.modal_close{
  position: absolute;
  top: -16px;
  right: -13px;
  display: block;
  width: 119px;
  height: 38px;
  background: url(/skin/custom_skin/tuto_close.png) center center no-repeat;
  z-index: 100;
}
li{
    list-style: none;
}
li.tuto_accordion{
    width:100%;
    overflow: hidden;
}
ul.tuto_accordion ul{
     display: none;
}
ul.tuto_accordion ul li:last-child{
     border:none;
}
.tuto_link_btn a {
    display: block;
    width: 280px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    background: url(/skin/custom_skin/tuto_link_btn.png) center center no-repeat;
    margin-top: 15px;
}
.tuto_link_btn.lbtn a {
    width: 340px;
    background: url(/skin/custom_skin/tuto_link_btn_l.png) center center no-repeat;
}
a.tuto_modal_btn {
    float: left;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    display: block;
    padding: 4px 6px;
    line-height: 19px;
    border-radius: 4px;
    border: 1px solid #eee;
    margin: 10px;
    background: #fafafa;
    color: #555;
}
a.tuto_modal_btn span {
    font-weight: bold;
    font-size: 14px;
    color: #E66315;
}

/*==============================================================================
 * 開催講座お知らせ表示枠
 *----------------------------------------------------------------------------*/
#courseInfoArea {
    box-sizing:border-box;
    padding: 0 10px;
    width:100%;
    margin-bottom: 5px;
}
#courseInfoAreaInner {
    box-sizing:border-box;
    width:100%;
}
.courseOpenIcon {
    height: 28px;
    line-height: 29px;
    display: inline-block;
    padding: 0px 10px;
    border-radius: 7px;
    background: #E64715;
    font-weight: bold;
    color: rgb(255, 255, 255);
    margin-top: 12px;
    margin-left: -8px;
    margin-right: 5px;
    position: relative;
}
.courseOpenIcon:before {
    content: url(/skin/custom_skin/arrowCourse.png);
    position: absolute;
    top: 11px;
    left: -6px;
}

/*==============================================================================
 * パスワード再設定入力後
 *----------------------------------------------------------------------------*/

.passRemaindBox {
    width: 75%;
    margin: 0 auto;
}
.infoButtonBox .passRemaindBox p,
.simpleBox .block .passRemaindBox p {
    text-align: left;
}

/*==============================================================================
 * マイページ講座履歴のセレクタ
 *----------------------------------------------------------------------------*/
.switch {
  position: relative;
#  margin: 20px auto;
  height: 26px;
  width: 140px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}

.switch-label {
  position: relative;
  z-index: 2;
  float: left;
  width: 68px;
  line-height: 26px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.35);
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
  cursor: pointer;
}
.switch-label:active {
  font-weight: bold;
}

.switch-label-off {
  padding-left: 2px;
}

.switch-label-on {
  padding-right: 2px;
}

.switch-input {
  display: none;
}
.switch-input:checked + .switch-label {
  color: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
}
.switch-input:checked + .switch-label-on ~ .switch-selection {
  left: 70px;
  /* Note: left: 50% doesn't transition in WebKit */
}

.switch-selection {
  display: block;
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
  width: 68px;
  height: 22px;
  background: #E66315;
  border-left: 1px solid #EBB290;
  background: #e56c27;
  background: -moz-linear-gradient(top, #e56c27 0%, #e55400 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e56c27), color-stop(100%,#e55400));
  background: -webkit-linear-gradient(top, #e56c27 0%,#e55400 100%);
  background: -o-linear-gradient(top, #e56c27 0%,#e55400 100%);
  background: -ms-linear-gradient(top, #e56c27 0%,#e55400 100%);
  background: linear-gradient(to bottom, #e56c27 0%,#e55400 100%);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}

/*==============================================================================
 * 定期課金
 *----------------------------------------------------------------------------*/
.paymentHeader {
#  height: 400px;
#  width:850px;
#  background-color: #ccc;
  margin: 0 auto;
  text-align: center;
}
#pc_page_h_payment_memship .moreInfo p {
  text-align: center;
}
#pc_page_h_payment_end .input_submit {
  width: 220px;
  height: 40px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#pc_page_h_payment_end .moreInfo a {
  text-decoration: none;
}

#pc_page_h_payment_memship .input_submit,
#pc_page_h_payment_end .input_submit,
#pc_page_o_payment_memship .input_submit,
#pc_page_o_payment_memship_campaign .input_submit
{
    position: static;
    z-index: 120;
    margin: 10px auto;
    height: 40px;
    font-size: 1.1em;
    font-weight: bold;
    display: block;
    color: #FFF;
    text-decoration: none;
    text-shadow: 2px 1px 2px #C25311;
    border-radius: 3px;
    border: 1px solid #C25311;
    background: #ffa84c; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}

#pc_page_h_payment_memship .input_submit:hover,
#pc_page_h_payment_end .input_submit:hover,
#pc_page_o_payment_memship .input_submit:hover,
#pc_page_o_payment_memship_campaign .input_submit:hover {
    opacity: 0.8;
}
#LayoutC .commentReplyList dt {
  width: 60px;
  height: 40px;
  background-image: url("/skin/custom_skin/arrowReplyTopic.png");
  background-repeat: no-repeat;
  background-position: center 10px;
}
#LayoutC .commentReplyList dd {
  margin-left: 60px;
}
#LayoutC .commentReplyList .replyDatetime {
  margin-left: 10px;
}
#LayoutC .commentReplyList .replyDeleteLink {
  margin-left: 10px;
}
#LayoutC .commentReplyList .commentInfo {
  padding: 0;
  border-bottom: 0;
}
#LayoutC .topicCommentInfo .showReply {
  margin-left: 10px;
}
#LayoutC .topicCommentInfo .showReplyForm {
  margin-left: 10px;
  padding-left: 20px;
  background-image: url("/skin/custom_skin/arrowReply.png");
  background-repeat: no-repeat;
  background-position: left 2px;
}
#LayoutC .topicCommentInfo .commentInputArea {
  width: auto;
}
#LayoutC .topicCommentInfo .commentInputArea .dparts {
  margin-bottom: 0;
  padding: 0;
}
#LayoutC .topicCommentInfo .commentInputArea form {
  float: none;
}
#LayoutC .topicCommentInfo .commentInputArea textarea {
  width: auto;
  max-width: 100%;
  box-sizing: border-box;
}
#LayoutC .commentList .showAllComment {
  border-top: 1px solid #CCCCCC;
  padding: 5px 5px;
}

/* ランキング画面 */
#pc_page_fh_photo_contest_result {
    background: #f3f3f3;
    #height: 100%;
}
.topRankPhotoArea {
    width: 100%;
    margin: 0 auto 20px;
    display: table;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.topRankPhotoArea img {
    max-width: 470px;
    max-height: 320px;
    margin: auto;
}
.contestHeading {
    width: 1200px;
    box-sizing: border-box;
    margin: 30px auto 0 !important;
    font-size: 25px !important;
    font-weight: bold;
    text-shadow: none !important;
    color: #555!important;
    padding: 20px;
    background: #fff;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px dotted #ccc;
}
.topRankPhotoArea {
    #background: #f8f8f8;
}
.topRankPhotoArea .topPhotoImg {
    display: table-cell;
    vertical-align: top;
    width: 470px;
    text-align: center;
    background: #333;
    vertical-align: middle;
}
.topRankPhotoArea .topPhotoInfo {
    display: table-cell;
    vertical-align: top;
    padding: 0px 30px 0px 30px;
}
.topRankPhotoArea .topPhotoRank {
    display: table-cell;
    width: 80px;
    padding: 0px 0px 30px 0px;
}
.topRankPhotoArea .topPhotoRank h2 {
    text-align: center;
    font-size: 23px;
    font-weight: bold;
}
.rankingWrap {
    width: 1200px;
    margin: auto;
    padding: 40px;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 60px;
    border-radius: 0 0 4px 4px;
}
#pc_page_fh_photo_contest_result .iconContest {
    display: inline-block;
    margin-right: 15px;
}
#pc_page_fh_photo_contest_result .iconContest:before {
    border: 4px solid #ea9e24;
}
.rankingTopTitle {
    font-size: 24px;
    font-weight: bold;
    color: #555;
    margin-bottom: 15px;
    line-height: 30px;
}
.rankingTopNickname img {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin-right: 2px;
}
.rankingTopNickname a {
    text-decoration: none;
    color: #333;
}
.rankingTopNickname {
    padding: 7px 0;
    border: 1px dotted #ccc;
    border-width: 1px 0;
}
.rankingTopBody {
    padding: 15px;
    background: #f8f8f8;
    border-radius: 4px;
    margin: 15px 0;
    padding-right: 10px;
}
.rankingTopBody p {
    font-size: 0.9em;
    height: 120px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 10px;
}
.photoDetailLink a {
    display: inline-block;
    padding: 4px 20px 0;
    text-decoration: none;
    background: #ec5e0c;
    color: #fff;
    border-radius: 4px;
    border-bottom: 3px solid #b14f16;
    font-weight: bold;
}
.rank1Photo h2 {
    color: #D8BE21;
}
.rank2Photo h2 {
    color: #AFAFAF;
}
.crownIcon:before {
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    width: 80px;
    height: 70px;
    margin-bottom: 7px;
}
.topCrownIcon:before {
    background-image: url("/skin/custom_skin/topCrown.png");
}
.secondCrownIcon:before {
    background-image: url("/skin/custom_skin/secondCrown.png");
    margin-bottom: 0;
}
.thirdCrownIcon:before {
    background-image: url("/skin/custom_skin/thirdCrown.png");
}
#photoListArea.rankFinePhoto {
    width: 100%;
}
#photoListArea.rankFinePhoto .photoImage {
    width: 360px;
    height: 240px;
    margin: 0;
    margin-right: 20px;
    background: #333;
}
#photoListArea.rankFinePhoto .photoImage a.listTodetail {
    position: relative;
    width: 100%;
    height: 100%;
}
#photoListArea.rankFinePhoto .photoImage img {
    max-width: 360px;
    max-height: 240px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#photoListArea.rankFinePhoto .photoImage:last-child {
    margin: 0;
}
.rankFinePhoto h2 {
    color: #8B4513;
    font-size: 23px;
    font-weight: bold;
    display: table;
    margin-bottom: 15px;
}
.rankFinePhoto h2 * {
    display: table-cell;
    vertical-align: middle;
}
.rankFinePhoto h2 img {
    width: 55px;
}
.rankFinePhoto h2 span {
    padding-top: 15px;
}
.rankInfo {
    float: left;
    height: 34px;
    width: 34px;
    border-radius: 20px;
    background: #fff;
    margin-right: 10px;
    line-height: 35px;
    text-align: center;
    font-weight: bold;
    font-size: 0.9em;
    color: #db590d;
}
.rankInfo span {
    font-size: 0.8em;
}
.photoInfo {
    #float: left;
}
#photoListArea.photoRankingList {
    width: 100%;
}
#photoListArea.photoRankingList .photoImage {
    margin: 0;
    margin-right: 4px;
    margin-bottom: 4px;
}
.rankingHeading {
    padding: 40px 0 15px;
    clear: both;
    margin: 0 !important;
    font-size: 24px !important;
}
img#i_see_img {
    border: 1px solid #bbb;
    border-bottom: 5px solid #bbb;
    border-radius: 4px;
    float: left;
    margin-right: 10px;
}
img#i_see_img.iSeeBtnNg {
    border-bottom: 1px solid #bbb;
    margin-top: 4px;
}
.iSeeText {
    float: left;
}
.iSeeHeading {
    font-size: 18px;
    font-weight: bold;
    margin: 13px 0 3px;
}
.i_see_cnt a {
    padding: 2px 8px 0;
    background: #E66315;
    border-radius: 4px;
    font-size: 14px;
    position: relative;
    margin-left: 5px;
    color: #fff;
    text-decoration: none;
}
.i_see_cnt a:hover {
    opacity: 0.8;
}
.i_see_cnt a:before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-color: transparent #E66315;
    border-width: 5px 8px 5px 0;
    display: inline-block;
    position:absolute;
    left: -6px;
    top: 6px;
}
.contestPhotoCtrlArea {
    padding: 0;
}

#pc_page_o_payment_memship .paymentHeader,
#pc_page_o_payment_memship_campaign .paymentHeader {
    margin-top: 30px;
}
.registTitle {
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}
.regist_flow {
    width: 462px;
    height: 137px;
    margin-top: 40px;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center center;
    padding-bottom: 60px;
    margin-top: -40px;
}
.regist_flow.first_step {
    background-image: url("/skin/custom_skin/regist_flow_01.png");
    margin-top: 0px;
    padding: 0;
    margin-bottom: 30px;
}
.regist_flow.second_step {
    background-image: url("/skin/custom_skin/regist_flow_02.png");
}
.regist_flow.third_step {
    background-image: url("/skin/custom_skin/regist_flow_03.png");
    margin-top: 0px;
    margin-bottom: -30px;
}
.regist_flow.last_step {
    background-image: url("/skin/custom_skin/regist_flow_04.png");
    margin-top: 0px;
    margin-bottom: -30px;
}

.regist_flow.first_step.step_course {
    background-image: url("/skin/custom_skin/regist_step_flow_01.png");
    margin-top: 0px;
    padding: 0;
    margin-bottom: 30px;
}
.regist_flow.second_step.step_course {
    background-image: url("/skin/custom_skin/regist_step_flow_02.png");
}
.regist_flow.third_step.step_course {
    background-image: url("/skin/custom_skin/regist_step_flow_03.png");
    margin-top: 0px;
    margin-bottom: -30px;
}
.regist_flow.last_step.step_course {
    background-image: url("/skin/custom_skin/regist_step_flow_04.png");
    margin-top: 0px;
    margin-bottom: -30px;
}

/*==============================================================================
 * シリーズコース（構図）画面
 *----------------------------------------------------------------------------*/
table.SeriesCourse {
    width: 80%;
    border: 1px solid #e66315;
    border-spacing: 0;
    border-collapse: collapse;
}
table.SeriesCourse tr {
    height: 60px;
}
table.SeriesCourse tr,
table.SeriesCourse td {
    border-collapse: collapse;
    text-align: left;
}
table.SeriesCourse th,
table.SeriesCourse td {
    border: 1px solid #e66315;
    padding: 5px 10px;
}
table.SeriesCourse th {
    background-color: #fbe5d6;
    text-align: center;
}
table.SeriesCourse tr.head th {
    background-color: #e66315;
    color: #ffffff;
    font-size: 1.5em;
    font-weight: bold;
}
table.SeriesCourse tr.head .name,
table.SeriesCourse tr.head .base {
    border-right-color: #FFFFFF;
}

table.SeriesCourse div.columnArea {
    width: 100%;
}
table.SeriesCourse div.columnArea p {
    line-height: 60px;
}
table.SeriesCourse div.columnArea input {
    margin-top: 12px;
}
table.SeriesCourse div.columnArea div.columnLeft {
    width: 45%;
    float: left;
    text-align: center;
}
table.SeriesCourse div.columnArea div.columnLeft p {
    text-align: center;
}
table.SeriesCourse div.columnArea div.columnRight {
    width: 30%;
    float: right;
    text-align: center;
}
table.SeriesCourse div.columnArea div.columnRight p {
    text-align: center;
}
table.SeriesCourse div.columnArea:after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}
table.SeriesCourse .column01 {
    width: 5%;
}
table.SeriesCourse .column02 {
    width: 26%;
}
table.SeriesCourse .column03,
table.SeriesCourse .column04 {
    width: 32%;
}
table.SeriesCourse .leftCount {
    font-size: 1.5em;
    margin: 0 5px;
}
table.SeriesCourse .stepAllClear {
    font-size: 1.5em;
}
.SerieseCourseGuideArea {
    margin-top: 25px;
    padding: 0.5em 1em;
    background-color: #f3f3f3;
    border: 1px solid #e5e5e5;
}

table.SeriesCourse .CourseJoin {
   background: #FC6C17;
   background-image: -webkit-linear-gradient(top, #FC6C17, #D45B13);
   background-image: -moz-linear-gradient(top, #FC6C17, #D45B13);
   background-image: -ms-linear-gradient(top, #FC6C17, #D45B13);
   background-image: -o-linear-gradient(top, #FC6C17, #D45B13);
   background-image: linear-gradient(to bottom, #FC6C17, #D45B13);
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   color: #FFFFFF;
   padding: 5px 20px;
   border: solid #E66315 1px;
   text-decoration: none;
   cursor: pointer;
}

table.SeriesCourse .CourseJoin:hover {
   background: #EB6515;
   background-image: -webkit-linear-gradient(top, #EB6515, #BD5111);
   background-image: -moz-linear-gradient(top, #EB6515, #BD5111);
   background-image: -ms-linear-gradient(top, #EB6515, #BD5111);
   background-image: -o-linear-gradient(top, #EB6515, #BD5111);
   background-image: linear-gradient(to bottom, #EB6515, #BD5111);
   text-decoration: none;
}

table.SeriesCourse .CourseReJoin {
   background: #7CCC21;
   background-image: -webkit-linear-gradient(top, #7CCC21, #6BB01B);
   background-image: -moz-linear-gradient(top, #7CCC21, #6BB01B);
   background-image: -ms-linear-gradient(top, #7CCC21, #6BB01B);
   background-image: -o-linear-gradient(top, #7CCC21, #6BB01B);
   background-image: linear-gradient(to bottom, #7CCC21, #6BB01B);
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   color: #FFFFFF;
   padding: 5px 20px;
   border: solid #71BA1D 1px;
   text-decoration: none;
   cursor: pointer;
}

table.SeriesCourse .CourseReJoin:hover {
   background: #76C21F;
   background-image: -webkit-linear-gradient(top, #76C21F, #62A119);
   background-image: -moz-linear-gradient(top, #76C21F, #62A119);
   background-image: -ms-linear-gradient(top, #76C21F, #62A119);
   background-image: -o-linear-gradient(top, #76C21F, #62A119);
   background-image: linear-gradient(to bottom, #76C21F, #62A119);
   text-decoration: none;
}

table.SeriesCourse img.clear {
   width: 67%;
}

table.SeriesCourse td.trLast{
   text-align: center;
}

table.SeriesCourse td.column02 div.columnLeftCourse,
table.SeriesCourse td.column02 div.columnRightCourse {
  display: table-cell;
  vertical-align: middle;
  width: 60%;
}

table.SeriesCourse td.column02 div.columnRightCourse img {
  width: 77%;
}

div.SerieseCourseGuideArea {
  width: 78%;
  padding: 2% 0 2% 2%;
}

div.SerieseCourseGuideArea span {
  margin-right: 40px;
}

div.SerieseCourseGuideArea span a {
  text-decoration: none;
  color: #e66315;
  font-size: 25px;
  margin: 0;
  padding-left: 45px;
  vertical-align: middle;
}

div.SerieseCourseGuideArea span.course a {
  background: url('/skin/custom_skin/icon_step_course_commentary.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: 5px;
  background-position-y: -3px;
}

div.SerieseCourseGuideArea span.course a:hover {
  background: url('/skin/custom_skin/icon_step_course_commentary_hover.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: 5px;
  background-position-y: -3px;
}

div.SerieseCourseGuideArea span.procedure a {
  background: url('/skin/custom_skin/icon_step_course_procedure.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: -3px;
}

div.SerieseCourseGuideArea span.procedure a:hover {
  background: url('/skin/custom_skin/icon_step_course_procedure_hover.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: -3px;
}

div.SerieseCourseGuideArea span.qa a {
  background: url('/skin/custom_skin/icon_step_course_qa.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: -3px;
}

div.SerieseCourseGuideArea span.qa a:hover {
  background: url('/skin/custom_skin/icon_step_course_qa_hover.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: -3px;
}

div.SerieseCourseGuideArea span.picture a {
  background: url('/skin/custom_skin/icon_step_course_picture.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: -3px;
  padding-left: 50px;
}

div.SerieseCourseGuideArea span.picture a:hover {
  background: url('/skin/custom_skin/icon_step_course_picture_hover.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: -3px;
}

div.SerieseCourseGuideArea span a:hover {
  color: #cc5714;
}

.disp_next_date {
    font-size: 0.85em;
    margin-left: 10px;
    color: #666;
}

.agreement_txt {
    width: 100%;
    height: 200px;
    overflow-y: scroll;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 30px 30px 0px 50px;
    background: #fafafa;
    box-sizing: border-box;
}
.agreement_txt > ol > li {
    margin-bottom: 30px;
}
.agreement_txt > ol > li ol {
    margin: 10px;
    margin-left: 30px;
}
.agreement_txt > ol > li ol li {
    margin-bottom: 5px;
}
.agreement_txt ol li {
    list-style-type: decimal;
}
.check_agreement {
    margin: 10px 0 5px;
}
#sendBtn:disabled {
    opacity: 0.5;
}

.step_level_tab {
    display: table;
}
.step_level_tab li {
    display: table-cell;
    padding-right: 3px;
    vertical-align: bottom;
}
.step_level_tab li .step_level_tab_inner {
    display: block;
    padding: 15px 40px 10px;
    background: #ccc;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    border: 1px solid #aaa;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    box-shadow: 0px -5px 3px 0px rgba(0,0,0,.13) inset;
    font-size: 1.4em;
}
.step_level_tab li.active .step_level_tab_inner {
    background: #e66315;
    border-color: #b74f11;
}
.step_level_tab li span.step_level_tab_inner,
.step_level_tab li .step_level_tab_inner:hover {
    display: block;
    padding: 22px 40px 17px;
    box-shadow: 0px -2px 9px 0px rgba(0,0,0,.13) inset
}
table.SeriesCourse tr.head th {
    border-top: 1px solid #bb5f28;
}
.disablebutton {
    background: -webkit-linear-gradient(180deg, rgb(204, 204, 204), rgb(131, 132, 133));
    background: linear-gradient(180deg, rgb(204, 204, 204), rgb(131, 132, 133));
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    padding: 5px 20px;
    border: solid #999 1px;
    text-decoration: none;
    cursor: pointer;
}

h2.plan_headding {
    color: #000;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
    position: relative;
}
span.deal_baloon {
    color: #fff;
    background: #e66315;
    font-weight: bold;
    text-shadow: none;
    font-size: 15px;
    padding: 10px 6px 10px 12px;
    border-radius: 50%;
    position: absolute;
    bottom: 10px;
    margin-left: 5px;
    z-index: 2;
}
span.deal_baloon:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 7.5px 0 7.5px;
    border-color: #e66315 transparent transparent transparent;
    position: absolute;
    bottom: 0px;
    left: 0px;
    transform: rotate(55deg);
    z-index: 1;
}
.plan_body td {
    height: 110px;
    padding:20px 10px;
    vertical-align: top;
}
span.without_tax {
    font-size: 0.8em;
    margin: 0 0 0 5px;
}
div.parts td.payment_type_select {
    padding: 0 20px 20px;
}
.payment_type_select input {
    display: none;
}
.payment_type_select input + label {
    display: block;
    margin: auto;
    width: 50px;
    height: 50px;
    border-radius: 6px;
    background: #eee;
    border: 1px solid #ddd;
    position: relative;
    cursor: pointer;
}
.payment_type_select input:checked + label {
    background: #E66315;
}
.payment_type_select input:checked + label::before,
.payment_type_select input:checked + label::after {
    display: block;
    position: absolute;
    content: "";
    width: 25px;
    height: 8px;
    background: #fff;
    margin: auto;
    top: 0px;
    bottom: 0;
    left: auto;
    right: 9px;
    transform: rotate(-45deg);
}
.payment_type_select input:checked + label::after {
    transform: rotate(45deg);
    width: 18px;
    left: 9px;
    right: auto;
    top: 5px;
}
.dparts.select_plan .parts {
    border-top: none;
}
.dparts.select_plan {
    cursor: pointer;
}
#select_plan .dparts {
    margin-bottom: 5px;
}
#select_plan .dparts:last-child {
    margin-bottom: 10px;
}
.annual_price {
    color: #E16326;
    font-weight: bold;
}
.select_plan_wrap {
    display: table;
    width: 100%;
}
.select_plan_wrap .select_plan_cel {
    display: table-cell;
    vertical-align: top;
}
.select_plan_wrap .select_plan_cel:first-child {
    padding-right: 5px;
}
.select_plan_wrap .select_plan_cel:last-child {
    padding-left: 5px;
}
.select_plan_wrap .select_plan_cel table td {
    border: none;
}

a.topic_id_link {
    background: #ddd;
    padding: 2px 6px 0px;
    border-radius: 3px;
    text-decoration: none;
    margin-right: 5px;
    color: #444;
}

/* 組写真 */
#groupPhotoUploadArea {
    padding: 40px 0 60px;
}
.groupUploadBtn,
.groupUploadTxt p {
    text-align: center;
}
.groupUploadBtn input[type="button"] {
    padding: 20px 45px 15px;
    font-size: 22px;
    font-weight: bold;
    text-shadow: 1px 1px 0 rgba(0,0,0,.7);
    color: #fff;
    cursor: pointer;
    border-radius: 2px;
    border: 1px solid #666;
    background: #2da30d; /* Old browsers */
    background: -moz-linear-gradient(top,  #2da30d 0%, #237f0a 92%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #2da30d 0%,#237f0a 92%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #2da30d 0%,#237f0a 92%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2da30d', endColorstr='#237f0a',GradientType=0 ); /* IE6-9 */
    margin-bottom: 20px;
}
#grouphotosResult {
    height: 235px;
    margin: 20px 0 20px;
    overflow: hidden;
}
input#groupphotoupload {
  visibility: invisible;
}
.SelectPhoto,
.addgPhoto {
  background: #eee;
  width: 200px;
  height: 200px;
  position: relative;
  float: left;
  text-align: center;
//  margin-right: 20px;
  margin: 0 10px;
}
.SelectPhoto {
  border-radius: 4px;
}
.SelectPhoto label {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-top: 130px;
    background: url(/skin/custom_skin/uploadBgCamera.png) no-repeat center 55px;
    background-size: 80px;
    cursor: pointer;
    opacity: .5;
    font-weight: bold;
}
.addgPhoto img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.addgPhoto input {
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #888888;
    background: #dadce6 url(./skin/default/img/bg_button.gif) repeat-x scroll 50% 0;
    letter-spacing: 0;
    border-radius: 6px
}
.addgPhoto {
  transform: translate(0,-100%);
  background: #333;
}
.photoPreview .addgPhoto {
    transform: none;
    display: inline-block;
    float: none;
    margin: 30px 10px;
}
.groupPhotoUploadWrap {
  width: 1100px;
  margin: 50px auto;
}
#groupphotoupload {
  display: none;
}
label.addgPhotoBtn {
    display: inline-block;
    padding: 10px 30px;
    background: #E66315;
    border-radius: 6px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-shadow: 1px 1px 0 rgba(0,0,0,.6);
    border-bottom: 3px solid #a7480f;
    cursor: pointer;
}
label.addgPhotoBtn:hover {
    margin-top: 3px;
    border: none;
}
.progressWrap {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: rgba(255,255,255,.8);
    z-index: 10;
    width: 1100px;
    display: none;
}
.progressWrap #progress {
    width: 1100px;
    height: 100%;
    background-image: url('/skin/custom_skin/loadingCommentedPhotos.GIF');
    background-position: center 110px;
    background-repeat: no-repeat;
}
.gpnextArea,
.gpnextArea p {
    text-align: center;
    margin-bottom: 5px;
}
.gpnextArea {
    margin-bottom: 50px;
}
.gpnextBtn {
    cursor: pointer;
    padding: 7px 50px;
    border-radius: 6px;
    background: #2C9EC3;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-shadow: 1px 1px 0 rgba(0,0,0,.6);
    border-bottom: 3px solid #1D6C7D;
    display: inline-block;
}
.gpnextBtn:hover {
    color: #fff;
    border: none;
    margin-top: 3px;
}
.gpatend h3 {
    font-size: 21px;
    font-weight: bold;
    color: #E66315;
    overflow: visible;
    text-align: center;
    margin-bottom: 10px;
}
.gpatend p {
    font-size: 16px;
    text-align: center;
    line-height: 25px;
}
.gpatend h4 {
    text-align: center;
    margin: 20px 0 5px;
    text-decoration: underline;
}
.groupIcon {
    float: right;
    width: 22px;
    height: 35px;
    margin-right: 5px;
    background: url('/skin/custom_skin/iconGroupP.png') no-repeat center;
    background-size: contain;
}

/* 組写真スライド */
#pbOverlay {
  background: rgba(255,255,255,.95) !important;
  padding-bottom: 140px !important;
  box-sizing: border-box !important;
  overflow: hidden;
}
#pbThumbsToggler:checked ~ #pbCaption .pbThumbs {
  text-align: center !important;
}
.pbWrapper > div, .pbWrapper > img {
  box-shadow: none !important;
  border-radius: 0 !important;
  max-height: 95% !important;
}
.pbThumbs ul {
  height: 80px !important;
}
.thumbs .pbThumbs {
  background: #f5f5f5 !important;
  padding: 10px 0 !important;
}
#pbCaption {
  margin-bottom: 0 !important;
}
#pbThumbsToggler:checked ~ .pbWrapper {
  margin: 0 !important;
  padding: 0 !important;
}
.pbThumbs li.active a img {
  border-color: #E16326 !important;
}
#pbOverlay .prevNext {
  text-shadow: none !important;
  top: 15% !important;
}
#pbPrevBtn b:before,
#pbNextBtn b:after {
  color: #E16326 !important;
}
#pbPrevBtn b:before,
#pbNextBtn b:after {
  font-size: 120px !important;
}
#pbOverlay .prevNext {
  background: transparent !important;
}
.show.on #pbCaption {
  background: #444;
  padding-top: 10px;
}
.show #pbPrevBtn {
  padding-left: 100px !important;
}
.show #pbNextBtn {
  padding-right: 100px !important;
}
#pbCloseBtn:before {
  border-radius: 0 !important;
  content: url('/skin/custom_skin/tuto_close.png') !important;
  width: auto !important;
  background: transparent !important;
}
.photoExpand.groupPhoto {
  background: #E16326 url(/skin/custom_skin/iconGroupP.png) no-repeat center center;
  border-radius: 4px;
  opacity: 1;
  cursor: pointer;
  border-bottom: 4px solid #b9501e;
}
.photoExpand.groupPhotoHeight {
  background: #E16326 url(/skin/custom_skin/iconGroupPH.png) no-repeat center center;
  border-radius: 4px;
  opacity: 1;
  cursor: pointer;
  border-bottom: 4px solid #b9501e;
//  margin-right: 5px;
}
.editGroupPhoto {
  display: inline-block;
  float: none;
  margin: 0 0 0 10px;
}
#pc_page_fh_myphoto .listPhotoInfo .groupIcon {
  margin-top: -5px;
}
#LayoutA .disabledGroup .dz-message {
  height: 100px;
  padding-top: 320px;
  line-height: normal;
}
#LayoutA .disabledGroup .dz-message a {
  color: #666;
}
#pbOverlay.singleModal {
  max-height: 100vh;
  overflow-y: auto;
}
.singleModal.show .pbWrapper > img {
  max-height: none;
  height: 800px;
  padding-bottom: 30px;
  display: block;
  margin: 0 auto;
}
.singleModal #pbCaption {
  position: fixed;
}
.singleModal .pbWrapper:after {
  height: 0;
}

.typeTab {
  text-align: center;
}
.typeItem {
  display: inline-block;
  border: 1px solid #ccc;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  transform: translateY(3px);
  background: #eee url(/skin/custom_skin/uploadBgCamera.png) no-repeat 20px center;
  background-size: 20px;
}
.typeItem.group {
  background-image: url(/skin/custom_skin/iconGroupP-g.png);
}
.typeItem.currentTab {
  display: inline-block;
  border: 1px solid #ccc;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  background-color: #fff;
  transform: translateY(1px);
}
.typeItem a {
  display: block;
  padding: 8px 30px 4px 50px;
  text-decoration: none;
  color: #333;
  cursor: pointer;
}
.typeItem.currentTab a {
  padding: 10px 30px 7px 50px;
}
.typeTabArea {
  width: 500px;
  margin: 30px auto;
  border-bottom: 1px solid #ccc;
}

.commentListArea img {
    max-width: 100%;
}


/* 講座マップリニューアル */
.basePage .course_map_tit {
    font-size: 28px;
    text-shadow: none;
    background-repeat: no-repeat;
    background-position: left center;
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-weight: bold;
}
.basePage .course_map_tit.alltime {
    background-image: url(/skin/custom_skin/course_map_tit_alltime.png);
    padding-left: 40px;
}
.basePage .course_map_tit.season {
    background-image: url(/skin/custom_skin/course_map_tit_season.png);
    padding-left: 35px;
}
.basePage .course_map_tit.step {
    background-image: url(/skin/custom_skin/course_map_tit_step.png);
    padding-left: 30px;
}
.course_map_sub-tit {
    color: #888;
}

.course_map_tit_wrap {
    height: 70px;
}
.course_map_column {
    float: left;
    height: 100%;
    width: 460px;
    margin-right: 5px;
}
.course_map_column.step_course {
    margin-right: 0;
    width: 270px;
}
.course_map_section {
    padding: 20px 5px;
}
.course_map_section.step_2 {
    background: #f9c5ac;
}
.course_map_section.step_1 {
    background: #f9e1a5;
}
.course_map_section.step_0 {
    background: #bbe89e;
}
.step_course .course_map_section {
    background: #f9c5ac; /* Old browsers */
    background: -moz-linear-gradient(top,  #f9c5ac 0%, #f9e1a5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f9c5ac 0%,#f9e1a5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f9c5ac 0%,#f9e1a5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c5ac', endColorstr='#f9e1a5',GradientType=0 ); /* IE6-9 */
}
.step_course .course_map_course-list {
    min-height: 725px;
}
.course_map_course-list {
    background: rgba(255,255,255,0.4);
    border-radius: 6px;
    min-height: 316px;
    width: 100%;
    display: table;
    box-sizing: border-box;
}
.course_map_course-list_inner {
    display: table-cell;
    vertical-align: middle;
}
@-moz-document url-prefix() {
    .course_map_course-list_inner {
        height: 316px;
    }
    .step_course .course_map_course-list {
        height: 725px;
    }
}
.course_map_course-list_inner {
    text-align: center;
}
.course_map_course-list_inner > ul {
    display: inline-block;
    text-align: center;
}
.step_course .course_map_list {
    position: relative;
    padding: 60px 10px;
    background-color: #eee;
    margin-bottom: 20px;
    background-image: url(/skin/custom_skin/course_icon/step_course_icon_bg.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.step_course .course_map_list:before,
.step_course .course_map_list:after {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.step_course .course_map_list:before {
    content: url(/skin/custom_skin/course_icon/step_course_icon_a.png);
    top: 15px;
}
.step_course .course_map_list:after {
    content: url(/skin/custom_skin/course_icon/step_course_icon_b.png);
    bottom: 15px;
}
.step_course .course_map_list .course_map_name {
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
}
.course_map_name {
    font-size: 12.3px;
    width: 107px;
    margin-top: 3px;
    margin-bottom: 5px;
}
.course_map_section-tit {
    position: relative;
    margin-bottom: 10px;
}
.course_map_level {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: -5px;
}
.step_2 .course_map_level,
.course_map_level.la {
    color: #e55c0d;
}
.step_1 .course_map_level,
.course_map_level.lb {
    color: #d39009;
}
.step_0 .course_map_level {
    color: #4a9e18;
}
.course_map_level-sub {
    font-size: 14px;
    font-weight: bold;
    color: #666666;
}
.step_course_h {
    float: left;
}
.step_course_h.lb {
    padding-right: 50px;
    background: url(/skin/custom_skin/course_icon/step_course_h_arrow.png) no-repeat right 14px center;
}
.course_map_level-progress {
    width: 60%;
    position: absolute;
    right: 4px;
    top: 14px;
}
div.loader_meter_frame {
    width: 90%;
}
.course_map_level-progress .loader_meter_frame {
    width: 100%;
    border: 9px solid #FFF;
    height: 26px;
    border-radius: 30px;
}
.loader_count {
    right: 0;
}
.loader_comp_icon {
    left: 0;
}
.course_map_level-progress div.loader_meter_frame {
    top: 0;
    box-shadow: 0 0 1px #000;
}
.course_map_list {
    display: inline-block;
    cursor: pointer;
    #background: rgba(0,0,0,.08);
    padding: 20px 0 5px;
    margin-bottom: 5px;
    border-radius: 6px;
    position: relative;
}
.recommend:before {
    left: 50%;
    transform: translateX(-50%);
}
.course_map_list .course_map_list {
    background: transparent;
    padding: 0;
    margin-bottom: 0;
    border-radius: 0;
}
.course_map_icon_outer {
    width: 104px;
    height: 104px;
}
.course_map_icon {
    #background-size: 80px !important;
}
.loader_comp_icon,
.loader_count {
    top: -7px;
}
div.loader_meter_frame {
    top: 0;
}



@font-face {
  font-family: 'step_group_icons';
  src:  url('/fonts/icomoon.eot?yfwh4h');
  src:  url('/fonts/icomoon.eot?yfwh4h#iefix') format('embedded-opentype'),
    url('/fonts/icomoon.ttf?yfwh4h') format('truetype'),
    url('/fonts/icomoon.woff?yfwh4h') format('woff'),
    url('/fonts/icomoon.svg?yfwh4h#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'step_group_icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-photo:before {
  content: "\e900";
}
.icon-qa:before {
  content: "\e901";
}
.icon-proce:before {
  content: "\e902";
}
.icon-book:before {
  content: "\e903";
}
.icon-movie:before {
  content: "\e904";
}

.columnRightCourse a  {
    text-decoration: none;
}
.columnRightCourse a .icon-movie {
    font-size: 80px;
}
.step_course_group div.SerieseCourseGuideArea span a {
    padding: 0;
    background: none !important;
}
.step_course_group div.SerieseCourseGuideArea span[class^="icon-"] {
    margin-right: 15px;
    font-size: 30px;
}
.step_course_group  table.SeriesCourse div.columnArea {
    display: table;
}
.step_course_group table.SeriesCourse td.column02 div.columnLeftCourse {
    width: 80%;
}
.step_course_group table.SeriesCourse td.column02 div.columnRightCourse {
    width: 20%;
}

/* 星景 */
.step_course_group.group_2.basePage h2 {
    color: #2a2e58;
}
.step_course_group.group_2 {
    background: #edf0ff;
    margin-top: -10px;
}
.step_course_group.group_2 .step_level_tab li.active .step_level_tab_inner {
    background: #2a2e58;
    border-color: #080b23;
}
.step_course_group.group_2 table.SeriesCourse tr.head th {
    border-top: 1px solid #8c91c3;
    background-color: #2a2e58;
}
.step_course_group.group_2 table.SeriesCourse th {
    background-color: #f5f6fb;
}
.step_course_group.group_2 table.SeriesCourse,
.step_course_group.group_2 table.SeriesCourse th,
.step_course_group.group_2 table.SeriesCourse td {
    border: 1px solid #8c91c3;
}
.step_course_group.group_2 table.SeriesCourse {
    background: #fff;
}
.step_course_group.group_2 [class^="icon-"],
.step_course_group.group_2 [class*=" icon-"] {
    color: #f1d030;
}
.step_course_group.group_2 div.SerieseCourseGuideArea span a {
    color: #2a2e58;
}
.step_course_group.group_2 table.SeriesCourse .CourseJoin {
    background: #3f4c6b; /* Old browsers */
    background: -moz-linear-gradient(top,  #3f4c6b 0%, #3f4c6b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #3f4c6b 0%,#3f4c6b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #3f4c6b 0%,#3f4c6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
    border: solid #2a2e58 1px;
}
.step_course_group.group_2 .SerieseCourseGuideArea {
    background: #fff;
}
.step_course_group.group_2 table.SeriesCourse {
    width: 80%;
}
.dparts.alertBox + .contentWrap div#LayoutC.step_course_group:before {
    content: '';
    display: block;
    height: 134px;
    width: 100%;
    margin-top: -134px;
    position: relative;
}
#pc_page_fh_step_course_gr .dparts.alertBox {
    position: relative;
    z-index: 10;
}


#pc_page_h_payment_step_course_group_end .personInfo {
    display: none;
}

/*==============================================================================
 * コンテスト参加履歴
 *----------------------------------------------------------------------------*/
.switch.contest-switch {
    width: 225px;
}
.contest-switch .switch-label {
    width: 110px;
}
.contest-switch .switch-selection {
    width: 105px;
}
.contest-switch .switch-input:checked + .switch-label-on ~ .switch-selection {
    left: 115px;
    width: 105px;
}
.contestListInfo {
    padding: 5px;
    padding-left: 42px;
    background: #eee;
    height: 30px;
}
.contest .contestName {
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
}
.contest-img {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 120px
}
.contest-img img {
    width: auto;
    height: auto;
    max-width: 120px;
    max-height: 100px;
}
.contest_info:nth-child(2){
    margin-top: 10px;
    display: inline-block;
    width: 630px;
    vertical-align: middle;
}
.contest_info:nth-last-child(1){
    margin-bottom: 30px;
}
.contest_info div {
    margin: 16px 5px;
    font-size: 16px;
    display: inline-block;
    border-bottom: solid 1px #666;
    border-right: solid 1px #666;
    width: 300px;
    color: #333;
}
.contest_info div span {
    padding: 3px;
}
.contest_button {
    margin: 15px 0;
}
.contest_button div {
    width: 252px;
    display: inline-block;
}
.contest_button div a {
    display: inline-block;
    padding: 3px 14px 0px;
    padding-right: 35px;
    border: 1px solid #E66315;
    border-radius: 4px;
    text-decoration: none;
    color: #E66315;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    position: relative;
}
.contest_button div a:hover{
    opacity: 0.6;
}

.triangle-button:before,
.triangle-button:after{
  content: "";
  position: absolute;
  top: 12px;
  right: 8px;
  width: 0;
  height: 0;
  margin: auto;
}

.triangle-button:before{
  border-style: solid;
  border-width: 10px 0 10px 17.3px;
  border-color: transparent transparent transparent #e66115;
}
.triangle-button:after{
  top: 15px;
  right: 11px;
  border-style: solid;
  border-width: 7px 0 7px 12.1px;
  border-color: transparent transparent transparent #ffffff;
  z-index: 10;
}