@charset "utf-8";
/* -------------------------------------
   マイ本棚
 ------------------------------------  */
#SKYM_GM_shelf_base a:link{
    color: #0099cc;
    text-decoration: underline;
}
#SKYM_GM_shelf_base a:visited{
    color: #990099;
    text-decoration: underline;
}
#SKYM_GM_shelf_base a:hover{
    color: #ffcc00;
    text-decoration: underline;
}
#SKYM_GM_shelf_base h2{
    color:            #ffffff;
    background-color: #09223d;
}


/* form 部品 */
#SKYM_GM_shelf_base input.button_search{
    border: none;
    width:  65px;
    height: 22px;
    background: transparent 0 0 no-repeat url("../images/parts/sokuyomi/skym_global_search_bt_search_off.gif");
    vertical-align: middle;
}


/* ページャー */
#SKYM_GM_shelf_base div.pager{
    margin: 0 auto;
    height: 23px;
    text-align: center;
}
#SKYM_GM_shelf_base div.pager div{
    display: -moz-inline-box; /* For FireFox 2 */
    display: inline-block;    /* For FireFox 3 & Chrome & Safari */
    /display: inline;         /* For IE */
    /zoom: 1;                 /* For IE */
    height:       23px;
    /vertical-align: bottom;  /* For IE */
}
#SKYM_GM_shelf_base div.pager a,
#SKYM_GM_shelf_base div.pager span{
    display:      block;
    overflow:     hidden;
    margin-right:  3px;
    padding:       4px 0;
    width:        23px;
    height:       13px;
    line-height:  13px;
    text-align:   center;
    font-size:    11px;
    font-weight:  bold;
}
#SKYM_GM_shelf_base div.pager .jump{
    width:        58px;
}
* html #SKYM_GM_shelf_base div.pager .jump{ /* for IE */
    padding-top: 5px;
    padding-bottom: 3px;
}
#SKYM_GM_shelf_base div.pager a:link,
#SKYM_GM_shelf_base div.pager a:visited{
    border:           solid 1px #9d9146;
    text-decoration:  none;
    color:            #0099cc;
    background-color: #ffffff;
}
#SKYM_GM_shelf_base div.pager a:hover{
    border:           solid 1px #9d9146;
    text-decoration:  none;
    color:            #ffffff;
    background-color: #0099cc;
}
#SKYM_GM_shelf_base div.pager span.current{
    border:           solid 1px #827739;
    color:            #ffffff;
    background-color: #9d9146;
}
#SKYM_GM_shelf_base div.pager span.disabled{
    border:           solid 1px #9d9146;
    color:            #999999;
    background-color: #ffffff;
}



#SKYM_GM_shelf_frame{
    border-style: solid;
    border-width: 0 1px 3px 1px ;
    border-color: #09223d;
    padding: 20px 19px 25px 19px;
}




#SKYM_GM_shelf_customer_info{
    margin-bottom: 18px;
    border-style: solid;
    border-width: 1px 0;
    border-color: #09223d;
    padding:      15px 0;
    width:        940px;
}

#SKYM_GM_shelf_customer_info div.customer_name{
    float:       left;
    width:       580px;
    font-weight: bold;
    line-height: 22px;
}
#SKYM_GM_shelf_customer_info div.buttons_customer_info{
    float:      right;
}
#SKYM_GM_shelf_customer_info div.buttons_customer_info a{
    margin-left: 10px;
}
#SKYM_GM_shelf_customer_info div.buttons_customer_info a:link,
#SKYM_GM_shelf_customer_info div.buttons_customer_info a:visited,
#SKYM_GM_shelf_customer_info div.buttons_customer_info a:hover{
    text-decoration: none;
}
#SKYM_GM_shelf_customer_info div.buttons_customer_info img{
    vertical-align: top;
}




#SKYM_GM_shelf_search_tab li{
    display:        inline;
    margin-right:   2px;
}
#SKYM_GM_shelf_search_tab li img{
    vertical-align: bottom;
}


