

/* FlexSlider Default Theme */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0 0 10px 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav { height: 0; }
.flex-direction-nav li a {width: 53px; height: 53px; margin: -13px 0 0; display: block; background: url(/image/main/portal/slide_arrow.png) no-repeat; position: absolute; top: 73px; cursor: pointer; text-indent: -999em;}
.flex-direction-nav li .next {background-position: right; right: 10px;}
.flex-direction-nav li .prev {background-position: left; left: 10px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* cover preview */
.cover-preview {
   border: solid 1px #000;
   position: relative;
}

#cover-preview-title {
   position : absolute;
   z-index : 5;
}

#cover-preview-description {
   position : absolute;
   z-index : 4;
}

#cover-preview-author {
   position : absolute;
   z-index : 3;
}

.cover-preview-dd {
   border: none;
   padding: 20px;
   border: 1px;
   position: relative;
}

.cover-preview-dd:hover {
   cursor: move;
   border: 1px solid;
}

.cover-preview-input {
   width: 100%;
   height: 100%;
   overflow: hidden;
   text-align: center;
   background-color:transparent;
   padding: 0 !important;
   border: 1px solid #999;
   line-height: 110%;
}

.cover-preview-font-1 {
   font-family: Arial, Helvetica, Sans-serif, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック';
}

.cover-preview-font-2 {
   font-family: 'IPA明朝','IPA P明朝','ＭＳ Ｐ明朝','MS PMincho',Garamond,'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',serif;
}


/*
 simpleColorPicker
 A simple color picker jQuery plugin that appears as the user focuses the input.

 Check out the latest version at http://github.com/rachel-carvalho/simple-color-picker.
*/
div.color-picker { border-left: 1px solid #000; border-top: 1px solid #000; position: absolute; left: 0px; top: 0px; padding: 0px; }
div.color-picker ul { list-style: none; padding: 0px; margin: 0px; float: left; }
div.color-picker ul li { display: block; width: 15px; height: 15px; border-right: 1px solid #000; border-bottom: 1px solid #000; margin: 0px; float: left; cursor: pointer; }

@charset "UTF-8";

/*---------------------------------- Reset ----------------------------------*/
html {
  font-family: 'Osaka';
  overflow-y:scroll;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th {
	text-align: left;
}

q:before,q:after {
	content: '';
}

object,embed {
	vertical-align: top;
}

hr,legend {
	display: none;
}

h1,h2,h3,h4,h5,h6,th {
	font-size: 100%;
	font-weight: normal;
}

img,abbr,acronym,fieldset {
	border: 0;
}

ul,ol {
	list-style-type: none;
}

img {
   vertical-align:middle;
}

iframe {
  border: 0px;
  }

a {
  color: #2a83a2;
  }

/*--------------------------------- Clearfix ---------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*----------------------------------- main -----------------------------------*/
body{
  background: url(/image/main/common/bg.png) #f7f5eb;
  color: #333;
  }

body#r18{
  background: url(/image/main/common/r18_bg.png) #f7f5eb;
  }

#container{
  background: url(/image/main/common/container_bg.png) top repeat-x;
  }

#wrap{
  width: 920px;
  margin: 0px auto;
  }

#contents{
  background: #fff;
  width: 900px;
  margin: 45px 0 0 0;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0px 0px 4px #dadada;
  }

#main{
  width: 690px;
  float: left;
  }

#side{
  width: 200px;
  float: right;
  }

/*----------------------------------- slides -----------------------------------*/
.slide-placeholder {
  height: 170px;
}

/*---------------------------------- header ----------------------------------*/
#header , #r18-header{
  background: url(/image/main/common/header_bg.png) no-repeat bottom left;
  width:100%;
  height:36px;
  padding: 0 0 9px 0;
  position:relative;
  }

#r18-header{
  background: url(/image/main/common/r18_header_bg.png) no-repeat bottom left;
  }

#header #logo , #r18-header #logo{
  width:86px;
  height:24px;
  padding: 6px 0 0 0;
  }

#navi-login , #navi-menu{
  width:117px;
  position: absolute;
  top: 14px;
  right: 0px;
  }

#navi-login li , #navi-menu li{
  font-size: 70%;
  text-align: center;
  line-height:22px;
  width: 58px;
  height: 22px;
  float: left;
  }

#navi-loginform , #navi-mypage{
  background: #2792c3;
  margin: 0 1px 0 0;
  }

#navi-newmember{
  background: #d0576b;
  }

#navi-logout{
  background: #69b076;
  }

#navi-login a , #navi-menu a{
  color: #fff;
  text-decoration: none;
  width:58px;
  height:22px;
  display:block;
  }

#header-user{
  color: #fff;
  font-size: 70%;
  position: absolute;
  top: 7px;
  right: 133px;
  }

#header-user img{
  vertical-align:middle;
  border: 1px solid #fff;
  margin: 0 8px 0 0;
  }

#header-book{
  color: #a2a093;
  font-size: small;
  line-height:36px;
  max-width: 500px;
  height:36px;
  position: absolute;
  top:0;
  left: 78px;
  }

#header-book a{
  color: #edebe1;
  text-decoration:none;
  }

#navigation{
  background: url(/image/main/common/navigation.png);
  width: 571px;
  height:13px;
  margin: 11px 0 20px 0;
  float: right;
  }

#r18-navigation{
  background: url(/image/main/common/r18_navigation.png);
  width: 578px;
  height:13px;
  margin: 11px 0 20px 0;
  float: right;
  }

#navigation li , #r18-navigation li{
  text-indent: -9999px;
  height: 13px;
  float: left;
  }

#navigation li a , #r18-navigation li a{
  height: 13px;
  display:block;
  overflow:hidden;
  }

.navigation-01 a{
  width:109px;
  margin: 0 42px 0 0;
  }

.navigation-02 a{
  width:77px;
  margin: 0 42px 0 0;
  }

.navigation-03 a{
  width:50px;
  margin: 0 42px 0 0;
  }

.navigation-04 a{
  width:52px;
  margin: 0 42px 0 0;
  }

.navigation-05 a{
  width:46px;
  margin: 0 42px 0 0;
  }

.navigation-06 a{
  width:26px;
  }
  
.navigation-07 a{
  width:33px;
  }

/*---------------------------------- error ----------------------------------*/


/*---------------------------------- pager ----------------------------------*/



/*---------------------------------- footer ----------------------------------*/
#footer{
  width: 920px;
  margin: 0px auto;
  }

#gotop{
  margin: 23px 23px 23px 0;
  }

#gotop a{
  background: url(/image/main/common/footer_gotop.png);
  text-indent: -9999px;
  width: 37px;
  height: 37px;
  float: right;
  display: block;
  overflow:hidden;
  }

#footer-service{
  background: #fff;
  width: 860px;
  height: 24px;
  padding: 30px;
  border-radius: 5px;
  box-shadow: 0px 0px 4px #dadada;
  }

#footer-service li{
  font-size: 70%;
  display: inline;
  }

#footer-service li img{
  vertical-align: middle;
  }

#footer-service li:nth-child(1){
  margin: 0 65px 0 0;
  }

#footer-service li:nth-child(2) , #footer-service li:nth-child(3) , #footer-service li:nth-child(4){
  border-right: 1px dotted #c4c1af;
  margin: 0 20px 0 0;
  padding: 0 20px 0 0;
  }

#footer-service a , #footer-corp a{
  color: #3f312b;
  text-decoration: none;
  }

#copyright{
  color: #c4c1af;
  font-size: 70%;
  margin: 20px 0;
  float: left;
  }

#r18 #copyright{
  color: #c4afaf !important;
  }

#footer-corp{
  font-size: 70%;
  margin: 20px 0;
  float: right;
  }

#footer-corp li{
  display: inline;
  }

#footer-corp li:nth-child(1) , #footer-corp li:nth-child(2) , #footer-corp li:nth-child(3) , #footer-corp li:nth-child(4) , #footer-corp li:nth-child(5){
  border-right: 1px solid #dfdfdf;
  margin: 0 6px 0 0;
  padding: 0 6px 0 0;
  }

@charset "UTF-8";


/*----------------------------------- font -----------------------------------*/
.fw-bold{
  font-weight: bold;
  }

.fs-120{
  font-size: 120%;
  }

.fs-95{
  font-size: 95%;
  }

.fs-90{
  font-size: 90%;
  }

.fs-80{
  font-size: 80%;
  }

.fs-70{
  font-size: 70%;
  }

.ta-r{
  text-align: right;
  }

.ta-c{
  text-align: center;
  }

.va-middle{
  vertical-align:middle;
  }

.color-red{
  color: #c9171e;
  }

.color-gray{
  color: #999;
  }

/*------------------------------------ h2 ------------------------------------*/

/*------------------------------------ h3 ------------------------------------*/

/*---------------------------------- margin ----------------------------------*/
.m-10{margin:10px;}
.m-t10{margin-top: 10px;}
.m-t20{margin-top: 20px;}
.m-t30{margin-top: 30px;}
.m-t40{margin-top: 40px;}
.m-t40i{margin-top: 40px !important;}
.m-t50{margin-top: 50px;}
.m-b5{margin-bottom: 5px;}
.m-b10{margin-bottom: 10px;}
.m-b20{margin-bottom: 20px;}
.m-b70{margin-bottom: 70px;}
.m-r5{margin-right:  5px;}
.m-r10{margin-right:  10px;}
.m-l5{margin-left:  5px;}
.m-l10{margin-left:  10px;}

/*--------------------------------- padding ---------------------------------*/

/*--------------------------------- position ---------------------------------*/
.position-r{
  position: relative;
  }

.float-l{
  float: left;
  }

.float-r{
  float: right;
  }

/*----------------------------------- form -----------------------------------*/

/* dl + dt + dd */
.formbox{
  }

.formbox-attention{
  font-size: 70%;
  text-align: right;
  margin: 0 0 5px 0;
  }

.formbox dl{
  background: #fff;
  border-radius: 3px;
  min-height: 34px;
  margin: 0 0 10px 0;
  }

.formbox dl:last-of-type{
  margin: 0;
  }

.formbox dt{
  font-size: 80%;
  font-weight: bold;
  line-height: 34px;
  width: 165px;
  padding: 10px;
  float:left;
  }

.formbox dt > span{
  color: #C9171E;
  font-weight: normal;
  }

.formbox dd{
  font-size: 70%;
  padding: 10px 10px 10px 0;
  float: right;
  }

.formbox dd.formbox-dd-385{
  width: 385px;
  }

.formbox dd.formbox-dd-475{
  width: 475px;
  }

.formbox dd.formbox-dd-685{
  width: 685px;
  }

.formbox dd .formbox-border{
  line-height: 29px;
  border-left: 2px solid #c5c3b9;
  min-height: 29px;
  padding: 1px 0 1px 12px;
  }

.formbox .formbox-1column{
  background: #fff;
  font-size: 80%;
  line-height: 35px;
  text-align: center;
  border-radius: 3px;
  width: 100%;
  height: 35px;
  padding: 10px 0;
  margin: 10px 0 0 0;
  }

.formbox input[type="text"] , input[type="password"]{
  width: 207px;
  height: 27px;
  }

.formbox textarea{
  width:207px;
  height:60px;
  }

/* textbox */
input[type="text"] , input[type="password"] , textarea{
  vertical-align:top;
  border: 1px solid #c3b5b4;
  border-radius: 3px;
  background: -moz-linear-gradient(top, #ede9e9, #fff);
  background: -webkit-gradient(top, #ede9e9, #fff);
  padding: 0 5px;
  }

textarea{
  font-size: 120%;
  padding: 5px;
  }

/* checkbox + radiobutton */
input[type="radio"]{
  display: none;
  }

input[type="radio"]{
  display :inline\9 !important;
  }

input[type="radio"] + label{
  background: url(/image/main/common/form_radio.png) no-repeat center left;
  margin: 0 5px 0 0;
  padding: 0 0 0 15px;
  }

input[type="radio"] + label{
  background: transparent\9 !important;
  margin: 0px\9 !important;
  padding: 0px\9 !important;
  }

input[type="radio"]:checked + label{
  background: url(/image/main/common/form_radio_on.png) no-repeat center left;
  }

input[type="checkbox"]{
  display: none;
  }

input[type="checkbox"]{
  display :inline\9 !important;
  }

input[type="checkbox"] + label{
  background: url(/image/main/common/form_check.png) no-repeat center left;
  padding: 0 0 0 18px;
  }

input[type="checkbox"] + label{
  background: transparent\9 !important;
  padding: 0px\9 !important;
  }

input[type="checkbox"]:checked + label{
  background: url(/image/main/common/form_check_on.png) no-repeat center left;
  }

/* selectbox  */
.dk_container {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ede9e9));
  background: -moz-linear-gradient(top, #fff, #ede9e9);
  background: -o-linear-gradient(top, #fff, #ede9e9);
  background-color: #fff;
  border-radius: 3px;
}
  .dk_container:focus {
    outline: 0;
  }
  .dk_container a {
    cursor: pointer;
    text-decoration: none;
  }

.dk_toggle {
  background: url('/image/main/icon/arrow_form.png') no-repeat 95% center;
  border: 1px solid #c3b5b4;
  color: #333;
  text-shadow: #fff 1px 1px 0;
  border-radius: 3px;
}
  .dk_toggle:hover {
    border-color: #c3b5b4;
  }
  .dk_focus .dk_toggle {
    border-color: #c3b5b4;
  }
  .dk_focus .dk_toggle {
  }

.dk_open {
  z-index: 10;
}
  .dk_open .dk_toggle {
    background-color: #f8f6f6;
    border-color: #c3b5b4;
    color: #ccc;
    border-radius: 3px 3px 0 0;
  }

.dk_options {
  border-radius: 0 0 3px 3px;
}
  .dk_options a {
    color: #333 ;
    background-color: #fff;
    border-bottom: 1px solid #c3b5b4;
    padding: 8px 10px;
  }
  .dk_options li:last-child a {
    border-bottom: none;
  }
  .dk_options a:hover,
  .dk_option_current a {
    background-color: #ded6d6;
    border-bottom-color: #c3b5b4;
    color: #765756;
    text-decoration: none;
  }

.dk_options_inner {
  border: 1px solid #c3b5b4;
  border-bottom-color: #c3b5b4;
  color: #333;
  max-height: 250px;
  border-radius: 0 0 3px 3px;
}

.dk_options_inner,
.dk_touch .dk_options {
  max-height: 250px;
}

/* tooltip */
.tooltip_form dd div.formbox-border {
  position: relative;
  }

.tooltip_form dd div.formbox-border input[type="text"] , .tooltip_form dd div.formbox-border textarea{
  float:left;
  }

.tooltip_form dd div.formbox-border > span.tooltip_form_on , .book-pricing-input > span.tooltip_form_on{
  color: #666;
  line-height: 130% !important;
  margin: 0 0 0 10px;
  z-index: 2;
  display: block;
  float: left;
  }

.tooltip_form_off{
  display:none;
  }


.dk_container { display: none;float: left;position: relative;}
  .dk_container a { outline: 0;}
.dk_toggle { display: -moz-inline-stack; display: inline-block; *display: inline; position: relative; zoom: 1;}
.dk_open { position: relative;}
  .dk_open .dk_options { display: block;}
  .dk_open .dk_label { color: inherit;}
.dk_options { display: none; margin-top: -1px; position: absolute; right: 0; width: 100%;}
  .dk_options a , .dk_options a:link , .dk_options a:visited { display: block;}
  .dk_options_inner { overflow: auto; position: relative;}
.dk_touch .dk_options { overflow: hidden;}
.dk_touch .dk_options_inner { max-height: none; overflow: visible;}
.dk_fouc .select-custum select { position: relative; top: -99999em; visibility: hidden;}

/*----------------------------------- icon -----------------------------------*/
.icon-arrow-brown{
  background-image: url(/image/main/icon/arrow_brown.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 8px;
  }

.icon-arrow-brown-square{
  background-image: url(/image/main/icon/arrow_brown_square.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 18px;
  }

.icon-star{
  background-image: url(/image/main/icon/star.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 15px;
  }

.icon-folder{
  background-image: url(/image/main/icon/folder.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 16px;
  }

.icon-check{
  background-image: url(/image/main/icon/check.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 14px;
  }

.icon-web{
  background-image: url(/image/main/icon/web.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 20px;
  }

.icon-twitter{
  background-image: url(/image/main/icon/twitter.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  padding: 0 0 0 20px;
  }

.icon-pencil{
  background-image: url(/image/main/icon/pencil.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 15px;
  }

.icon-tag{
  background-image: url(/image/main/icon/tag.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 16px;
  }

.icon-mail{
  background-image: url(/image/main/icon/mail.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 13px;
  }

.icon-private{
  background-image: url(/image/main/icon/private.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 13px;
  }

.icon-delete{
  background-image: url(/image/main/icon/delete.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 13px;
  }

.icon-memo{
  background-image: url(/image/main/icon/memo.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 13px;
  }

.icon-bookmark{
  background-image: url(/image/main/icon/bookmark.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 16px;
  }

.icon-book{
  background-image: url(/image/main/icon/book.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 16px;
  }

.icon-paintblue{
  background-image: url(/image/main/icon/paint_blue.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 16px;
  }
  
.icon-paintpurple{
  background-image: url(/image/main/icon/paint_purple.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 16px;
  }

.icon-heart{
  background-image: url(/image/main/icon/heart.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 14px;
  }

.slidepanel .icon-open{
  background-image: url(/image/main/icon/slidepanel_open.png) ;
  background-repeat: no-repeat;
  background-position: right center;
  }

.slidepanel .icon-close{
  background-image: url(/image/main/icon/slidepanel_close.png);
  background-repeat: no-repeat;
  background-position: right center;
  }

/*---------------------------------- button ----------------------------------*/
.follow-button-box{
  margin: 0 2px 0 0;
  float: left;
}

.follow-button , .follow-button-f{
  background: url(/image/main/common/follow.png);
  text-indent: -9999px;
  width:87px;
  height:24px;
  display: block;
  overflow: hidden;
  cursor:pointer;
  }

.follow-button-nf{
  background-position: center;
  }

.follow-button-f:hover{
  background-position: bottom;
  }

/*--------------------------------- Activity ---------------------------------*/
.activity-icon-read , .activity-icon-sticky , .activity-icon-bookmark ,
.activity-icon-shopping , .activity-icon-later , .activity-icon-updates{
  color: #fff !important;
  line-height: 1.5em !important;
  text-align: center;
  border-radius: 3px;
  width: 55px;
  height: 1.5em;
  margin: 0 5px 0 0;
  display: inline-block;
  }

.activity-icon-read{
  background: #aacf53;
  }

.activity-icon-sticky{
  background: #ee827c;
  }
  
.activity-icon-bookmark{
  background: #f39800;
  }
  
.activity-icon-shopping{
  background: #59b9c6;
  }
  
.activity-icon-later{
  background: #cc7eb1;
  }
  
.activity-icon-updates{
  background: #c9171e;
  }


/*---------------------------------- pager ----------------------------------*/
.pager{
  font-size: 80%;
  text-align: center;
  margin: 15px 0 0 0;
  }

.pager li{
  display: inline-block;
  }

.pager li span{
  background: #ffffff;
  color:#e1dcdc;
  text-decoration: none;
  border: 1px solid #f5f2f2;
  border-radius: 3px;
  padding: 5px 7px;
  display:block;
  }

.pager-cur{
  background: #ffffff;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #cfc9c9;
  border-radius: 3px;
  padding: 5px 7px;
  display:block;
  }

.pager li a{
  background: #ebe7e7;
  background: -moz-linear-gradient(#e9e4de, #d9d2cd);
  background: -webkit-gradient(linear, left top, left bottom, from(#e9e4de), to(#d9d2cd));
  color:#4b3534;
  text-decoration: none;
  border: 1px solid #bbb2ac;
  border-radius: 3px;
  padding: 5px 7px;
  display:block;
  }

.pager-list a{
  background: #e8e3dd !important;
  background: -moz-linear-gradient(#f5f2f2, #ebe7e7) !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#f5f2f2), to(#ebe7e7)) !important;
  border: 1px solid #cfc9c9 !important;
  }


/*---------------------------------- Popin ----------------------------------*/
#overlay {
  background: #000;
  width: 100%;
  z-index: 10000;
  position: absolute;
  top: 0;
  left: 0;
}

.prettyPopin {
  background-color: #000;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  height: auto;
  padding: 19px;
  -moz-box-shadow: 0px 0px 5px #333;
  -webkit-box-shadow: 0px 0px 5px #333;
  display: none;
  overflow: auto;
  z-index: 11000;
  position: absolute;
  top: 50%;
  left: 50%;
}


.prettyPopin a#b_close {
  background: url(/image/main/common/panel_close.png) bottom left no-repeat;
  text-indent: -10000px;
  width: 26px;
  height: 26px;
  display: none;
  overflow: hidden;
  z-index: 2;
  position: absolute;
  top: 8px;
  right: 8px;
}

.prettyPopin .prettyContent {
  background: #fff;
  font-size: 1.2em;
  border: 4px solid #ededed;
  width: 100%;
  height: 100%;
  margin: -4px;
  position: relative;
}

.prettyPopin .prettyContent .prettyContent-container {
  padding: 7px;
  display: none;
}

.prettyContent-container{
  font-size: 80%;
  }

#popin-inside{
  padding: 13px;
 }

.prettyContent-container h2{
  font-weight: bold;
  border-bottom: 1px solid #e5e5e5;
  margin: 0 0 13px 0;
  padding: 13px 13px 20px 13px;
  }

.prettyContent-container #member-nav h2{
  padding: 0 !important;
  border: 0px !important;
  }

.prettyContent-container dl{
  margin: 0 0 10px 0;
  }

.prettyContent-container dt{
  width:7em;
  float: left;
  }

.prettyContent-container dd{
  margin: 0 0 0 6em;
  }

.prettyContent-container textarea{
  width: 351px;
  }

.prettyContent-container input[type="text"]{
  height: 25px;
  }

.prettyContent-container .popin-tag{
  font-size: 80%;
  line-height: 200%;
  margin: 15px 0 0 0;
  }

.prettyContent-container .popin-tag span.popin-tag-name{
  width: 180px;
  float: left;
  }

.prettyContent-container .popin-tag .icon-private{
  margin: 0 10px 0 0;
  }

.popin-inside-del{
  text-align:center;
  margin: 20px 0 0 0 ;
  }

.prettyContent-container .popin-regist{
  background: url(/image/main/common/button/regist.png);
  text-indent: -9999px;
  border: 0px;
  width: 125px;
  height: 30px;
  overflow: hidden;
  cursor: pointer;
  }

.prettyContent-container .popin-add{
  background: url(/image/main/common/button/add.png);
  text-indent: -9999px;
  border: 0px;
  width: 80px;
  height: 27px;
  overflow: hidden;
  cursor: pointer;
  }

.prettyContent-container .popin-delete{
  background: url(/image/main/common/button/delete.png);
  text-indent: -9999px;
  border: 0px;
  width: 80px;
  height: 27px;
  overflow: hidden;
  cursor: pointer;
  }

.prettyContent-container li.lb-li-f{
  float: left;
  }

.prettyContent-container .dialog-allow a{
  background: url(/image/main/icon/arrow_brown.png) left center no-repeat;
  padding: 0 0 0 10px ;
  }

.prettyContent-container .dialog-allow span{
  background: url(/image/main/icon/arrow_brown.png) left center no-repeat;
  padding: 0 0 0 10px ;
  }

.prettyPopin .prettyContent .loader {
  margin: -14px 0 0 -14px;
  position: absolute;
  top: 50%;
  left: 50%;
}


/*---------------------------------- Upload ----------------------------------*/


/*---------------------------------- error -----------------------------------*/
#error-box {
	position:absolute;
	top:50%;
	left:50%;
	width:600px;
	height:200px;
	margin:-100px 0 0 -300px;
	padding:10px;
	color:black;
}
body > #error-box {
	height:auto;
	min-height:200px;
}

/*---------------------------------- tooltip ---------------------------------*/
.tooltip{
  background: #fff;
  border: 1px solid #bbb8ab;
  padding: 10px 10px 3px 10px;
  display:none;
  position: relative;
  z-index:10;
  }

.tooltip li{
  margin: 0 0 7px 0;
  }

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



/*------------------------------ follow button ------------------------------*/
.button-follow , .button-following{
  background: url(/image/main/button/portal_follow.png);
  text-indent: -9999px;
  width:87px;
  height:24px;
  display: block;
  overflow: hidden;
  }

.button-follow{
  background-position: center;
  }

.button-following:hover{
  background-position: bottom;
  }

@charset "UTF-8";

/*---------------------------------- index ----------------------------------*/
#pickup{
  height: 170px;
  }

#top-tl{
  font-size: 70%;
  margin: 0 0 10px 0;
  }

#top-tl dl{
  line-height: 32px;
  height: 32px;
  }

#top-tl dt{
  border-right: 1px dotted #b7b7b7;
  width: 170px;
  height: 32px;
  float: left;
  }

#top-tl dt a{
  color: #bebebe;
  font-weight: bold;
  text-decoration: none;
  }

#top-tl dt img{
  vertical-align: middle;
  border-radius: 3px;
  width: 32px;
  height: 32px;
  margin: 0 19px 0 0;
  }

#top-tl dd{
  width: 499px;
  padding: 0 0 0 20px;
  float: right;
  }

.top-tl-title{
  width: 390px;
  float: left;
  }

.top-tl-time{
  color: #bebebe;
  text-align: right;
  width:99px;
  float: right;
  }

.tl-scrollable { position:relative; overflow:hidden; width: 680px; height:45px;}
.tl-scrollable .tl-scrollable-items { width:20000em; position:absolute;}
.tl-scrollable-items div { float:left;}

#top-search{
  font-size: 70%;
  margin: 0 0 10px 0;
  }

#top-search .dk_container{
  margin: 0 5px 0 0;
  }

#top-search .dk_toggle{
  line-height: 27px;
  width: 130px !important;
  height: 27px;
  padding: 0 0 0 10px;
  }

#top-search input[type="text"]{
  width: 170px;
  height: 27px;
  margin: 0 5px 0 0;
  }

#top-search label{
  line-height: 29px;
  }

#top-search input[type="submit"]{
  background: url(/image/main/portal/button/search.png);
  text-indent: -9999px;
  border: 0px;
  width: 80px;
  height: 29px;
  overflow: hidden;
  float: right;
  cursor: pointer;
  }

/* top-books */
.top-books{
  background-image: url(/image/main/portal/top_booklist_bg.png);
  width: 690px;
  height: 165px;
  margin: 0 0 14px 0;
  }

.top-books-bg1{ background-position: top;}
.top-books-bg2{ background-position: center;}
.top-books-bg3{ background-position: bottom;}

.top-books h2{
  color: #fff;
  font-size: 70%;
  font-weight: bold;
  line-height: 27px;
  text-shadow: -1px -1px 0px #7a2e1f;
  height: 25px;
  margin: 0 0 0 18px;
  }

.top-books ul{
  font-size: 70%;
  margin: 9px 0 0 33px;
  }

.top-books li{
  width: 76px;
  margin: 0 15px 0 0;
  float: left;
  }

.top-books li dt{
  text-align: center;
  width: 76px;
  height: 90px;
  margin: 0 0 11px 0;
  position: relative;
  overflow:hidden;
  }

.top-books li dt img{
  position:absolute;
  bottom: 0;
  left: 8px;
  }

.top-books li dt span{
  background: #ffd900;
  width: 47px;
  padding: 2px 0;
  display:block;
  position: absolute;
  left: 14px;
  bottom: 0;
  }

.top-books li dd{
  line-height: 1.2em;
  text-align: center;
  }

.top-books li dd a{
  color: #fff;
  text-decoration: none;
  }
  

/*--------------------------- Search Common[form] ---------------------------*/
#booksearch-setting  , #authorsearch-setting{
  font-size: 70%;
  margin: 0 0 10px 0;
  }

#booksearch-setting .dk_container{
  margin: 0 5px 0 0;
  }

#booksearch-setting .dk_toggle{
  line-height: 27px;
  width: 130px !important;
  height: 27px;
  padding: 0 0 0 10px;
  }

#booksearch-setting input[type="text"] , #authorsearch-setting input[type="text"]{
  width: 170px;
  height: 27px;
  margin: 0 5px 0 0;
  }

#booksearch-setting label{
  line-height: 29px;
  }

