@charset "utf-8";


/*
*	Title: SCSK サービス詳細用
*	URI: 
*	Last Modified: 
*	Description: メインカラム（サービス詳細内容）
*/

#nominum .h3Inner { margin: 0 0 0 15px; }

/*トップページ 副題*/
#summary h2.top {
margin: 20px 0;
font-size: 20px;
font-weight: bold;
color: #e84240;
}

#index h2.ntitle, #merit h2.ntitle, #nominum_product h2.ntitle, #download h2.ntitle {
background: url(../img/midashi_p.png) no-repeat left 1px top 4px;
padding: 0 0 5px 22px;
margin: 20px 0 10px 0;
border-bottom: 1px solid #e84240;
font-size: 1.4em;
font-weight: bold;
color: #e84240;
}
#index h2.ntitle{
margin-top:35px;
}

/* ピンクのドット見出し */
#index h3, #contact h3, #merit h3 {
background: url(../img/lt_2.gif) no-repeat left 1px top 4px;
padding-left: 15px;
margin: 10px 0;
font-weight: bold;
font-size: 1.2em;
}
#index h3, #merit h3 { margin-bottom: 0!important; }

#download h3 {
background: url(../img/lt_2.gif) no-repeat left 1px top 4px;
padding-left: 15px;
margin: 0 0 5px 0;
font-weight: bold;
font-size: 1.2em;
}


#index .notes, #merit .notes {
background: #ffffce;
padding: 15px;
margin: 20px 0 50px 0;
border: 1px solid #e84240;
}
#index .notes h4, #merit .notes h4 { color: #9C3000; font-weight: bold; font-size: 130%; text-align:center; margin: 0 5px 10px 5px; }


#merit .notes { margin-bottom: 10px!important; }
#merit p.important {
width: 100%;
background: #f7dfde;
color: #9c3000;
padding: 5px;
text-align: center;
fonsize: 1.3em;
font-weight: bold;
}
#merit .notes h3.task {
background: none;
font-weight: bold;
font-size: 1.2em;
text-align: center;
color: #9c3000;
margin-top: 0!important;
margin-bottom: 10px!important;
}

#download .download_txt {
    float: left;
    width: 350px;
    margin: 10px 0 0px 0;
}
/*製品ラインナップ  画像を使わずcssのみでボックス枠の描画 START ============================================*/
/*ボックス枠*/
#nominum_product span.box {
display: flex;
width: 145px;
height:125px;
justify-content: center;
align-items: center;
text-align: center;
padding:0px;
color: #ffffff;
font-weight: bold;
font-size: 1.2em;
border: 0!important;
border-radius: 20px;/*角丸*/
box-shadow: 2px 2px 2px #C1C1C1;
}

#nominum_product .linkMemo {
width: 180px;
float: right;
padding-top: 18px;
font-size: 0.9em;
}

#nominum_product h3.pro01, #nominum_product h3.pro02, #nominum_product h3.pro03, #nominum_product h3.pro04, #nominum_product h3.pro05, #nominum_product h3.pro06 {
margin-top:10px;
font-weight: bold;
font-size: 1.2em;
}
#nominum_product h3.pro01 { color:#FF6600;} /* DNSキャッシュサーバ deeporange #f60 同じ*/
#nominum_product h3.pro02 { color:#b00;} /* DNSオーソリティブサーバ #990000 → recet.css の darkred に色を変更*/
#nominum_product h3.pro03 { color:#080; }  /* DNS防御 #336600 → recet.css の green に色を変更*/
#nominum_product h3.pro04 { color:#0ae;} /* DNS可視化ツール  #006699 → recet.css の lightblue に色を変更*/
#nominum_product h3.pro05 { color:#83c;} /* 加入者保護① RGB(112,48,160) → recet.css の purple に色を変更*/
#nominum_product h3.pro06 { color:#03c;} /* 加入者保護② RGB(0,32,96) → recet.css のblue に色を変更*/
#nominum_product h4 { font-weight: bold; font-size: 1.2em; margin-bottom: 15px; }
#nominum_product h4 span { font-weight: normal; font-size: 0.9em; margin-left: 0.5em; }
#nominum_product ul.list {
list-style: disc;
margin-left: 20px;
}
/* 製品ラインナップの区切りライン */
hr.pro_hr {border:none;border-top:dashed 1px #cccccc;height:1px;color:#FFFFFF;width:500px;}

#contact .tel { width: 355px; margin: 0 0 50px 105px; }
#contact .telTop {
height: 10px;
background: url(../img/contact_bg_01.gif) no-repeat left top;
}
#contact .telMdl { background: url(../img/contact_bg_02.gif) repeat-y left top; }
#contact .telMdl p { font-size: 1.1em; font-weight: bold; text-align: center; margin: 0; }
#contact .telMdl p.cBlue { color: #31309c; }
#contact .telBtm { height: 10px; background: url(../img/contact_bg_03.gif) no-repeat left top;
}

