@charset "UTF-8";

/*==============================================================================
 * Reset Default Style
 *----------------------------------------------------------------------------*/

/* CUT */




/*==============================================================================
 * OpenPNE Common Style
 *----------------------------------------------------------------------------*/
body {
  line-height: 1.2;
  font-style: normal;
  font-size: 10pt;
}

input,
textarea,
select {
  color: #333333;
  font-size: inherit;
}



input[type="file"]  { padding:4px;/*kw mod */ }


a:link {
  color: #D6292C;
}

a:visited {
  color: #8E1C1F;
}

a:hover, a:active {
  color: #E98B8D;
}

.input_text,
.input_password,
textarea {
  background-color: #f8f8f8;
}

.input_text,
.input_password { height:1.3em; padding:2px; } /* mod kw */

/* 110124kw */
input[type="text"]    { border: 1px solid #BEB0A6; padding:2px; }


.input_text,
.input_password,
textarea,
select {
  border: 1px solid #BEB0A6;  padding:2px;
}

.input_image {
  border: none;
}


input[type="submit"],
.input_submit {
  border: 1px solid #BEB0A6;
  background: #F1DCD4 url(../images/bg_button.gif) repeat-x scroll 50% 0;
  border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;
  padding:3px 20px;
}

input[type="file"],
input[type="file"]:focus  { background:none; border: 1px solid #BEB0A6; } /* cover ie8 */

.input_file {
  border: 1px solid #BEB0A6;
  background: none;
}

strong {
  font-weight: bold;
}

.sortable {
  cursor: move;
}



a		{ word-wrap:break-word;  }
.text { word-wrap:break-word;  }



/*----------------------------------------------
 * Table mod(k)
 *--------------------------------------------*/
div.parts table {
  table-layout: fixed;
  width: 98%;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #DBCEC3;
  margin:0 auto 10px;

}

div.parts th,
div.parts td {
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #DBCEC3;

  padding:5px;
}

/*----------------------------------------------
 * List Marker
 *--------------------------------------------*/
ul.moreInfo li {
  padding: 2px 0 2px 20px;
  background: url(../images/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;
}


/* -- custom -- */

img.official_icon { margin: 0 5px 0 0; vertical-align: bottom; }





/*----------------------------------------------
 * clearfix, overflow: hidden
 *--------------------------------------------*/
div#Contents,
div#LayoutA,
div#LayoutB,
div#LayoutC {
  zoom: 1;
  overflow: hidden;
  overflow: -moz-scrollbars-none;
}

#Left,
#Center,
#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;
}

/*----------------------------------------------
 * Base Layout
 *--------------------------------------------*/
#Container {
  min-width: 950px;
}

/* #FooterContainer cut */
#HeaderContainer,
#ContentsContainer {
  margin: 0 auto;
  width: 950px;
}

#LayoutA,
#LayoutB,
#LayoutC {
 /* float: left; */
 /* width: 720px; */
  margin:0 auto 0; padding:10px 0; width:800px;
}





#LayoutA #Left {
  float: left;
  width: 270px;
}

#LayoutA #Center {
  float: right;
  width: 480px;
}

#LayoutA #Bottom {
  clear: both;
}

#LayoutB #Left {
  float: left;
  width: 180px;
}

#LayoutB #Center {
  float: right;
  width: 570px;
}

#LayoutB #Bottom {
  clear: both;
}

#LayoutC #Center {
  width: 800px;
  margin: 0 auto;
}

#topBanner {
  height: 48px;
  left: 474px;
  position: absolute;
  top: 2px;
  width: 468px;
}

#sideBanner {
  float: right;
  width: 225px;
}

#Footer {
  clear: both;
}

/*----------------------------------------------
 * Header
 *--------------------------------------------*/
#Header {
  background: #092f56 url(../images/bg_header.gif) repeat-x scroll 0 0;
  overflow: hidden;
}

#HeaderContainer {
  position: relative;
}

