@charset "UTF-8";

html,
body {  height: 100% }

/*==============================================================================
 * Reset Default Style
 *----------------------------------------------------------------------------*/
ul,
ol {
  list-style-position: outside;
  list-style-type: none;
}
#diaryForm table li,
#configNotificationMailBox table li,
#mailForm table li {
  position: relative;
  float: left;
}
#diaryForm table input[type="radio"],
#configNotificationMailBox table input[type="radio"],
#mailForm table input[type="radio"] {
  margin-left: 5px;
  margin-bottom: 10px;
}
#diaryForm table input[type="radio"]:first-child,
#configNotificationMailBox table input[type="radio"]:first-child,
#mailForm table input[type="radio"]:first-child {  margin-left: 0px }
table {
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  margin: 0;
  font-size: 1em;
}
#configNotificationMailBox th {  width: 300px }
* {  word-break: break-all }
*:first-child+html table {  border-collapse: collapse }
* 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;
}
.well {
  margin-bottom: 12px;
}
/*==============================================================================
 * OpenPNE Common Style
 *----------------------------------------------------------------------------*/
body {
  line-height: 1.2;
  font-style: normal;
}
input,
textarea,
select {  font-size: inherit }
input[type='text'],
input[type='password'],
.input_text {  margin: 0 }
.input_text,
.input_password,
textarea { }
.input_text,
.input_password,
textarea,
select {  margin: 0 }
.input_image {  border: none }
.input_submit {  letter-spacing: 0 }
.input_file {  background: none }
strong { }
.sortable {  cursor: move }
/*----------------------------------------------
 * Table
 *--------------------------------------------*/
div.parts table,
.well table {
  table-layout: fixed;
  width: 100%;
  border-width: 0px;
  border-style: solid;
  border-color: #CCCCCC;
}
div.parts th,
div.parts td {
  border-width: 0;
  border-style: solid;
  border-color: #e5e5e5;
}
div.parts table td,
div.parts table th {  border-top: 1px solid #e5e5e5 }
div.parts table tr:first-child td,
div.parts table tr:first-child th {  border-top: transparent }
div.parts .form table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 18px;
}
.form table th,
.form table td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  /*  border-top: 1px solid #ddd;;*/
}
.form table th {  font-weight: bold }
.form table thead th {  vertical-align: bottom }
.form table thead:first-child tr th,
.form table thead:first-child tr td {  border-top: 0 }
.form table tbody + tbody {  border-top: 2px solid #ddd }
.form table th,
.form table td {  padding: 4px 5px }
.form table {
  /*  border: 1px solid #ddd;;*/
  border-collapse: separate;
  *border-collapse: collapsed;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
 .form table th + th,
 .form table td + td,
 .form table th + td,
 .form table td + th {
  line-height: 30px;
 }
 .form table thead:first-child tr:first-child th,
 .form table tbody:first-child tr:first-child th,
 .form table tbody:first-child tr:first-child td {  border-top: 0 }
/*----------------------------------------------
 * List Marker
 *--------------------------------------------*/
ul.moreInfo li {
  padding: 2px 0 2px 0px;
  text-align: right;
}
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 }
/*----------------------------------------------
 * clearfix, overflow: hidden
 *--------------------------------------------*/
div#Contents,
div#LayoutA,
div#LayoutB,
div#LayoutC {
  zoom: 1;
  overflow: visible;
  overflow: -moz-scrollbars-none;
  padding-top: 0;
  background: transparent;
  min-height: 800px;
}
#Left,
#Center,
#Top,
#sideBanner {
  zoom: 1;
  overflow: hidden;
  margin-bottom: 12px;
}
#LayoutA,
#LayoutB,
#LayoutC {
  margin-right: 12px;
}
dd div,
dt,
ul,
ol,
td,
th,
p,
h1,
h2,
h3,
h4,
h5,
h6,
.partsHeading,
fieldset,
label {  overflow: hidden }
ul.nav,
.dropdown ul,
ul.dropdown-menu,
.dropdown-menu li {  overflow: visible }
dd div div {  overflow: visible }
pre {  overflow: auto }
/*----------------------------------------------
 * Base Layout
 *--------------------------------------------*/
