@charset "utf-8";



/* {outline :1px dotted pink;}*/


/* CSS Document */

/**********************/
/* 属性基本設定 */
/**********************/

a {
  color: #03B;
  color: #357;
  color:#069;
  color: #259;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

address {
  font-style:normal;
  text-align:center;
  padding:10px 0;
}
address a {
  color:#000000;
  text-decoration:none;
}

input[type="radio"] {
  margin-right: 4px;
}
/**********************/


/**********************/
/* 装飾クラス系 */
/**********************/

.hidden { display:none; }
.l { float: left; }
.r { float: right; }
.center{
  text-align: center;
}
.message {
  text-align: center;
  font-weight:bold;
  line-height:3em;
}
/* "float" クリア */
.cfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.cfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .cfix { height: 1%; }
*+html .cfix { height: 1%; }
.cfix { display: block; }
/* End hide from IE-mac */

.fs_10 { font-size: 10px; line-height: 12px; }
.fs_12 { font-size: 12px; line-height: 14px; }
.fs_14 { font-size: 14px; line-height: 18px; }
.fs_16 { font-size: 16px; line-height: 20px; }

.fc_red { color:#FF0000; }
.fc_wht { color:#FFFFFF; }
.fc_blk { color:#000000; }
.fc_yel { color:#ffcc33; }
.fc_grn { color:#339900; }
.fc_gry { color:#888888; }
.fc_pnk { color:#FF6666; }
.fc_drk { color:#333333; }

.w_240 { width:240px; }
.w_96 { width:96px; height:72px;}
.w_80 { width:80px; height:60px;}
.w_84 { width:84px; }
.w_52 { width:52px; height:39px;}
.w_140 { width:140px; height:140px;}

div.inner { padding:5px; }

a.link_blk { color:#000000; }
a.link_wht { color:#ffffff; }
a.link_red { color:#ff0000; }
a.link_yel { color:#ffcc33; }

.illust_link_blk a,
.illust_link_blk a:visited {
  text-decoration:none;
  color:#000000;
}

.illust_link_blk a:hover{
  text-decoration:underline;
  color:#000000;
}

.bdr_864 {
  width:864px;
  height:11px;
  background:url(/img/common/bdr_864.gif) center top no-repeat;
}
.bdr_968 {
  width:968px;
  height:12px;
  background:url(/img/common/bdr_968.gif) center top no-repeat;
}
.mb02 { margin-bottom: 2px; }
.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb16 { margin-bottom: 16px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.ml02 { margin-left: 2px; }
.ml05 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml16 { margin-left: 16px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.mt02 { margin-top: 2px; }
.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt16 { margin-top: 16px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mr02 { margin-right: 2px; }
.mr05 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr16 { margin-right: 16px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.pd0410 { padding: 4px 10px; }
.pd1020 { padding: 10px 20px; }

.bold { font-weight:bold; }

/**********************/

a.im_ttl {
  color:#ff7800;
  font-weight:bold;
  line-height:140%;
  font-size:14px;}

.im_thumb_box_s {
  width:120px;
  text-align:center;
  padding:5px;}

.im_thumb_box_b {
  width:166px;
  border:#b89990 solid 2px;
  padding:3px;
  margin:4px;}

.im_thumb_box_bs {
  float:left;
  width:136px;
  border:#b89990 solid 2px;
  padding:3px;
  margin:4px;}

.im_thumb_box_bs .thumb_date { font-size:10px;}

/**********************/

a.link_red { color:#ff0000; }

#wrapper { text-align:left; }

#connected_menu { line-height: 28px; }
#connected_menu a,
#help_menu a {
  color: #FFF;
  text-decoration: underline;
}
#connected_menu a:hover,
#help_menu a:hover {
  text-decoration: none;
}

#help_menu a.link_ble { color:#33cccc; }
#help_menu a.link_red { color:#ff3300; }

#help_menu {
    line-height: 28px;
    text-align: left;
}

#menu_switch { vertical-align:middle; }

#menu_switch img { margin-left:5px; }
/**********************/


/* menu bar */
a.im_hover{
  display : block ;
  text-indent : -9999px ;
  margin : 0 ;
  padding : 0 ;
  background-repeat : no-repeat ;
  text-decoration : none ;
  overflow : hidden ;
}
#im_menu{
  width: 984px;
  padding: 15px 0 5px 0;
}
#im_menu_inner {
    background:url(/img/common/menu/bg.png) no-repeat;
    width:872px;
    height:40px;
}

div#im_menu_inner {
  margin:0;
  padding:5px 0 0 110px ;
}
div#im_menu_inner div.im_menu_item_top{
  float:left;
  width:78px;
  padding-top:7px;
  padding-right:19px;
}
div#im_menu_inner div.im_menu_item_list{
  float:left;
  width:60px;
  padding-top:7px;
  padding-right:19px;
}
div#im_menu_inner div.im_menu_item_rank{
  float:left;
  width:85px;
  padding-top:7px;
  padding-right:19px;
}
div#im_menu_inner div.im_menu_item_mypage{
  float:left;
  width:88px;
  padding-top:7px;
  padding-right:19px;
}

div#im_menu_inner div a{
    height : 18px ;
    background:url(/img/common/menu/menubar.png?201110191646);
}

div#im_menu_inner div#im_menu_top a:link,
div#im_menu_inner div#im_menu_top a:visited {
  background-position :0 -20px ;
}
div#im_menu_inner div#im_menu_top a.focus,
div#im_menu_inner div#im_menu_top a:hover,
div#im_menu_inner div#im_menu_top a:active,
div#im_menu_inner div#im_menu_top div.im_menu_on a{
  background-position :0 0 ;
}

div#im_menu_inner div#im_menu_list a:link,
div#im_menu_inner div#im_menu_list a:visited {
  background-position :-78px -20px ;
}
div#im_menu_inner div#im_menu_list a.focus,
div#im_menu_inner div#im_menu_list a:hover,
div#im_menu_inner div#im_menu_list a:active,
div#im_menu_inner div#im_menu_list div.im_menu_on a{
  background-position :-78px 0 ;
}

div#im_menu_inner div#im_menu_ranking a:link,
div#im_menu_inner div#im_menu_ranking a:visited {
  background-position :-138px -20px ;
}
div#im_menu_inner div#im_menu_ranking a.focus,
div#im_menu_inner div#im_menu_ranking a:hover,
div#im_menu_inner div#im_menu_ranking a:active,
div#im_menu_inner div#im_menu_ranking div.im_menu_on a{
  background-position :-138px 0 ;
}

div#im_menu_inner div#im_menu_my a:link,
div#im_menu_inner div#im_menu_my a:visited {
  background-position :-223px -20px ;
}
div#im_menu_inner div#im_menu_my a.focus,
div#im_menu_inner div#im_menu_my a:hover,
div#im_menu_inner div#im_menu_my a:active,
div#im_menu_inner div#im_menu_my div.im_menu_on a{
  background-position :-223px 0 ;
}