#Header h1 {
  margin: 0;
  width: 100px;
  height: 80px;
  background: transparent url(../images/skin_header_logo.jpg) no-repeat scroll 0 0;
  float: left;
}

#Header h1 a {
  margin: 0;
  padding: 0;
  border: medium none;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  text-decoration: none;
}

/*----------------------------------------------
 * Navigation
 *--------------------------------------------*/
#globalNav {
  text-align: right;
  height:42px;
  margin: 0 auto 0;
  width:1040px;
}

#globalNav li {
  padding: 0;
  float: left;
  margin:0 0 0;
}


/* mod 20120123 new header */


/* common setting - ks120710 */
#globalNav li a {
  /* background:url(../images/pne_glb_menu_3.png) no-repeat 0 0; */
  /* height: 25px; */
  /* width:100px;  */
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  padding:0px 30px;
  height:42px;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
}

#globalNav li a:hover{
  background-color:#950000;
}

* html #globalNav li {
  float: none;
  display: inline;
}

* html #globalNav li a {
  display: inline;
}

#globalNav li a span {
  display: inline;
}



/* custom */




/*
#globalNav #globalNav_community_top_summary a 		{ width:130px; }
*/

/* ex width */

/* ex margin - ks120710 */
#globalNav #globalNav_			{ margin:0 0 0 0; }

#globalNav #globalNav_ a         { background-position:0 0; }
#globalNav #globalNav_ a:hover       { background-position:0 -25px; }

#globalNav #globalNav_homepage a	{ background-position:-90px 0; }
#globalNav #globalNav_homepage a:hover 	{ background-position:-90px -25px; }


#globalNav #globalNav_mygame a         { background-position:-190px 0; }
#globalNav #globalNav_mygame a:hover       { background-position:-190px -25px; }

#globalNav #globalNav_member_search a       { background-position:-310px 0; }
#globalNav #globalNav_member_search a:hover     { background-position:-310px -25px; }

#globalNav #globalNav_community_top_summary a      { background-position:-440px 0; }
#globalNav #globalNav_community_top_summary a:hover    { background-position:-440px -25px; }

#globalNav #globalNav_diary_index a         { background-position:-580px 0; }
#globalNav #globalNav_diary_index a:hover     { background-position:-580px -25px; }

#globalNav #globalNav_album_list a         { background-position:-695px 0; }
#globalNav #globalNav_album_list a:hover     { background-position:-695px -25px; }

#globalNav #globalNav_mission_list a         { background-position:-695px 0; }
#globalNav #globalNav_mission_list a:hover     { background-position:-695px -25px; }

#globalNav #globalNav_serial_point a      	 { background-position:-800px 0; }
#globalNav #globalNav_serial_point a:hover     { background-position:-800px -25px; }






/*
#globalNav li a:hover {
  background: transparent url(../images/bg_globalnav_hover.gif) repeat-x scroll 0 0;
}*/




/* mod0713 local navi */

#localNav { margin:0 auto 0; padding:0px 0 0; height:auto;width:1040px;}

#localNav ul {
  /* background: transparent url(../images/bg_localnav_default.gif) repeat-y 0 0;*/
  /*background:url(../images/pne_sub_menu_1_900.png) no-repeat top left;*/
  color: #FFFFFF; overflow:hidden;
}



#localNav ul.friend {
  /* background: transparent url(../images/pne_sub_menu_2_900.png) repeat-y 0 0; */
}

#localNav ul.community {
  /* background: transparent url(../images/pne_sub_menu_3_900.png) repeat-y 0 0; */
}



#localNav.default		{ /*background:url(../images/local_nav_tab_def.png) no-repeat top left; background-position:5px 0px*/ }
#localNav.friend		{ /*background:url(../images/local_nav_tab_mem.png) no-repeat top left; background-position:5px 0px*/ }
#localNav.community	{ /*background:url(../images/local_nav_tab_com.png) no-repeat top left; background-position:5px 0px*/ }

#localNav li			{ line-height: 30px; float: left; text-align:center; width:auto;  }

