@charset "UTF-8";
/* CSS Document */

* {
	font-family:"Shin Go Bold", "新ゴ B", 'M PLUS 2p', sans-serif;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	line-height: 25px;
	min-width: 800px;
	width: 100%;
	min-height: 100%;
	height: 100%;
	min-height: 100%;
	color: #FFF;
	background: #000000;
}

a {
   color: red;
   text-decoration: none;
}

.text2 {
   font-size: 1.3em;
   font-weight: bold;
}

.text_smal {
   font-size: 0.8em;
}

.space50 {
   height: 50px;
}

#top {
   width: 100%;
   height: 500px;
   position: relative;
   background: url("../img/top.jpg") top no-repeat;
}

#back {
   width: 100%;
   position: relative;
   background: url("../img/back.jpg") top;
}

.wrap {
   width: 900px;
   margin: 0px auto;
   position: relative;
}

.wrap2 {
   width: 700px;
   margin: 0px auto;
   position: relative;
}

.title_re {
   position: relative;
}

.title_up {
   position: absolute;
   top: -30px;
   left: 10px;
}

.td_left_up {
   border-top: 5px solid #FFFFFF;
   border-left: 5px solid #FFFFFF;
   border-top-left-radius: 50px;
   height: 25px;
}

.td_center_up {
   padding: 0px 15px;
}

.td_right_up {
   border-top: 5px solid #FFFFFF;
   border-right: 5px solid #FFFFFF;
   border-top-right-radius: 50px;
}

.td_center {
   border-left: 5px solid #FFFFFF;
   border-right: 5px solid #FFFFFF;
}

.td_left_down {
   border-bottom: 5px solid #FFFFFF;
   border-left: 5px solid #FFFFFF;
   border-bottom-left-radius: 50px;
}

.td_center_down {
   border-bottom: 5px solid #FFFFFF;
}

.td_right_down {
   border-bottom: 5px solid #FFFFFF;
   border-right: 5px solid #FFFFFF;
   border-bottom-right-radius: 50px;
   height: 25px;
}

.td_padd {
   padding: 20px;
}

.btn-download {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    
    /* 斜めグラデーション（左上 → 右下） */
    background: linear-gradient(135deg, #333333, #999999);
    
    /* 角丸（お好みで） */
    border-radius: 6px;

    /* 右下に影 */
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);

    /* 少し滑らかに */
    transition: all 0.2s ease;
}

.btn-download {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    
    /* 【変更箇所】グラデーションを3色（濃→薄→濃）にして、サイズを2倍（200%）に広げる */
    background: linear-gradient(135deg, #333333, #999999, #333333);
    background-size: 200% auto;
    
    border-radius: 6px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);

    /* 【変更箇所】背景の「位置」と「影」をアニメーションさせる */
    transition: background-position 0.2s ease, box-shadow 0.2s ease;
}

.btn-download:hover {
    /* マウスホバーで背景の表示位置を右にずらすことで、色が反転したように見せる */
    background-position: right center;
    
    /* おまけ：ホバー時に少し影を小さくして、ボタンが押し込まれたような立体感を出す */
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
}

#footer {
   width: 100%;
   border-top: 5px solid #FFFFFF;
   text-align: center;
   padding: 30px 0px 50px;
   background: #000000;
}