#Container {
  min-width: 975px;
  min-height: 100%;
}
#Contents { }
#ContentsContainer,
#FooterContainer {
  margin: 0 auto;
  width: 975px;
}
#ContentsContainer {
  background-image: url(../img/smoke.png);
  background: rgba(255, 255, 255, 0.3);
  position: relative;
  margin: 0 auto;
  width: 1080px;
  padding: 14px;
}
#ContentsContainer:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
#Top div:last-child {
  margin-bottom: 0;
}
#LayoutA,
#LayoutB,
#LayoutC {
  float: left;
  width: 820px;
}
 #LayoutA #Left {
   float: left;
   width: 270px;
   margin-right: 12px;
 }
 #LayoutA #Center {
   float: left;
   width: 538px;
 }
 #LayoutA #Bottom {  clear: both }
 #LayoutB #Left {
   float: left;
   width: 175px;
 }
 #LayoutB #Center {
   float: right;
   width: 625px;
 }
 #LayoutB #Bottom {  clear: both }
 #LayoutC #Center {
   width: 810px;
   margin: 0 auto;
 }
#topBanner {
  right: 10px;
  position: absolute;
  top: 2px;
}
#sideBanner {
  float: right;
  width: 248px;
}
div#sideBanner form {
  margin-bottom: 20px;
  padding-top: 10px;
}
#Footer {
  clear: both;
  border-top: 1px solid #ccc;
  border-radius: 0!important;
  -webkit-border-radius: 0!important;
  -moz-border-radius: 0!important;
  border: none!important;
}
#page_member_login div#Top,
#page_member_login div#Center {
  padding-top: 200px;
}
#page_member_login.insecure_page div#LayoutA div#Center {
  width: 100%;
}
/*----------------------------------------------
 * Header
 *--------------------------------------------*/
