/* red CSS */
/* 画面全体の背景色など */

BODY{
    background-color: #0c0000; 
    color:#fff8f8 ;
}


/* 共通グラデーション  */
.grds{background-image: linear-gradient(#583f34,#31150a);}
.grds2{background-image: linear-gradient(#583f34,#31150a);}
.grds3{background-image: linear-gradient(#583f34,#31150a);}


/* サムネイル部 */
#thm_frm{
    position: absolute ; top:0; left:0;  z-index: 2;
    background-position: center top; 
    background-repeat: repeat-y ;
    background-color: #180808 ; 
    background-image: url(bg3_red.png);  
}


/* サムネイル枠 */
.tm_tbl{
    border-style :solid ;
    border-radius:6px ;
    border-color: #886644; 
}


/* リンク文字色 */
A:link{color:#eedddd;}
A:visited{color:#eedddd;}
A:hover{color:#ffffff;}

A:link{text-decoration: none ;}
A:visited{text-decoration: none ;}
A:hover{text-decoration: none ;}


/* タイトル部コーナー */
.top_left{border-radius:20px 8px 8px 8px ;}
.top_right{border-radius: 8px 20px 8px 8px ;}
.top_center{border-radius: 20px 20px 8px 8px;}


.slide_btns{
    font-size: 16px; text-align:center;
    font-family: "Times New Roman","ＭＳ ゴシック" ;
    height:24px ; letter-spacing: 2px ;
}


.sbtn{border-radius: 20px ;}
.sbtl{border-radius: 20px 0 0 20px ;}
.sbtr{border-radius: 0 20px 20px 0 ;}


.slide_btns a:hover{font-weight: bold ;}
.slide_btns a{text-decoration: none ;  display: block ;}


#close{font-size:24px ; letter-spacing:2px ;}


/* 写真表示部 */
#photo_frm{ position: absolute ; top:0; left:0;  z-index: 1 ;}


/* 写真部タイトル */
#title1{font-size:14px;font-family:"ＭＳゴシック";}


/* Ｈｏｍｅボタン*/
.home_btn{
    background-color :#442222;
    border-color: #550000 ; 
    border-radius: 20px 20px 6px 6px ;
    text-align:center;
    font-family: "Times New Roman";
    font-size: 24px;
}

.home_btn a{
    color:#eee;  
    letter-spacing:1px;
}

.home_btn a:hover{
    color:#fff; 
    letter-spacing:2px;
}


/* 写真部 背景 */
#photo_frm{ 
   background-color: #180808 ;   
   background-image: url(bg3_red.png);  
   background-position: center top; background-repeat: repeat-y ;
}


/***  写真部 枠色 ***/
.ph_table{
    background-color: #331d1d ; 
    border-color: #664444; 
    border-style:solid ;
    border-width:3px ;
    border-radius:12px ;
}


/*** 写真 shadow 色 ***/
#photo_1{box-shadow:#554444 10px  6px 10px}


/*** 写真部 説明文 ***/
#comDiv{color: #ccc ; font-size: 15px;}


/* 写真部 ボタン */
.slide_btns{
    font-size: 16px; text-align:center;
    font-family: "Times New Roman","ＭＳ ゴシック" ;
    height:24px ; letter-spacing: 2px ;
}


.slide_btns a{color: #f0e0e0;}
.slide_btns a:hover{color: #ffffff;}
.slide_btns a:hover{font-weight: bold ;}
.slide_btns a{text-decoration: none ;  display: block ;}


.sbtn{border-radius: 20px ;}
.sbtl{border-radius: 20px 0 0 20px ;}
.sbtr{border-radius: 0 20px 20px 0 ;}


/* 写真部 文字 */
#close{font-size:24px ; letter-spacing:2px ;}


/* 写真部 連番 */
#numb{font-size:12px; padding-left:15px ;}