div#im_menu_inner div#im_menu_post {
    float:right;
    padding:0px;
    margin:0px;
    width:162px;
    background:none;
}
div#im_menu_inner div#im_menu_post a{
    width:162px;
    height:40px;
    background:url(/img/common/menu/menu_post.png);
}

div#im_menu_inner div#im_menu_post a.focus,
div#im_menu_inner div#im_menu_post a:hover,
div#im_menu_inner div#im_menu_post a:active {
  background-position : 0 -40px ;
}


/**********************/

/**********************/

#main_area_l {
  width:619px;
  margin-right:5px;
  float:left;
}

#main_area_r {
  width:350px;
  float:left;
  margin:10px 5px 0 5px;
}

#main_area_all {
  width:960px;
}

.clear {
  clear:both;
}

.contents_ttl {
  margin:15px 0 15px 0;
}

/**********************/

/**********************/
#main{
  width: 984px;
  margin: 0px auto 20px;
}

/**********************/
#footer{
  width: 984px;
  height:68px;
  margin: 0px auto;
}
#footer_box{
  background:transparent url(/img/common/footer/footer_bg.png) no-repeat scroll left bottom;
  height:38px;
}
#footer_box div{
  color:#fff;
  padding:2px 5px 5px;
}
#footer_date strong {
  color:#fff;
  font-weight:bold;
}

#footer_menu {
  color:#fff;
  padding:5px 10px 5px 0px;
}
#footer_menu a{
  color: #fff;
  text-decoration: underline;
}
#footer_menu a:hover{ text-decoration: none; }

#footer_spacer {
  width: auto;
  height: 40px;
  clear: both;
}
/**********************/
/* ボタン装飾 */
/**********************/