.navbar {
  margin-bottom: 0px;
}
.navbar-inner {
  min-height:40px;
}
.navbar .nav > li > a {
  padding:10px;
}
.navbar .brand {
  padding:10px 20px 10px;
}
.navbar .pull-right>li>.dropdown-menu {
  margin-top:15px;
  margin-right:2px;
}
.navbar .nav li#globalNav>.dropdown-toggle p {
  font-size: 18px;
  float:left;
}
.navbar .fa-sort-asc {
  font-size:25px;
  padding-left:5px;
  margin-top: -5px;
  float:left;
}
.navbar-inner {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.navbar .brand {  line-height: 1em }
.navbar-inner .dropdown-toggle {
  height: 20px;
}
#globalNav:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}
.brand a {
  color: inherit;
}
/*----------------------------------------------
 * Notification Center
 *--------------------------------------------*/
#notificationCenter {
  margin-top: -3px;
  margin-bottom: -3px;
  cursor: pointer;
}
#notificationCenter i,
#notificationCenter b {
  font-size: 25px;
}
#notificationCenterDetail {
  width: 320px;
  border-width: 2px;
  position: absolute;
  left: 15px;
  top: 40px;
  overflow: visible;
  z-index: 100;
  display: none;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
  padding: 8px;
  margin-bottom: 12px;
}
#notificationCenterDetail.alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
}
#notificationCenterDetail.alert, #notificationCenterDetail.alert-heading {
  color: #c09853;
}
#notificationCenterDetailHeader {
  width: 306px;
  padding: 7px;
  text-align: left;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
}
#notificationCenterLoading {
  width: 320px;
  padding: 21px 0;
  text-align: center;
  border-top: 0px;
  display: inline-block;
}
#notificationCenterError {
  width: 320px;
  padding: 20px 0;
  color: inherit;
  text-align: center;
  display: inline-block;
  font-size: 11px;
  border: 0;
}
.notificationCenterList {  background: #DDD }
#notificationCenterDetail .push {
  border-bottom: 1px solid inherit;
  margin: 4px 0;
  padding: 2px;
  display: inline-block;
  background: inherit;
}
#notificationCenterDetail .push:hover {  cursor: pointer }
#notificationCenterDetail .isread {
  background-color: #e3e0d5; /* rgba(190, 190, 190, 0.4) 相当 */
}
#notificationCenterDetail .push_icon {
  width: 48px;
  padding: 1px;
  display: inline;
  float: left;
}
#notificationCenterDetail .push_content {
  font-size: 11px;
  min-height: 50px;
  padding: 0 2px;
  width: 262px;
  float: right;
  display: inline;
}
#notificationCenter .push_content .push_yesno {
  display: block;
  width: 242px;
  text-align: center;
  padding-top: 5px;
}
 #notificationCenter .push_content .push_yesno button {
   display: inline-block;
   padding: 2px 8px;
   font-size: 12px;
   line-height: 18px;
   color: #333;
   text-align: center;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
   background-color: #FAFAFA;
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(25%, white), to(#E6E6E6));
   background-image: -webkit-linear-gradient(white, white 25%, #E6E6E6);
   background-image: -moz-linear-gradient(top, white, white 25%, #E6E6E6);
   background-image: -ms-linear-gradient(white, white 25%, #E6E6E6);
   background-image: -o-linear-gradient(white, white 25%, #E6E6E6);
   background-image: linear-gradient(white, white 25%, #E6E6E6);
   background-repeat: no-repeat;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
   border: 1px solid #CCC;
   border-bottom-color: #BBB;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   cursor: pointer;
   height: 22px;
 }
 #notificationCenter .push_content .push_yesno button:hover {
   text-decoration: none;
   background-color: #e6e6e6;
   background-position: 0 -15px;
   -webkit-transition: background-position 0.1s linear;
   -moz-transition: background-position 0.1s linear;
   -ms-transition: background-position 0.1s linear;
   -o-transition: background-position 0.1s linear;
   transition: background-position 0.1s linear;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   color: #ffffff;
 }
 #notificationCenter .push_content .push_yesno button:focus {
   outline: thin dotted;
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;
 }
 #notificationCenter .push_content .push_yesno button.friend-accept {
   background-color: #006dcc;
   background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
   background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
   background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
   background-image: -o-linear-gradient(top, #0088cc, #0044cc);
   background-image: linear-gradient(top, #0088cc, #0044cc);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
   border-color: #0044cc #0044cc #002a80;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
   color: #FFF;
 }
 #notificationCenter .push_content .push_yesno button.friend-accept:hover {  background-color: #0044cc }
#notificationCenter .push_content .ncfriendloading,
#notificationCenter .push_content .ncfriendresultmessage {
  text-align: center;
  display: none;
}
#nc_icon1 {
  position: absolute;
  top: 23px;
  left: 27px;
  line-height: 10px;
  background-color: #B94A48;
  padding: 1px 3px 2px;
  font-size: 9.75px;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#nc_icon2 {
  position: absolute;
  top: 23px;
  left: 58px;
  line-height: 10px;
  background-color: #B94A48;
  padding: 1px 3px 2px;
  font-size: 9.75px;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#nc_icon3 {
  position: absolute;
  top: 23px;
  left: 87px;
  line-height: 10px;
  background-color: #B94A48;
  padding: 1px 3px 2px;
  font-size: 9.75px;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/*----------------------------------------------
 * Navigation
 *--------------------------------------------*/
/*----------------------------------------------
 * Contents
 *--------------------------------------------*/
/*----------------------------------------------
 * Footer
 *--------------------------------------------*/
#Footer p {
  padding: 0 10px;
  line-height: 30px;
  text-align: right;
}
/*----------------------------------------------
 * Parts
 *--------------------------------------------*/
div.parts,
div.dparts {  margin: 0 auto 12px }
div.parts:last-child,
div.dparts:last-child {  margin: 0 auto 0px }
div.dparts div.parts {  margin: 0 }
.parts {
  min-height: 20px;
  padding: 10px;
  margin-bottom: 20px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid black;
}
div.ditem {  padding: 5px 6px }
/*----------------------------------------------
 * Parts Heading
 *--------------------------------------------*/
div.partsHeading h3 {
  display: inline;
  font-weight: bold;
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 10px;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  font-size: 16px;
  line-height: 30px;
}
div.partsHeading p {
  margin-left: 0.5em;
  display: inline;
}
div.partsHeading p.link {
  top: 2px;
  right: 8px;
  float: right;
}
/*----------------------------------------------
 * Parts Items
 *--------------------------------------------*/
div.partsInfo {  padding: 5px 20px }
 div.partsInfo div.body {  margin: 10px 0 }
 div.partsInfo p,
 div.partsInfo ul {  margin-bottom: 10px }
 div.partsInfo ul {
   padding-left: 1em;
   list-style-type: disc;
 }
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%;
  }
/*----------------------------------------------
 * Calendar
 *--------------------------------------------*/
#Left .calendar .partsHeading h3 {
  text-align: center;
}
#Left .calendar .partsHeading a {
  text-decoration: none;
  font-size:16px;
}
.calendar th {
  background-color: #EEEEEE;
  text-align: center;
}
.calendar td {
  padding: 1px 2px;
  text-align: right;
}
 .calendar td,
 .calendar td * {
   letter-spacing: -1px;
   word-break: normal;
 }
