/* CSS Document */

/*-------------------------------------------------

01 メイン
02 インフォメーション
03 インフォ横イメージ
04 ランキング

-------------------------------------------------*/


/* =01 メイン-------------------------------------------------------------
------------------------------------------------------------------------ */

#world_map {
    margin:20px 10px 25px;
    padding:0px;
    text-align:center;
}

#top_message {
    font-size:16px;
}

#world {
    margin:0px 0px 0px 0px;
    padding:9px 0px 0px 0px;
}

table.search_box {
    margin:0px 0px 4px 10px;
    padding:82px 0px 0px 0px;
    border-color:#999999;
    border-style:dashed;
    border-width:0px 0px 1px 0px;
}

table.search_box td {
    font-size:11px;
}

table.search_box2 {
    margin:0px 0px 4px 10px;
    padding:0px 0px 0px 0px;
    border-color:#999999;
    border-style:dashed;
    border-width:0px 0px 1px 0px;
}

table.search_box2 td {
    font-size:11px;
}

table.search_box3 {
    margin:0px 0px 4px 10px;
    padding:0px 0px 0px 0px;
    border-color:#999999;
    border-style:dashed;
    border-width:0px 0px 0px 0px;
}

table.search_box3 td {
    font-size:11px;
}


/* =02 インフォメーション-------------------------------------------------------------
------------------------------------------------------------------------ */

#info {
    float:right;
    /*background-image:url(../img/index/info_bg.gif);*/
    /*background-repeat:repeat-y;*/
    /*width:50%;*/
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

#info table {
    border-collapse:separate;
    border-spacing:3px;
}

#info table th,
#info table td{
    border:none;
    border-radius:5px;
    box-shadow:none;
}

#info table th{
    color:#fff;
    background-color: #e53935;
    background-image: none;
    text-shadow:none;
    cursor:auto;
}
#info table tr:nth-child(2n+1){
    background:#ffeeee;
}





/* =03 インフォ横イメージ-------------------------------------------------------------
------------------------------------------------------------------------ */

#info_img {
    float:left;
    width:300px;
    margin:20px 0px 0px 0px;
    padding:30px 0px 0px 0px;
    background-color:#EEEEEE;
    text-align:center;
    height:200px;
}

/* =04 ランキング-------------------------------------------------------------
------------------------------------------------------------------------ */

#ranking {
    clear:both;
    /*background-image:url(../img/index/ranking_bg.jpg);*/
    /*background-repeat:repeat-y;*/
    margin:40px 0px 20px 0px;
    padding:0px 0px 20px 0px;
}

.rank_best {
    background-color:#FFFFFF;
    border-color:#999999;
    border-style:solid;
    border-width:1px;
    margin:0px 10px 18px 10px;
    padding:5px;
    text-align:center;
    width:170px;
}

#ranking p {
    color:#3F372C;
    font-weight:bold;
    margin:0px 0px 0px 0px;
    padding:6px 0px 0px 0px;
}

.co_mark {
    color:#EF8400;
}

#ranking ul {
    margin:0px 0px 0px 0px;
    padding:0px 0px 6px 4px;
}

#ranking li {
    margin:0px 0px 0px 0px;
    padding:0px 20px 0px 0px;
    list-style-position:inside;
}


#ranking table tr {
    background: white;
}

#ranking table th,
#ranking table td{
    border:1px solid #f9f9f9;
    box-shadow:none;
}






/* =05 特集記事-------------------------------------------------------------
------------------------------------------------------------------------ */

#feature {
    float:left;
    /*background-image:url(../img/index/feauture_bg.gif);*/
    /*background-repeat:repeat-y;*/
    /*width:50%;*/
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

.feauture_banner {
    margin:0px 0px 0px 0px;
    padding:10px 0px 0px 16px;
}

.feauture_banner img {
    border-color:#999999;
    border-style:solid;
    border-width:1px;
    margin:0px 0px 4px 0px;
    padding:0px 0px 0px 0px;
}

#feature dl {
    margin:0px 0px 0px 0px;
    padding:0px 15px 0px 20px;
}

#feature dt {
    margin:0px 0px 0px 0px;
    padding:6px 0px 0px 0px;
    color:#EF8400;
}

#feature dd {
    margin:0px 0px 0px 0px;
    padding:0px 0px 6px 0px;
}

#feature th {
    color:#008000;
    font-weight:normal;
}




#feature table {
    border-collapse:separate;
    border-spacing:3px;
}

#feature table th,
#feature table td{
    border:none;
    border-radius:5px;
    box-shadow:none;
}

#feature table th{
    color:#fff;
    background-color: #009688;
    background-image: none;
    text-shadow:none;
    cursor:auto;
}

#feature table tr:nth-child(2n+1){
    background: #eefffd;
}






/* =06 特集記事横イメージ-------------------------------------------------------------
------------------------------------------------------------------------ */

#feature_img {
    float:right;
    width:300px;
    margin:20px 0px 0px 0px;
    padding:30px 0px 0px 0px;
    background-color:#EEEEEE;
    text-align:center;
    height:200px;
}







/*----------------------------
    ?lj?
----------------------------*/
h3.top-info-box-headline{
    text-align:right;
    font-size:18px;
    border-bottom:2px solid;
    position:relative;
    padding-right:5px;
    margin-top:50px;
}
h3.top-info-box-headline::after{
    display:none;
}
h3.top-info-box-headline::before{
    display:block;
    content:'';
    width:150px;
    height:60px;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    position:absolute;
    top:-25px;
    left:0px;
    transform:rotate(-10deg);
}
h3.top-info-box-headline.green{
    border-color:#009688;
}
h3.top-info-box-headline.green::before{
    background-image:url(../img/common/top_fukidasi_feature.png);
}
h3.top-info-box-headline.red{
    border-color:#e53935;
}
h3.top-info-box-headline.red::before{
    background-image:url(../img/common/top_fukidasi_new.png);
}
h3.top-info-box-headline.orange{
    border-color:#ef6c00;
    border-bottom-style:double !important;
}
h3.top-info-box-headline.orange::before{
    top:-40px;
    height:72px;
    background-image:url(../img/common/top_fukidasi_ranking.png);
    z-index:2;
}

.top-info-box{
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch;
    overflow-scrolling:touch;
    height:250px;
    padding:5px;
    border:1px solid #eee;
    border-radius:5px;
}


#top-introduction {
    padding:20px;
    box-shadow:0px 0px 7px 1px rgba(0,0,0, .2);
    position:relative;
    margin-top:100px;
}
#top-introduction::before {
    display:block;
    content:'';
    width:180px;
    height:72px;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
    position:absolute;
    top:-60px;
    left:0px;
    transform:rotate(-10deg);
    background-image:url(../img/common/top_fukidasi_what_is.png);
}


#top-main-slide{
    width:100%;
}
#top-main-slide img{
    width:800px;
    max-width:100%;
}