@charset "utf-8";

/* PC用 944px 以上 */
/*@import url("top.css") screen and (min-width: 974px);*/

/*14.06.23
/
/index.html
/member/index.html
/rpt/index.html
/ (common.css + index.css)
*/

/*map area { border: solid 1px #F39; background:#003; display: block; }*/


/* ===============================================
/
/ reset
/
=============================================== */
* {margin:0; padding:0;}
body {
        font-size:100%; line-height:1.6; margin:0; padding:0; color:#444;
        font-family:Arial, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        }
a {color:#333; text-decoration:none;}
a:hover {color:#979797; text-decoration:none;}
img     {border: 0; vertical-align:top;}
ul, li {list-style:none;}





/* ===============================================
/
/ header
/
=============================================== */
#hdr_line {
        background-color: #0a4ea8;
        /*background-color: #dd0b24;*/
        width:100%;     height:22px;

        }
#hdr_line h1 {
        font-size:11px; font-weight:normal; letter-spacing:1px;
        color:#FFF;
        width:974px; margin:0 auto;
        line-height:24px;
        text-align:left;
        }

#hdr_line.hdr_login {
        background-color: #ffc303;
}
#hdr_line.hdr_login h1 {
        color:#000;
}

/* ----------------------------------------------- */
#container {
        width:974px;
        margin:0 auto;
        }

/* ----------------------------------------------- */
#header_wrap:before, #header_wrap:after {content:""; display:table;} #header_wrap:after {clear:both;} #header_wrap {zoom:1;}

/* ----------------------------------------------- */
#hdr_area {
        position:relative;
        height:80px;
        }
#logobox {
        width:330px;
        height:61px;
        position:absolute;
        left:0;
        top:10px;
        }
#langbox {
        height: 20px;
        left:474px; /* 540px; */
        position: absolute;
        top: 13px;
        width: 174px;
}
#langbox li {
        float: left;
        height: 20px;
        margin: 0;
        padding: 0 0 0 10px;
        list-style:none;
        font-size:13px; /**/
        line-height:22px;
}
#langbox li a {
        background:url('../img/cmn/lang_li_head.gif') no-repeat center left;
        padding-left:8px;
        font-size:13px; /**/
        }
#langbox li a:hover {
        text-decoration:none;
        }


#menu_sp,#bnr_sp { display: none; }

#unv_menu_s_container { display: none; }

/* ===============================================
/
/ #site_search (site top)
/
=============================================== */
#site_search {line-height:normal;}
#site_search form.gsc-search-box, #site_search .gsc-control-cse {padding:0; margin:0; background:none; border: none;}
#site_search input.gsc-input {height:19px; background:url(/top/img/nv/site_search_bg.gif) 5px 4px no-repeat #fff !important;}
#site_search input.gsc-input.focus, #site_search input.gsc-input:focus {background:#fff !important;}
#site_search input.gsc-search-button {color:#fff; background:#8b2; border:none; margin-right:0; width:54px; height:23px; cursor:pointer;}
#site_search input.gsc-search-button:hover { background:#515159;}
#site_search .gsc-clear-button {display:none;}

/* result link */
#site_search .gsc-results-wrapper-overlay {border:1px solid #ccc;}
#site_search .gs-snippet, #site_search .gs-fileFormatType {color:#446;}
#site_search .gs-title {margin-bottom:0.25em;}
#site_search .gs-visibleUrl {font-size:12px;} /* url */
#site_search .gsc-webResult {
        border-bottom:1px dotted #ccc;
        padding:1em 0 1.25em; margin-bottom:0;
        }
#site_search .gsc-cursor-box {
        margin-top:1.5em; text-align:center;
        }
#site_search .gsc-cursor-page {
        display:inline-block;
        width:30px;     height:30px;
        background:#f4f4f5;
        border:1px solid #ccc;
        text-align:center;
        line-height:30px;
        margin-right:4px;
        }
/* no result*/
#site_search .gs-no-results-result .gs-snippet, #site_search .gs-error-result .gs-snippet {
        border:2px solid #acf; background-color:#def;
        }

/* def */
#site_search {position:absolute; right:0px; top:11px; width:326px;}



/* ----------------------------------------------- */
/*▼削除予定*/
/* #searchbox - top */
#hdr_area #searchbox {
        width:250px;
        height:25px;
        position:absolute;
        right:0px;
        top:10px;
        }
.searchtxt {
        border:1px solid #CCCCCC;
        width:190px;
        height:23px;/**/
        font-size:12px;/**/
        float:left;
        }
.searchtxt.bg {
        background:url("../img/cmn/img_search_bg.gif") no-repeat scroll left top #fff;
        }
.searchbtn {
        margin-left: 5px;
        margin-top: 3px;
        float: left;
        }
/* --- */





/* ===============================================
/
/ #btnbox
/
=============================================== */
#btnbox {
        height:30px;
        position:absolute;
        right:0px;
        top:45px;
}
#btnbox li{
        position: relative;
        float: left;
        height: 28px;
        margin: 0;
        padding: 0 0 0 5px;
        list-style: none outside none;
}
#btnbox li a{
        display: block;
}
#btnbox li ul{
        list-style: none;
        position: absolute;
        top: 100%;
        left: -5px;
        margin: 0;
        padding: 0;
        width: 127px;
        padding-top:5px;
}
#btnbox li:last-child ul{
/*      left: -100%;
会員ログインボタンの位置変更につき、last-childで落ちてくるliの位置変更
*/      width: 100%
}
#btnbox li ul li{
        overflow: hidden;
        width: 200%;
        height: 0;
        color: #fff;
        -moz-transition: .2s;
        -webkit-transition: .2s;
        -o-transition: .2s;
        -ms-transition: .2s;
        transition: .2s;
}
#btnbox li ul li a{
        padding: 5px;
        background: #FFFFFF;
        width: 160px;
        border-left: 1px solid #979797;
        border-right: 1px solid #979797;
        font-size: 0;
}
#btnbox li:hover ul li{
        overflow: visible;
        height: 38px;
}
#btnbox li:hover ul li:first-child a {
        border-top: 1px solid #979797;
}
#btnbox li:hover ul li:last-child a {
        border-bottom: 1px solid #979797;
}

#unv_area {
        height:37px;
        width: 100%;
}
#unv_area ul#unvbox li {
        list-style-type:none;
        float: left;
}
img.t { display: none; }


/* ===============================================
/
/ #container_wrapper
/
=============================================== */
/* #container_wrapper */
#container_wrapper {background:url('../img/cmn/img_bodybg.jpg') repeat-x left bottom #FFF;}
.member_top #container_wrapper, .rpt_top #container_wrapper {background:url('../img/cmn/img_bodybg_m.jpg') repeat-x left bottom #FFF;}
#container_wrapper:after {height:0; visibility:hidden; content:"."; display:block; clear:both;}