#booksearch-setting input[type="submit"] , #authorsearch-setting input[type="submit"]{
  background: url(/image/main/portal/button/search.png);
  text-indent: -9999px;
  border: 0px;
  width: 80px;
  height: 29px;
  overflow: hidden;
  cursor: pointer;
  }

#booksrarch-sort{
  font-size: 70%;
  }

#booksrarch-sort , #authorsearch-sort{
  border-bottom: 1px dotted #7c6766;
  height: 18px;
  margin: 0 0 25px 0;
  position: relative;
  }

#booksrarch-sort a , #authorsearch-sort a{
  color: #333;
  text-decoration: none;
  }

#booksrarch-sort ul , #authorsearch-sort ul{
  position: absolute;
  left: 10px;
  }
  
#booksrarch-sort li , #authorsearch-sort li{
  background: url(/image/main/portal/booksearch_sort_bg.png) top;
  line-height: 26px;
  text-align: center;
  width: 45px;
  float: left;
  margin: 0 5px 0 0;
  }

.booksrarch-sort-on{
  height: 30px;
  }

.booksrarch-sort , .authorsearch-sort{
  height: 19px;
  }


/*------------------------------- Book Search -------------------------------*/

#booksearch-setting-category{
  border: 1px solid #cfc9c9;
  width: 406px;
  float: left;
  }

#booksearch-setting-price{
  border: 1px solid #cfc9c9;
  border-left: 0px;
  width: 281px;
  float: left;
  }

#booksearch-setting-word{
  border: 1px solid #cfc9c9;
  border-top: 0px;
  }

#booksearch-setting-word dd input[type="text"]{
  width: 355px;
  }

#booksearch-setting-category dt , #booksearch-setting-price dt , #booksearch-setting-word dt{
  background: #f5f2f2;
  line-height: 48px;
  width:70px;
  height:48px;
  padding: 0 0 0 10px;
  float: left;
  }

#booksearch-setting-category dd , #booksearch-setting-price dd , #booksearch-setting-word dd{
  height:38px;
  padding: 10px 10px 0 10px;
  float: left;
  }

  
#booksearch-setting input[type="submit"]{
  margin: 0 0 0 10px;
  }

#booksearch-result {
  width: 690px;
  height: 986px;
  overflow: hidden;
  }
  
#booksearch-result ul{
  margin: 0 -10px 0 0;
  /zoom: 1;
  }

#booksearch-result li{
  border: 1px solid #cfc9c9;
  width: 163px;
  height: 320px;
  margin: 0 10px 10px 0;
  float: left;
  }

.booksearch-result-cover{
  background: #f5f2f2;
  text-align: center;
  height:150px;
  padding: 14px 0 0 0;
  overflow: hidden;
  }

.booksearch-result-title{
  background: #f5f2f2;
  line-height:25px;
  height: 25px;
  padding: 5px 7px 0 7px;
  overflow:hidden;
  }

.booksearch-result-title a{
  color: #333;
  font-size: 80%;
  font-weight: bold;
  }

.booksearch-result-discription , .booksearch-result-category , .booksearch-result-price , .booksearch-result-author{
  font-size: 70%;
  padding: 0 7px;
  }

.booksearch-result-discription , .booksearch-result-price{
  color: #666;
  }

.booksearch-result-discription{
  background: #f5f2f2;
  height: 30px;
  padding-bottom: 9px;
  overflow:hidden;
  }

.booksearch-result-category{
  line-height: 21px;
  margin: 7px 0 0 0;
  height: 21px;
  }

.booksearch-result-price{
  height:21px;
  margin: 0 0 7px 0;
  line-height: 21px;
  }

.booksearch-result-author{
  line-height:30px;
  border-top: 1px dotted #cfc9c9;
  height:30px;
  overflow:hidden;
  }

.booksearch-result-author img{
  margin:0 5px 0 0;
  }

.booksearch-result-author a{
  color: #333;
  text-decoration: none;
  }


/*------------------------------ author Search ------------------------------*/
#authorsearch-setting{
  text-align: right;
  }

#authorsearch-sort{
  margin-top: -10px;
  }

#authorsearch-result{
  border: 1px solid #cfc9c9;
  }

#authorsearch-result li+li{
  border-top: 1px solid #cfc9c9;
  }

#authorsearch-result dt{
  border-right: 1px dotted #cfc9c9;
  width:60px;
  padding:9px;
  float: left;
  }

#authorsearch-result dd{
  width: 609px;
  float: right;
  }

.authorsearch-result-icon img{
  border-radius: 3px;
  }

.authorsearch-result-name{
  background: #f5f2f2;
  font-size: 90%;
  line-height: 33px;
  height:33px;
  padding: 0 5px 0 12px;
  }

.authorsearch-result-name a{
  color: #333;
  font-weight: bold;
  }

.authorsearch-result-name h2{
  width: 460px;
  float: left;
  }

.authorsearch-result-name .authorsearch-follow-button{
  width: 115px;
  margin: 5px 0 0 0;
  float: right;
  }

.authorsearch-result-detail-bio{
  color: #666;
  font-size: 70%;
  height: 26px;
  padding: 10px 12px;
  overflow: hidden;
  }

/*---------------------------------- terms ----------------------------------*/
#portal-terms-h1{
  margin-bottom:10px;
  }

.portal-terms-h2{
  padding: 0 0 0 10px;
  }

.portal-terms-detail{
  color: #555;
  font-size: 80%;
  padding: 10px 10px 0 10px;
  margin: 0 0 50px 0;
  }

.portal-terms-detail-mb0{
  color: #555;
  font-size: 80%;
  padding: 10px 10px 0 10px;
  }

.portal-terms-detail-mb20{
  color: #555;
  font-size: 80%;
  padding: 10px 10px 0 10px;
  margin: 0 0 20px 0;
  }

/*--------------------------------- notation ---------------------------------*/
#portal-notation-h1{
  margin-bottom:20px;
  }

.portal-notation-h2{
  font-size: 110%;
  line-height: 36px;
  border-bottom: 1px dotted #e8e6dc;
  height: 35px;
  padding: 0 0 0 10px;
  }

.portal-notation-detail{
  color: #555;
  font-size: 80%;
  padding: 10px 10px 0 10px;
  margin: 0 0 50px 0;
  }

/*--------------------------------- support ---------------------------------*/
#portal-support-h1{
  margin-bottom:20px;
  }

.portal-support-h2{
  color:#4b3534;
  font-weight: bold;
  border-bottom: 3px solid #e8e6dc;
  margin: 0 0 20px 0;
  padding: 0 0 8px 0;
  }

.portal-support-category{
  float: left;
  width: 330px;
  margin-bottom: 50px;
  }

.portal-support-category:nth-child(odd){
  margin-right: 30px;
  }

.portal-support-category ul{
  font-size: 80%;
  line-height: 1.8em;
  margin: 10px 10px 0 10px;
  }

.portal-support-article{
  font-size: 80%;
  }

.portal-support-article img{
  border: 3px solid #edebe1;
  border-radius: 3px;
  margin: 15px 0;
  }

#portal-support-search{
  background: #f7f5f5;
  font-size: 70%;
  border-radius: 3px;
  margin: 0 0 10px 0;
  padding:10px;
  }

#portal-support-search input[type="text"]{
  width: 112px;
  height: 27px;
  margin: 0 3px 0 0;
  }

#portal-support-search input[type="submit"]{
  background: url(/image/main/portal/button/search_small.png);
  text-indent: -9999px;
  border: 0px;
  width: 50px;
  height: 29px;
  overflow: hidden;
  float: right;
  cursor: pointer;
  }

.portal-support-sidelist{
  margin: 0 0 6px;
  }

.portal-support-sidelist dt{
  background: #edebe1;
  font-size: 80%;
  line-height: 30px;
  height: 30px;
  padding:0 10px;
  }

.portal-support-sidelist dt:hover{
  cursor:pointer;
  }

.portal-support-sidelist dd li{
  font-size: 70%;
  line-height: 22px;
  border: 1px solid #edebe1;
  min-height: 22px;
  }

.portal-support-sidelist dd li{
  margin-top: 3px;
  }

.portal-support-sidelist dd li a{
  color: #555555;
  text-decoration: none;
  padding:0 9px;
  display:block;
  }

.portal-support-search{
  font-size: 80%;
  line-height: 240%;
  margin: 10px 0 0 0;
  padding: 0 0 0 10px;
  }

/*------------------------------- information -------------------------------*/
#portal-information-h1{
  margin-bottom:20px;
  }

#portal-information{
  font-size: 80%;
  }

#portal-information dl{
  line-height: 34px;
  border-top: 1px solid #e8e6dc;
  height: 34px;
  }

#portal-information dl:nth-child(odd){
  background: #f6f5f0;
  }

#portal-information dl:last-child{
  border-bottom: 1px solid #e8e6dc;
  }

#portal-information dt{
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 762px;
  padding: 0 0 0 8px;
  float: left;
  }

#portal-information dd{
  color: #888888;
  text-align: right;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 120px;
  padding: 0 10px 0 0;
  float: right;
  }

.portal-information-h2{
  font-weight: bold;
  font-size: 80%;
  border-bottom: 3px solid #e8e6dc;
  padding: 0 0 5px 3px;
  position: relative;
  }

.portal-information-h2 span{
  color: #888888;
  font-weight: normal;
  text-align: right;
  position: absolute;
  right:10px;
  }

.portal-information-content{
  color: #555;
  font-size: 80%;
  border-bottom: 1px dotted #e8e6dc;
  padding:25px;
  }

.portal-information-pager{
  text-align: center;
  margin: 15px 0 0 0;
  }

.portal-information-pager li{
  font-size: 80%;
  display: inline-block;
  }

.portal-information-pager li span{
  background: #ffffff;
  color:#e1dcdc;
  text-decoration: none;
  border: 1px solid #f5f2f2;
  border-radius: 3px;
  padding: 5px 7px;
  display:block;
  }

.portal-information-pager li a{
  background: #d9d2cd;
  background: -moz-linear-gradient(#e9e4de, #d9d2cd);
  background: -webkit-gradient(linear, left top, left bottom, from(#e9e4de), to(#d9d2cd));
  color:#4b3534;
  text-decoration: none;
  border: 1px solid #bbb2ac;
  border-radius: 3px;
  padding: 5px 7px;
  display:block;
  }

.portal-information-pager-list a{
  background: #ebe7e7 !important;
  background: -moz-linear-gradient(#f5f2f2, #ebe7e7) !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#f5f2f2), to(#ebe7e7));
  border: 1px solid #cfc9c9 !important;
  }

/*-------------------------------- newmember --------------------------------*/
#portal-newmember{
  background: #e8e6dc;
  border-radius: 3px;
  padding: 10px;
  }

#portal-newmember-h1{
  margin-bottom:10px;
  }

#portal-newmember .dk_container{
  margin: 0 10px 0 0;
  }

#portal-newmember .dk_toggle{
  background-position: 90% center;
  width: 80px !important;
  padding: 0 0 0 10px;
  }

#portal-newmember button{
  background: url(/image/main/portal/button/regist.png);
  text-indent: -9999px;
  border: 0px;
  width: 200px;
  height: 39px;
  margin: 20px 0 10px 0;
  overflow: hidden;
  cursor: pointer;
  }

/*---------------------------------- login ----------------------------------*/
#portal-login-h1{
  margin-bottom:20px;
  }

#portal-login-left{
  width: 600px;
  float: left;
  }

.portal-login-left-box{
  background: #e8e6dc;
  border-radius: 3px;
  padding: 10px;
  }

#portal-login-left input[type="submit"]{
  background: url(/image/main/portal/button/login_l.png);
  text-indent: -9999px;
  border: 0px;
  width: 200px;
  height: 39px;
  margin: 20px 0 10px 0;
  overflow: hidden;
  cursor: pointer;
  }

#portal-login-right{
  font-size: 80%;
  width: 290px;
  float: right;
  }

.portal-login-right-box{
  background: #edebe1;
  border-radius: 3px;
  padding: 20px;
  }

.portal-login-right-box:nth-child(1){
  margin-bottom: 10px;
  }

.portal-login-right-box h2{
  font-weight: bold;
  margin: 0 0 20px 0;
  }

#porta-login-openid{
  width: 200px;
  margin: 0 auto;
  overflow: hidden;
  }

#porta-login-openid li{
  float: left;
  }

#porta-login-openid li+li{
  margin: 0 0 0 5px;
  }

/*--------------------------------- password ---------------------------------*/
#portal-password-h1{
  margin-bottom:0px;
  }

#portal-passwordchange-h1{
  margin-bottom:20px;
  }

#portal-password , #portal-password-change{
  background: #E8E6DC;
  border-radius: 3px;
  padding: 10px;
  }

#portal-password input[type="submit"] , #portal-password-change input[type="submit"]{
  text-indent: -9999px;
  border: 0px;
  width: 200px;
  height: 39px;
  margin: 20px 0 10px 0;
  overflow: hidden;
  cursor: pointer;
  }

#portal-password input[type="submit"]{
  background: url(/image/main/portal/button/password.png);
  }

#portal-password-change input[type="submit"]{
  background: url(/image/main/portal/button/passwordchange.png);
  }

#portal-password-finish{
  background: url(/image/main/portal/password_bg.png) no-repeat 80px bottom;
  line-height: 80px;
  text-align: center;
  height:100px;
  margin: 0 0 20px 0;
  }

/*---------------------------------- adult ----------------------------------*/
#adult-auth{
  width: 500px;
  margin: 2px auto 40px auto;
  }

#adult-auth p{
  margin: 0 0 15px 0;
  }

#adult-auth ul{
  text-align: center;
  }
  
#adult-auth li{
  background: #e8e6dc;
  border-radius: 3px;
  display:inline-block;
  }

#adult-auth li:first-child{
  margin: 0 10px 0 0;
  }

#adult-auth li a{
  color: #333;
  text-align: center;
  text-decoration: none;
  width: 6em;
  padding: 10px 0;
  display:block;
  }
  
/*----------------------------------- side -----------------------------------*/
#side-login{
  background: #e8e6dc;
  font-size: 70%;
  border: 1px solid #bbb8ab;
  border-radius: 3px;
  width: 198px;
  margin: 0 0 10px 0;
  }

#side-login h3{
  margin: 0 0 3px 0;
  }