#download .download_thumbnail{
float:left;
width:82px;
margin:10px 10px 0px 20px;
background-color:#e8e8e8;
padding:10px;
}
#download .download_thumbnail img{
width:80px;
}
#download .ico_pdf{
float:left;
margin: 3px 0 0 0;
}

#download .dlink{
float:left;
margin: 3px 0 0 10px;
padding-left: 18px;
background: url('../img/arrow_blue.gif') no-repeat scroll 0px center transparent;
}
#download .download_txt {
    float: left;
    width: 350px;
    margin: 10px 0 0px 0;
}

#nominum .contents_area ul.list { margin: 0 0 0 20px; padding: 0 0 0 0px; list-style-type: disc;}

#nominum .bg-gray00{
background:#f2f2f2;
}
#nominum .radius30{
border-radius:30px;
}
#nominum a.lineup{
display:block;
}
#nominum a.lineup:hover{
text-decoration:none!important;
}
#nominum a.lineup .lineup-inner{
display:inline;
}
#nominum .lineup-box{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0px;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.2em;
    border: 0!important;
    border-radius: 20px;
    box-shadow: 2px 2px 2px #c1c1c1;
    height:200px;    
 }
#nominum .lineup-box.box1{
    background: #ffa670;
    background: -moz-linear-gradient(top, #ffa670 0%, #ff6600 100%);
    background: -webkit-linear-gradient(top, #ffa670 0%,#ff6600 100%);
    background: linear-gradient(to bottom, #ffa670 0%,#ff6600 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa670', endColorstr='#ff6600',GradientType=0 );
    overflow: hidden;
}

#nominum .lineup-box.box2{
    background: #d81200;
    background: -moz-linear-gradient(top, #d81200 0%, #990000 100%);
    background: -webkit-linear-gradient(top, #d81200 0%,#990000 100%);
    background: linear-gradient(to bottom, #d81200 0%,#990000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d81200', endColorstr='#990000',GradientType=0 );
    overflow: hidden;
}
#nominum .lineup-box.box3{
    background: #569900;
    background: -moz-linear-gradient(top, #569900 0%, #336600 100%);
    background: -webkit-linear-gradient(top, #569900 0%,#336600 100%);
    background: linear-gradient(to bottom, #569900 0%,#336600 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#569900', endColorstr='#336600',GradientType=0 );
    overflow: hidden;
}
#nominum .lineup-box.box4{
    background: #9740d1;
    background: -moz-linear-gradient(top, #9740d1 0%, #5c2784 100%);
    background: -webkit-linear-gradient(top, #9740d1 0%,#5c2784 100%);
    background: linear-gradient(to bottom, #9740d1 0%,#5c2784 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9740d1', endColorstr='#5c2784',GradientType=0 );
    overflow: hidden;
}
#nominum .lineup-box.box5{
    background: #0042d1;
    background: -moz-linear-gradient(top, #0042d1 0%, #002060 100%);
    background: -webkit-linear-gradient(top, #0042d1 0%,#002060 100%);
    background: linear-gradient(to bottom, #0042d1 0%,#002060 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0042d1', endColorstr='#002060',GradientType=0 );
    overflow: hidden;
}
#nominum .lineup-box.box6{
    background: #34B3D6;
    background: -moz-linear-gradient(top, #34B3D6 0%, #248CA7 100%);
    background: -webkit-linear-gradient(top, #34B3D6 0%,#248CA7 100%);
    background: linear-gradient(to bottom, #34B3D6 0%,#248CA7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34B3D6', endColorstr='#248CA7',GradientType=0 );
    overflow: hidden;
    height:80px;  
}
/*製品ラインナップ  画像を使わずcssのみでボックス枠の描画 END ============================================*/


@media screen and (max-width:767px) and (min-width:1px) {
#download .download_txt {
width:100%;
}
hr.pro_hr {
width:100%;
}
#product #main_contents2{
width:95%;
margin:auto;
}
#nominum .lineup-box, #nominum .lineup-box.box6{
    height:100px;  
}
}