/* ===============================================
/
/ fixed header
/
=============================================== */
#header_wrap {position:fixed; width:100%; top:0; left:0; z-index:1000; background:#FFF;}
#container_wrapper, #container_wrapper_m {padding-top:140px;}





/* ===============================================
/
/ #main_container
/
=============================================== */
#main_container {
        width:974px;
        margin:0px auto;
        padding-top:15px;
        padding-bottom:10px;
        }
#main_container:after{
        height:0; visibility:hidden; content:"."; display:block; clear:both;
        }





/* ===============================================
/
/ #main
/
=============================================== */

.ct_link h1 span { display: none; }

/* .m_box (init) */
.m_box {
        background:#fff;
        border:1px solid #c9c9c9;
        box-shadow:0px 1px 5px rgba(0,0,0,0.8);
        border-radius:5px;
        -webkit-text-size-adjust:none;
        overflow:hidden;
        margin-bottom:12px;
        }
.m_box:before, .m_box:after {content:""; display:table;} .m_box:after {clear:both;} .m_box {zoom:1;}
.m_box p {font-family:Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/* ----------------------------------------------- */
/* (.m_box) .m_bnr */
/* ----------------------------------------------- */
.m_bnr h1 {
        font-size:13px; font-weight:normal;
        color:#fff; display:block; padding-left:7px;
        background:url(../img/top/bg_ttl03.gif) left 0px repeat-x;
        border-bottom: 1px solid #ccc;
        height:24px; line-height:27px;
        padding-left:20px;
        }
.m_bnr {
        background:url(../img/top/bg_box01.jpg) left bottom repeat-x;
        }
.m_btn {
        }
.m_btn:before, .m_btn:after {content:""; display:table;} .m_btn:after {clear:both;} .m_btn {zoom:1;}
.m_btn a {
        font-size:13px; color:#fff;
        background:url(../img/top/arrow01.gif) 9px center no-repeat #1A1A1A;
        border-radius:2px; box-shadow:0px 1px 2px 0px rgba(0,0,0,0.25);
        height:31px; line-height:31px; text-align:center;
        margin-left:3px;
        float:left;
        min-width:200px; /*(init)*/
        }
.m_btn a:first-child {margin-left:0;}
.m_btn a:hover {background:url(../img/top/arrow01.gif) 9px center no-repeat #515159;}
/* (ex) */
.m_btn.w216 a {width:216px;}


/* ----------------------------------------------- */
/* (.m_box) .whatsnew, .report */
/* ----------------------------------------------- */
.whatsnew {
        padding:20px;
        }
.whatsnew h1, .report h1 {      /*.report init*/
        font-size:13px; font-weight:bold; -webkit-font-smoothing:antialiased; letter-spacing:0.02em;
        color:#FFF; background:#E64E5B;
        height:17px; line-height:20px; padding:8px 10px 8px; margin-bottom:6px;
        border-radius:8px;
        }
.news li, .rpt_list dd {
        border-bottom:1px dotted #ccc; padding-top:6px;
        }
.news span, .news a, .rpt_list span, .rpt_list a {
        vertical-align:top; line-height:18px;

        }
.news span, .rpt_list span {
        font-size:12px; font-family:Arial, Helvetica, sans-serif; text-indent:-0.3em;
        display:block;
        padding-left:5px;
        /*width:67px; padding-left:5px;*/
float: left;
clear: left;
        }
.news a, .rpt_list a {
        font-size:13px;
        display:block;
        /*width:560px;*/ min-height:16px; padding-left:20px; padding-bottom:6px;
margin-inline-start: 65px;
        }

.pub_inline {
        padding:20px;
        }
.pub_inline h1 {
        font-size:13px; font-weight:bold; -webkit-font-smoothing:antialiased; letter-spacing:0.02em;
        color:#FFF; background:#036EB8;
        height:17px; line-height:20px; padding:8px 10px 8px; margin-bottom:6px;
        border-radius:8px;
        }

.rpt {background:url(/shared/img/ico_rpt.gif) left 0px no-repeat;}
.prm {background:url(/shared/img/ico_prm.gif) left 0px no-repeat;}
.lgt {background:url(/shared/img/ico_lgt.gif) left 0px no-repeat;}

/* ----------------------------------------------- */
/* (.m_box) .report */
/* ----------------------------------------------- */
.report {padding:20px 20px 0 20px;}
.report section {padding-bottom:20px;}
.report h1 {background: url(../img/top/bg_ttl02.gif) left 0px repeat-x;}
.report h2 {
        font-size: 15px; font-weight: normal;
        color:#fff;
        background: url(/top/img/top/bg_ttl02.gif) left 0px repeat-x;
        border-bottom:1px solid #ccc;
        height:24px;
        line-height:27px;
        padding-left:5px;
        margin-bottom:6px;
        }
.rpt_list dt {
        font-size:13px; font-weight:bold; -webkit-font-smoothing:antialiased;
        color:#222; background:#eeeef2;
        border-left:4px solid #6F7889;
        height:20px; line-height:22px; padding-left:6px; margin-bottom:2px;
        margin-top:11px;
        }
.rpt_btn {margin-top:10px;}
.rpt_btn li {
        font-size:12px; font-weight:bold; -webkit-font-smoothing:antialiased; letter-spacing:0.08em; color:#333;
        width:220px; margin:0 auto; text-align:center;
        background :url(../img/top/bg_btn01.gif) left top repeat-x;
        border:1px solid #ccc; border-radius:3px;
        height:25px; line-height:26px;
        cursor:pointer;
        display:none;
        }
.rpt_btn li:first-child {display:block;}
.rpt_btn li:hover {background-position:left bottom;     color:#999;}
/* js*/
#rpt_all {display:none;}

/* type */
.type {font-size:11px; margin-top:7px;}
.type dt, .type dd {float:left; margin-right:3px;}
.type dd {margin-right:10px;}
.type img {margin-right:3px; position:relative; top:3px;}

/* link_more */
.link_more {min-height:14px; margin-left:3px;}
.link_more a {
        font-size:11px; letter-spacing:0.07em;
        display:inline-block;
        background:url(/top/img/top/link_arrow01.gif) 5px 6px no-repeat #eee;
        border:1px solid #ddd;
        height:18px; line-height:19px;
        padding:0 7px 0 11px;
        margin-top: 8px;
        border-radius: 2px;
        }

.rireki_hide{

    display:none;

}



/* ----------------------------------------------- */
/* (.m_box) .ct_link */
/* ----------------------------------------------- */
.ct_link {
        padding:20px 0 20px 20px; font-size:0;
        }
.ct_link p {
        font-size:12px; line-height:15px; color:#666669; /*init*/
        }
.ct_link section {
        font-size:14px;
        display:inline-block;
        vertical-align:top;
        width:318px; margin-bottom:18px; margin-right:17px;
        }
.ct_link h1 {
        font-size:15px; font-weight:normal;
        color:#fff; display:block; padding-left:7px;
        background:url(../img/top/bg_ttl01.gif) left 0px repeat-x;
        border-bottom: 1px solid #ccc;
        height:24px; line-height:27px;
        }
.ct_link dl {padding:0 3px;}
.ct_link dt, .ct_link dd {border-bottom: 1px dotted #ccc;}
.ct_link dt {
        font-size:12px; line-height:16px;
        font-weight:bold; -webkit-font-smoothing:antialiased;
        display:inline-block;
        color:#05398C; background:#E0ECFF;
        border:1px solid #94BAFF; border-left-width:3px;
        height:15px; line-height:1.48; padding:0px 3px;
        margin:10px 0 0;
        }
.ct_link dd {
        font-size:12px; line-height:15px; font-weight:normal;
        color:#778;
        display:block; padding:8px 3px 7px;
        }
.ct_link dd p {margin-top:1px;}
.ct_link dd a {
        font-size:13px; line-height:16px;
        font-weight:bold; -webkit-font-smoothing:antialiased;
        color:#224;
        display:inline-block;
        }
.ct_link dd a:hover {color:#979798;}
.ct_link dd a small {font-size:12px; font-weight:bold;}
.ct_link .rpt, .ct_link .prm, .ct_link .lgt {text-indent:17px;}

/* .thumb_img */
.thumb_img > img {float:left; margin:1px 0px 3px 0;}
.thumb_img a {margin-left:7px; max-width: 254px;}
.thumb_img p {margin-left:53px}
.thumb_img:before, .thumb_img:after {content:""; display:table;} .thumb_img:after {clear:both;} .thumb_img {zoom:1;}

/* ----------------------------------------------- */
/* #navibox  */
/* ----------------------------------------------- */

/* タブレット表示 */
#naviboxTab { display: none; }

#navibox {
        font-size: 75%;
        list-style-type: none;
        overflow: hidden;
}
#navibox:after {
        height:0; visibility: hidden; content: "."; display: block; clear: both;
}
#navibox li {
        float: left;
}
#navibox li.fst a {
    border-left: medium none;
}
#navibox li a {
        border-left: 1px solid #FFFFFF;
        color: #FFFFFF;
        padding: 0 5px;
}
#navibox li a:hover {
        text-decoration: none;
        color: #979797;
}





