@charset "utf-8";

/****************************************************************************************************
  このCSSは大カテゴリ別ページ（idx_●●●.html）に
  base_other.css と併用して適用してください。
  ※※※ こちらの方を下行（優先度 高）にして下さい ※※※
  
  以下、ID一覧（変更があった場合は修正をお願いします）
  最終更新： 2021/06/15 mgotou
  　　　　： 2017/07/10 kminai  

    ・idx_corp.html
        idx_11 会社概要
        idx_12 ご挨拶
        idx_13 業務内容
        idx_14 オフィス紹介
    ・idx_solution.html
        idx_21 自治体
        idx_22 製造･販売
        idx_23 医療･介護
        idx_24 クラウド･ＤＣ
        idx_25 その他
    ・idx_comp.html
        idx_31 イベント
        idx_32 同好会
        idx_33 委員会
        idx_34 CSR
    ・idx_yskmovie.html
        idx_41 会社紹介動画
        idx_42 会社CM
        idx_44 社歌
    ・idx_relation_site.html
        idx_51 関連サイト
        idx_52 お客様サポート
        idx_53 YSKブログ
    ・idx_recruit.html
        idx_61 新卒・経験者採用
		idx_62 本社地区
        idx_63 東京支社
        idx_64 福岡支店
  
****************************************************************************************************/

/* 共通設定 */
a.idx_link {
	display: inline-block;
	position: relative;
	top: 0px;
	text-decoration: none;
	color: #666666;
	width: 207px;
	height: 37px;
	padding: 178px 8px 0 0;
	margin: 25px 0 5px 20px;
	border: 1px solid #cccccc;
	font-size: 20px;
	font-weight: bold;
	text-align: right;
	
	/* CSS3設定 */
	box-shadow: 0 0 1px 0 #bbbbbb, 0 2px 4px 0 #bbbbbb; /* 20151216現在 IE8以下非対応 */
	transition: .2s; /* 20151216現在 IE9以下非対応 */
	
	/* IE8以下用ハック：影の代わりの効果など */
	background-color: #000000\9;
	top: 1px\9;
}

a.idx_link:hover {
	top: 1px;
	
	/* CSS3設定 */
	box-shadow: 0 0 4px 0 #cccccc, 0 5px 12px 1px #cccccc;*/
	transition: .2s;
	
	/* IE8以下用ハック：影の代わりの効果など */
	background-color: #000000 \9;
	top: 1px \9;
	margin: 21px -4px 1px 16px \9;
	border: 5px solid #2a2b8d \9;
}

a.idx_link:active {
	top: -1px;
	
	/* CSS3設定 */
	box-shadow: 0 1px 3px 0 #bbbbbb;*/
	transition: .2s;
	
	/* IE8以下用ハック：影の代わりの効果など */
	background-color: #000066\9;
	top: 1px\9;
	margin: 21px -4px 1px 16px \9;
	border: 5px solid #666666 \9;
}

/* 個別背景画像設定 */

a#idx_11 { background: url(../images/idx_category/idx_11_bg.gif) no-repeat; }
a#idx_12 { background: url(../images/idx_category/idx_12_bg.gif) no-repeat; }
a#idx_13 { background: url(../images/idx_category/idx_13_bg.gif) no-repeat; }
a#idx_14 { background: url(../images/idx_category/idx_14_bg.gif) no-repeat; }
a#idx_21 { background: url(../images/idx_category/idx_21_bg.gif) no-repeat; }
a#idx_22 { background: url(../images/idx_category/idx_22_bg.gif) no-repeat; }
a#idx_23 { background: url(../images/idx_category/idx_23_bg.gif) no-repeat; }
a#idx_24 { background: url(../images/idx_category/idx_24_bg.gif) no-repeat; }
a#idx_25 { background: url(../images/idx_category/idx_25_bg.gif) no-repeat; }
a#idx_31 { background: url(../images/idx_category/idx_31_bg.gif) no-repeat; }
a#idx_32 { background: url(../images/idx_category/idx_32_bg.gif) no-repeat; }
a#idx_33 { background: url(../images/idx_category/idx_33_bg.gif) no-repeat; }
a#idx_34 { background: url(../images/idx_category/idx_34_bg.gif) no-repeat; }
a#idx_41 { background: url(../images/idx_category/idx_41_bg.gif) no-repeat; }
a#idx_42 { background: url(../images/idx_category/idx_42_bg.gif) no-repeat; }
a#idx_44 { background: url(../images/idx_category/idx_44_bg.gif) no-repeat; }
a#idx_51 { background: url(../images/idx_category/idx_51_bg.gif) no-repeat; }
a#idx_52 { background: url(../images/idx_category/idx_52_bg.gif) no-repeat; }
a#idx_53 { background: url(../images/idx_category/idx_53_bg.gif) no-repeat; }
a#idx_61 { background: url(../images/idx_category/idx_61_bg.gif) no-repeat; }
a#idx_62 { background: url(../images/idx_category/idx_62_bg.gif) no-repeat; }
a#idx_63 { background: url(../images/idx_category/idx_63_bg.gif) no-repeat; }
a#idx_64 { background: url(../images/idx_category/idx_64_bg.gif) no-repeat; }
/* a#idx_xx { background: url(../images/idx_category/idx_11_bg.gif) no-repeat; } */