/* exc */
#localNav.community li		{ width:auto; }

/* esc for sp */

body.sp_pc_view #localNav li		{ font-size:75%; }



#localNav li a {
  /* padding: 0 15px; */
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  padding:0px 15px;
  height:42px;
}

#localNav li a span{
color:#fff;display:block;
}

* html #localNav li {
  float: none;
  display: inline;
}

* html #localNav li a {
  display: inline;
}


#localNav ul li a:hover {
  background-color:#760000;
}


#localNav ul.friend li a:hover {
  /* background: transparent url(../images/pne_sub_menu_2_ov.png) repeat-x scroll 0 0; */
}

#localNav ul.community li a:hover {
  /* background: transparent url(../images/pne_sub_menu_3_ov.png) repeat-x scroll 0 0; */
}



/*----------------------------------------------
 * Contents
 *--------------------------------------------*/
#Contents {
  /* background: transparent url(../images/bg_contents.gif) repeat-x scroll 0 0; */
}

/*----------------------------------------------
 * Footer
 *--------------------------------------------*/
/*
#Footer {
  height: 50px;
  background: transparent url(../images/bg_footer.gif) repeat-x scroll 0 0;
  color: #FFFFFF;
}

#Footer a {
  color: #FFFFFF;
}

#Footer p {
  padding: 0 10px;
  line-height: 30px;
  text-align: right;
}*/

/*----------------------------------------------
 * Parts
 *--------------------------------------------*/
div.parts,
div.dparts {
  margin: 0 auto 10px;
}

div.dparts div.parts {
  margin: 0;
}

div.ditem {
  padding: 5px 6px;
}




div.dparts.recommendDiary  { margin-bottom:30px; }
div.dparts.recommendDiary div.parts table      { border:2px solid #dbb; }


/*----------------------------------------------
 * Parts Heading
 *--------------------------------------------*/
div.partsHeading {
  margin-bottom: 5px;
  padding: 2px 8px 2px 10px;
  height: 30px;
  background: transparent url(../images/bg_parts_heading_800.gif) no-repeat 0 0;
  line-height: 26px;
  color: #000;
  font-size: 100%;
  text-align: left;
}

div.partsHeading a {
    /* ver social app  */ /* color: #FFFFFF; */
}

#LayoutA #Left div.partsHeading {
  background-image: url(../images/bg_parts_heading_270.gif);
}

#LayoutA #Center div.partsHeading {
background-image: url(../images/bg_parts_heading_480.gif);
/* background-image: url(../images/bg_parts_heading_440.gif); */
}

#LayoutB #Left div.partsHeading {
  background-image: url(../images/bg_parts_heading_175.gif);
}

#LayoutB #Center div.partsHeading {
  background-image: url(../images/bg_parts_heading_570.gif);
}

#LayoutC #Center div.partsHeading {
  background-image: url(../images/bg_parts_heading_800.gif);
}

div.partsHeading h3 {
  display: inline;
  font-weight: bold;

  /* counter over flow */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;




}

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 {
  text-align: center;
}

#Left .calendar .partsHeading a {
  color: #FFFFFF;
  text-decoration: none;
}

.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; font-weight:bold;
}


#Body .calendar p.holiday {
  font-weight:normal;
}





.calendar .sat {
  color: #2c65d9; font-weight:bold;
}