/* ===============================================
/
/ #side 01
/
=============================================== */
#side #site_search { display: none; }

#side {
        width: 265px;
        float: right;
        overflow: hidden;
}
#side:after
        {
        height:0; visibility: hidden; content: "."; display: block; clear: both;
}
div#main {
        width: 695px;
        float: left;
}
div#main:after {
        height:0; visibility: hidden; content: "."; display: block; clear: both;
}
#side div.bnr {
        margin: 10px auto 0px;
/*text-align: center;*/
}
#side div.fst {
        margin-top: 0px;
}
#side div.board_t {
        float: left;
        margin-top: 10px;
}
#side div.board_b {
        margin-top: 0px;
        line-height:1px;
}
#side div.board_m {
        float: left;
        background: url('../img/top/right-bg.png') repeat-y;
        background-color:#ffffff;
        width:265px;
        margin-bottom: 0px;
}
#side div.board_m p.rank {
        font-size:12px;
        margin-left:3em;
        text-indent:-3em;
        padding-left:3px;
}
.publicity {
        position:relative;
        background:url('../img/top/bnr_publicity_bg.png') left top no-repeat ;
        width:265px;
        height:52px;
}
.publicity:hover {
        background-position:left bottom;
}
.publicity a {
        font-size:10px;
        color:#FFF;
        display:block;
        width:265px;
        height:52px;
        line-height:73px;
        text-align:center;
}

#side .bnr:after {
        height:0; visibility: hidden; content: "."; display: block; clear: both;
}

#topics:after
        { height:0; visibility: hidden; content: "."; display: block; clear: both;}
#topics div:after
        { height:0; visibility: hidden; content: "."; display: block; clear: both;}
#topics div.topic {
        border: 2px solid #cbcbcb;
        width: 220px;
        float: left;
        margin-left: 11px;
        background-color: #FFFFFF;
}
#topics div.fst {
        margin-left: 0px;
}
#topics div.topic p.header {
        height: 26px;
        text-align: center;
        color: #FFFFFF;
        font-weight: bold;
        padding-top:2px;
}
#topics div.cont {
        margin:5px;
}
#topics div.cont div.icon {
        width: 90px;
        float: left;
}
#topics div.cont div.icon:after {
        height:0; visibility: hidden; content: "."; display: block; clear: both;
}
#topics div.cont div.txt {
        width: 115px;
        float: right;
}
#topics div.cont div.text:after {
        height:0; visibility: hidden; content: "."; display: block; clear: both;
}

#topics div.cont div.txt p {
        font-size: 80%;
}

#topics div.cont div.txt p.up {
        color: #c71200;
        font-weight: bold;
}
#topics div.mnext p.header {
        background:url('../img/top/bg_topic_head_mnext.png') repeat-x left top;
}
#topics div.fromjmr p.header {
        background:url('../img/top/bg_topic_head_fromjmr.png') repeat-x left top;
}
#topics div.case p.header {
        background:url('../img/top/bg_topic_head_case.png') repeat-x left top;
}

#side div.btn_area {
        min-height: initial;
        min-height: auto;
}



/* ===============================================
/
/ #side 02
/
=============================================== */
/* .d_list  */
.d_list {
        clear:both;
        border:1px solid #6F7889;
        border-radius:5px;
        padding-bottom:5px;
        margin-top:10px;
        background:#fff;
        }
.d_list dt {
        font-size:14px; text-align:center;
        color:#fff; display:block;
        background:url(../img/top/bg_ttl02.gif) left 0px repeat-x;
        border-bottom: 1px solid #ccc;
        height:24px; line-height:27px; margin-bottom:5px;
        }
.d_list dd {
        font-size:12px; line-height:1.4;
        padding:2px 8px;
        }
.d_list dd h5 {
        font-size:12px; margin-bottom:5px;
        }
/* (ex) */
.newsletter-r, .newsletter {background:#f4f4f5;}

/* word_link */
.yougo dd {
        padding:2px 0 2px 10px;
        }
#word_link ul {
        font-size:0px;
        }
