﻿/* photo frame css */
/* photo picture frame */
#div_frame {
    border:10px ridge gray;
    background:url("../akasozai/cloth-b5.png");
    background-color:snow;
    text-align:center;
    margin:30px auto 0px auto;
    padding:20px;
    box-shadow:2px 0px 25px black;
    }
#div_frame img {
    border:4px ridge white;
    width:93%;
    margin:10px auto 10px auto;
    }
#div_frame p {
    width:95%;
    color:black;
    text-indent:12px;
    margin:5px auto 10px 10px;
    line-height:20px;
    text-align:left;
    text-shadow:2px 0px 0px white;
    }

/* picture frame */
#div_frame0 {
    width:660px;
    margin:30px auto 0px auto;
    }
#div_frame0 p {
    width:90%;
    color:ivory;
    text-indent:20px;
    margin:5px auto 10px auto;
    line-height:20px;
    text-align:left;
    text-shadow:0px 0px 10px white;
    }

/* simple frame  */
#div_frame1 , #div_frame2 , #div_frame1t , #frame1 , #frame2 {
    border:0px ridge gray;
    text-align:center;
    margin:20px auto 50px auto;
    padding:0px;
    }
#div_frame1 , #frame1{
   width:80%;
   }
#div_frame2 , #frame1 {
   width:60%;
   }
#div_frame1 img , #div_frame2 img , #div_frame1t img , #frame1 img , #frame2 img{
    width:100%;
    border:0px ridge white;
    margin:0px 0px 0px 0px;
    border-radius:8px;
    box-shadow:5px 5px 10px black;
    }
#div_frame1 p , #div_frame2 p , #div_frame1t p , #frame1 p , #frame2 p , {
    width:100%;
    text-indent:12px;
    margin:2px auto 10px 10px;
    font-size:1.0rem;
    text-align:left;
    padding:5px;
    border-radius:0px 0px 0px 0px 4px 4px 4px 4px;
    }
/* thumbnail　*/
#div_frame1t {
    width:20%;
    float:left;
    margin:10px 20px 10px auto;
    }
#div_frame1t p {
    margin:2px auto 10px auto;
    text-indent:0px;
    text-align:center;
   }
/* simple frame  */
#div_frame3 {
    border:2px groove black;
    text-align:center;
    margin:20px auto 50px auto;
    padding:0px;
/*    box-shadow:2px 0px 25px ivory; */
    }
#div_frame3 img {
    width:100%;
    border:0px ridge white;
    margin:0px 0px 0px 0px;
    border-radius:4px 4px 4px 4px 0px 0px 0px 0px;
    }
#div_frame3 p {
    width:95%;
    color:ivory;
    text-indent:12px;
    margin:2px auto 10px 10px;
    font-size:14px;
    text-align:left;
    padding:5px;
    border-radius:0px 0px 0px 0px 4px 4px 4px 4px;
    }
/* round frame */
#div_frame_r {
    border:10px ridge gray;
    background:url("../akasozai/cloth-b5.png");
    background-color:snow;
    text-align:center;
    margin:30px auto 0px auto;
    padding:20px;
    box-shadow:2px 0px 25px black;
    }
#div_frame_r img {
    border:0px ridge white;
    width:93%;
    margin:10px auto 10px auto;
    border-radius:350px;
    box-shadow:2px 0px 25px black;
    }
#div_frame_r p {
    width:95%;
    color:black;
    text-indent:12px;
    margin:5px auto 10px 10px;
    line-height:20px;
    text-align:left;
    text-shadow:2px 0px 0px white;
    }

/* glass frame  */
#div_frame4 {
    width:70%;
    border-style:solid;
    border-color:silver;
    border-width:2px 50px 2px 50px;
    background:url("../akasozai/hantoumei_03.png");
 /*   background-color:honeydew; */
    text-align:center;
    margin:50px auto 50px auto;
    padding:0px;
    border-radius:20px 20px 20px 20px / 20px 20px 20px 20px;
    box-shadow:2px 2px 10px black;
    }
#div_frame4 img {
    width:70%;
    border:4px double silver;
    margin:20px auto 0px auto;
    border-radius:4px 4px 4px 4px 0px 0px 0px 0px;
    }
#div_frame4 p {
    width:95%;
    color:ivory;
    text-indent:12px;
    margin:5px auto 10px 10px;
    font-weight:bold;
    text-align:left;
    padding:5px;
    text-shadow:5px 5px 8px black;
    }
/* glass frame smale  */
#div_frame5 {
    width:70%;
    border-style:solid;
    border-color:lavender;
    border-width:2px 50px 2px 50px;
    background:url("../akasozai/hantoumei_03.png");
 /*   background-color:honeydew; */
    text-align:center;
    margin:50px auto 50px auto;
    padding:0px;
    border-radius:20px 20px 20px 20px / 20px 20px 20px 20px;
    box-shadow:2px 2px 10px black;
    }
#div_frame5 img {
    width:90%;
    border:4px double silver;
    margin:20px auto 0px auto;
    border-radius:4px 4px 4px 4px 0px 0px 0px 0px;
    }
#div_frame5 p {
    width:95%;
    color:ivory;
    text-indent:12px;
    margin:5px auto 10px 10px;
    font-weight:bold;
    text-align:left;
    padding:5px;
    text-shadow:5px 5px 8px black;
    }
#div_frame6 {
      border:0px ridge black;
      background:url("../akisozai/hantoumei_04.png"); 
      padding:10px 10px 0px 10px;
      width:75%;
      margin:15px auto 0px auto;
      text-align:center;
      border-radius:8px;      
      box-shadow:2px 0px 25px gray; 
      }
#div_frame6 img , #div_frame6 p {
     width:98%;
     }
 
#div_frame6 img {
      border:2px inset ivory;
      padding:0px;
      margin:10px 0px 10px 0px;
      border-radius:8px;       /* for IE9      */
      box-shadow:2px 0px 25px white; 
      }

#div_frame6 p {
      padding:10px 5px 10px 5px;
      margin:0px auto 5px auto;
      font-size:120%;
      text-indent:12px;
      color:honeydew;
      text-align:left;
      }
/* coil album frame */
#div_frame_coil1 {
    margin-top:50px;
    border-radius:8px;
    background:url("../akasozai/back_color_02.jpg");
    box-shadow:2px 2px 5px black;
   }

#div_frame_coil2 {
    margin-top:10px;
    background:url("../akasozai/bk_wire_touka_01.png");
    background-repeat:repeat-y;

    }
#div_framec {
    margin:30px auto 30px 100px;
    }
#div_framec img {
    width:98%;
    box-shadow:1px 1px 3px black;
    }
#div_framec p {
    width:90%;
    margin-top:0px;
    font-family:'HG��������-PRO';
    }

/* doga video frame define */
#div_rootv    {
     margin:20px auto 20px auto;
     background-color:black;
     border-radius:20px;
     padding:10px 10px 0px 10px;
     box-shadow:1px 1px 3px white;
     }
#div_rootv h5 {
     font-size:18px;
     }
#videoframe {
     border:0px solid gray;
     width:600px;
     text-align:center;
     margin:10px auto 20px auto;
     }
#videoframe p {
     color:ivory;
     }
video {
     border:0px solid gray;
     margin:10px auto 10px auto;
     width:95%;
     height:500px;
     }
video poster {
     width:120px;
     }