/* inner a color */
.calendar a { color: #555; }



p.adminSchedule, p.mySchedule, p.event  { padding:2px; margin:4px 0; font-weight:normal; }

p.mySchedule              { background:#CCFFCC; }
p.adminSchedule             { background:#FFCC66; }
p.event                 { background:#FFaaaa; }





/* for mini cal */
.calendar td.mySchedule     { background:url(../images/cal_evm_01.gif) repeat-x 0 bottom; }
.calendar td.event        { background:url(../images/cal_evm_02.gif) repeat-x 0 bottom; }
.calendar td.adminSchedule    { background:url(../images/cal_evm_03.gif) repeat-x 0 bottom; }


.calendar td.now        { background-color:#9be; color:#FFFFFF; font-weight:bold; }
a.now   { color:#FFFFFF; font-weight:bold; }



/* cal_event_info */

#cal_event_info     { background:url(../images/cal_evm_fig.jpg) no-repeat 0 0; width:180px; height:20px; margin:0 0 5px auto; }



/* change

#cal_event_info ul    {  text-align:right; }

#cal_event_info li    { display:inline; padding:3px; margin:0 0.1em 0 0; line-height:2.0; }

#cal_event_info .mySchedule       { background:#CCFFCC; }
#cal_event_info .adminSchedule      { background:#FFCC66; }
#cal_event_info .event          { background:#FFaaaa; }

*/




/*----------------------------------------------
 * Page Navigation
 *--------------------------------------------*/
#Left .pageNav ul {
  margin: 1px;
  border: 1px solid #DBCEC3;
  background-color: #FFFFFF;
}

#Left .pageNav li {
  padding: 4px 0 4px 18px;
  background: transparent url(../images/icon_1.gif) no-repeat scroll 8px 50%;
}

#Left .pageNav li.current {
  background-color: #EEEEEE;
}

/*==============================================================================
 * descriptionBox
 *----------------------------------------------------------------------------*/
.descriptionBox .parts {
  padding: 5px 20px;
  border: 1px solid #DBCEC3;
  background-color: #FFFFFF;
}

.descriptionBox div.body {
  margin: 10px 0;
}

.descriptionBox p {
  margin-bottom: 10px;
}

/*==============================================================================
 * informationBox
 *----------------------------------------------------------------------------*/
.informationBox {
  padding-left: 102px;
  border: 1px solid #DBCEC3;
  background: #EEEEEE url(../images/icon_information.gif) no-repeat 5px 50%;
}
.informationBox div.body {
  min-height: 1.2em;
  padding: 5px;
  border-left: 1px solid #DBCEC3;
  background: #FFFFFF;
}
.informationBox .caution {
  color: #FF0000;
}

/*==============================================================================
 * alertBox
 *----------------------------------------------------------------------------*/
.alertBox {
  width: 564px;
}

#Body .alertBox th {
  padding: 8px 0;
  width: 148px;
  background-color: #FFFFFF;
  text-align: center;
}

#Body .alertBox td {
  padding: 6px;
  background-color: #FFFFFF;
  color: #ff0000;
}

/*==============================================================================
 * 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;
  background-color: #FFFFFF;
}

.form th {
  width: 140px;
}

.form textarea {
  width: 98%;
}

.form .input {
  float: left;
  width: 70%;
}

.form .publicFlag {
  float: 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 {
  color: #FF0000;
}

/*==============================================================================
 * news pager
 *----------------------------------------------------------------------------*/
.partsNewsPager .block {
  border-top-width: 0;
}

.partsNewsPager dl {
  border-top: 1px solid #DBCEC3;
  overflow: hidden;
}

.partsNewsPager dt {
  float: left;
  padding: 5px;
  text-align: center;
  width: 170px;
}

.partsNewsPager dd {
  border-left: 1px solid #DBCEC3;
  margin-left: 180px;
  padding: 5px;
}

/*==============================================================================
 * listBox
 *----------------------------------------------------------------------------*/
.listBox th {
  width: 83px;
  background-color: #FFFFFF;
}

/* #communityHome th mod. kw */
#communityHome.listBox th {
  width: 120px;
}


.listBox th, .listBox td {
  padding: 5px;
}

/*==============================================================================
 * YesNo
 *----------------------------------------------------------------------------*/
.yesNo .block {
  text-align: center;
  padding: 10px 1em;
}

/*==============================================================================
 * memberImageBox
 *----------------------------------------------------------------------------*/
.memberImageBox * {
  text-align: center;
}

.memberImageBox {
  padding: 7px;
  border: 1px solid #DBCEC3;
  background: transparent url(../images/bg_parts_photo_box.gif) repeat-x 0 0;
}

