/*img { -ms-interpolation-mode: bicubic; }*/

/*----------------------------------------
    all layout
----------------------------------------*/
body {
    line-height: 1.6;
    color: #555; }

/*---- title ----*/
#cate h1 { 
    font-size: 38px !important;
    font-size: 3.8rem !important; }
@media screen and (max-width: 739px) {
    #cate h1 { font-size: 23px !important; }
}
h2 { text-align: left !important; }
.title_sub { 
    padding-left: 25px; /* 33px 160608 */
    font-size: 24px; /* 22px 160608 */
    font-size: 2.4rem; /* 2.2rem 160608 */ }
@media screen and (max-width: 739px) { /* 160613 */
    .title_sub { 
        font-size:18px; }
}
.title_sub:before {
    width: 16px;
    height: 16px;
    content: '';
    margin-left: -25px; /* -33px 160608 */
    display: block;
    position: relative;
    top: 24px;
    /*left: 8px;
    background-image: url(/img/cloud/vm/ico_vm_type_00.png);
        background-repeat: no-repeat;*/
        background: url(/sevice_shared/img/words/icn_type001.png) no-repeat left center;
    background-size: 16px; }
@media screen and (max-width: 739px) { /* add 160609 */
    .title_sub:before {
        top: 1.1em; }
}
.sub_h1 {
    font-size: 18px !important;
    margin-bottom:30px; }

.new_mark { /* 160601 add */
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    color: red;
    margin-left: 5px;
    width: 36px;
    height: 13px;
}
/*---- PC layout ----*/
@media screen and (min-width: 740px) {
.cont-footer > section {
    display: table;
    width: 1000px;
    margin: 0 auto;
    border-spacing: 10px 0; } 
    
.cont-footer  section section { 
    display: table-cell;
    box-sizing: border-box;
    vertical-align: top; }
}
/*---- SP layout ----*/
@media screen and (max-width: 739px) {
    html { font-size: 12px; }　/* add 160608 */
    body { font-size: 16px !important;  } /* add 160608 */
    .leadArea { width: 96%; margin: 0 auto; }
    .rightNav{ margin-top: 10px !important; }
    .cont-footer  section section { margin-top: 10px; } 
    .cont-footer  section section.recommend_read { margin-top: 0; } 
}
/*---- TB layout ----*/
@media screen and (max-width: 979px) {
    #top .mainContent .inner { margin: 0 ;}
    .cont-footer > section { width: 100%; }
}