#SKYM_GM_shelf_search_box{
    margin-bottom: 20px;
    border:  solid 4px #9d9146;
    padding: 11px 20px 7px 13px;
}

#SKYM_GM_shelf_search_box div.settings{
    border-bottom: dotted 1px #a59d89;
    color:#092240;
    margin: 0;
    padding:0 0 10px 7px;
    font-weight:bold;
    letter-spacing: -1px;
    vertical-align: middle;
}

#SKYM_GM_shelf_search_box div.settings span {
    padding:0 0 0 18px;
}

#SKYM_GM_shelf_search_box div.settings span.title_order{
    background:transparent url(../images/parts/sokuyomi/skym_common_pict_order.gif) no-repeat scroll 0 50%;
}

#SKYM_GM_shelf_search_box div.settings span.title_count{
    background:transparent url(../images/parts/sokuyomi/skym_common_pict_count.gif) no-repeat scroll 0 50%;
}

#SKYM_GM_shelf_search_box div.settings span.title_view{
    background:transparent url(../images/parts/sokuyomi/skym_common_pict_view.gif) no-repeat scroll 0 50%;
}


#SKYM_GM_shelf_search_box div.settings select{
    vertical-align: middle;
    margin: 0px 20px 0 5px;
    border: solid 1px #809eb8;
    padding: 1px 0 1px 1px;
    letter-spacing: 0px;
}

#SKYM_GM_shelf_search_box div.settings ul{
    display: inline;
}

#SKYM_GM_shelf_search_box div.settings ul li {
    display: -moz-inline-box; /* For FireFox 2 */
    display: inline-block;    /* For FireFox 3 & Chrome & Safari */
    /display: inline;         /* For IE */
    /zoom: 1;                 /* For IE */
    border-style: solid;
    border-width: 0 1px 0px 0px ;
    border-color: #000000;
    margin:0 0 5px 13px;
    padding:0 15px 0 0;
}

#SKYM_GM_shelf_search_box div.settings li span.selected {
    padding:0 3px 0 3px;
    background-color:#dbd1ae;
}

#SKYM_GM_shelf_search_box div.settings li.last {
    border-width: 0px ;
    border-color: #000000;
}




#SKYM_GM_shelf_search_box div.search_box{
    margin: 10px auto 0 auto;
    width:      430px;
    padding:    6px 0;
    height:      22px;
    text-align: center;
    background: transparent 0 0 no-repeat url("../images/parts/sokuyomi/skym_shelf_bg_search_box.gif");
}
* html #SKYM_GM_shelf_search_box div.search_box{
    padding:    4px 0;
    height:      26px;
}
#SKYM_GM_shelf_search_box div.search_box label{
    vertical-align:   middle;
    padding:          3px 9px;
    font-weight:      bold;
    color:            #ffffff;
    background-color: #09223d;
}
#SKYM_GM_shelf_search_box div.search_box input.textbox{
    vertical-align: middle;
    border:         solid 1px #c9bf87;
    padding:        3px;
    width:        192px;

}




#SKYM_GM_shelf_shelf{
    margin:       20px 0;
    border-style: solid;
    border-width: 3px 0;
    border-color: #09223d;
}
/* ---------------------------------------------------------
   リスト表示 
   --------------------------------------------------------- */