.memberImageBox p.photo {
  /* padding: 7px; */
padding: 1px;
  border: 1px solid #DBCEC3;
  background-color: #FFFFFF;
}

.memberImageBox p.friendLink {
  margin-bottom: 3px;
}

.memberImageBox ul.moreInfo {
  margin: 2px 0 -5px;
}

.memberImageBox ul.moreInfo li {
  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;
}

.memberImageBox p.loginTime {
  margin-top: 0px;
}

/*==============================================================================
 * memberImages
 *----------------------------------------------------------------------------*/
.memberImagesBox table {
  border-top: 1px solid #DBCEC3;
}

#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;
  background: url(./skin/default/img/marker.gif) no-repeat 3px 3px;
}


/*==============================================================================
 * memberTitle
 *----------------------------------------------------------------------------*/

#memberTitle			{ margin:0.5em auto;  }

#memberTitle > div		{ border:1px solid #fba; border-radius:20px; padding:0.5em 1.0em;  margin:0 auto; } /*#dbcec3*/

#memberTitle em			{ font-style: normal; width: 3.2em; display:table-cell }
#memberTitle p			{ display: table-cell; text-align:left; } /* padding-left:1.6em; text-indent:-1.6em; */



#memberTitle img		{ height:1.3em; margin-right:0.25em; vertical-align:top; }

#memberTitle a			{  }


/*==============================================================================
 * 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: 80px;
  padding: 2px 0;
  text-align: center;
}

.nineTable tr.photo td p.crown {
  text-align: center;
}

.nineTable tr.text td {
  padding: 2px;
  text-align: center;
}

.nineTable div.moreInfo ul.moreInfo {
  width: 9em;
  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: 90px;
}

.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;
  border-right: 1px solid #DBCEC3;
}

.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;
  background: url(../images/icon_arrow_2.gif) no-repeat 100% 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: 85px;
  background: url(../images/icon_1.gif) 3px 0.4em no-repeat scroll;
  text-indent: -72px;
}

.homeRecentList span.date {
  padding-right: 18px;
  background: url(../images/articleList_marker.gif) 92% 0.3em no-repeat scroll;
}

.homeRecentList div.moreInfo ul.moreInfo {
  margin: 0 2px 0 auto;
  width: 7em; /* 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;
}

/*==============================================================================
 * recentList
 *----------------------------------------------------------------------------*/
.recentList dl {
  border: 1px solid #DBCEC3;
  margin-bottom: 5px;
}

.recentList dt {
  float: left;
  width: 170px;
  padding: 5px;
  text-align: center;
}

.recentList dd {
  zoom: 1;
  margin-left: 180px;
  padding: 5px;
  border-left: 1px solid #DBCEC3;
}

* html #Body .recentList dd {
  height: 1.2em;
}

/*==============================================================================
 * commentList
 *----------------------------------------------------------------------------*/
.commentList dl {
  border: 1px solid #DBCEC3;
  margin-bottom: 10px;
}

.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 #DBCEC3;
}

* html .commentList dd {
  height: 5.5em;
}

#LayoutC .commentList dt {
  width: 110px;
}

#LayoutC .commentList dd {
  margin-left: 110px;
}

.commentList dd div {
  border-top: 1px solid #DBCEC3;
}

.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 {
  margin: 10px 0 20px 0;
}

.loginForm th,
.loginForm td {
  padding: 3px;
}

.loginForm input {
  border: 1px solid #BEB0A6;
  background-color: #f8f8f8;
}

.loginForm .password_query {
  margin-bottom: 5px;
  font-size: 12px;
}

/*==============================================================================
 * Activity
 *----------------------------------------------------------------------------*/

div.activityBox form textarea {
  width: 98%;
  height: 50px;
}

div.activityBox form .submit {
  width: 30%;
  display:block; margin:5px auto 20px;
}

div.activityBox .count {
  font-size: 24px;
  color: #BEB0A6;
}

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

ol.activities li.activity {
  border-bottom: 1px solid #BEB0A6;
  min-height: 80px;
}