#Body .calendar .holiday,
.calendar .sun {  color: #d92c49 }
.calendar .sat {  color: #2c65d9 }
/*----------------------------------------------
 * Page Navigation
 *--------------------------------------------*/
#Left .pageNav ul {  margin-bottom: 0 }
#Left .pageNav li {
  list-style: none;
  padding: 4px;
  line-height: 18px;
}
#Left .pageNav li.current {
  color: #ffffff;
  list-style: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #3CAAE9;
}
 #Left .pageNav li.current > a {  color: #ffffff }
/*==============================================================================
 * descriptionBox
 *----------------------------------------------------------------------------*/
.descriptionBox .parts {
  padding: 5px 20px;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
}
.descriptionBox div.body {  margin: 10px 0 }
.descriptionBox p {  margin-bottom: 10px }
/*==============================================================================
 * informationBox
 *----------------------------------------------------------------------------*/
.informationBox div.body {
  position: relative;
  margin-left: 115px;
  line-height: 1.6em;
  padding-top: 3px;
}
* html .informationBox,
* html .informationBox div.body {  zoom: 1 }
 * html .informationBox div.body {  height: 1.2em }
.informationBox .caution {  color: inherit }
 .informationBox a,
 .informationBox .caution a,
 .informationBox a strong,
 .descriptionBox a {
   text-decoration: underline;
   font-weight: normal;
   font-size: inherit;
 }
 .informationBox a:hover,
 .informationBox .caution a:hover,
 .informationBox a:hover strong,
 .descriptionBox a:hover {  font-weight: bold }
.informationBox {
  padding: 8px 35px 4px 14px;
  margin-bottom: 12px;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
  border-width: 2px;
}
.informationBox {
  padding:0;
}
#information_1 {
  min-height: 23px;
  position: relative;
}
#information_1:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
.well#information_1 div:first-child {
  font-size: 18px;
  background-color: rgba(70,70,70,0.2);
  position: absolute;
  color: white;
  padding: 3px;
  float: left;
  top: 0;
  bottom: 0;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
#informationAboutThisIsYourProfilePage.descriptionBox .well,
.flashError,
#notificationCenterError {
  color: inherit;
  margin-bottom: 0;
}
/*==============================================================================
 * alertBox
 *----------------------------------------------------------------------------*/
.alertBox {  width: auto }
.alertBox.dparts > div.parts {
  background-color: inherit;
  color: inherit;
}
#Body .alertBox th {
  padding: 8px 0;
  width: 148px;
  text-align: center;
}
#Body .alertBox td {  padding: 6px }
/*==============================================================================
 * box
 *----------------------------------------------------------------------------*/
.box .body {  padding: 10px 1em }
.box .operation {  padding: 10px 0 }
/*==============================================================================
 * form
 *----------------------------------------------------------------------------*/
.form .block {
  text-align: center;
  padding: 10px 1em;
}
.form th,
.form td {  padding: 5px }
.form th {  width: 140px }
#pcAddressForm th,
#mobileAddressForm th {  width: 175px }
.form textarea {  width: 98% }
.form .input {
  float: left;
  width: 70%;
}
.form .publicFlag {
  float: right;
  width: 30%;
  text-align: right;
}
 .form .publicFlag select {  width: 140px }
.form strong {
  color: #FF0000;
  font-weight: normal;
}
.form td .error,
.form td ul.error_list li {  color: #FF0000 }
.form td .help {
  clear: both;
  color: #FF0000;
}
.form .radio_list li {
  margin-left: 2px;
}
/*==============================================================================
 * radio_list
 *----------------------------------------------------------------------------*/
ul.radio_list > li > input[type='radio'] {
    float: left;
    margin-right: 2px;
}

ul.radio_list > li > label {
    float: left;
    margin-right: 2px;
    margin-bottom: 0px;
}
/*==============================================================================
 * news pager
 *----------------------------------------------------------------------------*/
.partsNewsPager .block {  border-top-width: 0 }
.partsNewsPager dl {
  border-top: 1px solid #CCCCCC;
  overflow: hidden;
}
.partsNewsPager dt {
  float: left;
  padding: 5px;
  text-align: center;
  width: 170px;
}
.partsNewsPager dd {
  border-left: 1px solid #CCCCCC;
  margin-left: 180px;
  padding: 5px;
}
/*==============================================================================
 * listBox
 *----------------------------------------------------------------------------*/
.listBox th,
.listBox td {  width: 83px }
#profile th {  width: 56px }
#profile td { width: auto;}
.listBox th,
.listBox td {  padding: 5px }
#profileForm .parts {
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#page_member_editProfile table {
  border-width: 0px;
  margin-top: 15px;
}
/*==============================================================================
 * YesNo
 *----------------------------------------------------------------------------*/
