@charset "utf-8";


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


/*download.htmlページで使用 */
#fortinet .download {width: 290px; height: 60px; margin: 20px auto;}
#fortinet .download a {width: 195px; height: 60px; background:url('../img/btn_download.jpg') no-repeat; display: block;}
#fortinet .download a:hover {background-position: 0 -60px;}

#fortinet .pass_entry {width: 290px; height: 56px; margin: 20px auto;}
#fortinet .pass_entry a {width: 195px; height: 56px; background:url('../img/password_entry.jpg') no-repeat; display: block; margin-right: 5px;}
#fortinet .pass_entry a:hover {background-position: 0 -56px;}


/* FortiClientソフトウェア ダウンロード ページ */
#fortinet .dl_list_box {
  margin-bottom:0.5em;
}
#fortinet .dl_list_box a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;         /* 子要素の配置方向：横*/
  justify-content: center;     /* 子要素の水平方向の揃え方：中央 */
  align-items: stretch;        /* 子要素の垂直方向の揃え方：上下一杯 */
  align-content: center;       /* 複数行になった時の揃え方：中央 */
  flex-wrap: wrap; /* 折り返し */
  min-width:150px;
  min-height:3.5em;
  margin: 0.4em;
  border-radius: 8px;
  background-color: rgb(63,81,181)!important;
  border: 1px solid rgb(63,81,181)!important;
  color:#fff;
}
#fortinet .dl_list_box.wide a {
  min-width:200px;
}
#fortinet .dl_list_box a:hover, #fortinet .dl_list_box a:active, #fortinet .dl_list_box a:focus {
  text-decoration: none!important;
  background-color: #fff!important;
  color: rgb(63,81,181)!important;
}