ol.activities li.activity .memberImage {
  padding: 2px;
  position: absolute;

}

ol.activities li.activity .body {
  padding: 5px;
  padding-left:85px;
  /* margin-left: 80px; */ /* edit for ie7 */
}

ol.activities li.activity .info {
  padding: 5px;
  color: #888888;
}

/*==============================================================================
 * toolbar of opWidgetFormRichTextareaOpenPNE
 *----------------------------------------------------------------------------*/
div.parts table.mceToolbar {
  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;
}



/* add module */

/*==============================================================================
 * twitter view
 *----------------------------------------------------------------------------*/

/* wraped ID */
#twv_wrap {}


#wrap_select_hashtag    { float:right; margin:0 5px 5px; }
#select_hashtag_id      { width:auto; }


#twv_wrap #twtr-widget-1  { clear:both; margin:5px 0 5px;}


#twv_wrap .twtr-hd      { display:none; }

#twv_wrap .twtr-bd      { padding:1px; }

#twv_wrap .twtr-ft span   { display:none; }

#twv_wrap .twtr-ft div    { padding:4px; }

#twv_wrap .twtr-ft a    { float:right; margin:0 2px 0 0; }



/*==============================================================================
 * serialPointAccount & gc coin
 *----------------------------------------------------------------------------*/

.point_gad_temp,
.point_gad_temp_ex          { overflow:hidden; }

.point_gad_temp dl,
.point_gad_temp_ex dl       { padding: 0 5px; overflow: hidden; }