.yesNo .block {
  text-align: center;
  padding: 10px 1em;
}
/*==============================================================================
 * memberImageBox
 *----------------------------------------------------------------------------*/
.memberImageBox * {  text-align: center }
.memberImageBox {
  margin-bottom: 10px;
  padding: 7px;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /*  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);*/
}
 .memberImageBox p.friendLink {  margin-bottom: 3px }
 .memberImageBox ul.moreInfo {  margin: 5px 0px 0px }
  .memberImageBox ul.moreInfo li {
    text-align: center;
    padding: 1px 0;
    background: none;
  }
  .memberImageBox ul.moreInfo li img {  vertical-align: bottom }
 .memberImageBox p.rank {  margin-top: 6px }
 .memberImageBox p.point {  margin-top: 2px }
 .memberImageBox p.text {
   margin-top: 4px;
   padding-top: 5px;
   font-size: 18px;
 }
 .memberImageBox p.loginTime {  margin-top: 0px }
/*==============================================================================
 * memberImages
 *----------------------------------------------------------------------------*/
.memberImagesBox table {  border-top: 1px solid #CCCCCC }
#Body .memberImagesBox td {
  padding: 8px 0;
  background-color: #FFFFFF;
  text-align: center;
}
.memberImagesBox form {
  float: left;
  width: 230px;
}
 .memberImagesBox form p {
   margin: 8px 0;
   text-align: center;
 }
.memberImagesBox ul {
  zoom: 1;
  margin: 8px 0 8px 230px;
}
.memberImagesBox li {  padding-left: 12px }
/*==============================================================================
 * modalBox
 *----------------------------------------------------------------------------*/
.modalWall {
  background-color: #000000;
  width: 100%;
  height: 100%;
  z-index: 20;
  background-repeat: repeat;
  position: fixed;
  top: 0px;
  left: 0px;
}
.modalBox {
  background-color: #ffffff;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 30;
}
/*==============================================================================
 * nineTable
 *----------------------------------------------------------------------------*/
.nineTable tr.photo td {
  height: 88px;
  padding-top: 12px;
  text-align: center;
}
.nineTable tr.photo:first-child td {  padding-top: 0px }
.nineTable tr.photo td p.crown {
  text-align: center;
  margin-top: -12px;
}
.nineTable td {  overflow: visible }
.nineTable tr.text td {
  border-top-color: transparent;
  padding-bottom: 5px;
  text-align: center;
}
.nineTable div.moreInfo ul.moreInfo {
  width: 11em;
  margin-left: auto;
  padding: 6px 0;
}
/*==============================================================================
 * searchResultList
 *----------------------------------------------------------------------------*/
.searchResultList .partsInfo {  background: #EEEEEE }
.searchResultList .ditem {  margin: 8px 0 }
.searchResultList td.photo {
  width: 90px;
  padding: 5px;
  text-align: center;
}
.searchResultList th,
.searchResultList td {  padding: 5px }
.searchResultList th {  width: 110px }
.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: 180px;
  padding: 5px;
}
.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;
 }
/*==============================================================================
 * searchFormLine
 *----------------------------------------------------------------------------*/
#Top div.searchFormLine,
#Left div.searchFormLine,
#Center div.searchFormLine {  border-width: 0 }
.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;
  }
/*==============================================================================
 * manageList
 *----------------------------------------------------------------------------*/
.manageList td {  padding: 5px }
.manageList td.photo {
  width: 140px;
  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 }
/*==============================================================================
 * homeRecentList
 *----------------------------------------------------------------------------*/
.homeRecentList div.block {  padding: 5px }
.homeRecentList ul.articleList {  line-height: 1.3 }
 .homeRecentList ul.articleList li {
   padding-bottom: 5px;
   padding-left: 68px;
   text-indent: -68px;
 }