/*----------------------------------------
    link
----------------------------------------*/
a,
.content a, 
.g_content a, 
.content_center a { color: #00a3d8; }

a:hover,
.content a:hover, 
.g_content a:hover, 
.content_center a:hover { 
    color: #00b6fd;
    text-decoration: underline; }

/*---- category ----*/
.cate_link a {
    lone-height: 3;
    padding: 1px 5px;
    color: #555;
    background: #f4f4f4; }
.leadArea .cate_link a { color: #00a3d8; } /* 160610 */
.cate_link span { line-height: 2; }

/*---- word ----*/
.word_link li a {
    background: #FFF;
    padding: 4px 5px;
    border: 1px solid #e4e4dc;
    /*font-weight: bold;*/
    font-size: 14px;
    font-size: 1.4rem; }

.word_link li:hover,
.word_link li a:hover {
    color: #FFF;
    background: #00b6fd;
    text-decoration: none; }

/*---- list ----*/
.list_link li a {
    color: #333;
    border-bottom: 1px dashed #ccc; }
/* @media screen and (max-width: 739px) {
.list_link li a {font-size: 14px; }
}*//* 12px 160608 */
.list_link li a:hover {
    color: #00b6fd;
    font-weight: bold;
    border-color: #FFF;     /*add oda 160926 border-bottom: none;*/
    text-decoration: none; }    


/*---- cover_link ----*/
.cover_link li a:hover {
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    background: #77b7f0;
}
.cover_link li img { opacity: 1; }

/*---- anchor ----*/
.anchor { 
    padding: 7px 8px;
    text-align: center;
    border: 1px solid #E0E0E0;
}

.anchor li a {
    float: left;
    box-sizing: border-box;
    width: 10%;
    padding-left: 5px;
    color: #555;
    background: url(/sevice_shared/img/words/icon_triangle.png) no-repeat 5px center;
    background-size: 8px 5px; }
@media screen and (max-width: 739px) {
    .anchor li a { width: 20%; }

}





/*----------------------------------------
    icon
----------------------------------------*/
/*---- usuall icon ----*/
.list_item_link > a {
    padding-left: 10px;
    position: relative; }/* 160426 */
.list_item_link a:before {
    content: '';
    width: 5px;
    height: 8px;
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    background: url(/img/cloud/ico_arrow_01.png) no-repeat 0 0;
    background-size: 5px auto; }

/*---- foldar icon ----*/
.folda {
    padding-left: 28px;
    color: #999;
    position:relative; }
.folda:before {
    content: '';
    width: 20px;
    height: 15px;
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    background: url(/sevice_shared/img/words/icon_folder.png) no-repeat 0 0;
    background-size: 20px auto; }
.folda_tit { margin-left: 0 !important; }

.leadArea .folda:before {
    top: 8px; } /* 160610 */
    





/*----------------------------------------
    search box
----------------------------------------*/
/*---- all ----*/
.site_name { background: #545b64; }
.site_name_innner {
        max-width: 980px;
        margin: 0 auto; }
@media screen and (max-width: 979px) {
    .site_name_innner {
            margin: 0 10px;
            padding-top: 10px; }
}
@media screen and (max-width: 739px) {
    .site_name_innner {
            margin: 0 10px;
            padding-top: 10px; }
}
/*---- default style clear ----*/
.search_box .gsib_a { padding: 0 !important; }
.search_box .cse .gsc-control-cse, .gsc-control-cse { 
    padding: 0 !important;
    background: none !important;
    border: none !important; }
.search_box form.gsc-search-box { margin: 8px auto !important; }
.search_box .gsc-search-box-tools .gsc-search-box .gsc-input { padding-right: 0 !important; }
.search_box #gs_tti50 input { height: 21px !important; }
.search_box .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 { margin-top: 5px !important; }

.search_box input.gsc-input { height: 24px; } /* 160525 追 */
.search_box .gsc-results .gsc-imageResult,.gsc-webResult.gsc-result{border:none!important} /* 160525 追 */

/*.search_box .gsc-tabHeader.gsc-tabhActive {
    color: #FFF !important;
    border-top: 2px solid #333 !important; 
}
.search_box .gsc-webResult .gsc-result {
    border-bottom: none !important;
}
*/





/*----------------------------------------
    index.html(TOP)
----------------------------------------*/
/*---- search ----*/
#top .search_box {
    max-width: 800px; /* 980px 160613 */
    margin: 0 auto; }   
@media screen and (max-width: 739px) {
    #top .search_box {
        width: 96%;
        margin: 0 auto; }
}
@media screen and (max-width: 979px) {
    #top .search_box {
        width: 96%;
        margin: 0 auto; }
}
#top .search_box .gsc-search-box-tools .gsc-search-box .gsc-input { padding-right: 4px !important; } /* 160613 */
#top .search_box #gs_tti50 input { height: 35px !important; }  /* 160613 */
#top .gsc-input-box { /* 160613 */
    height: 35px; }

#top td.gsc-search-button { /* 160613 */ 
    border-radius: 2px;
    background: #357AE8; }

#top gsc-search-button-v2 { /* 160613 */
    margin: 0;
}
#top input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus,
#top .cse input.gsc-search-button, input.gsc-search-button { /* 160613 */
    border: none; }


/*---- #subContent ----*/
#subContent .inner > section > div dl { margin-top: 20px; }
#subContent .inner > section > div dt { font-weight: bold; font-size: 110%; }
#subContent .inner > section > div dd { margin-top: 3px; font-size: 14px; font-size: 1.4rem; }
    
#subContent .inner > section > div#rank_box dt img { vertical-align: top; }
#subContent .inner > section > div#rank_box dt a { padding-left: 1em; }
@media screen and (max-width: 739px) { /* ike */
    div#rank_box { margin-top: 30px; }
}
@media screen and (min-width: 740px) { /* 160609 */
    #subContent .inner > section > div#rank_box dt a { padding-left: 10px; }
}
#subContent .inner > section > div#rank_box dd { margin-left: 3em; }