input.btn_common {
  background:url(/img/common/btn_bg.gif) #ededed repeat-x;
  border-color:#cccccc #333333 #333333 #cccccc;
  border-style:double;
  border-width:3px;
  color:#333333;
  font-size:16px;
  font-weight:bold;
}


input.btn_common:hover, input.btn_common:focus {
  background:url(/img/common/btn_bg.gif) #ededed repeat-x;
  border-color:#cccccc #333333 #333333 #cccccc;
  border-style:double;
  border-width:3px;
  color:#006699;
  font-size:16px;
  font-weight:bold;
  cursor:pointer;
}

input.btn_common_bl_s {
  background:url(/img/common/btn_bg_bl_s.gif) #aaeafe repeat-x;
  border-color:#333333 #000000 #000000 #333333;
  border-style:solid;
  border-width:1px;
  color:#333333;
  font-size:12px;
  padding: 0.25em;
}


input.btn_common_bl_s:hover, input.btn_common_bl_s:focus {
  background:url(/img/common/btn_bg_bl_s.gif) #aaeafe repeat-x;
  border-color:#333333 #000000 #000000 #333333;
  border-style:solid;
  border-width:1px;
  color:#006699;
  font-size:12px;
  cursor:pointer;
  padding: 0.25em;
}

input.btn_common_gr_s {
  background:url(/img/common/btn_bg_gr_s.gif) #858585 repeat-x;
  border-color:#333333 #000000 #000000 #333333;
  border-style:solid;
  border-width:1px;
  color:#333333;
  font-size:12px;
  padding: 0.25em;
}

input.btn_common_gr_s:disabled,
input.btn_common_gr_s:hover:disabled
{
  color:#776666;
  cursor:default;
}

input.btn_common_gr_s:hover, input.btn_common_gr_s:focus {
  background:url(/img/common/btn_bg_gr_s.gif) #858585 repeat-x;
  border-color:#333333 #000000 #000000 #333333;
  border-style:solid;
  border-width:1px;
  color:#006699;
  font-size:12px;
  cursor:pointer;
  padding: 0.25em;
}
/**********************/
.side_more_link {
  padding: 5px 15px 15px 5px;
  float:right; }

.more{
  float:right;
  display:inline;
  background:url(/img/common/allow.jpg) no-repeat bottom left;
  padding-left:10px;
}
/**********************/
/* ページャー*/
/**********************/

.pager_txt {
  text-align:right;
  color:#999999;
  margin-right:10px;
}

.pager_txt span {
  color:#000000;
  font-weight:bold;
}

.pager_txt span a {
  color:#000066;
  font-weight:normal;
  text-decoration:none;
}

.pager_txt span a:hover {
  color:#0099FF;
  font-weight:normal;
  text-decoration:none;
}

.pager_txt_list {
  line-height:44px;
  text-align:center;
  float:right;
  padding-right:150px;
  color:#999999;
  margin:0px;
}
.pager_inner{
  text-align:center;
  background:url(/img/common/pager_bg.png) no-repeat center;
  min-width:550px;
  min-height:44px;
  line-height:44px;
}

.pager_txt_list .nolink {
  color:#999999;
  text-decoration:none;
  font-weight:normal;
}

.pager_txt_list .page_now {
  color:#000000;
  font-weight:bold;
}

.pager_txt_list span a {
  color:#000066;
  font-weight:normal;
  text-decoration:none;
}

.pager_txt_list span a:hover {
  color:#0099FF;
  font-weight:normal;
  text-decoration:none;
}

/**********************/
div.box_error {
  width: 400px;
  margin: 0.5em auto;
  padding: 1em;
  border: 1px red solid;
  background-color: #fee;
  text-align: center;
  color: red;
}
div.notice {
  background-color: #efe;
  text-align: center;
  color: green;
  border-color: green;
}

/**********************/
/* 広告 */
/**********************/
#ad_140_600 { width:140px; }
#header #ad_468_60 {
  width:468px;
  height:60px;
  float:right;
}
#ad_728_90 {
  margin: 20px auto 0 auto;
  width:728px;
  height:90px;
}

/* Paginate */

.paginate {
  padding: 6px;
  text-align: right;
  font-weight: normal;
}

.paginate_links a,
.paginate_links a:visited,