#side-login form{
  margin: 9px;
  }
  
#side-login input[type="text"] , #side-login input[type="password"]{
  width: 168px;
  height: 27px;
  }
  
#side-login input[type="submit"]{
  background: url(/image/main/portal/button/login.png);
  text-indent: -9999px;
  border: 0px;
  width: 180px;
  height: 39px;
  margin: 18px 0 0 0;
  overflow: hidden;
  cursor: pointer;
  }
  
#side-info{
  background: #e8e6dc;
  font-size: 70%;
  border: 1px solid #bbb8ab;
  border-top: 0px;
  border-radius: 0 0 3px 3px;
  margin: 0 0 10px 0;
  }

#side-info dl{
  border-top: 1px dotted #ffffff;
  border-bottom: 1px dotted #c4c1af;
  padding: 9px;
  }

#side-info dl:nth-child(1){
  border-top: 0px;
  }

#side-info dl:last-of-type{
  border-bottom: 0px;
  }
  
#side-info dt{
  color: #9e9b8b;
  font-weight: bold;
  margin: 0 0 3px 0;
  }
  
#side-info dd a{
  color: #3f312b;
  text-decoration: none;
  }@charset "UTF-8";

/*-------------------------------- book-main --------------------------------*/
#book-main-left{
  width: 130px;
  padding: 5px;
  float: left;
  }

.book-cover{
  background: #fff;
  width: 120px;
  margin: 0 auto;
  padding:5px;
  box-shadow: 0 0 5px #aaa;
  }

.book-cover .book-cover-private a{
  background: url(/image/cover_image/private.png);
  color: #fff;
  font-size: 70%;
  text-align: center;
  text-decoration: none;
  line-height: 200px;
  width: 120px;
  height:180px;
  position:absolute;
  z-index:10;
  }

.star-count{
  font-size: 70%;
  float: left;
  }

.star-count img{
  vertical-align: middle;
  margin: 0 4px 0 0;
  }

#book-rating{
  margin: 10px 0;
  }

#star-rating{
  float: right;
  }

#star-rating:hover{
  cursor:pointer;
  }

#star-rating img{
  margin:2px 0 0 1px;
  }

#star-rating-dummy{
  }

#star-rating-dummy span{
  background: url(/image/main/icon/star_gray.png);
  text-indent: -9999px;
  width:11px;
  height:11px;
  float: right;
  display:inline-block;
  }

#star-rating-dummy span:hover{
  background: url(/image/main/icon/star.png);
  cursor: pointer;
  }

#star-rating-dummy span:hover ~ span{
  background: url(/image/main/icon/star.png) !important;
  }

.book-count{
  font-size: 70%;
  line-height: 23px;
  height: 23px;
  }

.book-count dt{
  background: #aaa795;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  width: 43px;
  margin: 0 0 2px 0;
  float: left;
  }

.book-count dd{
  width: 82px;
  padding: 0 0 0 5px;
  margin: 0 0 2px 0;
  float: right;
  }

#book-main-right{
  width: 540px;
  float: right;
  }

.book-title{
  line-height: 18px;
  height: 18px;
  margin: 5px 0 10px 0;
  }

.book-title h1{
  font-weight: bold;
  }

.book-title-complete , .book-title-serial{
  color: #fff;
  font-size: 70%;
  line-height: 18px;
  text-align: center;
  border-radius: 3px;
  width: 40px;
  height: 18px;
  margin: 0 5px 0 0;
  display: block;
  float: left;
  }
.book-contest-entry-label {
  color: #aacf53;
  font-size: 70%;
  margin: 0 5px 0 0;
  float: left;
}
.book-title-complete{
  background: #f8b500;
  }

.book-title-serial{
  background: #e95295;
  }

.book-author{
  font-size: 80%;
  line-height: 20px;
  height: 20px;
  margin: 0 0 10px 0;
  }

.book-author img{
  border-radius: 3px;
  margin: 0 5px 0 0;
  }

.book-action{
  padding: 13px 0 0 0;
  }

.book-action-price{
  background: #4b3534;
  color: #fff;
  font-size: 80%;
  line-height: 25px;
  border-radius: 3px;
  height: 25px;
  margin: 0 10px 0 0;
  padding: 0 12px;
  display: inline-block;
  float: left;
  }

.book-action-button{
  }

.book-action-button li{
  float: left;
  margin: 0 2px 0 0;
  }

.book-description{
  font-size: 80%;
  margin: 10px 0 10px 0;
  }

.book-description-detail{
  width: 100%;
  }

.book-main-update{
  font-size: 90%;
  margin: 5px 0 0 0;
  }

.book-main-update dt{
  color: #c9171e;
  width: 170px;
  float: left;
  }

.book-main-update dd{
  color: #666;
  width: 370px;
  margni: 0 0 0 140px;
  float: right;
  }

.book-bookend{
  font-size: 70%;
  }

.book-bookend dt{
  width: 100px;
  height:23px;
  float: left;
  }

.book-bookend dd{
  margin: 0 0 0 110px;
  }

.book-bookend dd a{
  color: #333;
  }

.book-media{
  font-size: 70%;
  line-height:10px;
  height: 17px;
  }

.book-media dt{
  margin: 0 5px 0 0;
  float: left;
  }

.book-media dt img{
  margin: 0 5px 0 0;
  }

.book-category{
  font-size: 70%;
  margin: 0 0 0 0;
  }

.book-category a{
  text-decoration: none;
  }

.book-tag{
  background: url(/image/main/icon/tag.png) no-repeat left 4px;
  font-size: 70%;
  margin: 3px 0 20px 0;
  padding: 0 0 0 16px;
  }

.book-tag li{
  height:19px;
  line-height:19px;
  float: left;
  }

.book-tag li + li{
  margin: 0 0 0 14px;
  }

.book-tag li a{
  text-decoration: none;
  }

.book-tag-edit{
  background: #e5e5e5;
  border-radius: 3px;
  padding: 0 5px;
  }

.book-embed{
  margin: 0 0 30px 0;
  }

.book-embed h2{
  font-size: 80%;
  line-height: 30px;
  border-bottom: 1px dotted #d8d8d8;
  margin: 0 0 6px 0;
  }

.book-embed textarea{
  background: #fff;
  color: #555;
  font-size: 70%;
  border: 1px solid #c3b5b4;
  width: 528px;
  }

.book-pagelist{
  margin: 0 0 20px 0;
  }

.book-pagelist h2{
  font-size: 80%;
  line-height: 30px;
  border-bottom: 1px dotted #d8d8d8;
  margin: 0 0 6px 0;
  position: relative;
  }

.book-pagelist h2:hover , .book-pagelist-chaptertitle dt:hover{
  cursor: pointer;
  }

.book-pagelist h2 span{
  font-size: 90%;
  text-decoration: none;
  position: absolute;
  right: 0;
  }

.book-pagelist h2 span a{
  text-decoration: none;
  }

.book-pagelist > ul{
  color: #aaa;
  font-size: 80%;
  }

.book-pagelist > ul a{
  color: #4b3534;
  }

.book-pagelist > ul li{
  line-height: 28px;
  }

.book-pagelist > ul > li.book-pagelist-pagetitle{
  background: #fff;
  border: 1px solid #edebe1;
  margin: 0 0 3px 0;
  padding: 0 10px;
  }

.book-pagelist-chaptertitle {
  background: #edebe1;
  border: 1px solid #edebe1;
  margin: 0 0 3px 0;
  }

.book-pagelist-chaptertitle dt{
  line-height: 28px;
  padding: 0 10px;
  }

.book-pagelist-chaptertitle li{
  background: #f4f3ec;
  border-top: 1px solid #edebe1;
  padding: 0 10px;
  }

.book-social{
  float: right;
  }

.book-social li{
  float: left;
  overflow: hidden;
  }

.book-social li.book-social-hatena{
  width: 50px;
  margin: 0 10px 0 0;
  }

.book-social li.book-social-fb{
  width: 93px;
  }

.book-social li.book-social-twitter{
  width: 92px;
  margin: 0 10px 0 0;
  }

/*-------------------------------- book-side --------------------------------*/
#book-side-userinfo{
  background: #e8e6dc;
  border-radius: 3px;
  padding: 10px;
  }

.book-side-userinfo-icon{
  width: 50px;
  height: 50px;
  float: left;
  }

.book-side-userinfo-icon img{
  border-radius: 3px;
  }

.book-side-userinfo-author{
  width: 122px;
  float: right;
  overflow: hidden;
  }

.book-side-userinfo-author a{
  color: #333;
  font-size: 80%;
  text-decoration: none;
  }

.book-side-userinfo-author .book-side-follow-button{
  margin: 7px 0 0 0;
  }

.book-side-userinfo-web , .book-side-userinfo-twitter{
  font-size: 70%;
  margin: 5px 0 0 0;
  overflow: hidden;
  }

#book-side-publish{
  background: #edebe1;
  border-radius: 3px;
  padding: 10px;
  margin: 10px 0 0 0;
  }

.book-side-publish-name{
  font-size: 80%;
  font-weight: bold;
  margin: 0 0 8px 0;
  }

#book-side-publish-list{
  }

#book-side-publish-list li{
  background: #fff;
  border-radius: 3px;
  padding: 5px;
  }

#book-side-publish-list li + li{
  margin: 10px 0 0 0;
  }

.book-side-publish-cover{
  width: 40px;
  height: 60px;
  display: table-cell;
  overflow: hidden;
  }

.book-side-publish-cover img{
  border: 3px solid #e3e3e3;
  border-radius: 3px;
  margin: 0 5px 0 0;
  }

.book-side-publish-title{
  background: url(/image/main/icon/arrow_brown_square.png) right center no-repeat;
  font-size: 70%;
  vertical-align: middle;
  width: 108px;
  padding: 0 10px 0 0;
  display: table-cell;
  }

.book-side-publish-title img{
  vertical-align: middle;
  border-radius: 3px;
  }

.book-side-publish-title a{
  color: #333;
  text-decoration: none;
  }

.book-side-publish-all{
  font-size: 70%;
  text-align: right;
  margin: 10px 0 0 0;
  }

.book-side-publish-all a{
  color: #333;
  text-decoration:none;
  }

/*-------------------------------- book-page --------------------------------*/

#book-page-container{
  background: none repeat scroll 0 0 #fff;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 0 4px #dadada;
  width: 900px;
  margin: 45px 0 0;
  padding: 10px;
  }

#book-page-main{
  width: 690px;
  float: left;
  }

.user-css-area hr {
    display: block;
  }

.user-css-area ol {
    list-style-type: decimal;
    padding: 0px 0px 0px 40px;
  }

.user-css-area ul {
    list-style-type: disc;
    padding: 0px 0px 0px 40px;
  }

#book-page-title{
  background: #e8e6dc;
  font-size: 120%;
  font-weight: bold;
  line-height: 50px;
  border-radius: 3px;
  height:50px;
  margin: 0 0 20px 0;
  padding: 0 15px;
  }

#book-page-cover , .book-page-main{
  border: 1px solid #e8e6dc;
  margin: 0 0 20px 0;
  padding: 24px;
  }

.book-page-main-head{
  border-bottom: 1px solid #edebe1;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  }

.book-page-main-head h2{
  font-size: 110%;
  font-weight: bold;
  }

.book-page-main-head h3{
  color: #aaaaaa;
  line-height: 200%;
  }

.book-page-body{
  border-bottom: 1px solid #edebe1;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  }

.book-page-shelf{
  width:300px;
  float: left;
  }

.book-page-shelf li{
  width: 120px;
  margin: 0 6px 0 0;
  display: inline-table;
  }

.book-page-shelf-sticky , .book-page-shelf-bm{
  background: #edebe1;
  text-align: center;
  border-radius: 3px;
  width:120px;
  padding: 9px 0;
  }

.book-page-shelf-sticky a , .book-page-shelf-bm a{
  color: #555555;
  font-size: 80%;
  text-decoration: none;
  }

.book-page-pager{
  float: right;
  }

.book-page-pager li{
  color: #888888;
  font-size: 80%;
  padding: 9px 0;
  float: left;
  }

.book-page-pager li a{
  color: #aaa!important;
  text-decoration: none;
  }

.book-page-pager-number{
  margin: 0 10px;
  }

.book-page-sticky-h2{
  background: #f2f0e9;
  font-size: 80%;
  line-height: 30px;
  border-radius: 3px;
  margin: 15px 0 10px 0;
  padding: 0 0 0 10px;
  }

.book-main-sticky-h3{
  background: #f2f0e9;
  font-size: 80%;
  font-weight: bold;
  line-height: 30px;
  border-radius: 3px;
  margin: 0 0 10px 0;
  padding: 0 0 0 10px;
  }

.book-page-sticky-h2 a{
  color: #4C3938;
  text-decoration: none;
  }

.sticky-member-name , .book-main-stickylist{
  font-size: 80% !important;
  }

.nickname-and-image{
  width: 100px;
  float: left;
  }

.book-main-stickylist dt{
  width: 150px;
  float: left;
  }

.nickname-and-image img , .book-main-stickylist dt img{
  border-radius: 3px;
  }

.nickname-and-image a, .book-main-stickylist dt a{
  color: #888;
  font-weight: bold;
  text-decoration: none;
  }

.sticky-body , .book-main-stickylist dd{
  width: 530px;
  float: left;
  }

.sticky-body , .book-main-stickylist dd{
  width: 530px;
  float: left;
  }

.book-page-shopping{
  background: #f8f4e6;
  font-size: 70%;
  border-radius: 3px;
  margin: 0 0 20px 0;
  padding:15px;
  }

.book-page-shopping dt{
  line-height: 22px;
  width: 450px;
  height:39px;
  float: left;
  }

.book-page-shopping dd{
  width: 200px;
  height:39px;
  float: right;
  }

#book-page-side{
  width: 200px;
  float: right;
  }

.book-page-author{
  font-size: 80%;
  border-bottom: 1px dotted #e8e6dc;
  padding: 0 0 5px 0;
  }

.book-page-author dt{
  width:20px;
  margin: 0 5px 0 0;
  float: left;
  }

.book-page-author dt img{
  border-radius: 3px;
  }

.book-page-author dd{
  width: 175px;
  float: left;
  }

.book-page-author a{
  color: #333;
  text-decoration: none;
  }

.book-page-info{
  background: #edebe1;
  border-radius: 3px;
  margin: 8px 0 0 0 ;
  padding: 10px;
  }

.book-page-info dl{
  background: #fff;
  font-size: 70%;
  border-radius: 3px;
  padding: 5px;
  }

.book-page-info dl dt {
  width:50px;
  display:table-cell;
  }

.book-page-info dl dt img{
  border: 3px solid #e3e3e3;
  border-radius: 3px;
  display:table-cell;
  }

.book-page-info dl dd {
  vertical-align: middle;
  display:table-cell;
  }

.book-page-info ul{
  margin: 9px 0 0 0;
  }

.book-page-info ul li{
  float: left;
  }

.book-page-info ul li.book-page-info-price{
  background: #4b3534;
  color: #fff;
  font-size: 70%;
  line-height: 22px;
  border-radius: 3px;
  height:20px;
  margin: 0 6px 0 0;
  padding: 0 5px;
  }

.book-toolbar{
  background: #4b3534;
  opacity: 0.98;
  width: 905px;
  padding: 8px;
  position: fixed !important;
  bottom:0;
  z-index: 10;
  }
.now-page-number{
  color: #fff;
  font-size: 70%;
  position: absolute;
  top:6px;
  left: 548px;
  }

.page-list-slider{
  }

.page-list-slider ul{
  }

.page-list-slider-ul li{
  float: left;
  }

.page-list-slider-first{
  margin: 0 4px 0 0;
  }

.page-list-slider-prev{
  margin: 0 12px 0 0;
  }

.page-list-slider-next{
  margin: 0 4px 0 11px;
  }

.page-list-slider-last{
  margin: 0 128px 0 0;
  }

.page-list-slider-contents , .page-list-slider-buy , .page-list-slider-download{
  margin: 0 4px 0 0;
  }

.slider{
  width: 486px;
  margin: 15px 0 0 0;
  }

.chapter-list .tooltip{
  background: #4b3534;
  border: none;
  box-shadow: 0px 0px 2px #2e1413;
  width: 150px;
  opacity: 0.98;
  }

.chapter-list .tooltip li{
  float: none;
  }

.chapter-list .tooltip li a{
  color: #fff;
  display: block;
  }

.page-list-slider-setting{
  color: #fff;
  font-size: 70%;
  }

.page-list-slider-setting h3{
  margin: 0 0 6px 0;
  }
@charset "UTF-8";

/*-------------------------------- usercommon --------------------------------*/
#user-icon{
  border: 5px solid #edebe1;
  border-radius: 3px;
  width: 64px;
  height: 64px;
  margin: 0 0 10px 0;
  float: left;
  }
  
#user-name{
  width: 602px;
  float: right;
  }
  
#user-name a{
  color: #333;
  font-weight: bold;
  line-height: 300%;
  text-decoration: none;
  }

/*--------------------------------- user TL ---------------------------------*/
#user-tl{
  }

#user-tl li{
  border-bottom: 1px dotted #D2C6C6;
  margin: 10px 0 0 0;
  padding: 0 0 10px 0;
  }

#user-tl li dt{
  width: 40px;
  float: left;
  }

#user-tl li dd{
  width: 640px;
  float: right;
  }

#user-tl li dd h3{
  font-size: 80%;
  font-weight: bold;
  margin: 0 0 10px 0;
  }

.user-tl-author , .user-tl-discription , .user-tl-activity , .user-tl-date{
  font-size: 70%;
  }

.user-tl-author{
  margin: 0 0 14px 0;
  }

.user-tl-author a{
  color: #333;
  margin: 0 0 14px 0;
  }

.user-tl-discription{
  color: #555;
  margin: 0 0 5px 0;
  }

.user-tl-datebox{
  float: right;
  margin: 5px 0 0 0;
  }

.user-tl-datebox a{
  text-decoration: none;
  }

.user-tl-activity{
  float: right;
  }

.user-tl-date{
  color: #bebebe;
  float: right;
  }

#user-tl dd div.user-tl-update{
  background: #f5ebeb;
  font-size: 70%;
  line-height: 1.5em !important;
  margin: 10px 0 0 0;
  padding: 10px;
  }

/*-------------------------------- userbooks --------------------------------*/

#user-books{
  }

#user-books li{
  border-bottom: 1px dotted #D2C6C6;
  margin: 10px 0 0 0;
  padding: 0 0 10px 0;
  }

#user-books li dt{
  width: 40px;
  float: left;
  }

#user-books li dd{
  width: 640px;
  float: right;
  }

#user-books li dd h3{
  font-size: 80%;
  font-weight: bold;
  margin: 0 0 10px 0;
  }

.user-books-category, .user-books-discription{
  font-size: 70%;
  }

.user-books-discription{
  color: #555;
  margin: 0 0 5px 0;
  }

.user-books-fanbook-h2{
  background: #E8E6DC;
  font-weight: bold;
  line-height: 200%;
  border-radius: 3px;
  margin:15px 0 10px 0;
  padding: 0 8px;
  }

/*---------------------------------- follow ----------------------------------*/
#user-follow{
  }

#user-follow li{
  border-bottom: 1px dotted #d2c6c6;
  padding: 10px 0;
  overflow: hidden;
  }

#user-follow dt{
  width:64px;
  float: left;
  }

#user-follow dt img{
  border-radius: 3px;
  }

#user-follow dd{
  width: 616px;
  float: right;
  position:relative;
  }

#user-follow dd h3{
  font-size: 80%;
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 10px 0;
  }

#user-follow  .user-follow-button{
  position:absolute;
  top:0;
  right:0;
  }


/*--------------------------------- userside ---------------------------------*/
#user-side-userinfo{
  background: #e8e6dc;
  border-radius: 3px;
  padding: 10px;
  }

.user-side-userinfo-icon{
  width: 50px;
  height: 50px;
  float: left;
  }

.user-side-userinfo-icon img{
  border-radius: 3px;
  }

.user-side-userinfo-author{
  width: 122px;
  height: 50px;
  float: right;
  position: relative;
  overflow: hidden;
  }

.user-side-userinfo-author a{
  color: #333;
  font-size: 80%;
  text-decoration: none;
  }

.user-side-userinfo-author .user-side-follow-button{
  position: absolute;
  bottom: 0;
  left: 0;
  }

.user-side-userinfo-web , .user-side-userinfo-twitter , .user-side-userinfo-introduction{
  font-size: 70%;
  margin: 5px 0 0 0;
  overflow: hidden;
  }

.user-side-userinfo-introduction{
  color: #555;
  }

.user-side-follow{
  margin: 10px 0 0 0;
  }

.user-side-follow a {
  background: #fff;
  font-size: 70%;
  font-weight: bold;
  line-height:30px;
  text-decoration: none;
  height: 30px;
  padding:0 13px;
  display:block;
  }

.user-side-follow li a span{
  color: #333;
  font-weight: normal;
  }

.user-side-follow li + li{
  margin: 1px 0 0 0 ;
  }

#user-side-publish{
  background: #edebe1;
  border-radius: 3px;
  padding: 10px;
  margin: 10px 0 0 0;
  }

.user-side-publish-name{
  font-size: 80%;
  font-weight: bold;
  margin: 0 0 8px 0;
  }

#user-side-publish-list{
  }

