@charset "utf-8";
/* -------------------------------------
   グローバルヘッダー/フッター
   ※クラブサンデー側と共通
 ------------------------------------  */
@import url(SKYM_GM_global_header.css);
@import url(SKYM_GM_global_footer.css);

/* -------------------------------------
   サイトデザイン全体用CSS
 ------------------------------------  */
body {
    font-family: "Verdana","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
    font-size: 13px;
    min-width: 1000px;
    word-break:break-all;
}
.float_clear{
    clear: both;
    zoom:  1;
}

/* -------------------------------------
   グローバルメイン
 ------------------------------------  */
#SKYM_GLOBAL_MAIN_BACKGROUND{
    background: #f8f7ef;
}
#SKYM_GLOBAL_MAIN_CONTAINER{
    margin: 0px auto;
    width:   980px;
    padding: 10px 10px 70px 10px;
    background: #ffffff;
}

/* -------------------------------------
   4-pane用
 ------------------------------------  */
#SKYM_GLOBAL_MAIN_MAIN_LEFT{
    float: left;
    width: 770px;
}

#SKYM_GLOBAL_MAIN_PARTS_RIGHT{
    float: right;
    width: 200px;
}
/* -------------------------------------
   4-pane 右パーツ用
 ------------------------------------  */
#SKYM_GLOBAL_MAIN_PARTS_RIGHT a:link{
    color: #0099cc;
    text-decoration: underline;
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT a:visited{
    color: #990099;
    text-decoration: underline;
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT a:hover{
    color: #ffcc00;
    text-decoration: underline;
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT div.html_embedded_area{
    overflow: hidden;
    margin-bottom: 10px;
    width:  200px;
    /*height: 100px;*/
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT div.html_embedded_area_l{
    overflow: auto;
    margin-bottom: 10px;
    width:  200px;
    height: 200px;
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT  div.ranking_change {
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #dad3ad;
    text-align: center;
    padding: 5px 0;
    width: 198px;
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT  div.ranking_change span {
    margin: 8px 20px 8px 0;
    font-size: 1em;
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT  div.ranking_change span:last-child {
    margin: 8px 0;
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT ol.ranking{
    margin-bottom: 10px;
    border-style: solid;
    border-width: 0 1px 3px 1px;
    border-color: #dad3ad;
	width: 198px;
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT ol.ranking li:first-child{
    padding: 8px 10px 10px 10px;
    background: none;
}


#SKYM_GLOBAL_MAIN_PARTS_RIGHT ol.ranking li{
    padding: 8px 10px 10px 10px;
    /*background: transparent no-repeat 0 0 url("../images/parts/sokuyomi/skym_parts_right_ranking_border_top.gif");*/
	_padding: 8px 10px 0 10px; /* IE6 */
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT ol.ranking li:last-child{
    background: transparent no-repeat 0 0 url("../images/parts/sokuyomi/skym_parts_right_ranking_border_top.gif");
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT ol.ranking li.first_ranking{
	background: none;
}
*:first-child+html #SKYM_GLOBAL_MAIN_PARTS_RIGHT ol.ranking li{
	padding: 12px 10px 5px 10px; /* IE7 */
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT ol.ranking li.all_ranking{
	text-align: right;
	padding: 8px 10px 10px 10px;
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT ol.ranking li div.thumbnail{
    float: left;
    margin-right: 10px;
    width: 62px;
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT ol.ranking li div.thumbnail img{
    border: solid 1px #cccccc;
    width: 80px;
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT ol.ranking li div.content{
    float: right;
    padding-top: 7px;
    width: 86px;
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT ol.ranking li div.content div.rank{
    margin-bottom: 14px;
    text-align: center;
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT ol.ranking li.to_ranking_list{
    text-align: center;
}

#SKYM_GLOBAL_MAIN_PARTS_RIGHT div.comic_list {
    margin:             0 0 10px 0;
    border-style:       solid;
    border-width:       0 1px 3px 1px;
    border-color:       #ff6600;
    padding:            10px 0 0 0;
    width:              198px;    /* ←IE6用 ボーダーが消えるバグ回避 */
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT div.comic_list span {
    float:              left;
    padding:            0 0 10px 10px;
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT div.comic_list span a {
    display:            block;
    border:             1px solid #000033;
    padding:            3px 0;
    width:              82px;
    text-align:         center;
    text-decoration:    none;
    font-weight:        bold;
    color:              #ffffff;
    background-color:   #000033;
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT div.comic_list span a:hover {
    color:              #000033;
    background-color:   #ffffff;
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT div.feature_list {
    margin-bottom:      10px;
}

#SKYM_GLOBAL_MAIN_PARTS_RIGHT ol.whatsnew{
    margin-bottom: 10px;
    border-style: solid;
    border-width: 0 1px 3px 1px;
    border-color: #ff6600;
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT ol.whatsnew li{
    padding: 8px 5px 10px 5px;
	border-bottom: 1px dotted #aaa;
	margin:0 5px;
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT ol.whatsnew li.all_news{
	text-align: right;
	border: none;
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT ol.features{
    margin-bottom: 10px;
    border-style: solid;
    border-width: 0 1px 3px 1px;
    border-color: #74a216;
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT ol.features li{
    padding: 8px 5px 10px 5px;
	border-bottom: 1px dotted #aaa;
	margin:0 5px;
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT ol.features li.all_features{
	text-align: right;
	border: none;
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT ol.maintenance{
    margin-bottom: 10px;
    border-style: solid;
    border-width: 0 1px 3px 1px;
    border-color: #666666;
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT ol.maintenance li{
    padding: 8px 5px 10px 5px;
	border-bottom: 1px dotted #aaa;
	margin:0 5px;
}
#SKYM_GLOBAL_MAIN_PARTS_RIGHT ol.maintenance li.all_maintenance{
	text-align: right;
	border: none;
}

/* -------------------------------------
   読むボタン用
 ------------------------------------  */
.hiddenBtn {
    visibility: hidden;
}


/* -------------------------------------
   検証日時表示用　2014.04.08　PSD追加
 ------------------------------------ */
.debug_date_info {
    position: fixed;
    top: 0;
    left: 0;
    width: 130px;
    height: 15px;
    background-color: #999999;
    font-size: 10px;
    text-align: center;
    opacity: 0.8;
}