#word_link li {
        font-size:12px;
        float:none; display:inline-block;
        list-style:none; margin-right:4px; margin-bottom:4px;
        }
#word_link li a {
        background:#eeeef2; border:1px solid #ccc;
        display:block; line-height:13px;
        padding:2px 3px; border-radius:2px;
        min-height:12px;
        word-break: break-word;
        }
#word_link .link_more {
        text-align:right;
        margin-right:4px;
        }
#word_link .link_more a {
        background: url(/top/img/top/link_arrow01.gif) 5px 6px no-repeat #fff;
        letter-spacing:0.02em;
        margin:2px 0 4px;
        }





/* ===============================================
/
/ footer
/
=============================================== */
#ftr_wrapper {
        background:url('../img/cmn/img_ftrbg.jpg') repeat-x left top;
        background-color: #6f778f;
}
#ftr_wrapper:after {
        height:0; visibility: hidden; content: "."; display: block; clear: both;
}
#ftr_container {
        width:960px;
        margin:0 auto;
        padding-top:10px;
}

/* #fnvbox（※該当要素無）*/
/* --- */
#fnvbox {
        padding: 0 10px 0;
        clear: both;
        width: 100%;
}
#fnvbox:after
        { height:0; visibility: hidden; content: "."; display: block; clear: both;}
#fnvbox .box_left {
        float: left;
        padding-left:70px;
}
#fnvbox .box_left.fst {
        padding-left:0px;
}
#fnvbox .box {
        padding-top:20px;
}
#fnvbox .box.fst {
        padding-top:0px;
}
#fnvbox .box ul {
        list-style-type:none;
}
/* --- */

#ftr_container p,
#ftr_container li,
#ftr_container a {
        color: #FFFFFF;
}
#ftr_container a:hover {
        text-decoration: none;
        color: #363636;
}
#fnvbox p,
#ftr_container ul.bld li a {
        font-weight: bold;
        font-size: 90%;
}
#ftr_container li a {
        font-size: 80%;
        line-height: 80%;
}
#ftr_container .ftrtxt {
        margin-top: 30px;
        margin-bottom: 20px;
        float: right;
}
#ftr_container .ftrtxt:after
        { height:0; visibility: hidden; content: "."; display: block; clear: both;}
#ftr_container .ftrtxt p {
        font-size: 75%;
}
#ftr_line {
        background-color: #0a4ea8;
        height: 22px;
        text-align: center;
        width: 100%;
}
#ftr_line p {
        color: #FFFFFF;
        font-weight: normal;
        margin: 0 auto;
        padding: 3px 0 0;
        text-align: right;
        width: 974px;
        font-size: 0.687em;
        letter-spacing: 1px;
        line-height: 1.4em;
}





/* ===============================================
/
/ .sns_btn (top)
/
=============================================== */
/* (common) */
.btn_fb {width:171px;}
.btn_tw {width:114px;}
.btn_hatena {width:133px;}
.IN-widget {line-height:1px !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.IN-widget > span + span {position:relative; top:-3px;}
}
/* (.m_box) */
.m_box.sns_btn {padding:20px 30px 17px; line-height:1px;}
.m_box.sns_btn li {float:left;}
/* (#side) */
#side .sns_btn {
        background: #f4f4f5; border: 1px solid #ccc; border-radius: 5px;
        padding: 15px 15px 5px; margin-top: 10px;
        }
#side .sns_btn li {min-height:26px;}





/* ===============================================
/
/ etc
/
=============================================== */
/* hover */
.link_img_ov a img:hover {opacity: 0.70; filter: alpha(opacity=70);     -ms-filter: "alpha(opacity=70)";}

/* em */
.m_box em, .d_list em {
        font-size:10px;
        font-weight:normal; font-style:normal; -webkit-font-smoothing:initial; letter-spacing:0.05em;
        display:inline;
        color:#fff; background:#E64E5B;
        width:26px; height:10px; line-height:10px;
        padding:1px 2px 1px 2px; *padding:2px; margin-right:3px;
        position:relative; top:-1px;
        }

.mgt10 {margin-top:10px;}

/* layout */
.mb0{margin-bottom:0px !important;}
.mb20{margin-bottom:20px !important;}

.ml20{margin-left:20px !important;}
.pd9{padding:9px;}
.pd10{padding:10px;}
.pd20{padding:20px;}
.pb20{padding-bottom:20px !important;}

.ta_c{text-align:center !important;}
.ta_l{text-align:left !important;}
.ta_r{text-align:left !important;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both !important;}
.cf:before, .cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}