span.paginate_arrow {
  padding:  2px 4px;
  color:    #533229;
  border:   #b7998f solid 1px;
  text-decoration:  none;
  background: #ffffff;
}
.paginate_links a:active,
.paginate_links a:hover {
  color:    #ffffff;
  text-decoration:  none;
  background: #533229;
}
.paginate_on {
  padding:  2px 4px;
  color:    #533229;
  border:   #b7998f solid 1px;
  text-decoration:  none;
  background: #eaccc2;
}
span.paginate_arrow {
  color: #b7998f;
}

a.page_num,
a.page_num:visited,
span.page_num
{
  padding-left: 8px;
  padding-right: 8px;
}

#footer_page_top{
  text-align:center;
  width:300px;
  margin:0 auto;
  padding:1em;
}

.h_bkm {
  display:inline;
  padding-left:8px;
}
.h_bkm img {
  padding-left:3px;
}


a.illust_over{
    background-color:#ffffff;
  text-decoration:none;
  color:#b77600;
  padding:2px 5px 0 5px;
}

a:hover.illust_over{
    background-color:#ff9b00;
  text-decoration:none;
  color:#ffffff;
  padding:2px 5px 0 5px;
}

a.illust_over_on{
  padding:2px 5px 0 5px;
    background-color:#ff9b00;
  color:#FFFFFF;
  text-decoration:none;
}


a.theme_over{
    background-color:#ffffff;
  text-decoration:none;
  color:#016815;
  padding:2px 5px 0 5px;
}

a:hover.theme_over{
    background-color:#06911e;
  text-decoration:none;
  color:#ffffff;
  padding:2px 5px 0 5px;
}

a.theme_over_on{
  padding:2px 5px 0 5px;
    background-color:#06911e;
  color:#FFFFFF;
  text-decoration:none;
}

a.my_over{
    background-color:#ffffff;
  text-decoration:none;
  color:#ff8f8f;
  padding:2px 5px 0 5px;
}

a:hover.my_over{
    background-color:#ff8f8f;
  text-decoration:none;
  color:#ffffff;
  padding:2px 5px 0 5px;
}

a.my_over_on{
  padding:2px 5px 0 5px;
    background-color:#ff8f8f;
  color:#FFFFFF;
  text-decoration:none;
}

a:hover.mylist_over{

  background-color:#FF8F8F;
  color:#fff;
  text-decoration:none;
  padding:2px 5px 0 5px;
}

a.mylist_over{

  background-color:#FFF;
  color:#FF8F8F;
  padding:2px 5px 0 5px;
  text-decoration:none;
}

.extlink{
  color:#000;
}
.inner_extlink{
  color:#000;
  font-weight:bold;
}


.pop_message{
  position:absolute;
  color:white;
  background:#666;
  margin-top:-30px;
  right:10px;
  white-space:nowrap;
  padding:2px;
  display:none;
}

div.center_img {
    margin-left:auto;margin-right:auto;
}
div.center_img a.center_img_inner:hover{
    border-color:#ccc;
}
div.center_img .center_img_inner{
    padding:1px;
    border:solid 1px transparent;
}
.illust_tag{
  text-align:center;
}

a.tag,
a.tag:link{
  color:#000;
    text-decoration:underline;
}

.illust_tag a.tag{
  padding-left:2px;
}

div.tag_list ul,
div.tag_list ul li{
  display:inline;
  list-style-type:none;
}
div.tag_list ul li{
  padding-left:8px;
}

#footer #footer_date span.counter{
  font-weight:bold;
}

/* announcement */

img#fav {
  height:12px;
  vertical-align:text-bottom;
}

.foot_header #header_block{
  position:absolute;
  top:0px;
  left:0px;
  margin: 0px auto;
  width:100%;
}

.sort_form {
  height:44px;
  line-height:44px;
  vertical-align:middle;
}
.sort_form_inner{
  height:44px;
  min-height:44px;
  line-height:44px;
  vertical-align:middle;
}

.title_block{
  bottom:0px;
  margin:10px 0;
  background:url(/img/common/title_back_790.png) no-repeat left bottom;
  padding-left:20px;
  position:relative;
  font-size:18px;
  color:#000000;
  font-weight:bold;
  line-height:18px;
}

.title_block_wide{
  background:url(/img/common/title_back_930.png) no-repeat bottom left;
  font-size:14px;
  color:#000000;
  font-weight:bold;
}

.dot_border {
  height:6px;
  background:url(/img/illust/holizontal_line_960.png) no-repeat bottom center;
  margin:10px 10px 5px 10px;
}

.side_area_block .comic_thumb {
    max-width: 128px;
}