#user-side-publish-list li{
  background: #fff;
  border-radius: 3px;
  padding: 5px;
  }

#user-side-publish-list li + li{
  margin: 10px 0 0 0;
  }

.user-side-publish-cover{
  width: 40px;
  height: 60px;
  display: table-cell;
  overflow: hidden;
  }

.user-side-publish-cover img{
  border: 3px solid #e3e3e3;
  border-radius: 3px;
  margin: 0 5px 0 0;
  }

.user-side-publish-title{
  background: url(/image/main/icon/arrow_brown_square.png) right center no-repeat;
  font-size: 70%;
  vertical-align: middle;
  width: 108px;
  padding: 0 10px 0 0;
  display: table-cell;
  }

.user-side-publish-title a{
  color: #333;
  text-decoration: none;
  }

.user-side-publish-all{
  font-size: 70%;
  text-align: right;
  margin: 10px 0 0 0;
  }

.user-side-publish-all a{
  color: #333;
  text-decoration:none;
  }
@charset "UTF-8";

/*----------------------------------- Tab -----------------------------------*/
#member-nav{
  background: #7c6766;
  border-radius: 3px;
  height:35px;
  margin: 0 0 10px 0;
  padding: 0 0 0 10px;
  position: relative;
  }
  
#member-nav h2{
  color: #fff;
  line-height: 35px;
  font-weight: bold;
  text-shadow: -1px -1px 0 #4c3938;
  }

#member-nav ul{
  font-size: 80%;
  position: absolute;
  height: 35px;
  top: 0;
  right:0;
  }

#member-nav ul li{
  height: 35px;
  float: left;
  }

#member-nav ul li a{
  color: #dfd7d7;
  text-decoration:none;
  border-right: 1px dotted #4e4140;
  border-left: 1px dotted #b49d9c;
  height: 21px;
  margin: 7px 0 0 0;
  padding: 0 15px;
  display:block;
  }

#member-nav ul li:first-of-type a{
  border-left: none;
  }

#member-nav ul li:last-of-type a{
  border-right: none;
  }

#member-nav ul li.member-nav-on{
  background: url(/image/main/member/navi_marker.png) bottom center no-repeat;
  }

#member-nav ul li.member-nav-on a{
  color: #fff;
  }

/*-------------------------------- bookStream --------------------------------*/
#member-bs{
  }

#member-bs-setting{
  font-size: 70%;
  line-height: 24px;
  text-align: right;
  border-top: 2px solid #7c6766;
  border-bottom: 1px dotted #d2c6c6;
  margin: 0 0 25px 0;
  padding: 13px 0;
  }

#member-bs-setting label{
  margin: 0 5px 0 0 ;
  }

#member-bs-setting input[type="submit"]{
    background: url("/image/main/member/button/reload.png");
    text-indent: -9999px;
    border: 0 none;
    width: 67px;
    height: 24px;
    margin: 0 0 0 5px;
    overflow: hidden;
    cursor: pointer;
    }

#member-bs-list{
  font-size: 70%;
  }
  
#member-bs-list li{
  line-height: 32px;
  min-height: 32px;
  margin: 0 0 10px 0;
  }

#member-bs-list dt{
  width: 170px;
  float: left;
  }
  
#member-bs-list dt img {
  border-radius: 3px;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  margin: 0 19px 0 0;
  }

#member-bs-list dt a{
  color: #bebebe;
  font-weight: bold;
  text-decoration: none;
  }

#member-bs-list dd{
  width: 499px;
  border-left: 1px dotted #B7B7B7;
  padding: 0 0 0 20px;
  float: right;
  }

#member-bs-list dd div.bs-title {
  width: 390px;
  float: left;
  }

#member-bs-list dd div.bs-title span{
  color: #b8b8b8;
  }

#member-bs-list dd div.bs-time{
  color: #bebebe;
  text-align: right;
  width: 99px;
  float: right;
  }

#member-bs-list dd div.bs-update{
  background: #f5ebeb;
  line-height: 1.5em !important;
  padding: 10px;
  }

/*--------------------------------- setting ---------------------------------*/
.member-setting{
  background: #E8E6DC;
  border-radius: 3px;
  padding: 10px;
  }

.member-setting-h3{
  color: #4c3938;
  font-size: 80%;
  font-weight:bold;
  margin: 10px 0 5px 0;
  }

.member-setting .dk_container {
  margin: 0 10px 0 0;
  }

.member-setting .dk_toggle {
  background-position: 90% center;
  padding: 0 0 0 10px;
  width: 80px !important;
  }

.member-setting-public{
  float: right;
  }

.member-setting-public .dk_container{
  margin: 0!important;
  }

#member-setting-caution ul{
  font-size: 70%;
  line-height:190%;
  }

.member-setting-twitter{
  }

.member-setting-twitter img{
  vertical-align: middle;
  border-radius: 3px;
  width: 32px;
  height:32px;
  margin: 0 5px 10px 0;
  }

.member-setting button.button-modify , .member-setting input.button-modify ,
.member-setting input.button-confirm , .member-setting input.button-delaccount ,
.member-setting input.button-invite-check , .member-setting input.button-invite-send{
    border: 0 none;
    cursor: pointer;
    height: 39px;
    margin: 20px 0 10px;
    overflow: hidden;
    text-indent: -9999px;
    width: 200px;
    }

.member-setting button.button-modify , .member-setting input.button-modify{
    background: url("/image/main/member/button/modify.png");
}

.member-setting input.button-confirm {
    background: url("/image/main/member/button/confirm.png");
}

.member-setting input.button-delaccount{
    background: url("/image/main/member/button/del_account.png");
    }

.member-setting input.button-invite-check{
    background: url("/image/main/member/button/invite_check.png");
    }

.member-setting input.button-invite-send{
    background: url("/image/main/member/button/invite_send.png");
    }

.member-setting button.button-add {
    background: url("/image/main/member/button/add_social.png");
    border: 0 none;
    cursor: pointer;
    width: 70px;
    height: 24px;
    overflow: hidden;
    text-indent: -9999px;
}

.member-setting button.button-remove {
    background: url("/image/main/member/button/remove.png");
    border: 0 none;
    cursor: pointer;
    width: 70px;
    height: 24px;
    overflow: hidden;
    text-indent: -9999px;
}

/*---------------------------------- sales ----------------------------------*/
#member-sales-amount{
  text-align: right;
  border-top: 2px solid #7c6766;
  border-bottom: 1px dotted #d2c6c6;
  padding: 13px;
  }

#member-sales-csv{
  margin: 5px 0 0 0;
  }

#member-sales-csv .dk_toggle {
  background-position: 90% center;
  font-size: 70%;
  line-height: 29px;
  width: 80px !important;
  height: 27px;
  padding: 0 0 0 10px;
  }

#member-sales-csv input.button-csv {
  background: url("/image/main/member/button/csv.png") repeat scroll 0 0 transparent;
  border: 0 none;
  cursor: pointer;
  width: 96px;
  height: 29px;
  margin: 0 0 0 5px;
  overflow: hidden;
  text-indent: -9999px;
  }
  
#member-sales-table{
  background: #e8e6dc;
  font-size:80%;
  width: 100%;
  margin: 10px 0 0 0;
  border-collapse: separate;
  border-spacing: 0px 1px;
  }

#member-sales-table th{
  background: #e8e6dc;
  color: #4C3938;
  font-weight: bold;
  line-height: 34px;
  height: 34px;
  padding: 0 5px;
  }

#member-sales-table td{
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  height: 34px;
  padding: 0 5px;
  }

#member-sales-table tr{
  background: #fff;
  }

#member-sales-table tr:nth-child(odd){
  background: #f6f5f0;
  }

#member-sales-table tr:hover{
  background: #f5ebeb;
  }

#member-sales-table td a{
  text-decoration: none;
  }

.member-sales-table-Dtitle{
  width:250px;
  }

.member-sales-table-Dauthor{
  width:100px;
  }
  
.member-sales-table-Ddate{
  width:80px;
  }
  
.member-sales-table-Dprice{
  width:60px;
  }
  
.member-sales-table-Damount{
  width:60px;
  }
  
.member-sales-table-Dremit{
  width:80px;
  }

.member-sales-table-Rdate{
  width:100px;
  }

.member-sales-table-Rstatus{
  width:500px;
  }
  
.member-sales-table-Ramount{
  width:60px;
  }
  
/*---------------------------------- follow ----------------------------------*/
.member-follow-h2{
  background: #7C6766;
  color:#fff;
  font-weight: bold;
  line-height: 35px;
  text-shadow: -1px -1px 0 #4C3938;
  border-radius: 3px;
  height: 35px;
  padding: 0 0 0 10px;
  }

#member-follow{
  }

#member-follow li{
  border-bottom: 1px dotted #d2c6c6;
  padding: 10px 0;
  overflow: hidden;
  }

#member-follow dt{
  width:64px;
  float: left;
  }

#member-follow dt img{
  border-radius: 3px;
  }

#member-follow dd{
  width: 616px;
  float: right;
  position:relative;
  }

#member-follow dd h3{
  font-size: 80%;
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 10px 0;
  }

#member-follow  .member-follow-button{
  position:absolute;
  top:0;
  right:23px;
  }

#member-follow  .member-message-button{
  position:absolute;
  top:0;
  right:0;
  }

/*--------------------------------- message ---------------------------------*/
.member-message-attention{
  color: #C9171E;
  font-size: 70%;
  }

#member-message-action-check{
  background: #cdc8b4;
  background: -moz-linear-gradient(#e4e1d5,#cdc8b4);
  background: -webkit-gradient(#e4e1d5,#cdc8b4);
  border: 1px solid #c8c5b8;
  border-radius: 3px;
  -webkit-box-shadow: inset 0px 0px 1px 0px #eeece1;
	-moz-box-shadow: inset 0px 0px 1px 0px #eeece1;
  width:13px;
  height:13px;
  margin: 0 8px 0 0;
  padding: 2px 6px 10px 6px;
  float: left;
  }

#member-message-action ul{
  background: #e2ded2;
  background: -moz-linear-gradient(#f3f1ea,#e2ded2);
  background: -webkit-gradient(#f3f1ea,#e2ded2);
  font-size: 70%;
  line-height: 25px;
  border: 1px solid #c8c5b8;
  border-radius: 3px;
  -webkit-box-shadow: inset 0px 0px 1px 0px #f3f1ea;
	-moz-box-shadow: inset 0px 0px 1px 0px #f3f1ea;
  height: 25px;
  float: left;
  display: inline-block;
  }

#member-message-action li{
  border-right: 1px solid #c8c5b8;
  border-left: 1px solid #ffffff;
  height: 25px;
  float: left;
  }

#member-message-action li:hover{
  background: #f3f1ea;
  background: -moz-linear-gradient(#dfdacc,#f3f1ea);
  background: -webkit-gradient(#dfdacc,#f3f1ea);
  }

#member-message-action li button{
  background: none;
  font-size: 95%;
  border: 0;
  padding: 0 10px;
  cursor:pointer;
  }

#member-message-action li:first-child{
  border-left: 0px;
  }

#member-message-action li:last-child{
  border-right: 0px;
  }

#member-message-table{
  background: #e8e6dc;
  font-size:80%;
  border-top: 2px solid #e8e6dc;
  width: 100%;
  margin: 10px 0 0 0;
  border-collapse: separate;
  border-spacing: 0px 1px;
  }

#member-message-table a{
  color: #333;
  text-decoration: none;
  }

#member-message-table tr{
  background: #fff;
  }
  
#member-message-table tr:nth-child(odd){
  background: #f6f5f0;
  }

#member-message-table tr:hover{
  background: #f5ebeb;
  }

#member-message-table td{
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  height: 34px;
  }

.member-message-check{
  text-align: center;
  width: 23px;
  padding: 0 0 0 4px;
  }

.member-message-read{
  text-align:center;
  width:25px;
  }

.member-message-title{
  padding: 0 5px;
  }

.member-message-name{
  width: 120px;
  }

.member-message-name img{
  margin: 0 5px 0 0;
  }

.member-message-date{
  width: 80px;
  padding: 0 5px 0 0;
  }

.member-message-folder{
  width: 70px;
  padding: 0 5px;
  }

#member-message-detail{
  }

#member-message-detail dl{
  background: #f6f5f0;
  font-size: 80%;
  line-height: 34px;
  height: 34px;
  padding: 0 10px;
  }

#member-message-detail dl a{
  color: #333;
  text-decoration: none;
  }

#member-message-detail dl dt{
  font-weight: bold;
  float: left;
  }

#member-message-detail dl dd{
  float: right;
  }

#member-message-detail dl dd span{
  color: #888;
  padding: 0 0 0 10px;
  }

#member-message-detail-body{
  border-bottom: 1px solid #e8e6dc;
  margin: 15px 0;
  padding: 0 0 10px 0;
  }

#member-message-detail #member-message-action{
  float: right;
  }

.member-message-del input.button-del {
  background: url("/image/main/member/button/del.png") repeat scroll 0 0 transparent;
  border: 0 none;
  cursor: pointer;
  width: 125px;
  height: 30px;
  margin: 10px 0 0 5px;
  overflow: hidden;
  text-indent: -9999px;
  }

#member-message-input{
  background: #edebe1;
  border: 1px solid #bbb8ab;
  }

#member-message-input-to{
  width: 167px;
  padding:10px;
  float: left;
  }

#suggest-result{
  background: #fff;
  font-size: 70%;
  border:1px solid #c8c5b8;
  border-radius: 3px;
  height: 360px;
  margin: 0 0 7px 0;
  padding: 1px;
  overflow: auto;
  overflow-x:hidden;
  }

#suggest-result li{
  line-height:40px;
  }

#suggest-result img{
  vertical-align: middle;
  margin: 10px;
  }

#suggest-result label{
  background: none;
  line-height: 40px;
  width: 163px;
  height:40px;
  padding:0;
  margin:0;
  display:block;
  }

#suggest-result input[type="radio"]:checked + label{
  background-color: #f6f5f0;
  }

#member-message-input-search{
  background: url(/image/main/member/message_search.png) no-repeat left center #fff;
  border:1px solid #c8c5b8;
  border-radius: 3px;
  width: 130px;
  height:29px;
  padding: 0 0 0 35px;
  }

#member-message-input-detail{
  width: 480px;
  border-left: 1px solid #bbb8ab;
  padding: 10px;
  float: right;
  }

#member-message-input-detail input[type="text"]{
  width: 469px;
  height: 27px;
  margin: 0 0 10px 0;
  }

#member-message-input-detail textarea{
  background: #fff;
  border: 1px solid #c8c5b8;
  border-radius: 0px;
  width: 469px;
  height: 351px;
  }

#member-message-input-button{
  background: #edebe1;
  text-align: center;
  border: 1px solid #bbb8ab;
  border-top: 0px;
  }

#member-message-input-button li{
  display:inline-block;
  }

#member-message-input-button input.button-check , #member-message-input-button input.button-draft ,
#member-message-input-button input.button-send {
  border: 0 none;
  cursor: pointer;
  width: 125px;
  height: 30px;
  margin: 10px 0  ;
  overflow: hidden;
  text-indent: -9999px;
  }

#member-message-input-button input.button-check {
  background: url("/image/main/member/button/check.png");
  margin-right: 10px;
  }

#member-message-input-button input.button-draft {
  background: url("/image/main/member/button/draft.png");
  }

#member-message-input-button input.button-send {
  background: url("/image/main/member/button/send.png");
  }

/*-------------------------------- book shelf --------------------------------*/
.member-bookshelf-h2{
  background: #7C6766;
  color:#fff;
  font-weight: bold;
  line-height: 35px;
  text-shadow: -1px -1px 0 #4C3938;
  border-radius: 3px;
  height: 35px;
  padding: 0 0 0 10px;
  }

#member-shelf{
  }

#member-shelf li{
  border-bottom: 1px dotted #D2C6C6;
  margin: 10px 0 0 0;
  padding: 0 0 10px 0;
  }

#member-shelf li dt{
  width: 40px;
  float: left;
  }

#member-shelf li dd{
  width: 640px;
  float: right;
  }

#member-shelf li dd h3{
  font-size: 80%;
  font-weight: bold;
  margin: 0 0 10px 0;
  }

.member-bookshelf-author , .member-bookshelf-category, .member-bookshelf-discription ,
.member-bookshelf-delete , .member-bookshelf-date , .member-bookshelf-page ,
.member-bookshelf-edit{
  font-size: 70%;
  }

.member-bookshelf-author{
  margin: 0 0 14px 0;
  }

.member-bookshelf-author a{
  color: #333;
  margin: 0 0 14px 0;
  }

.member-bookshelf-discription{
  color: #555;
  margin: 0 0 5px 0;
  }

.member-bookshelf-datebox{
  float: right;
  margin: 5px 0 0 0;
  }

.member-bookshelf-datebox a{
  text-decoration: none;
  }

.member-bookshelf-delete , .member-bookshelf-edit{
  margin: 0 5px 0 0;
  float: right;
  }

.member-bookshelf-date{
  color: #bebebe;
  float: right;
  }

.member-bookshelf-page{
  color: #555555;
  }

.member-bookshelf-page span{
  background: #f6f5f0;
  font-weight: bold;
  border-radius: 3px;
  margin: 0 5px 0 0;
  padding: 3px 5px;
  }

.member-bookshelf-page a{
  text-decoration: none;
  }

.member-bookshelf-stickytxt{
  color: #ee827c;
  margin: 5px 0 0 0;
  }

/*-------------------------------- book list --------------------------------*/
#member-booklist-check{
  background: #cdc8b4;
  background: -moz-linear-gradient(#e4e1d5,#cdc8b4);
  background: -webkit-gradient(#e4e1d5,#cdc8b4);
  border: 1px solid #c8c5b8;
  border-radius: 3px;
  -webkit-box-shadow: inset 0px 0px 1px 0px #eeece1;
	-moz-box-shadow: inset 0px 0px 1px 0px #eeece1;
  width:13px;
  height:13px;
  margin: 0 8px 0 0;
  padding: 2px 6px 10px 6px;
  float: left;
  }


#member-booklist-action .dk_container {
  font-size: 70%;
  margin: 0 10px 0 0;
  }

#member-booklist-action .dk_toggle {
  background-position: 90% center;
  line-height: 25px;
  padding: 0 0 0 10px;
  width: 80px !important;
  height: 25px;
  }

#member-booklist-public{
  position: absolute;
  top: -37px;
  left: 134px;
  }

.member-booklist-public , .member-booklist-private{
  text-indent: -9999px;;
  border: 0 none;
  width: 80px;
  height: 27px;
  overflow: hidden;
  cursor: pointer;
    }

.member-booklist-public{
  background: url("/image/main/member/button/public.png");
  }

.member-booklist-private {
  background: url("/image/main/member/button/private.png");
  }


#member-booklist{
  margin: 10px 0 0 0;
  position: relative;
  }

#member-booklist-box > li{
  border-top: 1px dotted #D2C6C6;
  margin: 0 0 10px 0;
  padding: 10px 0 0 0;
  }

#member-booklist-box dt{
  width: 60px;
  padding: 0 0 0 7px;
  float: left;
  }

#member-booklist-box dt img{
  vertical-align: top;
  }

#member-booklist-box dd{
  width: 613px;
  float: right;
  }

#member-booklist-box h3{
  font-size: 80%;
  font-weight: bold;
  margin: 0 0 5px 0;
  }

#member-booklist-box ul{
  font-size: 70%;
  }

#member-booklist-box dd span{
  color: #555;
  }

#member-booklist-box dd a{
  text-decoration: none;
  }

.member-booklist-date{
  margin: 0 0 6px 0;
  }

.member-booklist-date li{
  width: 306px;
  float: left;
  }

.member-booklist-action li{
  margin: 0 10px 0 0;
  float: left;
  }




/*------------------------------ store booklist ------------------------------*/
#store-booklist-sort{
  font-size: 70%;
  margin: 0 0 10px 0;
  }

#store-booklist-sort .dk_container{
  margin: 0 5px 0 0;
  }

#store-booklist-sort .dk_toggle {
  background-position: 90% center;
  line-height: 25px;
  width: 105px !important;
  height: 25px;
  padding: 0 0 0 10px;
  }

#store-booklist-sort input[type="submit"]{
  background: url(/image/main/member/button/search.png);
  text-indent: -9999px;;
  border: 0 none;
  width: 80px;
  height: 27px;
  overflow: hidden;
  cursor: pointer;
  }
  
#store-booklist{
  }

#store-booklist > li{
  border-top: 1px dotted #D2C6C6;
  margin: 0 0 10px 0;
  padding: 10px 0 0 0;
  }

#store-booklist dt{
  width: 40px;
  float: left;
  }

#store-booklist dd{
  width: 640px;
  float: right;
  }

#store-booklist dd a{
  text-decoration:none;
  }

#store-booklist dd h3{
  font-weight: bold;
  margin: 0 0 5px 0;
  }

.store-booklist-public , .store-booklist-private{
  font-size: 70%;
  font-weight: normal;
  text-align: center;
  border-radius: 3px;
  width: 40px;
  margin: 0 6px 0 0;
  padding: 2px 0;
  display:inline-table;
  }

.store-booklist-public{
  background: #fcd575;
  }

.store-booklist-private{
  background: #ddd;
  }

#store-booklist dd p , #store-booklist dd ul{
  font-size: 70%;
  }