/* ===============================================
/
/ 特集（20141023mike追加）
/
=============================================== */
/* feature head */
h3.featurehead{border-bottom:1px solid dimgrey;font-size:18px;line-height:18px;color:#191970;font-weight:bold;margin-top:3px;}
p.featurehead{font-size:14px;line-height:16px;background-color:#F5F5F5;color:#000000;}
dd.featurehead p{color:#000000;}

/* feature top */
dd.featuretop a{font-size:18px;line-height:18px;color:black;font-weight:bold;width:100%;}
dd.featuretop {background-color:#F5F5F5;}
dd.featuretop p{color:#000000;}

/* feature img */
img.featureimg{width:280px;margin-left:auto;margin-right:auto;text-align:center;
        display:block;
        margin-top:3px;
        margin-left: auto;
        margin-right: auto;
        padding:4px;
        background:#ffffff;
        border:1px solid #dddddd;
}

/* feature */
dd.feature{background-color:#F5F5F5;}
dd.feature a{width:100%;}
dd.feature p{color:#000000;}

/* feature bottom */
dd.featurebottom{border-bottom:1px solid dimgrey;background-color:#F5F5F5;}
dd.featurebottom a{width:100%;}
dd.featurebottom p{color:#000000;}

/* cornertitlelink */
.cornertitlelink_wide{
        font-size:15px;
        color:white;
        font-weight:normal;
}
.cornertitlelink_mini{
        font-size:15px;
        color:white;
        font-weight:normal;
}


/* ----------------------------------------------- */
/* 削除予定 */
/* --- */
/* #main_bnr:after {
        height:0; visibility: hidden; content: "."; display: block; clear: both;
}
#main_bnr div.bnr:after {
        height:0; visibility: hidden; content: "."; display: block; clear: both;
}
#main_bnr div.bnr {
        float: left;
        margin-left: 10px;
}
#main_bnr div.fst {
        margin-left: 0px;
}

#news .news_top,
#news .news_middle,
#news .news_bottom {
        width: 693px;
}
#news .news_top {
        background:url('../img/top/bg_news_top.png') no-repeat center top;
        height: 14px;
}
#news .news_middle {
        background:url('../img/top/bg_news_middle.png') repeat-y center top;
}
#news .news_middle:after {
        height:0; visibility: hidden; content: "."; display: block; clear: both;
}
#news .news_bottom {
        background:url('../img/top/bg_news_bottom.png') no-repeat center top;
        height: 14px;
}
#news div.header {
        width: 691px;
        margin: 0 1px;
}
#news div.header:after{
        height:0; visibility: hidden; content: "."; display: block; clear: both;
}
#news div.header h2 {
        border-left: 5px solid #248ccf;
        padding-left: 10px;
        font-size: 95%;
        float: left;
        width: 100px;
}
#news div.header p {
        font-size: 75%;
        float: right;
        width: 90px;
        margin-top:3px;
}
#news div.header a {
        background: url('../img/cmn/lang_li_head.gif') no-repeat left center;
        padding-left: 8px;
        color: #000000;
}
#news div.header a:hover {
        text-decoration: none;
        color: #979797;
}
#news .newsline {
        margin: 10px 10px 0px;
        border-bottom: 1px dotted #000000;
        width: 671px;
}
#news .newsline:after{
        height:0; visibility: hidden; content: "."; display: block; clear: both;
}
#news .newsline p.date {
        float: left;
        width: 90px;
        display: block;
}
#news .newsline p.cont {
        float: right;
        width: 581px;
        display: block;
}
#news .newsline p.cont a {
        color: #000000;
}
#news .newsline p.cont a:hover {
        text-decoration: none;
        color: #979797;
}
#news .newsline p.cont img.icon {
        padding: 3px 5px 0 0;
}  */
/* --- */


/* ===============================================
/
/ 新マイページ（20160118追加）
/
=============================================== */

div#main_container .m_name_box
        { margin-bottom: 25px; }
div#main_container .m_name_box .m_logout
        { float: right; background: #dfdfdf; margin-left:10px; }
div#main_container .m_name_box .m_logout p
        { font-size: 90%; }
div#main_container .m_name_box .m_logout p a
        { color: #000000; display: block; padding: 1px 20px 1px; }
div#main_container .m_name_box .m_name
        { float: right; }
div#main_container .m_name_box .m_name p
        { text-align: right; font-size: 100%; font-weight: bold; }

div#main_container .m_member_box
        { margin-bottom: 25px; }
div#main_container .m_member_box h2
        { font-size: 120%; border-bottom: solid 2px #0a4ea8; margin-bottom: 20px; }
div#main_container .m_member_box .m_kind_title
        { float: left; margin: 0 20px 0 15px; }
div#main_container .m_member_box .m_kind_title p
        { font-size: 90%; font-weight: bold; }
div#main_container .m_member_box .m_kind_body
        { float: left; }
div#main_container .m_member_box .m_kind_body p
        { font-size: 90%; }
div#main_container .m_member_box .m_update
        { width: 40%; background: #00abef; margin: 25px auto 20px; }
div#main_container .m_member_box .m_update p
        { font-size: 110%; color: #ffffff; text-align: center; }
div#main_container .m_member_box .m_update p a
        { color: #ffffff; display: block; padding: 10px 20px; }

.m_recommend_box
        { margin-bottom: 25px; }
.m_recommend_box h2
        { font-size: 120%; border-bottom: solid 2px #0a4ea8; margin-bottom: 20px; }
.m_recommend_box .m_recommend
        { padding: 0 20px 0; }
.m_recommend_box .m_recommend p
        { font-size: 90%; border-bottom: dotted 1px #908b8a; padding-bottom: 20px; margin-bottom: 20px; }
.m_recommend_box .m_recommend p.lst
        { border-bottom: dotted 0px #908b8a; }

.gray_out
        { position:absolute; background-image: url(../../membership/img/top/filter.gif); opacity: 0.7; }
.gray_out
        { width:595px; height:150px; }

.m_favorite_box
        { width: 286px; margin-bottom: 25px; float: left; }
.m_favorite_box_l
        { width: 100%; margin-bottom: 25px; }
.m_favorite_box .m_favorite_title,
.m_favorite_box_l .m_favorite_title
        { background: #ff9925; }
.m_favorite_box .m_favorite_title .m_f_img,
.m_favorite_box_l .m_favorite_title .m_f_img
        { float: left; }
.m_favorite_box .m_favorite_title .m_f_text,
.m_favorite_box_l .m_favorite_title .m_f_text
        { float: left; }
.m_favorite_box .m_favorite_title .m_f_text p,
.m_favorite_box_l .m_favorite_title .m_f_text p
        { font-size: 110%; color: #ffffff; padding-top: 12px; }
.m_favorite_box .m_favorite_title .m_f_list,
.m_favorite_box_l .m_favorite_title .m_f_list
        { float: right; background: #ffffff; margin: 10px 15px 0 0; }
.m_favorite_box .m_favorite_title .m_f_list p,
.m_favorite_box_l .m_favorite_title .m_f_list p
        { font-size: 90%; }
.m_favorite_box .m_favorite_title .m_f_list p a,
.m_favorite_box_l .m_favorite_title .m_f_list p a
        { display: block; padding: 2px 10px 2px 10px; }
.m_favorite_box .m_favorite_body,
.m_favorite_box_l .m_favorite_body
        { border: solid 1px #ff9925; padding: 14px 14px 0; }
.m_favorite_box .m_favorite_body p
        { font-size: 90%; border-bottom: dotted 1px #908b8a; padding-bottom: 15px; margin-bottom: 15px; }
.m_favorite_box_l .m_favorite_body div
        { font-size: 90%; border-bottom: dotted 1px #908b8a; padding-bottom: 15px; margin-bottom: 15px; }
.m_favorite_box .m_favorite_body p.lst
        { border-bottom: dotted 0px #908b8a; }
.m_favorite_box_l .m_favorite_body div.lst
        { border-bottom: dotted 0px #908b8a; }
.m_favorite_box .m_favorite_title:after,
.m_favorite_box_l .m_favorite_title:after
        { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
.m_favorite_box_l .m_favorite_body div:after
        { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

.m_favorite_box_l .m_favorite_body div .f_title { float: left; width: 90%; }
.m_favorite_box_l .m_favorite_body div .del_btn { float: right; width: 10%; text-align: center; }
.m_favorite_box_l .m_favorite_body div .del_btn a { display: block; color: #fff; background-color: #ff9925; }

.m_later_box
        { width: 286px; margin-bottom: 25px; float: right; }
.m_later_box_l
        { width: 100%; margin-bottom: 25px; }
.m_later_box .m_later_title,
.m_later_box_l .m_later_title
        { background: #8ec233; }
.m_later_box .m_later_title .m_f_img,
.m_later_box_l .m_later_title .m_f_img
        { float: left; }
.m_later_box .m_later_title .m_f_text,
.m_later_box_l .m_later_title .m_f_text
        { float: left; }
.m_later_box .m_later_title .m_f_text p,
.m_later_box_l .m_later_title .m_f_text p
        { font-size: 110%; color: #ffffff; padding-top: 12px; }
.m_later_box .m_later_title .m_f_list,
.m_later_box_l .m_later_title .m_f_list
        { float: right; background: #ffffff; margin: 10px 15px 0 0; }
.m_later_box .m_later_title .m_f_list p,
.m_later_box_l .m_later_title .m_f_list p
        { font-size: 90%; }
.m_later_box .m_later_title .m_f_list p a,
.m_later_box_l .m_later_title .m_f_list p a
        { display: block; padding: 2px 10px 2px 10px; }
.m_later_box .m_later_body,
.m_later_box_l .m_later_body
        { border: solid 1px #8ec233; padding: 14px 14px 0; }
.m_later_box .m_later_body p
        { font-size: 90%; border-bottom: dotted 1px #908b8a; padding-bottom: 15px; margin-bottom: 15px; }
.m_later_box_l .m_later_body div
        { font-size: 90%; border-bottom: dotted 1px #908b8a; padding-bottom: 15px; margin-bottom: 15px; }
.m_later_box .m_later_body p.lst
        { border-bottom: dotted 0px #908b8a; }
.m_later_box_l .m_later_body div.lst
        { border-bottom: dotted 0px #908b8a; }
.m_later_box .m_later_title:after,
.m_later_box_l .m_later_title:after
        { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
.m_later_box_l .m_later_body div:after
        { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

.m_later_box_l .m_later_body div .f_title { float: left; width: 90%; }
.m_later_box_l .m_later_body div .del_btn { float: right; width: 10%; text-align: center; }
.m_later_box_l .m_later_body div .del_btn a { display: block; color: #fff; background-color: #8ec233; }


.sp_only_br{

display:none;

}



/* タブレット用 944px まで */
/*@import url("top_974.css") screen and  (max-width: 974px);*/
@media screen and  (max-width: 974px){

@charset "utf-8";


img
        { max-width: 100%; height: auto; width /***/:auto; }


/* ------------------------ 大コンテナ ------------------------ */
div#container
        { width: 100%; min-width: 568px; }
#header_wrap { position: relative; }
#container_wrapper, #container_wrapper_m {/*padding-top:140px;*/ padding-top: 0; background:#FFF;}

.member_top #container_wrapper, .rpt_top #container_wrapper {background: #FFF;}
#main_container { padding-bottom: 0; }

/* ------------------------- ヘッダー ------------------------- */

#hdr_line h1 { padding-left: 10px; width: auto; }
#logobox { padding-left: 5px; width: 45%; max-width: 100%; }
#langbox {
        right:220px;
        left: inherit;
}

#site_search { width: 230px; margin-right: 5px; }

#unv_area { background: url(../img/nv/unv_bg_t.gif) repeat-x 0 0;  }
#unv_area ul#unvbox { margin: 0 auto; display: block; width: 753px; }
img.p { display: none; }
img.t { display: block; }

#btnbox li, #btnbox li li,#btnbox li ul li a { width: 125px; font-size:0; }
#btnbox li { height: 22px; }
#btnbox li ul { top: auto; margin-left: -8px; }
#btnbox li ul li { width: auto; }
#btnbox li:hover ul li{
        height: 28px;
        width: auto;
}
#btnbox {
                right:5px;
}
/* ------------------------- メイン ------------------------- */

#main_container { width: 100% }
div#main {
        width: 695px;
        margin: 0 auto;
        float: none;
}

#navibox { display: none; }

/* ------------------------- サイド ------------------------- */

#side {
        float: none;
        width: 754px;
        margin: 0 auto;
        position:relative;
}
.bnrtop { display: none; }
#side div.clm3_t { margin-left: 8px; float: left; width: 245px; }
#side div.fst { margin-left: 0; }
#side div.bnrtop { margin-top: 10px; }
#side div#fb { position: absolute; top: 172px; right:2px; width: 245px; }
#side div.board_m,#side div.board_t { width: 100%; }
#side .board_t { clear: both; }
#side div.sns_btn { margin-top: 70px; }

#side div.btn_area {
        min-height: 174px;
}


/* ------------------------- フッターナビ ------------------------- */
/* タブレット表示 */
#navibox { display: none; }
#naviboxTab { display: block; }

#naviboxTab {
        font-size: 75%;
        list-style-type: none;
        overflow: hidden;
        background: #0f399f;
}
#naviboxTab:after {
        height:0; visibility: hidden; content: "."; display: block; clear: both;
}
#naviboxTab li {
        float: left;
        padding: 4px;
}
#naviboxTab li.fst a {
    border-left: medium none;
}
#naviboxTab li a {
        border-left: 1px solid #FFFFFF;
        color: #FFFFFF;
        padding: 0 5px;
}
#naviboxTab li a:hover {
        text-decoration: none;
        color: #979797;
}

/* ------------------------- フッター ------------------------- */

#ftr_container { width: 100%; font-size: 95%; }
#ftr_line p,#ftr_container div.ftrtxt p { width: 95%; margin: 0 auto; }
#ftr_container div.ftrtxt { float: none; text-align: right; }




/* ===============================================
/
/ 新マイページ（20160118追加）
/
=============================================== */
.m_name_box
        { margin-bottom: 25px; }
.m_name_box .m_logout
        { float: right; background: #dfdfdf; margin-left:10px; }
.m_name_box .m_logout p
        { font-size: 90%; }
.m_name_box .m_logout p a
        { color: #000000; display: block; padding: 1px 20px 1px; }
.m_name_box .m_name
        { float: right; }
.m_name_box .m_name p
        { text-align: right; font-size: 100%; font-weight: bold; }

.m_member_box
        { margin-bottom: 25px; }
.m_member_box h2
        { font-size: 120%; border-bottom: solid 2px #0a4ea8; margin-bottom: 20px; }
.m_member_box .m_kind_title
        { float: left; margin: 0 20px 0 15px; }
.m_member_box .m_kind_title p
        { font-size: 90%; font-weight: bold; }
.m_member_box .m_kind_body
        { float: left; }
.m_member_box .m_kind_body p
        { font-size: 90%; }
.m_member_box .m_update
        { width: 40%; background: #00abef; margin: 25px auto 20px; }
.m_member_box .m_update p
        { font-size: 110%; color: #ffffff; text-align: center; }
.m_member_box .m_update p a
        { color: #ffffff; display: block; padding: 10px 20px; }

.m_recommend_box
        { margin-bottom: 25px; }
.m_recommend_box h2
        { font-size: 120%; border-bottom: solid 2px #0a4ea8; margin-bottom: 20px; }
.m_recommend_box .m_recommend
        { padding: 0 20px 0; }
.m_recommend_box .m_recommend p
        { font-size: 90%; border-bottom: dotted 1px #908b8a; padding-bottom: 20px; margin-bottom: 20px; }
.m_recommend_box .m_recommend p.lst
        { border-bottom: dotted 0px #908b8a; }

.gray_out
        { width:695px; height:130px; }

.m_favorite_box
        { width: 330px; margin-bottom: 25px; float: left; }
.m_favorite_box .m_favorite_title
        { background: #ff9925; }
.m_favorite_box .m_favorite_title .m_f_img
        { float: left; }
.m_favorite_box .m_favorite_title .m_f_text
        { float: left; }
.m_favorite_box .m_favorite_title .m_f_text p
        { font-size: 110%; color: #ffffff; padding-top: 12px; }
.m_favorite_box .m_favorite_title .m_f_list
        { float: right; background: #ffffff; margin: 10px 15px 0 0; }
.m_favorite_box .m_favorite_title .m_f_list p
        { font-size: 90%; }
.m_favorite_box .m_favorite_title .m_f_list p a
        { display: block; padding: 2px 10px 2px 10px; }
.m_favorite_box .m_favorite_body
        { border: solid 1px #ff9925; padding: 14px 14px 0; }
.m_favorite_box .m_favorite_body p
        { font-size: 90%; border-bottom: dotted 1px #908b8a; padding-bottom: 15px; margin-bottom: 15px; }
.m_favorite_box .m_favorite_body p.lst
        { border-bottom: dotted 0px #908b8a; }
.m_favorite_box .m_favorite_title:after
        { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

.m_later_box
        { width: 330px; margin-bottom: 25px; float: right; }
.m_later_box .m_later_title
        { background: #8ec233; }
.m_later_box .m_later_title .m_f_img
        { float: left; }
.m_later_box .m_later_title .m_f_text
        { float: left; }
.m_later_box .m_later_title .m_f_text p
        { font-size: 110%; color: #ffffff; padding-top: 12px; }
.m_later_box .m_later_title .m_f_list
        { float: right; background: #ffffff; margin: 10px 15px 0 0; }
.m_later_box .m_later_title .m_f_list p
        { font-size: 90%; }
.m_later_box .m_later_title .m_f_list p a
        { display: block; padding: 2px 10px 2px 10px; }
.m_later_box .m_later_body
        { border: solid 1px #8ec233; padding: 14px 14px 0; }
.m_later_box .m_later_body p
        { font-size: 90%; border-bottom: dotted 1px #908b8a; padding-bottom: 15px; margin-bottom: 15px; }
.m_later_box .m_later_body p.lst
        { border-bottom: dotted 0px #908b8a; }
.m_later_box .m_later_title:after
        { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

 #side div.bnr {
        margin: 10px auto 0px;
        text-align: center;
 }






}

/* スマホ用 728px まで */
/*@import url("top_568.css") screen and (max-width: 728px);*/
@media screen and (max-width: 728px){

@charset "utf-8";


img
        { max-width: 100%; height: auto; width /***/:auto; }

.nosp { display: none; }


.sp_only_br{

display:inline;

}

.rireki_kiji h1 {      /*.report init*/
        height:32px; 
   
        }



/* ------------------------ 大コンテナ ------------------------ */
div#container
        { width: 100%;  min-width: 320px;  }
#container_wrapper, #container_wrapper_m {/*padding-top:140px;*/ padding-top: 0; background:#fff;}

.member_top #container_wrapper, .rpt_top #container_wrapper {background: #FFF;}
#main_container { padding-bottom: 0; }
/* ------------------------- ヘッダー ------------------------- */
#hdr_area #langbox, #hdr_area #site_search,  #unv_area {
        display: none;
}
#logobox { width: 58%; max-width: 100%; }
#header_wrap { position: relative; }
#hdr_line h1 { width: auto; }
#hdr_area {
        position:relative;
        height:auto;
        }
#logobox {
        top:0px;
        }
#btnbox {
        height: auto;
        position:absolute;
        left:0px;
        top: 70%;
        width: 55%;
}
#btnbox li{
        padding-left: 1%;
        width: 32%;
        font-size: 0;
}


#btnbox li ul { left: 1px; width: 96%; top: auto; }

#btnbox li:hover ul li {
        height: auto;
        width: 100%;
}


#btnbox li ul li { width: 100%; }

#btnbox li ul li a {
        width: 96%;
        padding: 2px;
        display: block;
}
#btnbox li ul li a:first-child {
        padding-top: 2px;
}

#btnbox {
        height: auto;
        position:absolute;
        left:0px;
        top: 70%;
        width: 55%;
}

#bnr_sp { display: block; position: absolute; top: 65%; left: 55%; width: 14%; }

#menu_sp { display: block; text-align: right; margin-right:10px; }
#menu_sp img { width: 14%; max-width: 80px; cursor: pointer; }
#hdr_menu_s { padding-bottom:10px;}
/* ------ 上ナビ_s ------- */
div#unv_menu_s_container { position: absolute; right: 10px; font-size: 90%; }
ul#unv_menu_s {
        background: #1d8fd2;
}
ul#unv_menu_s li {
        border-bottom: solid 1px #8ac9f2;
        padding-left: 20px;
        background: url(../img/cmn/img_sp_nav.gif) no-repeat 10px 8px;
}
ul#unv_menu_s li.lang {
        margin-top: 1.7em;
        border-top: solid 1px #8ac9f2;
}
ul#unv_menu_s li li {
        border-left: solid 1px #8ac9f2;
}
ul#unv_menu_s li li:last-child { border-bottom: none; }

ul#unv_menu_s li a { color:#FFF; display: block; padding: 2px 5px; }
ul#unv_menu_s li a:hover,ul#unv_menu_s li a:active { text-decoration: underline; }

/* on */
ul#unv_menu_s li.on {
        background: url(../img/cmn/img_sp_nav2.gif) no-repeat 10px 8px;
}
ul#unv_menu_s li ul {
        display: none;
}
ul#unv_menu_s li.on ul {
        display: block;
}

/* ------------------------- メイン ------------------------- */

#main_container { width: 100%; padding-top: 0; }
div#main {
        width: 98%;
        margin: 0 auto;
        float: none;
}

#navibox { display: none; }

.ct_link h1 {
        position: relative;
        height: auto;
        background-color:#4D8BD8;
        background-position: left bottom;
        padding-right: 20px;
        }
.ct_link h1 span { position: absolute; right:10px; display: block; top:0; cursor: pointer; }
.ct_link {
        padding:2% 0 2% 4%; font-size:0;
        }
.ct_link section {
        width:96%; margin-bottom:2%; margin-right:4%; display: block;
        }
.ct_link div.scinner { display: none; }
/* ------------------------- サイド ------------------------- */

#side { width: 100%; float: none; position: relative; padding-bottom: 30px; }
.bnrtop { display: none; }
#side div.clm3_t { float: none; width: 100%; margin-left: 0;}
#side div.clm3_t div.bnr { float: left; width:48%; text-align: center; margin-left: 1%; }

#side #site_search { display: block; clear: both; position: relative; width: 50%; margin-left: 3%; top: 20px; right: auto; padding-bottom: 4%; }
#side div#fb { width: 38%; top: 69%; left: 55%; }

#side div.btn_area {
        min-height: initial;
        min-height: auto;
}

#side div.bnr {
text-align: center;
}


/* タブレット表示 */
#navibox { display: none; }
#naviboxTab { display: block; }

#naviboxTab {
        font-size: 75%;
        list-style-type: none;
        overflow: hidden;
        background: #fff;
        text-align: center;
 border-top: solid 1px #ccc; width: 98%; margin: 0 auto;

}
#naviboxTab:after {
        height:0; visibility: hidden; content: "."; display: block; clear: both;
}

#naviboxTab li {
        float: left;
        padding: 4px;
}
#naviboxTab li.fst a {
    border-left: medium none;
}
#naviboxTab li a {
        border-left: 1px solid #000;
        color: #000;
        padding: 0 5px;
}
#naviboxTab li a:hover {
        text-decoration: none;
        color: #979797;
}
/* ------------------------- フッター ------------------------- */

#ftr_container { width: 100%; font-size: 95%; }
#ftr_line p,#ftr_container div.ftrtxt p { width: 95%; margin: 0 auto; }


#ftr_container .ftrtxt {
        margin-top: 5px;
        margin-bottom: 10px;
}


/* ===============================================
/
/ 新マイページ（20160118追加）
/
=============================================== */
.m_name_box
        { margin-bottom: 25px; }
.m_name_box .m_logout
        { float: right; background: #dfdfdf; margin-left:10px; }
.m_name_box .m_logout p
        { font-size: 90%; }
.m_name_box .m_logout p a
        { color: #000000; display: block; padding: 1px 20px 1px; }
.m_name_box .m_name
        { float: right; }
.m_name_box .m_name p
        { text-align: right; font-size: 100%; font-weight: bold; }

.m_member_box
        { margin-bottom: 25px; }
.m_member_box h2
        { font-size: 120%; border-bottom: solid 2px #0a4ea8; margin-bottom: 20px; }
.m_member_box .m_kind_title
        { float: left; margin: 0 20px 0 15px; }
.m_member_box .m_kind_title p
        { font-size: 90%; font-weight: bold; }
.m_member_box .m_kind_body
        { float: left; }
.m_member_box .m_kind_body p
        { font-size: 90%; }
.m_member_box .m_update
        { width: 40%; background: #00abef; margin: 25px auto 20px; }
.m_member_box .m_update p
        { font-size: 110%; color: #ffffff; text-align: center; }
.m_member_box .m_update p a
        { color: #ffffff; display: block; padding: 10px 20px; }

.m_recommend_box
        { margin-bottom: 25px; }
.m_recommend_box h2
        { font-size: 120%; border-bottom: solid 2px #0a4ea8; margin-bottom: 20px; }
.m_recommend_box .m_recommend
        { padding: 0 20px 0; }
.m_recommend_box .m_recommend p
        { font-size: 90%; border-bottom: dotted 1px #908b8a; padding-bottom: 20px; margin-bottom: 20px; }
.m_recommend_box .m_recommend p.lst
        { border-bottom: dotted 0px #908b8a; }

.gray_out
        { width:86%; height:280px; }

@media screen and (max-width: 568px) {
.gray_out
        { width:75%; height:34%; padding-left:20px; padding-right:20px; }
}

.m_favorite_box
        { width: 100%; margin-bottom: 25px; float: none; }
.m_favorite_box .m_favorite_title
        { background: #ff9925; }
.m_favorite_box .m_favorite_title .m_f_img
        { float: left; }
.m_favorite_box .m_favorite_title .m_f_text
        { float: left; }
.m_favorite_box .m_favorite_title .m_f_text p
        { font-size: 110%; color: #ffffff; padding-top: 12px; }
.m_favorite_box .m_favorite_title .m_f_list
        { float: right; background: #ffffff; margin: 10px 15px 0 0; }
.m_favorite_box .m_favorite_title .m_f_list p
        { font-size: 90%; }
.m_favorite_box .m_favorite_title .m_f_list p a
        { display: block; padding: 2px 10px 2px 10px; }
.m_favorite_box .m_favorite_body
        { border: solid 1px #ff9925; padding: 14px 14px 0; }
.m_favorite_box .m_favorite_body p
        { font-size: 90%; border-bottom: dotted 1px #908b8a; padding-bottom: 15px; margin-bottom: 15px; }
.m_favorite_box .m_favorite_body p.lst
        { border-bottom: dotted 0px #908b8a; }
.m_favorite_box .m_favorite_title:after
        { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

.m_favorite_box_l .m_favorite_body div .f_title { float: left; width: 80%; }
.m_favorite_box_l .m_favorite_body div .del_btn { float: right; width: 15%; text-align: center; }

.m_later_box
        { width: 100%; margin-bottom: 25px; float: none; }
.m_later_box .m_later_title
        { background: #8ec233; }
.m_later_box .m_later_title .m_f_img
        { float: left; }
.m_later_box .m_later_title .m_f_text
        { float: left; }
.m_later_box .m_later_title .m_f_text p
        { font-size: 110%; color: #ffffff; padding-top: 12px; }
.m_later_box .m_later_title .m_f_list
        { float: right; background: #ffffff; margin: 10px 15px 0 0; }
.m_later_box .m_later_title .m_f_list p
        { font-size: 90%; }
.m_later_box .m_later_title .m_f_list p a
        { display: block; padding: 2px 10px 2px 10px; }
.m_later_box .m_later_body
        { border: solid 1px #8ec233; padding: 14px 14px 0; }
.m_later_box .m_later_body p
        { font-size: 90%; border-bottom: dotted 1px #908b8a; padding-bottom: 15px; margin-bottom: 15px; }
.m_later_box .m_later_body p.lst
        { border-bottom: dotted 0px #908b8a; }
.m_later_box .m_later_title:after
        { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

.m_later_box_l .m_later_body div .f_title { float: left; width: 80%; }
.m_later_box_l .m_later_body div .del_btn { float: right; width: 15%; text-align: center; }


}