.homeRecentList span.date {  padding-right: 7px }
.homeRecentList div.moreInfo ul.moreInfo {
  margin: 0 2px 0 auto;
  width: 10em;
}
/*==============================================================================
 * photoTable
 *----------------------------------------------------------------------------*/
.photoTable tr.photo td {
  height: 100px;
  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;
  border-top-color: transparent;
}
/*==============================================================================
 * recentList
 *----------------------------------------------------------------------------*/
.recentList dl {
  overflow: hidden;
  clear: both;
  border: 1px solid #CCCCCC;
  margin-bottom: 5px;
  /zoom: 1;
}
.recentList dt {
  float: left;
  width: 170px;
  padding: 5px;
  border-right: 1px solid #CCCCCC;
  text-align: center;
}
.recentList dd {
  margin-left: 180px;
  padding: 5px;
  border-left: 1px solid #CCCCCC;
}
* html #Body .recentList dd {  text-indent: -3px }
/*==============================================================================
 * commentList
 *----------------------------------------------------------------------------*/
.commentList dl {
  overflow: hidden;
  clear: both;
  border: 1px solid #CCCCCC;
  margin-bottom: 10px;
  /zoom: 1;
}
.commentList dt {
  float: left;
  width: 60px;
  padding: 5px;
  border-right: 1px solid #CCCCCC;
  text-align: center;
}
.commentList dd {
  margin-left: 70px;
  border-left: 1px solid #CCCCCC;
}
* html .commentList dd {  text-indent: -3px }
#LayoutC .commentList dt {  width: 100px }
#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 }
.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 }
/*==============================================================================
 * line
 *----------------------------------------------------------------------------*/
.line {  text-align: center }
/*==============================================================================
 * loginForm
 *----------------------------------------------------------------------------*/
.loginForm {
  width: 430px;
  margin: 10px auto 20px auto;
}
 .loginForm th,
 .loginForm td {  padding: 3px }
 .loginForm td {  width: 160px }
.input_submit,
input[type="submit"],
input[type="button"] {
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255,255,255,0.75);
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
.loginForm input:active,
input:active {
  background-image: none;
  color: #333;
  background-color: #e6e6e6;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
}
.loginForm .password_query {
  margin-bottom: 5px;
  font-size: 12px;
  text-align: right;
}
.loginForm .input_submit {
  width: 150px;
  display: block;
  margin: 0 auto;
}
/*==============================================================================
 * Activity
 *----------------------------------------------------------------------------*/