.store-booklist-date{
  margin: 0 0 5px 0;
  }

.store-booklist-date li{
  width: 306px;
  float: left;
  }

.store-booklist-date li span{
  color: #555;
  }
  
.store-booklist-action li{
  margin: 0 10px 0 0;
  float: left;
  }

/*------------------------- store author + category -------------------------*/
#store-author-add input[type="submit"] , #store-category-add input[type="submit"]{
  background: url(/image/main/member/button/add_store.png);
  text-indent: -9999px;;
  border: 0 none;
  width: 80px;
  height: 29px;
  margin: 0 0 0 5px;
  overflow: hidden;
  cursor: pointer;
  }

#store-author-list{
  }

#store-author-list li , #store-category-list li{
  background: #fff;
  line-height: 29px;
  border: 1px solid #c8c5b8;
  border-radius: 3px;
  height:29px;
  margin: 0 0 5px 0;
  padding: 5px 10px 5px 5px;
  }

#store-author-list li:last-child , #store-category-list li:last-child{
  margin:0;
  }

.store-author-name , .store-category-name{
  width: 269px;
  float: left;
  }

#store-author-list .delete-link{
  margin: 0 0 0 10px;
  }

.store-author-sort , .store-category-sort{
  line-height: 29px;
  height:29px;
  float: right;
  display: table;
  }

.store-author-sort span , .store-category-sort span{
  vertical-align:middle;
  display: table-cell;
  }
  
/*----------------------------------- side -----------------------------------*/
#member-side-userinfo{
  background: #e8e6dc;
  text-decoration: none;
  border-radius: 3px;
  margin: 0 0 10px 0;
  padding:10px;
  position:relative;
  }

.member-side-icon{
  width:50px;
  height:50px;
  display:table-cell;
  }

.member-side-icon img{
  border-radius: 3px;
  }

.member-side-name{
  vertical-align:middle;
  width:122px;
  height:50px;
  padding: 0 0 0 8px;
  display:table-cell;
  }

.member-side-bonus{
  width:21px;
  height:30px;
  position:absolute;
  top:21px;
  right:14px;
  }

.member-side-bonus a{
  text-indent: -9999px;
  width:21px;
  height:30px;
  display:block;
  overflow: hidden;
  }

a.bronze-rank-bonus{
  background: url(/image/main/member/bonus_bronze.png);
 }

a.silver-rank-bonus{
  background: url(/image/main/member/bonus_silver.png);
 }
 
a.gold-rank-bonus{
  background: url(/image/main/member/bonus_gold.png);
 }


.member-side-config{
  margin: 5px 0 0 0;
  }

.member-side-config li{
  float: left;
  }

.member-side-config li + li{
  margin: 0 0 0 6px;
  }

.member-side-follow{
  margin: 10px 0 0 0;
  }

.member-side-follow a {
  background: #fff;
  font-size: 70%;
  font-weight: bold;
  line-height:30px;
  text-decoration: none;
  height: 30px;
  padding:0 13px;
  display:block;
  }

.member-side-follow li a span{
  color: #333;
  font-weight: normal;
  }

.member-side-follow li + li{
  margin: 1px 0 0 0 ;
  }

.member-side-message{
  margin: 10px 0 0 0;
  }

.member-side-message a , .member-side-message-new{
  font-size: 70%;
  line-height:30px;
  text-decoration: none;
  height: 30px;
  display:block;
  }

.member-side-message a{
  font-weight: bold;
  padding:0 26px;
  }

.member-side-message-list{
  background: url(/image/main/icon/mail.png) 10px center no-repeat #fff;
  }

.member-side-message-new{
  background: #fff;
  border-radius: 3px;
  padding:0 13px;
  display:block;
  }

.member-side-message-new span{
  font-weight: bold;
  }

.member-side-message li a span{
  color: #333;
  font-weight: normal;
  }

.member-side-message li + li{
  margin: 1px 0 0 0 ;
  }

#member-side-activity{
  background: #e8e6dc;
  font-size: 70%;
  border-radius: 3px;
  margin: 0 0 10px 0;
  padding:10px;
  }
  
#member-side-activity a {
  background: #fff;
  font-weight: bold;
  line-height:30px;
  text-decoration: none;
  height: 30px;
  padding:0 13px;
  display:block;
  }

#member-side-activity li a span{
  color: #333;
  font-weight: normal;
  }

#member-side-activity li + li{
  margin: 1px 0 0 0 ;
  }

#member-side-publish{
  background: #f1efe7;
  font-size: 70%;
  border-radius: 3px;
  padding:10px;
  }
  
#member-side-button-publish{
  }
  
#member-side-button-creation{
  width: 180px;
  margin: 4px 0 0 0;
  }

#member-side-button-creation ul{
  margin: 0 -6px 0 0;
  overflow: hidden;
  }

#member-side-button-creation li{
  width: 87px;
  margin: 0 6px 0 0;
  float: left;
  }
  
#member-side-button-store{
  margin: 5px 0 0 0;
  }
  
#member-side-sales{
  background: #fff;
  line-height:20px;
  border-radius: 3px;
  height:20px;
  margin: 10px 0 0 0;
  padding: 5px 5px 5px 10px;
  }
  
#member-side-sales dt{
  width: 98px;
  float: left;
  }

#member-side-sales dt span{
  color: #C9171E;
  font-weight: bold;
  }
  
#member-side-sales dd{
  width: 57px;
  float: right;
  }
  
.member-side-publiclist-h3{
  font-weight: bold;
  line-height: 20px;
  height: 20px;
  margin: 10px 0 6px 0;
  position: relative;
  }

.member-side-publiclist-h3 img{
  position: absolute;
  right: 0;
  }
  
.member-side-publiclist{
  }

.member-side-publiclist li {
  background: #fff;
  border-radius: 3px;
  padding: 5px;
  }

.member-side-publiclist li + li{
  margin: 10px 0 0 0;
  }
  
.member-side-publiclist-cover{
  display: table-cell;
  width: 40px;
  height: 60px;
  overflow: hidden;
  }
  
.member-side-publiclist-cover img {
  border: 3px solid #E3E3E3;
  border-radius: 3px;
  margin: 0 5px 0 0;
  }

.member-side-publiclist-title {
  background: url("/image/main/icon/arrow_brown_square.png") no-repeat scroll right center transparent;
  vertical-align: middle;
  width: 108px;
  padding: 0 10px 0 0;
  display: table-cell;
  }@charset "UTF-8";

/*--------------------------------- newbook ---------------------------------*/
.dtp-newbook-h2 {
    background:#7C6766;
    color: #fff;
    font-weight: bold;
    line-height: 35px;
    text-shadow: -1px -1px 0 #4C3938;
    border-radius: 3px;
    height: 35px;
    margin: 0 0 10px 0;
    padding: 0 0 0 10px;
}

.dtp-newbook{
  background: #E8E6DC;
  border-radius: 3px;
  padding: 10px;
  }
  
.dtp-newbook .dk_toggle {
  width: 135px !important;
  padding: 0 0 0 10px;
  }
  
.dtp-newbook input.button-addbook{
  background: url("/image/main/member/button/add_book.png");
  text-indent: -9999px;
  border: 0 none;
  width: 200px;
  height: 39px;
  margin: 20px 0 10px;
  overflow: hidden;
  cursor: pointer;
  }

.dtp-newbook-attention {
    color: #4C3938;
    font-size: 80%;
    font-weight: bold;
    margin: 10px 0 5px;
}

/*--------------------------------- bookinfo ---------------------------------*/
.dtp-bookinfo-left{
  width: 130px;
  padding: 5px;
  float: left;
  }

.dtp-bookinfo-cover{
  width: 120px;
  margin: 0 auto 10px auto;
  padding:5px;
  box-shadow: 0 0 5px #aaa;
  position:relative;
  }

.dtp-bookinfo-cover .dtp-bookinfo-cover-private a{
  background: url(/image/cover_image/private.png);
  color: #fff;
  font-size: 70%;
  text-align: center;
  text-decoration: none;
  line-height: 200px;
  width: 120px;
  height:180px;
  position:absolute;
  z-index:10;
  }

.dtp-bookinfo-count{
  font-size: 70%;
  line-height: 23px;
  height: 23px;
  }

.dtp-bookinfo-count dt{
  background: #aaa795;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  width: 43px;
  margin: 0 0 2px 0;
  float: left;
  }

.dtp-bookinfo-count dd{
  width: 82px;
  padding: 0 0 0 5px;
  margin: 0 0 2px 0;
  float: right;
  }
  
.dtp-bookinfo-right{
  width: 540px;
  float: right;
  }
  
.book-bookinfo-title{
  line-height: 18px;
  height: 18px;
  margin: 5px 0 25px 0;
  }

.book-bookinfo-title h1{
  font-weight: bold;
  float:left;
  }

.book-bookinfo-title-complete , .book-bookinfo-title-serial{
  color: #fff;
  font-size: 70%;
  line-height: 18px;
  text-align: center;
  border-radius: 3px;
  width: 40px;
  height: 18px;
  margin: 0 5px 0 0;
  display: block;
  float: left;
  }

.book-bookinfo-title-complete{
  background: #f8b500;
  }

.book-bookinfo-title-serial{
  background: #e95295;
  }

.book-bookinfo-price{
  background: #4b3534;
  color: #fff;
  font-size: 80%;
  line-height: 25px;
  border-radius: 3px;
  height: 25px;
  margin: 0 10px 0 0;
  padding: 0 12px;
  display: inline-block;
  }
  
.dtp-bookinfo-discription{
  font-size: 80%;
  margin: 10px 0 20px;
  }
  
.dtp-bookinfo-category {
  font-size: 70%;
  margin: 20px 0 0;
  }

.dtp-bookinfo-tag{
  background: url(/image/main/icon/tag.png) no-repeat left 4px;
  font-size: 70%;
  margin: 3px 0 20px 0;
  padding: 0 0 0 16px;
  }

.dtp-bookinfo-tag li{
  height:19px;
  line-height:19px;
  float: left;
  }

.dtp-bookinfo-tag li + li{
  margin: 0 0 0 14px;
  }

.dtp-bookinfo-tag li a{
  text-decoration: none;
  }

.dtp-bookinfo-tag-edit{
  background: #e5e5e5;
  border-radius: 3px;
  padding: 0 5px;
  }

.dtp-setting{
  background: #E8E6DC;
  border-radius: 3px;
  padding: 10px;
  }

#main .dtp-setting:nth-child(1){
  margin: 0 0 10px 0;
  }

.dtp-setting input.button-modify{
  background: url("/image/main/member/button/modify.png");
  text-indent: -9999px;
  border: 0 none;
  width: 200px;
  height: 39px;
  margin: 20px 0 10px;
  overflow: hidden;
  cursor: pointer;
  }
    
.dtp-setting .dk_toggle {
  background-position: 90% center;
  width: 135px !important;
  padding: 0 0 0 10px;
  }

#dtp-setting-delete{
  background: #E8E6DC;
  border-radius: 3px;
  padding: 10px;
  }

#dtp-setting-delete-left{
  width: 120px;
  float: left;
  }

#dtp-setting-delete-right{
  width: 540px;
  float: right;
  }
  
#dtp-setting-delete-table{
  font-size: 80%;
  border: 1px #c8c5b8 solid;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 10px 0 0 0;
  }

.dtp-setting-delete-tt{
  background: #e0ddd2 !important;
  font-weight: bold;
  width: 70px;
  }

#dtp-setting-delete-table td {
  background :#f5f4ec;
  border: 1px #c8c5b8 solid;
  border-width: 0 0 1px 1px;
  padding: 5px;
  }

.dtp-setting-delete-button{
  text-align:center;
  margin: 10px 0 0 0;
  }

.dtp-setting-delete-button-cancel , .dtp-setting-delete-button-del{
  background: url(/image/main/member/button/preview.png);
  text-indent: -9999px;
  border: 0px;
  width: 125px;
  height: 30px;
  overflow: hidden;
  cursor: pointer;
  display:inline-block;
  }

.dtp-setting-delete-button-cancel{
  background: url(/image/main/member/button/cancel.png);
  }

.dtp-setting-delete-button-del{
  background: url(/image/main/member/button/del_book.png);
  }

.dtp-setting-delete-h4{
  color: #4C3938;
  font-size: 80%;
  font-weight: bold;
  margin: 10px 0 5px;
  }
  
  
/*---------------------------------- editor ----------------------------------*/

#dtp-editor-nav{
  font-size: 80%;
  text-align: center;
  margin:13px 0;
  }
  
#dtp-editor-nav li{
  line-height:15px;
  height:15px;
  margin: 0 20px 0 0;
  display:inline-block;
  }

#dtp-editor-nav li:last-child{
  margin:0;
  }
  
#dtp-editor-nav a{
  color: #7c6766;
  text-decoration:none;
  }
  
#dtp-editor-box{
  background: #edebe1;
  border: 1px solid #bbb8ab;
  }
  
#dtp-editor-left{
  width: 679px;
  float: left;
  }

#dtp-editor-left-title{
  margin: 6px 6px 10px 6px;
  }

#dtp-editor-left-title .dk_container{
  font-size: 70%;
  margin: 0 5px 0 0;
  }

#dtp-editor-left-title .dk_toggle{
  line-height: 23px;
  width: 114px !important;
  height: 23px;
  padding: 0 0 0 10px;
  }

#dtp-editor-left-title input[type="text"]{
  width: 523px;
  height: 23px;
  }

#dtp-editor-left-document{
  margin: 0px 6px 7px 6px;
  }

#dtp-editor-left-public{
  background: #dddacb;
  font-size: 70%;
  line-height: 24px;
  border-radius: 3px;
  height:24px;
  margin: 0 0 0 6px;
  padding: 0 6px 0 11px;
  float: left;
  }

#dtp-editor-left-public h3{
  margin: 0 10px 0 0;
  display: inline-block;
  }

#dtp-editor-left-public label{
  color: #555;
  }

#dtp-editor-left-preview{
  margin: 0 6px 0 0;
  float: right;
  }

#dtp-editor-left-preview input[type="button"]{
  background: url(/image/main/member/button/preview.png);
  text-indent: -9999px;
  border: 0px;
  width: 87px;
  height: 24px;
  overflow: hidden;
  cursor: pointer;
  }

#dtp-editor-left-button{
  border-top: 1px solid #bbb8ab;
  margin: 5px 0 0 0;
  padding: 13px 6px;
  position: relative;
  }

.dtp-editor-left-buttonbox01{
  text-align: center;
  }
  
.dtp-editor-left-buttonbox01 li{
  display: inline-block;
  }

.dtp-editor-left-buttonbox02{
  }

.dtp-editor-button-editprev{
  position: absolute;
  top:13px;
  left: 6px;
  }

.dtp-editor-button-editnext{
  position: absolute;
  top:13px;
  right: 6px;
  }

#dtp-editor-left .dtp-editor-savebutton , #dtp-editor-left .dtp-editor-nextbutton {
  background: url(/image/main/member/button/preview.png);
  text-indent: -9999px;
  border: 0px;
  width: 125px;
  height: 30px;
  overflow: hidden;
  cursor: pointer;
  }

#dtp-editor-left .dtp-editor-savebutton{
  background: url(/image/main/member/button/save_s.png);
  }
  
#dtp-editor-left .dtp-editor-nextbutton{
  background: url(/image/main/member/button/nextpage.png);
  }
  
#dtp-editor-right{
  border-left: 1px solid #bbb8ab;
  width: 218px;
  min-height: 578px;
  float: right;
  }

#dtp-editor-right-pub{
  font-size: 70%;
  padding: 6px;
  position: relative;
  }

.dtp-editor-right-auth , .dtp-editor-right-importpdf{
  color: #555;
  font-size: 70%;
  margin: 10px;
  }

.dtp-editor-right-importpdf p{
  margin: 0 0 10px 0;
  }

#dtp-editor-right-pub img{
  margin: 0 5px 0 0;
  float: left;
  }

.dtp-editor-right-alertbox{
  background: url(/image/main/member/alertbox.png);
  color: #c9171e;
  line-height: 43px;
  text-shadow: -1px -1px 0 #fff;
  text-align: center;
  width: 40px;
  height: 40px;
  padding: 0 0 0 6px;
  position: absolute;
  top: -2px;
  right: -50px;
  }

#popin-inside #publish-button{
  background: url(/image/main/member/button/datareload_popin.png);
  text-indent: -9999px;
  border: 0px;
  width:125px;
  height:30px;
  padding:0;
  overflow:hidden;
  }

#popin-inside #publish-progress-message{
  font-size: 90%;
  margin: 10px 0 0 0;
  }

#popin-inside #publish-archives{
  font-size: 90%;
  line-height: 200%;
  margin: 10px 0 0 0;
  }

#dtp-editor-right-tab{
  color: #e8e6dc;
  font-size: 80%;
  }

#dtp-editor-right-tab li{
  background: #968382;
  background: -moz-linear-gradient(top, #968382, #776362);
  background: -webkit-gradient(linear, left top, left bottom, from(#968382), to(#776362));
  line-height: 34px;
  text-shadow: -1px -1px 0px #776555;
  text-align: center;
  height: 34px;
  cursor: pointe;
  }

#dtp-editor-right-tab li.tab1{
  border-right: 1px solid #4e4140;
  width: 71px;
  float: left;
  }
  
#dtp-editor-right-tab li.tab2{
  border-right: 1px solid #4e4140;
  border-left: 1px solid #b49d9c;
  width: 72px;
  float: left;
  }

#dtp-editor-right-tab li.tab3{
  border-left: 1px solid #b49d9c;
  width: 71px;
  float: left;
  }