/*---- #mainContent ----*/
/*-- category_box --*/
.category_box > div {
    padding: 10px;
    background:#f4f4f4; }
.category_box > div:nth-child(2n) { margin-right: 0; }
.category_box p a { color: #555; } 
.category_box ul li {
    display: inline;
    line-height: 2.5;
    font-size: 14px;
    font-size: 1.4rem; }
@media screen and (max-width: 739px) { /* 160613 */
    .category_box ul li {
        line-height: 2.2; }
}
.category_box ul li a { border-color: #f4f4f4; }
@media screen and (min-width: 740px) {
    .category_box > div {
        float: left;
        width: 48%;
        box-sizing: border-box;
        margin: 4% 4% 0 0; }
    .category_box > div:first-child,
    .category_box > div:nth-child(2) {
        margin-top: 10px; }
}
@media screen and (max-width: 739px) {
    .category_box > div { margin-top: 10px; }
}


/*-- recommend_box --*/
.recommend_box ul li {
    float: left;
    margin: 4px 4px 0 0; }
.recommend_box ul li:last-child {
    margin: 4px 0 0 0; }    
.recommend_box ul li a { display: block; }
.recommend_box .columnArea > div {
    display: table;
    height: 70px;
    padding-right: 10px;
    box-sizing: border-box; }
@media screen and (min-width: 740px) {
    .recommend_box .columnArea > div {
        float: left; 
        width: 50%; }
}
.recommend_box .columnArea > div figure,
.recommend_box .columnArea > div p {
    display: table-cell;
    vertical-align: middle; }
.recommend_box .columnArea > div figure { width: 85px; }
.recommend_box .columnArea > div p {
    font-size: 14px;
    font-size: 1.4rem; }

/*-- title color and icon  --*/
.recommend_box .ttl {
    padding: 8px 10px 8px 60px; 
    color: #FFF;
    font-weight: bold;
    font-size: 20px;
    font-size: 2.0rem; }
/* icon*/   
.recommend_box .icn_type01 {
    background-image: url(/sevice_shared/img/words/icn_beginner.png);
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 40px auto; }
.recommend_box .icn_type02 {
    background-image: url(/sevice_shared/img/words/icn_recommend.png);
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 34px auto; }
/* color */
.recommend_box .bg_red { background-color: #fd7064; }
.recommend_box .bg_orange { background-color: #ffa824; }
.recommend_box .bg_green { background-color: #55c296; }
.recommend_box .bg_skyblue { background-color: #77b7f0; }
.recommend_box .bg_purple { background-color: #898bb4; }
.recommend_box .bg_gray { background-color: #e4e4dc; color: #555 !important; }
.recommend_box .bg_black { background-color: #979797; }

/*---- .an_index ----*/
.title_box { 
    display: table;
    width: 100%;
    vertical-align:bottom; }

.title_box h2,.title_box p { 
    display: table-cell;
    width: 50%;
}
.an_index { padding: 10px 0; }
.an_index > p {
    margin-bottom: 0;
    font-size: 20px;
    font-size: 2.0rem;
    color: #888; }
    
.index_box p.ex {
    font-size: 14px;
    font-size: 1.4rem; }
    
.an_index > ul li {
    float: left;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    color: #b6b6b6; }
.an_index > ul  li:nth-child(10){ margin-right: 0; }
.an_index > ul li a {
    display: block;
    box-sizing: border-box;
    border-radius: 3px;
    font-weight: bold;
    color: #FFF;
    background: #4d9feb;
    box-shadow: 2px 2px 3px #9e9e9e; }
.an_index > ul  li.all_cate a {
    width: 100%;
    margin: 10px auto 0; }
.an_index > ul  li a:hover {
    opacity: 0.7;
    color: #FFF;
    text-decoration: none;
     }
@media screen and (min-width: 740px) {
    .an_index > ul li { margin: 0 14px 14px 0; }
    .an_index > ul li a {
        width: 44px;
        height: 44px;
        padding: 12px 0 0 0; }
}
@media screen and (max-width: 739px) {
    .an_index > ul li {
        width: 18%;
        margin: 8px 2% 0 0; }
    .an_index > ul li a {
        width: 100%;
        height: auto;
        padding: 10px 15px; }
}
.sakuin > div { margin-top: 10px; } /* 160609 */
#top .sakuin > div { margin-top: 0px; } /* 160609 */
.sakuin div p.shdg_03 { margin: 0 0 10px !important; }
.sakuin ul { width: 100%; }
.sakuin ul li {
    float: left;
    box-sizing: border-box;
    width: 50%;
    margin: 0 0 10px 0;
    padding-left: 1em;
    background: url(/sevice_shared/img/top/ico_arrow_list.png) no-repeat 0.2em 50%; } /* 160609 */
.sakuin ul li:nth-child(3n) { margin-right: 0; }
#choice div{ display: none; }
@media screen and (min-width: 740px) {
    #top .layout-unit.layout-2col, #top .layout-unit-fix.layout-2col { margin-left: 0; }
    #top #mainContent.layout-unit.layout-2col, #top #mainContent.layout-unit-fix.layout-2col { 
        float: right;
        width: 58%; }
    #top #subContent.layout-unit.layout-2col, #top #subContent.layout-unit-fix.layout-2col { 
        width: 38%; }
}
@media screen and (max-width: 739px) {
    .popular_category { margin-top: 20px; }
}
#top .sakuin ul li {
    font-size: 14px;
    font-size: 1.4rem; }


/*----------------------------------------
    detail.html,cate.html
----------------------------------------*/
.description { line-height: 1.8; } /* 160610 */
.thum {
    width: 20px;
    height: 20px;
    margin-right: 5px; }
.thum_disc {
    margin: 30px auto ;
    width: 100%;
    max-height: 600px; /* 400px */
    text-align: center; }
.list_area ul li {
    float: left;
    width: 50%; 
    margin-top: 10px; }

.relation_box > div > p { margin-bottom: 0; }
.relation_box ul li { margin-top: 10px; }
.relation_box .words ul li {
    float: left;
    width: 50%; }

/*---- offer_service ----*/
@media screen and (min-width: 740px) {
    .offer_service ul li {
        float: left; 
        width: 49%;
        margin-top: 1%; }
    .offer_service ul li:nth-child(odd) { margin-right: 2%; } /* 160610 */
}
@media screen and (max-width: 739px) {
    .offer_service ul li {
        margin-top: 10px; }
}

/*---- return_top ----*/
.return_top a {
    padding-left: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    background: url(/sevice_shared/img/words/icn_return.png) no-repeat left 0.15em;
    background-size: 15px auto; }


/*----------------------------------------
    side navi
----------------------------------------*/
.content .rightNav .rightNav-top{
	display: none; }
@media screen and (min-width: 740px) {
    .content #mainContent{
        width: 74%;
        float: left; }
    .content .rightNav{
        width: 22.0%;
        float: right;
        margin-top: 60px; }
	.content .rightNav .rightNav-top{
		display: block; }
}
.rightNav > div > p { 
    margin-bottom: 0;
    padding: 0.8125em;
    font-weight: bold;
    background: #f4f4f4;
    color: #4D4D4D;
    line-height: 1.0; }
    
#side_rank > ul li a {
    padding: 7px 10px 7px 2px; /* 5px 10px; 160610 */
    font-size: 14px; /* 160610 */
    font-size: 1.4rem; /* 160610 */
    display: block; }
#side_rank > ul li img { 
    margin-top: -6px;
    padding-right: 10px; }
    
#side_new_arrive ul li {
    float: left; 
    line-height: 2;
    margin: 0 5px 10px 0;
    font-size: 12px;
    font-size: 1.2rem; }
#side_new_arrive ul li a { font-size: 12px; font-size: 1.2rem; }





/*----------------------------------------
    cont-footer
----------------------------------------*/
.lnav { border-bottom: 4px solid #565656; }





/*----------------------------------------
    cont-footer
----------------------------------------*/
.cont-footer { padding: 10px; }
@media screen and (min-width: 740px) {
    .foot_sakuin { width: 14.3%; }
    .category { width: 53.3%; }    
    .recommend_read { width: 32.3%; }
}
.cont-footer  section section { 
    padding: 10px;
    background-color: #FFF; }
.category ul,
.foot_sakuin ul { border-top: 1px dashed #DFDFDF; }
.foot_sakuin ul li { float: left; width: 50%; }
@media screen and (min-width: 740px) {
    .category ul li { 
        float: left;
        width: 50%; }
    .category ul li:nth-child(2n+1) a { border-right: 1px dashed #DFDFDF; } 
}
@media screen and (max-width: 739px) {
    .foot_sakuin,.category { margin-bottom: 10px; }
}
.category ul li a,
.foot_sakuin ul li a { 
    display: block;
    padding: 12px 8px 8px;
    border-bottom: 1px dashed #DFDFDF; }
.foot_sakuin ul li:nth-child(2n+1) a { border-right: 1px dashed #DFDFDF; } 

.recommend_read ul li { 
    display: table;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 10px; }
.recommend_read ul li:last-child { margin-bottom: 0; }
.recommend_read ul li figure,.recommend_read ul li p { display: table-cell; }
.recommend_read ul li figure { width: 86px; }
.recommend_read ul li p {
    padding: 0 !important;
    font-size: 12px;
    font-size: 1.2rem;
    vertical-align: middle; }


/*----------------------------------------
    footer
----------------------------------------*/
@media screen and (max-width: 739px) {
    footer .futility ul.snsArea { margin-top: 20px; }
}

/*----------------------------------------
    clearfix
----------------------------------------*/
.clearfix:after{
    display: block;
    content: "";
    clear: both;
    overflow: hidden; }

/*----------------------------------------
    probo search
----------------------------------------*/
#probo {
    max-width: 800px;
    margin: 0 auto;
}

#probo form {
    display: flex;
    padding: 10px 0; /* ike upd 171025 margin-top: 20px; */
}

#probo form #search_form {
    width: 88%;
    padding-right: 2%;
}

#probo form #search_form input#q {
    width: 100%;
    height: 30px;
    padding: 0 5px;
    border: 1px solid #c1c1c1;
    box-sizing: border-box;
}

#probo form #search_btn {
    width: 10%;
    height: 30px;
    color: #fff;
    border-color: #000;
    background-color: #333;
    box-sizing: border-box;
}

@media screen and (max-width: 739px) {
    #probo form #search_form {width: 83%;}
    #probo form #search_btn {width: 15%;}
}

.title_ruby {
    font-size: 2rem;
}
@media screen and (max-width: 739px) {
    .title_ruby {
        font-size: 1.5rem;
    }
}