#delete_activity,
div.activityBox {
  zoom: 1;
  word-wrap: break-word;
}
/*======================================
 * box_form
 *------------------------------------*/
 div.activityBox div.box_form div.box_public_flag {
   float: left;
   width: 75%;
   margin-bottom: 8px;
 }
 div.activityBox div.box_form div.box_count {
   float: right;
   width: 25%;
   text-align: right;
 }
  div.activityBox div.box_form div.box_count span.note {  display: none }
  div.activityBox div.box_form div.box_count span.count {
    margin-right: 10px;
    color: #888888;
    font-size: 24px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
 div.activityBox div.box_form div.box_body {  clear: both }
  div.activityBox div.box_form div.box_body span.inputForm {
    zoom: 1;
    display: block;
  }
  div.activityBox div.box_form div.box_body span.inputForm textarea {
    display: block;
    width: 98%;
    height: 3.5em;
  }
  div.activityBox div.box_form div.box_body span.submit {
    display: block;
    width: 98%;
    margin: 5px 0 5px 2px;
    text-align: right;
  }
  div.activityBox div.box_form div.box_body span.submit input.submit {
    min-height: 30px;
    margin: 0;
    padding: 0 8px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #888888;
    font-weight: bold;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  div.activityBox div.box_form div.box_body span.submit input.submit:active {  color: #888888 }
*:first-child+html div.activityBox div.box_form div.box_body span.submit input.submit {
  padding: 0;
  line-height: 24px;
}
* html div.activityBox div.box_form div.box_body span.submit input.submit {
  padding: 0;
  line-height: 24px;
}
/*======================================
 * box_list
 *------------------------------------*/
#delete_activity div.box_list li.activity,
div.activityBox div.box_list li.activity {
  clear: both;
  padding: 10px 0 8px;
  border-bottom: 1px solid #cccccc;
}
#delete_activity div.box_list div.box_memberImage,
div.activityBox div.box_list div.box_memberImage {
  overflow: hidden;
  z-index: 256;
  position: relative;
  float: left;
  width: 48px;
  max-height: 48px;
  margin-right: 8px;
}
 #delete_activity div.box_list div.box_memberImage p,
 div.activityBox div.box_list div.box_memberImage p {  text-align: center }
#delete_activity div.box_list div.box_body,
div.activityBox div.box_list div.box_body {
  z-index: 128;
  position: relative;
  min-height: 48px;
}
* html #delete_activity div.box_list div.box_body,
* html div.activityBox div.box_list div.box_body {  height: 48px }
#delete_activity div.box_list div.box_body p,
div.activityBox div.box_list div.box_body p {  overflow: hidden }
 #delete_activity div.box_list div.box_body p span.content .name,
 div.activityBox div.box_list div.box_body p span.content .name {
   margin-right: 0.5em;
   font-weight: bold;
 }
 #delete_activity div.box_list div.box_body p span.info,
 div.activityBox div.box_list div.box_body p span.info {
   display: block;
   padding-top: 2px;
   padding-bottom: 1.3em;
   color: #888888;
 }
#delete_activity div.box_list div.box_body ul.operation,
div.activityBox div.box_list div.box_body ul.operation {
  position: absolute;
  right: 10px;
  bottom: 0;
  margin: 0;
  padding: 0;
}
 #delete_activity div.box_list div.box_body ul.operation li,
 div.activityBox div.box_list div.box_body ul.operation li {
   display: inline;
   margin-left: 0.5em;
 }
/*==============================================================================
 * API Key
 *----------------------------------------------------------------------------*/
div.apiKey {
  padding: 10px;
  font-weight: bold;
}
/*==============================================================================
 * Smartphone Style Switch
 *----------------------------------------------------------------------------*/
#SmtSwitch {
  margin: 10px 0;
  font-size: medium;
  text-align: center;
}
/*==============================================================================
 * toolbar of opWidgetFormRichTextareaOpenPNE
 *----------------------------------------------------------------------------*/
div.parts table.mceToolbar {
  table-layout: auto;
  width: auto;
}
/*==============================================================================
 * Decoration by opWidgetFormRichTextareaOpenPNE
 *----------------------------------------------------------------------------*/
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: large;
}
span.op_small {
  text-decoration: inherit;
  font-style: inherit;
  font-weight: inherit;
  color: inherit;
  font-size: xx-small;
}
span.op_color {
  text-decoration: inherit;
  font-style: inherit;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
}

/*==============================================================================
 * ad_toggle
 *----------------------------------------------------------------------------*/
div#LayoutA div#Left div.ad ins {
  margin-left: -5px !important;
  margin-top: -5px !important;
  margin-bottom: -16px !important;
}
div#LayoutB div#Left div.ad {
  display: none;
}
div#sideBanner div.ad ins, div#sideBanner div.ad div {
  margin-left: 20px !important;
}

.memberImageBox,
#MailAddressLogin,
div.dparts div.parts {
  min-height: 20px;
  padding: 10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid black;
}
form label {
  display: inline;
  font-size: 14px;
}
form select#language_culture {
  width: 209px;
  float: right;
  margin-top: -4px;
}

/*==============================================================================
 * Profile
 *----------------------------------------------------------------------------*/
#page_member_profile .alertBox.dparts table,
#page_member_profile .alertBox.dparts th,
#page_member_profile .alertBox. td {
  border: none;
  background: transparent;
  color: inherit;
}
.alertBox div.parts table {  border: none !important }


#profile_op_preset_birthday_value_year,
#profile_op_preset_birthday_value_month,
#profile_op_preset_birthday_value_day,
#member_profile_op_preset_birthday_year,
#member_profile_op_preset_birthday_month,
#member_profile_op_preset_birthday_day {  width: 120px }

/*==============================================================================
 * Timeline
 *----------------------------------------------------------------------------*/
.timeline-post a.screen-name,
.nav > li > a {  color: #333 }

/*==============================================================================
 * input
 *----------------------------------------------------------------------------*/
.input_submit,
input[type="submit"],
input[type="button"] {
  color: #333;
  background-color: #fff;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  border-bottom-color: #b3b3b3;
}
.input_submit:hover,
input[type="submit"]:hover,
input[type="button"]:hover {  background-color: #e6e6e6 }
div.parts table {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}