#dtp-editor-right-tab li.tab-selected{
  background: #776362 url(/image/main/member/tab_marker.png)  no-repeat center bottom;
  background: url(/image/main/member/tab_marker.png) no-repeat center bottom ,-moz-linear-gradient(top, #776362, #968382);
  background: url(/image/main/member/tab_marker.png) no-repeat center bottom ,-webkit-gradient(linear, left top, left bottom, from(#776362), to(#968382));
  text-shadow: none;
  }

#dtp-editor-right-tab li:hover{
  cursor: pointer;
  }

.pagebox{
  font-size: 70%;
  line-height: 25px;
  border-bottom: 1px dotted #c4c1af;
  height: 25px;
  padding: 5px;
  }

.pagebox .dk_container{
  float: right !important;
  }
  
.pagebox .dk_toggle{
  line-height:23px;
  width: 114px !important;
  height: 23px;
  padding: 0 0 0 10px;
  }

.newchapter{
  border-top: 1px dotted #fff;
  padding: 5px;
  }

.newchapter input[type="text"]{
  width:122px;
  height:22px;
  }

.newchapter input[type="button"]{
  background: url("/image/main/member/button/newchapter.png");
  text-indent: -9999px;
  border: 0 none;
  width: 70px;
  height: 24px;
  overflow: hidden;
  cursor: pointer;
  }

.chapter{
  margin: 5px;
  }
  
.chapter > li{
  font-size: 70%;
  margin: 0 0 6px 0;
  }

.book-page-switch , .book-page-switch-hide{
  text-indent: -9999px;
  border:1px solid #c8c5b8;
  border-radius: 3px;
  box-shadow: 0 0 1px 0 #edebdf inset;
  width:22px;
  height:22px;
  display:block;
  float: left;
  position:relative;
  z-index: 2;
  }

.book-page-switch{
  background: #e3e0d4 url(/image/main/icon/folder.png) no-repeat center center;
  background: url(/image/main/icon/folder.png) no-repeat center center, -moz-linear-gradient(#e3e0d4, #cfc9b6);
  background: url(/image/main/icon/folder.png) no-repeat center center, -webkit-gradient(linear, left top, left bottom, from(#e3e0d4), to(#cfc9b6));
  }

.book-page-switch-hide{
  background: #e3e0d4 url(/image/main/icon/folder_open.png) no-repeat center center;
  background: url(/image/main/icon/folder_open.png) no-repeat center center, -moz-linear-gradient(#e3e0d4, #cfc9b6);
  background: url(/image/main/icon/folder_open.png) no-repeat center center, -webkit-gradient(linear, left top, left bottom, from(#e3e0d4), to(#cfc9b6));
  }

.book-page-switch:hover , .book-page-switch-hide:hover{
  cursor: pointer;
  }

.chapter-tooltip-trigger{
  background: #fff;
  line-height: 22px;
  border:1px solid #c8c5b8;
  border-right: 0px;
  border-left: 0px;
  width: 145px;
  height:22px;
  margin: 0 0 0 -1px;
  padding: 0 7px;
  float: left;
  position:relative;
  z-index: 1;
  }
  
.chapter-tooltip-trigger:hover{
  background: #f2efe5;
  }
  
.chapter-unsortable .chapter-tooltip-trigger{
  border-right:1px solid #c8c5b8;
  border-radius: 0 3px 3px 0;
  width: 170px;
  }

.chapter-sort-handle{
  background: url(/image/main/member/sort.png) no-repeat center center #fff;
  text-indent: -9999px;
  border:1px solid #c8c5b8;
  border-left: 1px dotted #c8c5b8;
  border-radius: 0 3px 3px 0;
  width: 25px;
  height:22px;
  margin: 0 0 0 -1px;
  display:block;
  float: left;
  position:relative;
  z-index:3;
  }

.book-page-tooltip-trigger{
  background: url(/image/main/icon/memo.png) no-repeat 6px center #f9f8f2;
  line-height:22px;
  border: 1px solid #c8c5b8;
  border-right: 0px;
  border-radius: 3px 0 0 3px;
  width:130px;
  height:22px;
  margin: 1px 0 0 24px;
  padding: 0 7px 0 20px;
  float: left;
  }

.book-page-sort-handle{
  background: url(/image/main/member/sort.png) no-repeat center center #f9f8f2;
  text-indent: -9999px;
  border:1px solid #c8c5b8;
  border-left: 1px dotted #c8c5b8;
  border-radius: 0 3px 3px 0;
  width: 25px;
  height:22px;
  margin: 1px 0 0 -1px;
  display:block;
  float: left;
  position:relative;
  z-index:3;
  }

.book-page-tooltip-trigger:hover{
  background: url(/image/main/icon/memo.png) no-repeat 6px center #f2efe5;
  }

.chapter-sort-handle:hover , .book-page-sort-handle:hover{
  cursor: move;
  }

.book-page-public{
  margin: 4px 0 0 0;
  float: right;
  }

#tab2 , #tab3{
  padding: 5px;
  }

#file-lists-all{
  }
  
#file-lists-all > li{
  margin: 0 0 15px 0;
  }

.file-lists-thumbnail{
  width: 50px;
  float: left;
  }

.file-lists-insert{
  font-size: 70%;
  width: 154px;
  float: right;
  }

.file-lists-insert .dk_toggle{
  background-position: 85%!important;
  line-height: 23px;
  height: 22px;
  padding: 0 0 0 5px;
  }

.file-lists-insert dt{
  line-height: 25px;
  width: 43px;
  margin: 3px 0 0 0;
  float: left;
  }
  
.file-lists-insert dd{
  width: 111px;
  float: left;
  margin: 3px 0 0 0;
  }

.file-lists-insert dd input[type="button"]{
  background: url("/image/main/member/button/insert.png");
  text-indent: -9999px;
  border: 0 none;
  width: 50px;
  height: 24px;
  margin: 0 0 0 3px;
  overflow: hidden;
  cursor: pointer;
  float: right;
  }
  
/*---------------------------------- Cover ----------------------------------*/

#dtp-cover-left{
  border: 1px solid #bbb8ab;
  width: 640px;
  float: left;
  }
  
#dtp-cover-right{
  background: #edebe1;
  border: 1px solid #bbb8ab;
  width: 246px;
  float: right;
  }

#dtp-cover-right h2{
  background: #776362;
  background: -moz-linear-gradient(#968382, #776362);
  background: -webkit-gradient(linear, left top, left bottom, from(#968382), to(#776362));
  color: #e8e6dc;
  font-size: 80%;
  text-shadow: -1px -1px 0 #766354;
  line-height: 34px;
  height: 34px;
  padding: 0 0 0 11px;
  position: relative;
  }

#dtp-cover-right h2 span{
  font-size: 90%;
  position: absolute;
  right: 10px;
  }

.dtp-cover-bg , .dtp-cover-setting{
  padding: 8px;
  }

.dtp-cover-bg .dk_toggle , .dtp-cover-setting .dk_toggle{
  font-size: 70%;
  line-height: 23px;
  height: 23px;
  padding: 0 0 0 10px ;
  }

.dtp-cover-bg .dk_options_inner , .dtp-cover-setting .dk_options_inner{
  font-size: 70%;
  }

.dtp-cover-bg .dk_toggle{
  width: 217px !important;
  }

.dtp-cover-setting .dk_toggle{
  background-position: 90%;
  width: 64px !important;
  }

.dtp-cover-setting  .dk_container{
  margin: 0 5px 0 0;
  }

.dtp-cover-bg-upload{
  border-top: 1px dotted #c4c1af;
  margin: 8px 0 0 0;
  padding: 8px 0 0 0;
  }
  
.dtp-cover-setting textarea{
  font-size: 80%;
  width: 217px !important;
  height: 88px;
  margin: 0 0 5px 0;
  }
  
.dtp-cover-setting input[type="text"]{
  width: 55px;
  height: 23px;
  }
  
#dtp-cover-right input.button-save{
  background: url("/image/main/member/button/save_s.png");
  text-indent: -9999px;
  border: 0 none;
  width: 125px;
  height: 30px;
  margin: 10px 0;
  overflow: hidden;
  cursor: pointer;
  }

/*---------------------------------- Import ----------------------------------*/
#dtp-import{
  background: #edebe1;
  border: 1px solid #bbb8ab;
  }

#dtp-import-button{
  margin: 9px 9px 10px 9px;
  }

#dtp-import-setting{
  margin: 10px 9px;
  }

#dtp-import #dtp-import-setting .dk_container{
  margin: 0 10px 0 0;
  }
  
#dtp-import #dtp-import-setting .dk_toggle{
  background-position: 90%;
  width: 74px !important;
  height: 27px !important;
  padding: 0 0 0 10px;
  }

#dtp-import-setting input.button-addchapter{
  background: url("/image/main/member/button/add_chapter.png");
  text-indent: -9999px;
  border: 0 none;
  width: 75px;
  height: 29px;
  margin: 0 0 0 6px;
  overflow: hidden;
  cursor: pointer;
  }

#dtp-import h2{
  font-size: 80%;
  font-weight:bold;
  border-bottom: 1px solid #c4c1af;
  margin: 30px 0 0 0;
  padding: 0 0 8px 15px;
  position: relative;
  }

#dtp-import h2 span{
  color: #555;
  font-size: 90%;
  font-weight: normal;
  position:absolute;
  right: 9px;
  }

#dtp-import-list{
  border-bottom: 1px solid #fff;
  }

#dtp-import-list tr{
  display: inline-block;
  }

#dtp-import-list td{
  line-height: 60px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #c4c1af;
  height:60px;
  padding: 10px 0;
  }

#dtp-import-list td.dtp-import-list-thumbnail{
  width: 90px;
  padding: 0 0 0 15px;
  }

#dtp-import-list td.dtp-import-list-thumbnail img{
  border-radius: 3px;
  }

#dtp-import-list td.dtp-import-list-name{
  font-size: 80%;
  width: 689px;
  }

#dtp-import-list td.dtp-import-list-checkbox{
  width: 18px;
  padding: 0 42px 0 45px;
  }

#dtp-import input.button-import{
  background: url("/image/main/member/button/import.png");
  text-indent: -9999px;
  border: 0 none;
  width: 200px;
  height: 39px;
  margin: 20px 0;
  overflow: hidden;
  cursor: pointer;
  }

.dtp-import-button{
  margin: 20px 0;
  }

#dtp-import-attention{
  font-size: 70%;
  line-height:200%;
  margin: 15px 0 0 0;
  }

/*----------------------------------- Page -----------------------------------*/

#dtp-page-action{
  margin: 0 0 10px 0;
  }

#dtp-page-action-check{
  background: #cdc8b4;
  background: -moz-linear-gradient(#e4e1d5,#cdc8b4);
  background: -webkit-gradient(linear, left top, left bottom, from(#e4e1d5), to(#cdc8b4));
  border: 1px solid #c8c5b8;
  border-radius: 3px;
  -webkit-box-shadow: inset 0px 0px 1px 0px #eeece1;
	-moz-box-shadow: inset 0px 0px 1px 0px #eeece1;
  width:13px;
  height:13px;
  margin: 0 8px 0 0;
  padding: 2px 6px 10px 6px;
  float: left;
  }

#dtp-page-action-check input{
  margin: 4px 0 0 0 \9;
  }

#dtp-page-action-check input:not(:target) {
  margin: 4px 0 0 0 \9;
  }
  
#dtp-page-action > ul{
  background: #e2ded2;
  background: -moz-linear-gradient(#f3f1ea,#e2ded2);
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f1ea), to(#e2ded2));
  font-size: 70%;
  line-height: 25px;
  border: 1px solid #c8c5b8;
  border-radius: 3px;
  -webkit-box-shadow: inset 0px 0px 1px 0px #f3f1ea;
	-moz-box-shadow: inset 0px 0px 1px 0px #f3f1ea;
  height: 25px;
  float: left;
  display: inline-block;
  }

#dtp-page-action > ul li{
  border-right: 1px solid #c8c5b8;
  border-left: 1px solid #ffffff;
  height: 25px;
  float: left;
  }

#dtp-page-action > ul li:hover{
  background: #f3f1ea;
  background: -moz-linear-gradient(#dfdacc,#f3f1ea);
  background: -webkit-gradient(linear, left top, left bottom, from(#dfdacc), to(#f3f1ea));
  }

#dtp-page-action > ul li button{
  background: none;
  font-size: 95%;
  border: 0;
  padding: 0 10px;
  cursor:pointer;
  }

#dtp-page-action > ul li a{
  text-decoration: none;
  }
  
#dtp-page-action > ul li:first-child{
  border-left: 0px;
  }

#dtp-page-action > ul li:last-child{
  border-right: 0px;
  }
  
#dtp-page-action > dl{
  margin: 0 0 0 10px;
  float: left;
  }
  
#dtp-page-action > dl dt{
  color: #777;
  font-size: 80%;
  line-height: 27px;
  margin: 0 5px 0 0;
  float: left;
  }

#dtp-page-action > dl .dk_container{
  font-size: 70%;
  }
  
#dtp-page-action > dl .dk_toggle{
  line-height: 25px;
  width: 150px !important;
  height: 25px !important;
  padding: 0 0 0 10px;
  }
  
#dtp-page-action > dl dd{
  float: left;
  }

.book_chapter{
  font-size: 80%;
  padding: 0 0 6px 0;
  }
  
.manage_pages_chapter{
  background: #e8e6dc;
  line-height:30px;
  height: 30px;
  overflow:hidden;
  }

.switch-accordion{
  text-indent: -9999px;
  width: 30px;
  height:30px;
  float: left;
  }
  
.book-page-accordion{
  background: url(/image/main/icon/folder.png) no-repeat center center;
  }
  
.book-page-accordion-show{
  background: url(/image/main/icon/folder_open.png) no-repeat center center;
  }
  
.book_chapter_checkbox{
  margin: 1px 10px 0 18px;
  margin: 9px 10px 0 18px\9;
  float: left;
  }

.book_chapter_checkbox:not(:target) {
  margin: 9px 10px 0 18px\9;
}

.manage_pages_pages:hover{
  opacity: 0.8;
  }
  
.manage_pages_pages , .empty-page{
  background: url(/image/main/icon/memo.png) no-repeat 10px center #fff;
  line-height: 30px;
  border: 1px solid #e8e6dc;
  border-top: 0px;
  height: 30px;
  padding: 0 0 0 47px;
  }

.book_page_title{
  }
  
.book_page_title div{
  line-height: 30px;
  float: left;
  }

.book_page_title_checkbox{
  margin: 0 10px 0 0;
  margin: 9px 10px 0 0\9;
  }

.book_page_title_doc{
  width: 640px;
  }

.book-page-page-number{
  color: #888888;
  }
  
.book_page_action{
  float: right;
  }
  
.book_page_action li{
  line-height: 30px;
  padding: 0 7px;
  float: left;
  }
  
.book_page_action li a{
  text-decoration: none;
  }
  
.empty-page{
  color: #888;
  }

/*----------------------------------- CSS -----------------------------------*/

#dtp-css-action{
  margin: 0 0 10px 0;
  }

#dtp-css-action > ul{
  background: #e2ded2;
  background: -moz-linear-gradient(#f3f1ea,#e2ded2);
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f1ea), to(#e2ded2));
  font-size: 70%;
  line-height: 25px;
  border: 1px solid #c8c5b8;
  border-radius: 3px;
  -webkit-box-shadow: inset 0px 0px 1px 0px #f3f1ea;
	-moz-box-shadow: inset 0px 0px 1px 0px #f3f1ea;
  height: 25px;
  margin: 0 10px 0 0;
  float: left;
  display: inline-block;
  }

#dtp-css-action > ul li{
  border-right: 1px solid #c8c5b8;
  border-left: 1px solid #ffffff;
  height: 25px;
  float: left;
  }

#dtp-css-action > ul li:hover{
  background: #f3f1ea;
  background: -moz-linear-gradient(#dfdacc,#f3f1ea);
  background: -webkit-gradient(linear, left top, left bottom, from(#dfdacc), to(#f3f1ea));
  }

#dtp-css-action > ul li button{
  background: none;
  font-size: 95%;
  border: 0;
  padding: 0 10px;
  cursor:pointer;
  }

#dtp-css-action > ul li a{
  color: #333;
  text-decoration: none;
  }

#dtp-css-action > ul li:first-child{
  border-left: 0px;
  }

#dtp-css-action > ul li:last-child{
  border-right: 0px;
  }

#dtp-css-action input[type="text"]{
  height:25px;
  }

#dtp-css-action button.dtp-css-action-add{
  background: url("/image/main/member/button/add_css.png");
  text-indent: -9999px;
  border: 0 none;
  width: 80px;
  height: 27px;
  overflow: hidden;
  cursor: pointer;
  }
  
#css-list{
  font-size: 80%;
  border-top: 1px solid #e8e6dc;
  }

li#css-list-title{
  line-height: 30px;
  border: 1px solid #e8e6dc;
  border-top: 0px;
  height: 30px;
  padding: 0 0 0 47px;
  }

li.css-list{
  background: url(/image/main/icon/memo.png) no-repeat 10px center #fff;
  line-height: 30px;
  border: 1px solid #e8e6dc;
  border-top: 0px;
  height: 30px;
  padding: 0 0 0 47px;
  }

#css-list li div{
  float :left;
  }

.css-list-checkbox-title{
  margin: 0 22px 0 0;
}

.css-list-checkbox{
  margin: 0 30px 0 0;
  }

.css-list-name-title{
  width: 545px;
  }

.css-list-name{
  width: 545px;
  }

.css-list-time-title{
  width: 150px;
  }

.css-list-time{
  color: #999;
  width: 150px;
  }

.css-list-edit-title , .css-list-delete-title{
  text-align: right;
  width: 40px;
  }

.css-list-edit , .css-list-delete{
  text-align: right;
  width: 40px;
  }

.css-list-name a , .css-list-edit a , .css-list-delete a{
  text-decoration: none;
  }
  
#dtp-css-editor{
  background: #edebe1;
  border: 1px solid #bbb8ab;
  }

.dtp-css-editor-name{
  width: 874px;
  height: 23px;
  margin: 6px 6px 10px 6px;
  }

.CodeMirror{
  background: #fff;
  border: 1px solid #C8C5B8;
  margin: 0px 6px 0 6px;
  }

#dtp-css-editor-button{
  text-align: center;
  border-top: 1px solid #BBB8AB;
  margin: 5px 0 0;
  padding:13px 6px;
  position: relative;
  }

.dtp-css-editor-save , .dtp-css-editor-back {
  background: url("/image/main/member/button/save_s.png") repeat scroll 0 0 transparent;
  text-indent: -9999px;
  border: 0 none;
  width: 125px;
  height: 30px;
  overflow: hidden;
  cursor: pointer;
  }

.dtp-css-editor-back {
  background: url("/image/main/member/button/backlist.png") repeat scroll 0 0 transparent;
  width: 111px;
  display:block;
  position: absolute;
  top:13px;
  }

  
/*---------------------------------- Sticky ----------------------------------*/

.dtp-sticky-public{
  font-size: 80%;
  border-top: 2px solid #7C6766;
  border-bottom: 1px dotted #D2C6C6;
  margin: 0 0 10px 0;
  padding: 13px 0;
  }

#dtp-sticky-table{
  background: #e8e6dc;
  font-size:80%;
  width: 100%;
  margin: 10px 0 0 0;
  border-collapse: separate;
  border-spacing: 0px 1px;
  }
  
#dtp-sticky-table th {
  background: none repeat scroll 0 0 #E8E6DC;
  color: #4C3938;
  font-weight: bold;
  line-height: 34px;
  height: 34px;
  padding: 0 5px;
  }

#dtp-sticky-table td{
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  height: 34px;
  padding: 0 5px;
  }

#dtp-sticky-table tr{
  background: #fff;
  }

#dtp-sticky-table tr:nth-child(odd){
  background: #f6f5f0;
  }

#dtp-sticky-table tr:hover{
  background: #f5ebeb;
  }

#dtp-sticky-table td a{
  text-decoration: none;
  }

.dtp-sticky-table-page{
  width: 50px;
  }
  
.dtp-sticky-table-name{
  width: 100px;
  }
  
.dtp-sticky-table-detail{
  }
  
.dtp-sticky-table-time{
  width: 80px;
  }
  
.dtp-sticky-table-public{
  width: 60px;
  }


/*---------------------------------- contest ----------------------------------*/
#dtp-contestentry{
  background: #E8E6DC;
  border-radius: 3px;
  padding: 10px;
  }
  
button.button-contestentry-check{
  background: url("/image/main/member/button/check_l.png");
  text-indent: -9999px;
  border: 0 none;
  width: 200px;
  height: 39px;
  margin: 20px 0 10px;
  overflow: hidden;
  cursor: pointer;
  }
  
button.button-contestentry-regist{
  background: url("/image/main/member/button/regist.png");
  text-indent: -9999px;
  border: 0 none;
  width: 200px;
  height: 39px;
  margin: 20px 0 10px;
  overflow: hidden;
  cursor: pointer;
  }
@charset "UTF-8";

/*----------------------------------- navi -----------------------------------*/
#fanbook-navi{
  background: url(/image/main/fanbook/navi.png) top center;
  height: 61px;
  position: relative;
  }

#fanbook-navi h1{
  position: absolute;
  top: 16px;
  left: 17px;
  }

#fanbook-navi ul{
  height: 39px;
  margin: 21px 19px 0 0;
  float: right;
  }

#fanbook-navi li{
  float: left;
  }
  
#fanbook-navi li a{
  background-image: url(/image/main/fanbook/navi.png);
  text-indent: -9999px;
  width: 107px;
  height: 40px;
  display:block;
  overflow:hidden;
  }

.fanbook-navi-search a , .fanbook-navi-search-on a{
  background-position: 354px 101px;
  margin: 0 7px 0 0;
  }

.fanbook-navi-search a:hover , .fanbook-navi-search-on a{
  background-position: 354px bottom;
  }
  
.fanbook-navi-read a , .fanbook-navi-read-on a{
  background-position: 240px 101px;
  margin: 0 7px 0 0;
  }

.fanbook-navi-read a:hover , .fanbook-navi-read-on a{
  background-position: 240px bottom;
  }
  
.fanbook-navi-about a , .fanbook-navi-about-on a{
  background-position: 126px 101px;
  }
  
.fanbook-navi-about a:hover , .fanbook-navi-about-on a{
  background-position: 126px bottom;
  }


/*------------------------------------ bg ------------------------------------*/
#fanbook-contents , #fanbook-navi + #book-main{
  background: #f3f3f3;
  padding: 10px;
  }

#fanbook-navi + #book-main > #book-main-right{
  width: 520px;
  }

#fanbook-navi + #book-main .book-embed textarea{
  width: 508px;
  }
  
/*---------------------------------- portal ----------------------------------*/
#fanbook-portal-official{
  font-size: 80%;
  line-height: 200%;
  margin: 15px 0 40px 0;
  }

.fanbook-portal-official-about{
  background: #fff;
  border-radius: 3px;
  padding:10px;
  }

.fanbook-portal-official-write{
  text-align: right;
  margin:5px 0 0 0;
  }

#fanbook-portal-pickup{
  margin: 15px 0 0 0;
  }
  
#fanbook-portal-pickup dt{
  float: left;
  }
  
#fanbook-portal-pickup dt img{
  border: 3px solid #fff;
  border-radius: 3px;
  box-shadow: 0px 0px 3px #aaa;
  }
  
#fanbook-portal-pickup dd{
  width: 530px;
  float: right;
  }

#fanbook-portal-pickup dd h3{
  border-bottom: 2px solid #333;
  margin: 0 0 10px 0;
  display: inline-block;
  }
  
#fanbook-portal-pickup dd h3 a{
  color: #333;
  font-weight:bold;
  text-decoration:none;
  padding:0 0 1px 0;
  }
  
#fanbook-portal-pickup dd > ul{
  font-size: 70%;
  margin: 10px 0 0 0;
  }

#fanbook-portal-pickup dd > ul > li{
  margin: 0 0 7px 0;
  }
  
.fanbook-portal-pickup-tag li{
  margin:0 5px 0 0;
  display: inline-block;
  }
  
#fanbook-portal-pickup-list{
  background-image: url(/image/main/fanbook/portal_booklist_bg.png);
  width: 670px;
  height: 165px;
  margin: 19px 0 40px 0;
  }

#fanbook-portal-pickup-list h3{
  color: #fff;
  font-size: 70%;
  font-weight: bold;
  line-height: 27px;
  text-shadow: -1px -1px 0 #7A2E1F;
  height: 25px;
  margin: 0 0 0 18px;
  }
  
#fanbook-portal-pickup-list ul{
  font-size: 70%;
  margin: 9px 0 0 32px;
  }

#fanbook-portal-pickup-list li{
  width: 76px;
  margin: 0 12px 0 0;
  float: left;
  }

#fanbook-portal-pickup-list li dt{
  text-align: center;
  width: 76px;
  height: 90px;
  margin: 0 0 11px 0;
  position: relative;
  overflow:hidden;
  }