.point_gad_temp dt,
.point_gad_temp_ex dt       { font-size:25px; font-weight:bold; text-align:right; color:#C00; border-bottom:1px dotted #DBCEC3; margin:0 0 5px; }

.point_gad_temp dt span,
.point_gad_temp_ex dt span      { font-size:12px; color:#000; }

.point_gad_temp dd.l_name1,
.point_gad_temp_ex dd.l_name1   { width: 80px; margin: 5px 0 5px 0; float:left }

.point_gad_temp dd.l_date1,
.point_gad_temp_ex dd.l_date1   { width: 80px; margin: 5px 0 5px auto; float:right; text-align:right; font-weight:bold; }

div.point_gad_temp div.moreInfo ul.moreInfo,
div.point_gad_temp_ex div.moreInfo ul.moreInfo      { width:5.5em; margin:0 7px 0 auto; clear:both; }


/* .point_gad_temp_ex exclusive */
.point_gad_temp_ex        { padding:0 0 2px 0; }

.point_gad_temp_ex dl                 { float:left; width:58%; padding:0 3px 0 0; margin:2px; border-right:1px solid #DBCEC3; }

.point_gad_temp_ex dd.l_name1   { width: 40px; margin:2px 0; font-size:10px; }
.point_gad_temp_ex dd.l_date1   { width: 70px; margin:2px 0; }

div.point_gad_temp_ex div.moreInfo            { float:right; margin:20px 0 1px; clear: right;/* temp edit */ }


.point_gad_temp_ex_notice					{ text-align:center; font-size:11px; color:#FF0000; margin:2px 0 0;  }



/*==============================================================================
 * header banner 120201
 *----------------------------------------------------------------------------*/

div.parts iframe			{ width:100%; border:none; overflow:hidden; }




/*==============================================================================
 * oauth content 121214
 *----------------------------------------------------------------------------*/

#oauth_auth_content_wrapper								{ }

#oauth_auth_content_wrapper #consent_image				{ }
#oauth_auth_content_wrapper textarea					{ }

#oauth_auth_content_wrapper .content_inner				{ line-height: 1.4; padding: 10px; width: 500px; margin:0 auto 0; }
#oauth_auth_content_wrapper .content_inner p			{ margin: 0.5em 0; }







/*==============================================================================
 * #searchGameResult application gadget 130828
 *----------------------------------------------------------------------------*/

/*
div.moreInfo ul.moreInfo {
    margin: 0 2px 0 auto;
    width: 6em;
}
*/

#latestApplicationList			{}



#latestApplicationList div.moreInfo ul.moreInfo {  }


/* thumb nail list img - 56px */

.thumb_list					{ width:auto; min-height:80px; overflow:hidden; position:relative; margin:5px 0 5px; padding:0 0 3px; border-bottom:1px dotted #666; }
.thumb_list a				{ display:block; text-decoration:none; background:#FFFFFF; padding:3px;  border-radius:3px; }

.thumb_list a:hover		{ background-color:#F9D3BF; }
.thumb_list h5				{ margin:0 0 2px 0; color:#D6292C; font-weight:bold; }

.thumb_list dl				{  }
.thumb_list dt				{ width:95px; min-height:90px; margin:0 0.5em 0 0; float:left; text-align:center; }

.thumb_list dt img		{ border:1px solid #D6292C; max-width:90px; max-height:90px; width:90px; }

.thumb_list dd				{ font-size:12px; color:#666; line-height:1.3; text-align:justify; }

.thumb_list dd.uicon			{ float:left; width:55px; }
.thumb_list dd.uname			{ font-weight:bold; color:#FF6600; }

.thumb_list dd.item_copy		{  }
.thumb_list dd.item_copy strong		{ color:#F60; }




/* game side  */

#sa_side_adarea .inc_blk_wrap         { margin-bottom:14px;  }
#sa_side_adarea .inc_blk_wrap a       { display:block; margin-bottom:5px;  }

#sa_side_adarea .inc_blk_wrap img     { display:block; }





/*   */


/* test */
#score_rank_wrapper       {  }


.act_rank_wek         {  }
.act_rank_tot         {  }


.act_rank_wek #chg_tab .wek a   { background-position:0 -20px; }
.act_rank_tot #chg_tab .tot a   { background-position:0 -20px; }


.act_rank_wek #rank_wek       { display:block; }
.act_rank_wek #rank_tot       { display:none; }

.act_rank_tot #rank_wek       { display:none; }
.act_rank_tot #rank_tot       { display:block; }



/**/

#chg_tab            {  }


#chg_tab li           { width:100px; height:20px; float:left; margin:0 5px 0 0;  }
#chg_tab a            { width:100px; height:20px; display:block; text-align:center; line-height:190%; text-decoration:none; background:url(../images/pne_minitab_chg.png) no-repeat 0 0; }


#chg_tab a:hover        { background-position:0 -20px; }




/*   */

.game_follow      {   }


.game_follow .block   { padding:3px; text-align:center; }


#followCount_wrap					{ font-size:14px; }
#followCount_wrap strong		{ font-size:16px; }


#game_play_followcount #followCount_wrap			{ display:inline-block; margin-right:0.5em; }

#game_play_followcount #followButton				{ display:inline-block;  }




/*
 * rich text for mg_
 */
span.mg_b {
  text-decoration: inherit;
  font-style: inherit;
  font-weight: bold;
  color: inherit;
  font-size: inherit;
}

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

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

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

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

span.mg_small {
  text-decoration: inherit;
  font-style: inherit;
  font-weight: inherit;
  color: inherit;
  font-size: xx-small;
}

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

/* premium limit box */
#premium_box {
  margin-top: 5px;
}
#premium_box .premium_limit_box {
  padding: 5px;
  border-bottom:1px dotted #DBCEC3;
}
#premium_box .premium_limit_str {
  font-size: 12px;
  font-weight: bold;
  margin-right: 5px;
}
#premium_box .premium_limit {
  font-size: 22px;
  color: #CC0000;
  font-weight: bold;
}
#premium_box div.moreInfo {
  margin: 3px;
  padding-top: 4px;
  float: right;
  clear: right;
}
#premium_box ul.moreInfo {
  margin-left: 10px;
  width: 100%;
}
#premium_box .premium_base {
  background-color: #DBCEC3;
  border-radius: 4px 4px 0 0;
  font-weight: bold;
  padding: 7px;
  text-align: left;
}