#SKYM_GM_shelf_shelf div.list_wrapper{
    padding: 20px 0;
}
#SKYM_GM_shelf_shelf table th{
    border:           solid 1px #09223d;
    padding:          7px;
    text-align:       center;
    font-weight:      bold;
    color:            #ffffff;
    background-color: #144883;
}
#SKYM_GM_shelf_shelf th.thumbnail{
    width: 94px;
}
#SKYM_GM_shelf_shelf table{
    margin-left: 1px;
}
#SKYM_GM_shelf_shelf table td{
    vertical-align: middle;
    border:         solid 1px #9d9146;
    padding:        10px 13px;
}
#SKYM_GM_shelf_shelf th.title{
    width: 184px;
}
#SKYM_GM_shelf_shelf th.author{
    width: 184px;
}
#SKYM_GM_shelf_shelf th.bought_date{
    width: 94px;
}
#SKYM_GM_shelf_shelf th.duration{
    width: 94px;
}
#SKYM_GM_shelf_shelf th.status{
    width: 74px;
}
#SKYM_GM_shelf_shelf th.read{
    width: 110px;
}
#SKYM_GM_shelf_shelf td.thumbnail{
    text-align:  center;
}
#SKYM_GM_shelf_shelf td.thumbnail img.thumbnail{
    border: solid 1px #cccccc;
}
#SKYM_GM_shelf_shelf td.title span.brand{
    font-size: 11px;
}
#SKYM_GM_shelf_shelf td.title span.title{
    font-weight: bold;
}
#SKYM_GM_shelf_shelf td.bought_date{
    text-align:  center;
}
#SKYM_GM_shelf_shelf td.duration{
    text-align:  center;
}
#SKYM_GM_shelf_shelf td.status{
    text-align:  center;
}
#SKYM_GM_shelf_shelf td.read{
    text-align:  center;
}
#SKYM_GM_shelf_shelf div.old_viewer{
	margin:      6px 0 0 0;
    text-align:  center;
}
/* -------------------------------------
   以下はWebコミック用のリスト表示
   ------------------------------------- */
#SKYM_GM_shelf_shelf table.web_comic th.title{
    width: 383px;
}
#SKYM_GM_shelf_shelf table.web_comic th.work_list{
    width: 199px;
}
#SKYM_GM_shelf_shelf table.web_comic td.work_list{
    text-align:  center;
}


/* ---------------------------------------------------------
   サムネイル表示 
   --------------------------------------------------------- */
#SKYM_GM_shelf_shelf div.thumbnail_list_wrapper{
    padding: 0 10px;
}
#SKYM_GM_shelf_shelf div.thumbnail_list_wrapper div.thumbnail_list{
    border-top: dotted 1px #a59d89;
    padding: 20px 0;
    width:   920px;
}
#SKYM_GM_shelf_shelf div.thumbnail_list_wrapper div.first_child{
    border-top: none;
}
#SKYM_GM_shelf_shelf div.thumbnail_list_wrapper div.thumbnail_list div.comic{
    float: left;
    padding-right: 20px;
    width: 162px;
}
#SKYM_GM_shelf_shelf div.thumbnail_list_wrapper div.thumbnail_list div.comic div.comic_attribute{
    float: left;
    width: 40px;
    text-align:right;
}
#SKYM_GM_shelf_shelf div.thumbnail_list_wrapper div.thumbnail_list div.comic div.comic_title{
    float: right;
    width: 122px;
    text-align:left;
}
#SKYM_GM_shelf_shelf div.thumbnail_list_wrapper div.thumbnail_list div.comic div.comic_title img.thumbnail{
    margin-bottom: 7px;
    border: solid 1px #cccccc;
}
#SKYM_GM_shelf_shelf div.thumbnail_list_wrapper div.thumbnail_list div.comic div.comic_title div.button_read{
    padding-top: 10px;
    text-align: center;
}
#SKYM_GM_shelf_shelf div.thumbnail_list_wrapper div.thumbnail_list div.comic div.comic_title div.button_read div.old_viewer{
    padding-top: 6px;
    text-align: center;
}

/* ---------------------------------------------------------
   131016追加
   --------------------------------------------------------- */
#SKYM_GM_shelf_customer_info div.customer_name {
	width: 360px;
}

#SKYM_GM_shelf_caution{
    margin:  0 0px 30px 0px;
    border:  solid 1px #9d9146;
    padding: 10px 50px 15px 50px;
    background-color: #f8f7ef;
}
#SKYM_GM_shelf_caution div.title{
    margin-bottom: 10px;
    font-weight:   bold;
}
#SKYM_GM_shelf_caution div.title span.important{
    color: #ff0000;
}
#SKYM_GM_shelf_caution p{
    margin: 0;
    line-height: 17px;
}