#fanbook-portal-pickup-list li dt span{
  background: #ffd900;
  width: 40px;
  padding: 2px 0;
  display:block;
  position: absolute;
  left: 18px;
  bottom: 0;
  }

#fanbook-portal-pickup-list li dd{
  line-height: 1.2em;
  text-align: center;
  }

#fanbook-portal-pickup-list li dd a{
  color: #fff;
  text-decoration: none;
  }
  
#fanbook-portal-recommend{
  margin:10px 0 40px 0;
  }
  
#fanbook-portal-recommend > li{
  width: 325px;
  height: 204px;
  margin: 0 5px;
  float: left;
  }

#fanbook-portal-recommend dt{
  margin: 0 5px 0 0;
  float: left;
  }

#fanbook-portal-recommend dt img{
  border: 3px solid #fff;
  border-radius: 3px;
  box-shadow: 0px 0px 3px #aaa;
  }

#fanbook-portal-recommend dd{
  width: 185px;
  padding: 0 5px 0 0;
  float: right;
  }

#fanbook-portal-recommend dd h3{
  border-bottom: 2px solid #333;
  margin: 0 0 10px 0;
  display: inline-block;
  }

#fanbook-portal-recommend dd h3 a{
  color: #333;
  font-weight:bold;
  text-decoration:none;
  padding:0 0 1px 0;
  }

#fanbook-portal-recommend dd > ul{
  font-size: 70%;
  margin: 10px 0 0 0;
  }

#fanbook-portal-recommend dd > ul > li{
  margin: 0 0 7px 0;
  }

.fanbook-portal-recommend-tag li{
  margin:0 5px 0 0;
  display: inline-block;
  }
  
#fanbook-portal-newtheme , #fanbook-portal-newn{
  font-size:80%;
  line-height: 250%;
  width: 325px;
  }
  
#fanbook-portal-newtheme h2 , #fanbook-portal-newn h2{
  margin: 0 0 15px 0;
  }
  
#fanbook-portal-newtheme{
  float: left;
  }
  
#fanbook-portal-newn{
  float: right;
  }

/*------------------------------ search common ------------------------------*/
#fanbook-search-setting{
  font-size: 70%;
  margin: 0 0 10px 0;
  }

#fanbook-search-setting .dk_container{
  margin: 0 5px 0 0;
  }

#fanbook-search-setting .dk_toggle{
  line-height: 27px;
  width: 130px !important;
  height: 27px;
  padding: 0 0 0 10px;
  }

#fanbook-search-setting input[type="text"]{
  width: 160px;
  height: 27px;
  margin: 0 5px 0 0;
  }

#fanbook-search-setting label{
  line-height: 29px;
  }

#fanbook-search-setting input[type="submit"]{
  background: url(/image/main/portal/button/search.png);
  text-indent: -9999px;
  border: 0px;
  width: 80px;
  height: 29px;
  overflow: hidden;
  cursor: pointer;
  float: right;
  }

#fanbook-search-sort{
  font-size: 70%;
  border-bottom: 1px dotted #7c6766;
  height: 18px;
  margin: 0 0 25px 0;
  position: relative;
  }

#fanbook-search-sort a{
  color: #333;
  text-decoration: none;
  }

#fanbook-search-sort ul{
  position: absolute;
  left: 10px;
  }

#fanbook-search-sort li{
  background: url(/image/main/portal/booksearch_sort_bg.png) top;
  line-height: 26px;
  text-align: center;
  width: 45px;
  float: left;
  margin: 0 5px 0 0;
  }

.fanbook-search-sort-on{
  height: 30px;
  }

.fanbook-search-sort{
  height: 19px;
  }
  
/*------------------------------- search theme -------------------------------*/
#fanbook-search-result{
  }
  
#fanbook-search-result > li{
  background: #fff;
  border: 1px solid #e4e4e4;
  margin: 0 0 10px 0;
  }
  
#fanbook-search-result > li dt{
  border-right: 1px solid #e4e4e4;
  width:100px;
  height:150px;
  padding:10px;
  float: left;
  }
  
#fanbook-search-result > li dd{
  width: 547px;
  float:right;
  }

#fanbook-search-result > li h2{
  background: #f5f5f5;
  line-height: 36px;
  height: 36px;
  padding: 0 0 0 10px;
  position:relative;
  }

#fanbook-search-result > li h2 a{
  color: #333;
  font-weight: bold;
  }

#fanbook-search-result > li h2 span{
  font-size: 70%;
  position:absolute;
  right: 10px;
  }

#fanbook-search-result > li h2 span img{
  vertical-align: middle;
  border-radius: 3px;
  margin: 0 4px 0 0;
  }

#fanbook-search-result > li h2 span a{
  font-weight: normal;
  text-decoration: none;
  }

#fanbook-search-result > li p , .fanbook-search-info{
  padding: 10px 10px 0 10px;
  }

.fanbook-search-info > li{
  font-size: 70%;
  margin: 0 0 7px 0;
  }

.fanbook-search-tag li{
  margin:0 5px 0 0;
  display: inline-block;
  }

/*--------------------------------- search N ---------------------------------*/

#fanbook-searchN-result {
  width: 690px;
  overflow: hidden;
  }

#fanbook-searchN-result ul{
  margin: 0 -10px 0 0;
  /zoom: 1;
  }

#fanbook-searchN-result li{
  background: #fff;
  border: 1px solid #cfc9c9;
  width: 158px;
  height: 320px;
  margin: 0 10px 10px 0;
  float: left;
  }

.fanbook-searchN-result-cover{
  background: #F5F5F5;
  text-align: center;
  height:150px;
  padding: 14px 0 0 0;
  }

.fanbook-searchN-result-title{
  background: #f5f2f2;
  line-height:25px;
  height: 25px;
  padding: 5px 7px 0 7px;
  }

.fanbook-searchN-result-title a{
  color: #333;
  font-size: 80%;
  font-weight: bold;
  }

.fanbook-searchN-result-discription , .fanbook-searchN-result-category , .fanbook-searchN-result-page , .fanbook-searchN-result-author{
  font-size: 70%;
  padding: 0 7px;
  }

.fanbook-searchN-result-discription , .fanbook-searchN-result-page{
  color: #666;
  }

.fanbook-searchN-result-discription{
  background: #f5f2f2;
  height: 30px;
  padding-bottom: 9px;
  overflow:hidden;
  }

.fanbook-searchN-result-category{
  line-height: 21px;
  margin: 7px 0 0 0;
  height: 21px;
  }

.fanbook-searchN-result-page{
  height:21px;
  margin: 0 0 7px 0;
  line-height: 21px;
  }

.fanbook-searchN-result-author{
  line-height:30px;
  border-top: 1px dotted #cfc9c9;
  height:30px;
  }

.fanbook-searchN-result-author img{
  vertical-align: middle;
  margin:0 5px 0 0;
  }

.fanbook-searchN-result-author a{
  color: #333;
  text-decoration: none;
  }


/*---------------------------------- about ----------------------------------*/
.fanbook-about-info{
  background: #fff;
  color: #4b3534;
  font-size: 80%;
  line-height: 180%;
  border: 1px solid #efeee9;
  border-top: 0px;
  border-radius: 0 0 3px 3px;
  width: 630px;
  margin: 0 auto;
  padding: 5px 15px 10px 15px;
  }

.fanbook-about-detail{
  width: 662px;
  margin: 4px auto 30px auto;
  }
  
.fanbook-about-detail ul{
  overflow: hidden;
  margin: 0 -5px 0 0;
  }
  
.fanbook-about-detail ul li{
  background: #fff;
  border: 1px solid #efeee9;
  border-radius: 3px;
  width: 193px;
  margin: 0 5px 0 0;
  padding: 11px;
  float: left;
  }
  
.fanbook-about-detail dt{
  width:194px;
  height: 108px;
  }
  
.fanbook-about-detail dd{
  color: #4b3534;
  font-size: 80%;
  }
  
.fanbook-about-detail dd h4{
  font-weight: bold;
  margin: 0 0 5px 0;
  }
  
.fanbook-about-detail dd p{
  line-height: 180%;
  }#message-board {
   position: absolute;
   margin: 0px;
   padding: 0px;
   width: 100%;
   height: 80px;
   top: 0;
   left: 0;
   background-color: #333;
   opacity: 0.8;
   text-align: center;
   vertical-align: middle;
   color:#fff;
   z-index: 300000;
}

#message-board-message {
   font-size: 32px;
}
.panel{
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .2em;
    height:23px;
    padding-top:5px;
    border:1px solid #CCCCCC;
    cursor:pointer;
    margin-bottom:0px;
}
.panel-up{
    background-image: url(/image/main/icon/slidepanel_open.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.panel-down{
    background-image:url(/image/main/icon/slidepanel_close.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.panel-closed{
    display:none;
}
/* about */
#about-howto{
  width: 900px;
  }

#about-howto ul{
  margin: 37px -15px 0 0;
  overflow: hidden;
  }
  
#about-howto li{
  width: 290px;
  margin: 0 15px 0 0;
  float: left;
  }
  
#about-howto li h2{
  margin: 0 0 12px 0;
  }
  
#about-howto li p{
  color: #555;
  font-size: 80%;
  line-height: 170%;
  margin: 15px 0 0 0;;
  }
  
#about-function-h2{
  margin: 50px 0 0 0;
  }
  
#about-function{
  width: 900px;
  margin: 0 0 40px 0;
  }
  
#about-function ul{
  margin: 42px -16px 0 0;
  overflow: hidden;
  }
  
#about-function li{
  color: #555;
  font-size: 80%;
  line-height: 170%;
  width: 442px;
  height: 137px;
  margin: 0 16px 24px 0;
  float: left;
  }
  
#about-function li dt{
  width: 152px;
  margin: 0 10px 0 0;
  float: left;
  }

#about-function li dd h3{
  margin: 0 0 15px 0;
  }
  
#about-books{
  width: 900px;
  }

#about-books ul{
  margin: 37px -15px 0 0;
  overflow: hidden;
  }

#about-books li{
  color: #555;
  font-size: 80%;
  line-height: 170%;
  width: 290px;
  margin: 0 15px 0 0;
  float: left;
  }

#about-books li dt{
  text-align: center;
  }
  
#about-books li h3{
  margin: 17px 0 15px 0;
  }
  
#about-regist{
  width: 630px;
  margin: 80px auto;
  }
  
#about-regist dt{
  margin: 0 13px 0 0;
  float: left;
  }
  
/* bonus */
#bonus{
  color: #333;
  }

#bonus h2{
  text-align:center;
  margin: 0 0 25px ;
  }

#bonus-rank{
  border-collapse: separate;
  border-spacing: 3px;
  width: 890px;
  margin:0 auto 70px auto;
  }

#bonus-rank td , #bonus-rank th{
  line-height: 50px;
  height:50px;
  }

.bonus-rank-bronze , .bonus-rank-silver , .bonus-rank-gold{
  text-align:center;
  width:240px;
  }

.bonus-rank-bronze{
  background: url(/image/bonus/bronze.png) #efefef no-repeat 14% center;
  }

.bonus-rank-silver{
  background: url(/image/bonus/silver.png) #efefef no-repeat 14% center;
  }
  
.bonus-rank-gold{
  background: url(/image/bonus/gold.png) #efefef no-repeat 14% center;
  }


.bonus-rank-cat{
  background: #efefef;
  text-align: center;
  border: 3px solid #e5e5e5;
  }
  
.bonus-rank-no{
  background: #f8f8f8;
  text-align:center;
  }
  
.bonus-check{
  background: #efefef;
  border-radius: 6px;
  width: 872px;
  margin:0 auto;
  padding:10px;
  }
  
.bonus-check-image{
  width:200px;
  margin: 0 10px 0 0;
  float: left;
  display:block;
  }
  
#bonus-regist{
  text-align: center;
  margin: 40px 0;
  }@charset "UTF-8";

/* --------------------------------- common ----------------------------------*/
#contest-search-setting{
  border-bottom: 1px dotted #D2C6C6;
  border-top: 2px solid #7C6766;
  margin: 10px 0 25px;
  padding: 13px 0;
  }

#contest-search-setting .dk_container{
  font-size: 70%;
  }

#contest-search-setting .dk_toggle{
  line-height: 27px;
  width: 180px !important;
  height: 27px;
  padding: 0 0 0 10px;
  }

#contest-search-result {
  width: 900px;
  overflow: hidden;
  }

#contest-search-result ul{
  margin: 0 -10px 0 0;
  /zoom: 1;
  }

#contest-search-result li{
  border: 1px solid #cfc9c9;
  width: 170px;
  height: 320px;
  margin: 0 10px 10px 0;
  float: left;
  }

.contest-search-result-cover{
  background: #f5f2f2;
  text-align: center;
  height:150px;
  padding: 14px 0 0 0;
  overflow: hidden;
  }

.contest-search-result-title{
  background: #f5f2f2;
  line-height:25px;
  height: 25px;
  padding: 5px 7px 0 7px;
  }

.contest-search-result-title a{
  color: #333;
  font-size: 80%;
  font-weight: bold;
  }

.contest-search-result-discription , .contest-search-result-category ,
.contest-search-result-price , .contest-search-result-author{
  font-size: 70%;
  padding: 0 7px;
  }

.contest-search-result-discription , .contest-search-result-price{
  color: #666;
  }

.contest-search-result-discription{
  background: #f5f2f2;
  height: 30px;
  padding-bottom: 9px;
  overflow:hidden;
  }

.contest-search-result-category{
  line-height: 21px;
  margin: 7px 0 0 0;
  height: 21px;
  }

.contest-search-result-price{
  height:21px;
  margin: 0 0 7px 0;
  line-height: 21px;
  }

.contest-search-result-author{
  line-height:30px;
  border-top: 1px dotted #cfc9c9;
  height:30px;
  overflow:hidden;
  }

.contest-search-result-author img{
  margin:0 5px 0 0;
  }

.contest-search-result-author a{
  color: #333;
  text-decoration: none;
  }

/* ------------------------------- Creation -------------------------------*/

#contest-creation-nav{
  }
  
#contest-creation-nav li{
  background-image: url(/image/contest/creation/nav.png);
  width: 225px;
  height: 60px;
  float: left;
  }
  
#contest-creation-nav li a{
  text-indent: -9999px;
  width: 225px;
  height: 60px;
  display: block;
  overflow: hidden;
  }
  
li.contest-creation-nav-guidebook{background-position: top left;}
li.contest-creation-nav-guidebook-on{background-position: bottom left;}
li.contest-creation-nav-topicimage{background-position: 675px 0px;}
li.contest-creation-nav-topicimage-on{background-position: 675px 60px;}
li.contest-creation-nav-entrylist{background-position: 450px 0px;}
li.contest-creation-nav-entrylist-on{background-position: 450px 60px;}
li.contest-creation-nav-finalist{background-position: top right;}
li.contest-creation-nav-finalist-on{background-position: bottom right;}

#contest-creation-guidebook{
  line-height: 180%;
  margin: 35px 0 0 0;
  }

#contest-creation-guidebook a{
  color: #df3b5b;
  }
  
#contest-creation-guidebook h2{
  margin: 0 0 20px 0;
  }
  
#contest-creation-guidebook-about , #contest-creation-guidebook-theme ,
#contest-creation-guidebook-period , #contest-creation-guidebook-howto-attention ,
#contest-creation-guidebook-qualify{
  margin: 0 10px 50px 10px;
  }
  
#contest-creation-guidebook-howto{
  margin: 0 10px 15px 10px;
  }
  
#contest-creation-guidebook-howto-attention{
  font-size: 80%;
  }
  
#contest-creation-guidebook-prize , #contest-creation-guidebook-announce{
  width:880px;
  margin: 0 auto 50px auto;
  }
  
#contest-creation-guidebook-prize dt , #contest-creation-guidebook-announce dt{
  font-weight: bold;
  width: 140px;
  float: left;
  }
  
#contest-creation-guidebook-prize dd , #contest-creation-guidebook-announce dd{
  width: 730px;
  float: right;
  }
  
#contest-creation-guidebook-attention{
  margin: 0 10px 20px 10px;
  }
  
#contest-creation-guidebook-attention li{
  margin: 0 0 6px 0;
  }
  
#contest-creation-topic{
  line-height: 180%;
  margin: 35px 0 0 0;
  }

#contest-creation-topic a{
  color: #df3b5b;
  }
  
#contest-creation-topic li{
  width: 450px;
  margin: 0 0 38px 0;
  float: left;
  }

#contest-creation-topic li:last-child{
  margin:0;
  }
  
#contest-creation-topic dl{
  height: 144px;
  }
  
#contest-creation-topic dt{
  width: 144px;
  margin: 0 13px 0 0;
  float: left;
  }
  
#contest-creation-topic dd h2{
  margin: 4px 0 15px 0;
  }
  
.contest-creation-topic-Illustrator{
  font-size: 80%;
  margin:0 0 16px 0;
  }

.contest-creation-finalist{
  width: 840px;
  margin: 30px auto 40px auto;
  }
  
.contest-creation-finalist dt{
  width: 176px;
  float: left;
  }
  
.contest-creation-finalist dd{
  width: 639px;
  min-height: 254px;
  float: right;
  }
  
.contest-creation-finalist dd h3{
  margin: 13px 0;
  }
  
.contest-creation-finalist dd li{
  line-height: 200%;
  }
  
.contest-creation-result{
  width: 880px;
  margin: 20px auto 40px auto;
  }

.contest-creation-result > dt{
  width: 176px;
  float: left;
  }

.contest-creation-result > dd{
  font-size: 80%;
  width: 685px;
  min-height: 254px;
  float: right;
  }
  
.contest-creation-result dd h4{
  font-weight: bold;
  line-height: 250%;
  }

.contest-creation-result dd p{
  color: #555;
  }

.contest-creation-result > dd > p{
  margin: 0 0 10px ;
  padding: 0 0 10px 0;
  }

.contest-creation-result-border{
  border-bottom: 1px dotted #c0c0c0;
  }
  
.contest-creation-result-comment{
  border-bottom: 1px dotted #c0c0c0;
  width: 685px;
  margin: 0 0 10px;
  padding: 0 0 10px;
  }
  
.contest-creation-result-comment dt{
  width: 50px;
  float: left;
  }
  
.contest-creation-result-comment dd{
  width: 625px;
  float: right;
  }

  /* ------------------------------- AnimalPhoto -------------------------------*/

#contest-animalPHOTO-nav{
  }
  
#contest-animalPHOTO-nav li{
  background-image: url(/image/contest/animal_photo/nav.png);
  width: 225px;
  height: 60px;
  float: left;
  }

#contest-animalPHOTO-nav li a{
  text-indent: -9999px;
  width: 225px;
  height: 60px;
  display: block;
  overflow: hidden;
  }
  
li.contest-animalPHOTO-nav-guidebook{background-position: top left;}
li.contest-animalPHOTO-nav-guidebook-on{background-position: bottom left;}
li.contest-animalPHOTO-nav-topicimage{background-position: 675px 0px;}
li.contest-animalPHOTO-nav-topicimage-on{background-position: 675px 60px;}
li.contest-animalPHOTO-nav-entrylist{background-position: 450px 0px;}
li.contest-animalPHOTO-nav-entrylist-on{background-position: 450px 60px;}
li.contest-animalPHOTO-nav-finalist{background-position: top right;}
li.contest-animalPHOTO-nav-finalist-on{background-position: bottom right;}

#contest-animalPHOTO-guidebook , #contest-animalPHOTO-form{
  line-height: 180%;
  margin: 35px 0 0 0;
}

#contest-animalPHOTO-guidebook h2 , #contest-animalPHOTO-form h2{
  margin: 0 0 20px 0;
}

.contest-animalPHOTO-guidebook-detail , #contest-animalPHOTO-guidebook-sponsor{
  margin: 0 10px 50px 10px;  
}

.contest-animalPHOTO-guidebook-attention{
  margin: -30px 10px 50px 10px;
  font-size: 80%;
}

#contest-animalPHOTO-guidebook-prize{
  width:880px;
  margin: 0 auto 50px auto;
  }
  
#contest-animalPHOTO-guidebook-prize dt{
  font-weight: bold;
  width: 140px;
  float: left;
  }
  
#contest-animalPHOTO-guidebook-prize dd{
  width: 730px;
  float: right;
  }

#contest-animalPHOTO-login-h1{
  margin-bottom:20px;
  }

#contest-animalPHOTO-login-left{
  width: 600px;
  float: left;
  }

.contest-animalPHOTO-login-left-box{
  background: #e6ebd2;
  border-radius: 3px;
  padding: 10px;
  }

#contest-animalPHOTO-login-left input[type="submit"]{
  background: url(/image/main/portal/button/login_l.png);
  text-indent: -9999px;
  border: 0px;
  width: 200px;
  height: 39px;
  margin: 20px 0 10px 0;
  overflow: hidden;
  cursor: pointer;
  }

#contest-animalPHOTO-login-right{
  font-size: 80%;
  width: 290px;
  float: right;
  }

.contest-animalPHOTO-login-right-box{
  background: #ebefd9;
  border-radius: 3px;
  padding: 20px;
  }

.contest-animalPHOTO-login-right-box:nth-child(1){
  margin-bottom: 10px;
  }

.contest-animalPHOTO-login-right-box h2{
  font-weight: bold;
  margin: 0 0 20px 0;
  }

#contest-animalPHOTO-entry {
    background: none repeat scroll 0 0 #ebefd9;
    border-radius: 3px 3px 3px 3px;
    padding: 10px;
}

#contest-animalPHOTO-entry .dk_toggle{
    padding: 0 0 0 10px;

}

.contest-animalPHOTO-form-button{
    background: url("/image/contest/animal_photo/button_entry.png") repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 49px;
    margin: 20px 0 10px;
    overflow: hidden;
    text-indent: -9999px;
    width: 205px;
  }

#contest-animalPHOTO-twitter{
  width:122px;
  margin: 20px auto 70px auto;
}

/* ------------------------------- gadget -------------------------------*/
#contest-gadget{
  line-height: 2em;
}

#contest-gadget-navi{
  margin: 30px 0 50px 0;
  text-align: center;
}

#contest-gadget-navi li{
  display: inline-block;
}

#contest-gadget-theme{
  width: 700px;
  margin: 30px auto 50px auto;
}

#contest-gadget-theme li{
  width:131px;
  margin-right: 44px;
  margin-bottom: 25px;
  float: left;
}

#contest-gadget-writer{
  width: 800px;
  margin: 30px auto 20px auto;
}

#contest-gadget-writer dt{
  width: 120px;
  float: left;
}

#contest-gadget-writer dd{
  width: 655px;
  float: right;
}

#nanovel-info{
  background: #efefef;
  padding:20px;
  width: 840px;
  margin: 30px auto 50px auto;
  border-radius: 10px;
  line-height: 180% !important;
}

#nanovel-info dt{
  float: left;
  width:130px;
  margin-right: 20px;
}

#nanovel-info dd{
  float: right;
  width:690px;
}

.contest-gadget-step{
  width:800px;
  margin: 30px auto 50px auto;
}

.contest-gadget-step li{
  width: 340px;
  margin-right: 60px;
  margin-bottom: 30px;
  float: left;
}

.contest-gadget-step li dd{
  text-align: center;
  margin-top: 15px;
}

.contest-gadget-attention{
  width: 800px;
  margin: 30px auto 0 auto;
}

#contest-gadget-books{
  width: 800px;
  margin: 30px auto 0 auto;
}

#contest-gadget-books dt{
  color:#777;
}

#contest-gadget-books dd{
  margin-bottom: 20px;
}
@charset "UTF-8";

#special-h1{
  margin: 0 0 10px 0;
  }
  
#special-list{
  }

#special-list dt{
  margin: 0 0 10px 0;
  }

#special-list dd{
  margin: 0 0 40px 0;
  }

#special-list dd:last-child{
  margin: 0;
  }
  
#special-list dd h2{
  color: #4B3534;
  font-weight:bold;
  border-bottom: 3px solid #E8E6DC;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
  }
  
#special-list dd p{
  color: #555;
  font-size: 80%;
  line-height: 180%;
  }

.special-detail-copy{
  color: #555;
  font-size: 80%;
  line-height: 180%;
  margin: 17px 0 0 0;
  }
  
#special-detail-list , .special-detail-list{
  }

#special-detail-list a , .special-detail-list a{
  text-decoration: none;
  }
  
#special-detail-list dt , .special-detail-list dt{
  width: 130px;
  margin: 40px 0 0 0;
  height: 215px;
  float: left;
  }

.special-detail-cover{
  border: 3px solid #fff;
  box-shadow: 0px 0px 4px #aaa;
  width:114px;
  height: 175px;
  margin: 0 auto;
  display:block;
  }
  
#special-detail-list dd , .special-detail-list dd{
  width: 552px;
  height: 215px;
  margin: 40px 0 0 8px;
  float: right;
  }
 
.special-detail-list dt , .special-detail-list dd{
  height: auto!important;
  min-height:215px;
  max-height: 400px;
}


#special-detail-list dd h3 , .special-detail-list dd h3{
  font-weight:bold;
  line-height: 180%;
  border-bottom: 2px solid #333;
  }
  
.special-detail-description{
  color: #555;
  font-size: 80%;
  line-height: 180%;
  margin: 10px 0 20px 0;
  }
  
#special-detail-list dd ul li , .special-detail-list dd ul li{
  margin: 0 10px 0 0;
  float: left;
  }

.special-detail-category , .special-detail-page{
  font-size: 70%;
  line-height: 21px;
  }
  
/*------------------- Lightnovel -------------------*/
.special-detail-button-lightnovel{
  background: #9c3b7a;
  background: -moz-linear-gradient(#bc64a4 , #9c3b7a);
  background: -webkit-gradient(#bc64a4 , #9c3b7a);
  color: #fff;
  font-size: 80%;
  line-height: 23px;
  text-align: center;
  text-shadow: -1px -1px 0 #a34182;
  border: 1px solid #a63380;
  border-radius: 3px;
  box-shadow: 0px 0px 1px #c37da9 inset;
  width:120px;
  height:23px;
  margin: 9px auto 0 auto;
  display: block;
  }

.special-detail-price-lightnovel{
  background: #e95295;
  color: #fff;
  font-size: 70%;
  line-height: 21px;
  border-radius: 3px;
  height: 20px;
  padding: 0 4px;
  }

/*------------------- ladies -------------------*/
.special-detail-button-ladies{
  background: #e13441;
  background: -moz-linear-gradient(#e95464 , #e13441);
  background: -webkit-gradient(#e95464 , #e13441);
  color: #fff;
  font-size: 80%;
  line-height: 23px;
  text-align: center;
  text-shadow: -1px -1px 0 #c24752;
  border: 1px solid #cf293b;
  border-radius: 3px;
  box-shadow: 0px 0px 1px #ec7578 inset;
  width:120px;
  height:23px;
  margin: 9px auto 0 auto;
  display: block;
  }

.special-detail-price-ladies{
  background: #ee827c;
  color: #fff;
  font-size: 70%;
  line-height: 21px;
  border-radius: 3px;
  height: 20px;
  padding: 0 4px;
  }

/*------------------- postwar -------------------*/
.special-detail-button-postwar{
  background: #183a85;
  background: -moz-linear-gradient(#1e438a , #0b257a);
  background: -webkit-gradient(linear, left top, left bottom, from(#1e438a) , to(#0b257a));
  color: #fff;
  font-size: 80%;
  line-height: 23px;
  text-align: center;
  text-shadow: -1px -1px 0 #091943;
  border: 1px solid #001d56;
  box-shadow: 0px 0px 1px #4061a0 inset;
  width:120px;
  height:23px;
  margin: 9px auto 0 auto;
  display: block;
  }

.special-detail-price-postwar{
  background: #4a608b;
  color: #fff;
  font-size: 70%;
  line-height: 21px;
  border-radius: 3px;
  height: 20px;
  padding: 0 4px;
  }

/*------------------- comic -------------------*/
.special-detail-button-comic{
  background: #e13441;
  background: -moz-linear-gradient(#727272 , #595959);
  background: -webkit-gradient(#727272 , #595959);
  color: #fff;
  font-size: 80%;
  line-height: 23px;
  text-align: center;
  text-shadow: -1px -1px 0 #091943;
  border: 1px solid #424242;
  border-radius: 3px;
  box-shadow: 0px 0px 1px #ccced5 inset;
  width:120px;
  height:23px;
  margin: 9px auto 0 auto;
  display: block;
  }

.special-detail-price-comic{
  background: #838383;
  color: #fff;
  font-size: 70%;
  line-height: 21px;
  border-radius: 3px;
  height: 20px;
  padding: 0 4px;
  }

/*------------------- guide -------------------*/
.special-detail-button-guide{
  background: #f3624b;
  background: -moz-linear-gradient(#8ecc31 , #6fb81d);
  background: -webkit-gradient(#8ecc31 , #6fb81d);
  color: #fff;
  font-size: 80%;
  line-height: 23px;
  text-align: center;
  text-shadow: 0px 0px 2px #4f8a1a;
  border: 1px solid #65a204;
  border-radius: 3px;
  box-shadow: 0px 0px 1px #9fd457 inset;
  width:120px;
  height:23px;
  margin: 9px auto 0 auto;
  display: block;
  }

.special-detail-price-guide{
  background: #ef7d1b;
  color: #fff;
  font-size: 70%;
  line-height: 21px;
  border-radius: 3px;
  height: 20px;
  padding: 0 4px;
  }

/*------------------- Apocalypse -------------------*/
.special-detail-button-apocalypse{
  background: #f3624b;
  background: -moz-linear-gradient(#e92625 , #fd6113);
  background: -webkit-gradient(#e92625 , #fd6113);
  color: #fff;
  font-size: 80%;
  line-height: 23px;
  text-align: center;
  text-shadow: -1px -1px 0 #c0201a;
  border: 1px solid #c71514;
  border-radius: 3px;
  box-shadow: 0px 0px 1px #f58168 inset;
  width:120px;
  height:23px;
  margin: 9px auto 0 auto;
  display: block;
  }

.special-detail-price-apocalypse{
  background: #f05448;
  color: #fff;
  font-size: 70%;
  line-height: 21px;
  border-radius: 3px;
  height: 20px;
  padding: 0 4px;
  }
 
 /*------------------- health -------------------*/
.special-detail-button-health{
  background: #f3624b;
  background: -moz-linear-gradient(#ffffff , #91baf5);
  background: -webkit-gradient(#ffffff , #91baf5);
  color: #004db7;
  font-size: 80%;
  line-height: 23px;
  text-align: center;
  text-shadow: 1px 1px 0 #f3f7fe;
  border: 1px solid #488cf1;
  border-radius: 3px;
  box-shadow: 0px 0px 3px #82b0f5 inset;
  width:120px;
  height:23px;
  margin: 9px auto 0 auto;
  display: block;
  }

.special-detail-price-health{
  background: #3783ef;
  color: #fff;
  font-size: 70%;
  line-height: 21px;
  border-radius: 3px;
  height: 20px;
  padding: 0 4px;
  } 

 /*------------------- youth -------------------*/
.special-detail-button-youth{
  background: #0176c0;
  background: -moz-linear-gradient(#0188c7 , #004bb1);
  background: -webkit-gradient(#0188c7 , #004bb1);
  color: #fff;
  font-size: 80%;
  line-height: 23px;
  text-align: center;
  text-shadow: 0px 0px 2px #0062b8;
  border: 1px solid #05557b;
  border-radius: 3px;
  box-shadow: 0px 0px 1px #4baddb inset;
  width:120px;
  height:23px;
  margin: 9px auto 0 auto;
  display: block;
  }

.special-detail-price-youth{
  background: #1a98cd;
  color: #fff;
  font-size: 70%;
  line-height: 21px;
  border-radius: 3px;
  height: 20px;
  padding: 0 4px;
  } 

 /*------------------- torsurge -------------------*/
.special-detail-button-torsurge{
  background: #786c59;
  background: -moz-linear-gradient(#786c59 , #3f392e);
  background: -webkit-gradient(#786c59 , #3f392e);
  color: #fff;
  font-size: 80%;
  line-height: 23px;
  text-align: center;
  text-shadow: 0px 0px 2px #141312;
  border: 1px solid #383229;
  border-radius: 3px;
  width:120px;
  height:23px;
  margin: 9px auto 0 auto;
  display: block;
  }

.special-detail-price-torsurge{
  background: #746856;
  color: #fff;
  font-size: 70%;
  line-height: 21px;
  border-radius: 3px;
  height: 20px;
  padding: 0 4px;
  } 

/*------------------- artist 01 -------------------*/
.special-detail-button-artist01{
  background: #f7a01b;
  background: -moz-linear-gradient(#f7aa20 , #f79112);
  background: -webkit-gradient(#f7aa20 , #f79112);
  color: #fff;
  font-size: 80%;
  line-height: 23px;
  text-align: center;
  text-shadow: -1px -1px 0 #ce8014;
  border: 1px solid #e3820a;
  border-radius: 3px;
  box-shadow: 0px 0px 1px #f9bd44 inset;
  width:120px;
  height:23px;
  margin: 9px auto 0 auto;
  display: block;
  }

.special-detail-price-artist01{
  background: #f29047;
  color: #fff;
  font-size: 70%;
  line-height: 21px;
  border-radius: 3px;
  height: 20px;
  padding: 0 4px;
  }
  
.special-detail-catalog-artist01{
  background: url(/image/special/artist/01_minoru/bg_catalog.png);
  color: #555555;
  font-size: 80%;
  width:608px;
  height:155px;
  padding: 16px 38px;
  margin: 40px auto 0 auto;
  }
  
.special-detail-catalog-artist01 dt{
  width: 213px;
  margin: 0 20px 0 0;
  float: left;
  }

.special-detail-catalog-artist01 dd{
  width: 375px;
  float: right;
  }

.special-detail-catalog-artist01 dd h3{
  margin: 0 0 10px 0;
  }
  

/*------------------- artist 02 -------------------*/
.special-detail-button-artist02{
  background: #5e5e5e;
  background: -moz-linear-gradient(#6b6b6b , #4f4f4f);
  background: -webkit-gradient(linear, left top, left bottom, from(#6b6b6b) , to(#4f4f4f));
  color: #fff;
  font-size: 80%;
  line-height: 23px;
  text-align: center;
  text-shadow: -1px -1px 0 #4c4c4c;
  border: 1px solid #3b3b3b;
  border-radius: 3px;
  box-shadow: 0px 0px 1px #7f7f7a inset;
  width:120px;
  height:23px;
  margin: 9px auto 0 auto;
  display: block;
  }

.special-detail-price-artist02{
  background: #5c5c5c;
  color: #fff;
  font-size: 70%;
  line-height: 21px;
  border-radius: 3px;
  height: 20px;
  padding: 0 4px;
  }
  
/*------------------- artist 03 -------------------*/
.special-detail-button-artist03{
  background: #a3aeb1;
  background: -moz-linear-gradient(#a3aeb1 , #879497);
  background: -webkit-gradient(linear, left top, left bottom, from(#a3aeb1) , to(#879497));
  color: #fff;
  font-size: 80%;
  line-height: 23px;
  text-align: center;
  text-shadow: -1px -1px 0 #7a8486;
  border: 1px solid #838c8f;
  border-radius: 3px;
  box-shadow: 0px 0px 1px #bcc4c4 inset;
  width:120px;
  height:23px;
  margin: 9px auto 0 auto;
  display: block;
  }

.special-detail-price-artist03{
  background: #a3aeb1;
  color: #fff;
  font-size: 70%;
  line-height: 21px;
  border-radius: 3px;
  height: 20px;
  padding: 0 4px;
  }

/*------------------- artist 04 -------------------*/
.special-detail-button-artist04{
  background: #532930;
  background: -moz-linear-gradient(top, #783741 0%, #49262b 50%, #161616 51%, #161616 100%);
  background: -webkit-linear-gradient(top, #783741 0%, #49262b 50%, #161616 51%, #161616 100%);
  color: #fff;
  font-size: 80%;
  line-height: 23px;
  text-align: center;
  text-shadow: -1px -1px 0 #530a0c;
  border: 1px solid #432429;
  border-radius: 3px;
  box-shadow: 0px 0px 1px #8f5456 inset;
  width:120px;
  height:23px;
  margin: 9px auto 0 auto;
  display: block;
  }

.special-detail-price-artist04{
  background: #ac3e4f;
  color: #fff;
  font-size: 70%;
  line-height: 21px;
  border-radius: 3px;
  height: 20px;
  padding: 0 4px;
  }

/*------------------- artist 05 -------------------*/
.special-detail-button-artist05{
  background: #bfc719;
  background: -moz-linear-gradient(#d5db2f , #bdc617);
  background: -webkit-gradient(linear, left top, left bottom, from(#d5db2f) , to(#bdc617));
  color: #5e6417;
  font-size: 80%;
  line-height: 23px;
  text-align: center;
  text-shadow: 1px 1px 0 #e7ea90;
  border: 1px solid #889601;
  border-radius: 3px;
  box-shadow: 0px 0px 1px #d6dc3f inset;
  width:120px;
  height:23px;
  margin: 9px auto 0 auto;
  display: block;
  }

.special-detail-price-artist05{
  background: #8f9f02;
  color: #fff;
  font-size: 70%;
  line-height: 21px;
  border-radius: 3px;
  height: 20px;
  padding: 0 4px;
  }

/*------------------- artist 06 -------------------*/
.special-detail-button-artist06{
  background: #bfc719;
  background: -moz-linear-gradient(#b18ba4 , #906681);
  background: -webkit-gradient(linear, left top, left bottom, from(#b18ba4) , to(#906681));
  color: #fff;
  font-size: 80%;
  line-height: 23px;
  text-align: center;
  text-shadow: -1px -1px 0 #76536a;
  border: 1px solid #89677d;
  border-radius: 3px;
  box-shadow: 0px 0px 1px #bc9bad inset;
  width:120px;
  height:23px;
  margin: 9px auto 0 auto;
  display: block;
  }

.special-detail-price-artist06{
  background: #9a728c;
  color: #fff;
  font-size: 70%;
  line-height: 21px;
  border-radius: 3px;
  height: 20px;
  padding: 0 4px;
  }

/*------------------- contest_N -------------------*/
.special-Ncon-heading{
  margin: 40px 0 10px 0;
  height: 68px;
  position:relative;
  }
  
.special-Ncon-heading p{
  position: absolute;
  top:35px;
  right:10px;
  }
  
.special-Ncon-list-01 , .special-Ncon-list-02 , .special-Ncon-list-03{
  width: 790px;
  margin: 0 -10px 0 0;
  }
  
.special-Ncon-list-01 dl , .special-Ncon-list-02 dl , .special-Ncon-list-03 dl{
  background: #f6f6f6;
  width:324px;
  height:250px;
  margin: 0 10px 10px 0;
  padding: 8px;
  float: left;
  }
  
.special-Ncon-list-01 dl dt , .special-Ncon-list-02 dl dt , .special-Ncon-list-03 dl dt{
  width:120px;
  margin: 0 10px 0 0;
  float: left;
  }
  
.special-Ncon-list-01 dl dd , .special-Ncon-list-02 dl dd , .special-Ncon-list-03 dl dd{
  width: 194px;
  float: right;
  }
  
.special-Ncon-list-01 dl h3 , .special-Ncon-list-02 dl h3 , .special-Ncon-list-03 dl h3{
  color: #e9a900;
  font-weight:bold;
  }

.special-Ncon-list-01 dl h4{
  color: #bb615c;
  font-size: 80%;
  }

.special-Ncon-list-02 dl h4{
  color: #468ca3;
  font-size: 80%;
  }

.special-Ncon-list-03 dl h4{
  color: #7b9d3f;
  font-size: 80%;
  }

.special-Ncon-list-01 dl li , .special-Ncon-list-02 dl li , .special-Ncon-list-03 dl li{
  margin: 0 7px 0 0;
  float:left;
  }
  
.special-Ncon-price-01{
  background: #dd9188;
  color: #FFFFFF;
  font-size: 70%;
  line-height: 21px;
  border-radius: 3px 3px 3px 3px;
  height: 20px;
  padding: 0 4px;
  display:inline-block;
  }
  
.special-Ncon-button-01{
  background: #b45b55;
  background: -moz-linear-gradient(#bd6660 , #a54944);
  background: -webkit-gradient(linear, left top, left bottom, from(#bd6660) , to(#a54944));
  color: #fff;
  font-size: 80%;
  line-height: 23px;
  text-align: center;
  text-decoration: none;
  text-shadow: -1px -1px 0 #993a35;
  border: 1px solid #9c5752;
  border-radius: 3px;
  box-shadow: 0px 0px 1px #d18b86 inset;
  width:120px;
  height:23px;
  margin: 9px auto 0 auto;
  display: block;
  }
  
.special-Ncon-price-02{
  background: #72b3cf;
  color: #FFFFFF;
  font-size: 70%;
  line-height: 21px;
  border-radius: 3px 3px 3px 3px;
  height: 20px;
  padding: 0 4px;
  display:inline-block;
  }

.special-Ncon-button-02{
  background: #40a6d0;
  background: -moz-linear-gradient(#46afd8 , #3090bb);
  background: -webkit-gradient(linear, left top, left bottom, from(#46afd8) , to(#3090bb));
  color: #fff;
  font-size: 80%;
  line-height: 23px;
  text-align: center;
  text-decoration: none;
  text-shadow: -1px -1px 0 #257493;
  border: 1px solid #4f94ae;
  border-radius: 3px;
  box-shadow: 0px 0px 1px #5fbadd inset;
  width:120px;
  height:23px;
  margin: 9px auto 0 auto;
  display: block;
  }
  
.special-Ncon-price-03{
  background: #a0be61;
  color: #FFFFFF;
  font-size: 70%;
  line-height: 21px;
  border-radius: 3px 3px 3px 3px;
  height: 20px;
  padding: 0 4px;
  display:inline-block;
  }

.special-Ncon-button-03{
  background: #83a54a;
  background: -moz-linear-gradient(#8eaf53 , #6a8c33);
  background: -webkit-gradient(linear, left top, left bottom, from(#8eaf53) , to(#6a8c33));
  color: #fff;
  font-size: 80%;
  line-height: 23px;
  text-align: center;
  text-decoration: none;
  text-shadow: -1px -1px 0 #5f7f2a;
  border: 1px solid #789a3d;
  border-radius: 3px;
  box-shadow: 0px 0px 1px #9db969 inset;
  width:120px;
  height:23px;
  margin: 9px auto 0 auto;
  display: block;
  }