/*@charset "UTF-8";*/
@charset "shift_jis";

@import url("reset.css");
@import url("php_common_require.css");


/*---------------------------------------------*/
/*       フォント                              */
/*---------------------------------------------*/
body {
	font-family : "ＭＳ 明朝", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ Ｐゴシック",  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro W3" ,"Hiragino Kaku Gothic Pro" , Osaka ,メイリオ,Meiryo , "MS PGothic" , "MS UI Gothic", "Meiryo","Times New Roman", sans-serif ;
	}


/*-----------------------*/
/* 全体枠                */
/*-----------------------*/

div#l_side {
        width:1200px;
	margin: 0px auto 0px;
        }

div#l_side_1 {
        float:left;
        width:1180px;
        margin: 0px 0px 10px 0px;
        /*height:798px;*/
        height:900px;
        background:url(webkad/kad_photo_12_2.jpg) no-repeat;
        border-top:15px solid silver;
        border-bottom:15px solid silver;
        border-left:10px solid gray;
        border-right:10px solid gray;
        }

div#l_side_2 {
        float:left;
        width:1200px;
        margin: 0px 0px 10px 0px;
        height:790px;
        /*background:url(webkad/kad_photo_12.jpg) no-repeat;*/
        }

/*----------------------------------------*/
/*   トップ　タイトル                     */
/*----------------------------------------*/

div#top {
        float:left;
        width:1200px;
        margin:0px 0px 0px 0px;
	}

div#top div#top_1 {
        float:left;
        width:1200px;
        height:160px;
        margin:10px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background:url(webkad/gimp_logo11_6.png) no-repeat;
        /*border-bottom:15px outset silver;*/
        }


/*-----------------------*/
/* 左枠                */
/*-----------------------*/

div#left_side {
        width:1180px;
        float:left;
        margin:10px 0px 20px 0px;
        }

div#left_side_1 {
        /*width:420px;*/
        width:500px;
        float:left;
        margin:70px 0px 0px 0px;
        }

div#left_side_2 {
        width:570px;
        margin:3px 0px 0px 0px;
        float:left;
        }


div#left_side div#content2{
        float:left;
        width:200px;
        margin:0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        }


/*-----------------------*/
/* 右枠                */
/*-----------------------*/

div#right_side {
	width:165px;
	margin:30px 20px 0px 0px;
	float:left;
	}


div#r_side {
	width:200px;
	float:left;
	background:#f2f2f2;
        border:2px ridge #f99;
	margin:15px 0px 0px 0px;
	}

div#r_side_1 {
	width:200px;
	float:left;
	background:#f2f2f2;
        border-left:2px ridge #f99;
        border-right:2px ridge #f99;
        border-bottom:2px ridge #f99;
	margin:0px 0px 0px 8px;
	}


/*-----------------------*/
/* 中央枠                */
/*-----------------------*/

div#center {
        width:1180px;
        float:left;
        margin:130px 0px 0px 0px;
        }


/*カウンター 動画*/
div#main_content_k {
        /*width:420px;*/
        width:260px;
        float:left;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        /*border:1px ridge #f99;*/
        }

div#main_content_k_1 {
        width:174px;
        float:left;
        border-left:2px solid #2d3f81;
        margin:0px 0px 0px 0px;
        }


div#main_content_k div#photo_area_4 {
        /*width:195px;*/
        width:200px;
        float:left;
        margin:0px 0px 0px 60px;
        /*border:1px ridge #f99;*/
        }

div#main_content_k div#photo_area_4_1 {
        /*width:195px;*/
        width:190px;
        float:left;
        margin:0px 0px 0px 0px;
        /*border:2px outset #FFFFFF;*/
        /*border:1px ridge #f99;*/
        }

/*カウンタ*/
div#main_content_k div#photo_area_4_2 {
        float:left;
        width:190px;
        margin:0px 0px 10px 0px;
        padding:0px 0px 0px 0px;
        /*border:1px ridge #f99;*/
        }

/*動画*/
div#main_content_k div#photo_area_4_3 {
        float:left;
        width:187px;
        margin:0px 0px 20px 3px;
        padding:0px 0px 0px 0px;
        background: white;
        background: lavender;
        background:LightCyan;
        background: #2d3f81;
        border-top:2px outset silver;
        border-bottom:4px outset silver;
        border-left:2px outset silver;
        border-right:4px outset silver;
	}

div#main_content_k div#photo_area_4_3 h2 {
        float:left;
        width:180px;
        line-height:1.0em;
        text-align:center;
        font-size:95%;
        font-weight:bold;
        color:white;
        margin:0px 0px 0px 0px;
        padding:10px 0px 10px 0px;
	/*margin:120px 0px 25px 90px;*/  /*パネル*/
        /*border: solid 1px #B2B2B2;*/
        }

/*時計*/
div#main_content_k div#photo_area_4_4 {
        width:180px;
        float:left;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        /*border:2px ridge silver;*/
        /*border:1px ridge #f99;*/
        }

/*時計*/
div#main_content_k div#photo_area_4_4_1 {
        width:170px;
        float:left;
        margin:0px 0px 0px 10px;
        padding:0px 0px 0px 0px;
        /*border:2px ridge silver;*/
        }

div#main_content_k div#photo_area_4_5 {
        /*width:194px;*/
        width:180px;
        float:left;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        border:3px outset #FFFFFF;
        }


/*カレンダー*/
div#main_content_k_2 {
        /*width:210%;*/
        width:206px;
        float:left;
        margin:0px 0px 0px 20px;
        padding:0px 0px 0px 0px;
        /*border:3px outset #FFFFFF;*/
        }


/*カレンダー*/
div#main_content_k_2 div#photo_area_1 {
/*        width:206px;*/
        width:206px;
        float:left;
        /*margin:35px 0px 15px 10px;*/
        margin:0px 0px 0px 0px;
        background:url(webkad/php_calendar_back_kabe_3.png) no-repeat;
        /*height:236px;*/
        /*border:1px outset #FFFFFF;*/
        }

/*カレンダー*/
div#main_content_k_2 div#photo_area_4 {
        width:190px;
        float:left;
        /*margin:15px 0px 0px 8px;*/
        margin:15px 0px 70px 8px;
        background:url(webkad/php_calendar_back_4_3.png) no-repeat;
        /*height:205px;*/
        /*border:1px outset #FFFFFF;*/
        }

/*カレンダー*/p
div#main_content_k_2 div#photo_area_4_1 {
        width:190px;
        float:left;
        margin:18px 0px 0px 0px;
        }

/*カレンダー*/
div#main_content_k_2 div#photo_area_4_2 {
        width:190px;
        float:left;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        }

/*カレンダー*/
div#main_content_k_2 div#photo_area_4_3 {
        width:190px;
        float:left;
        margin:5px 0px 0px 7px;
        padding:0px 0px 0px 0px;
        }


div.photo_1 {
	float:left;
	width:170px;
	margin:15px 0px 30px 0px;
        /*overflow:hidden;*/
        /*border:5px ridge silver;*/
        /*border-bottom:2px outset silver;*/
	}

div.photo_2 {
	/*width:800px;*/
	width:300px;
	float:left;
        /*border:1px outset silver;*/
        overflow:hidden;
	/*margin:20px 1px 0px 45px;*/
	margin:0px 0px 0px 0px;
	}
div.photo_3 {
	width:500px;
	float:left;
        /*border:3px outset silver;*/
        overflow:hidden;
	margin:0px 0px 0px 0px;
	}
div.photo_4 {
	width:130px;
	float:left;
        /*border:3px outset silver;*/
        overflow:hidden;
	margin:0px 0px 0px 0px;
	}

div.photo_5 {
	width:180px;
        /*border:5px ridge silver;*/
        /*border-bottom:2px outset silver;*/
        overflow:hidden;
	margin:15px 0px 30px 15px;
	}

div.photo_6 {
	float:left;
	width:180px;
	margin:15px 0px 30px 20px;
        overflow:hidden;
        /*border:5px ridge silver;*/
        /*border-bottom:2px outset silver;*/
	}

div.photo_7 {
	width:180px;
        /*border:5px ridge silver;*/
        /*border-bottom:2px outset silver;*/
        overflow:hidden;
	margin:40px 0px 30px 20px;
	}

div.photo_8 {
	width:180px;
        /*border:5px ridge silver;*/
        /*border-bottom:2px outset silver;*/
        overflow:hidden;
	margin:15px 0px 30px 10px;
	}


div.photo_13 {
	width:200px;
	float:left;
	margin:40px 0px 0px 0px;
	}

/*--------------------------------*/
/*   カレンダー                   */
/*--------------------------------*/

table.table023 {
  /*width:215px;*/
  /*width:173px;*/
  width:170px;
  margin: 0px 0px 50px 4px;
  border-collapse: separate;
  border-spacing: 2px;
  border: outset 2px lavender;
  /*border: outset 4px dodgerblue;*/
  /*background: beige;
  background: #f2f2f2;*/
}

table.table023 caption {
  margin-top: 1px 1px 1px 1px;
  text-align: left;
}

table.table023 th {
  border: outset 1px white;
  /*background: #2d3f81;*/
  /*background: gray;*/
  text-align: center;
  white-space: nowrap;
        font-size:70%;
        /*font-weight:bold;*/
        color:blue;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        line-height:1.0em;
}

table.table023 td {
  border: outset 1px lavender;
  /*background: white;*/
  /*background: beige;*/
  /*empty-cells: hide;*/
  /*height:14px;*/
  text-align: center;
  white-space: nowrap;
        font-size:70%;
        font-weight:bold;
        color:black;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        line-height:1.0em;
}
/*--------------------------------*/
/*    カレンダー                  */
/*--------------------------------*/

table.table024 {
  /*width:215px;*/
  /*width:173px;*/
  width:170px;
  border-collapse: separate;
  border-spacing: 2px;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

table.table024 caption {
  margin-top: 1px 1px 1px 1px;
  text-align: left;
}

table.table024 th {
  /*background: lavender;
  background: #2d3f81;*/
  background-color: transparent;
  text-align: left;
  white-space: nowrap;
        font-size:70%;
        font-weight:bold;
        color:white;
        margin:0px 0px 0px 0px;
        line-height:1.0em;
}

table.table024 td {
  /*border-bottom:2px outset lightgreen;
  border-right:2px outset lightgreen;
  border-top:2px outset lightgreen;
  border-left:2px outset lightgreen;*/
  background: aliceblu;
  /*background: #2d3f81;*/
  text-align: center;
  white-space: nowrap;
        font-size:80%;
        font-weight:bold;*/
        /*font: bold 0.7em "Times New Roman",Times,serif;*
        /*font: italic bold  1.5em 平成明朝"ＭＳ Ｐ明朝",serif;*/
        /*font-style:oblique;*/
        color:black;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        line-height:1.0em;
}


/*--------------------------------*/
/*   閲覧カウンター               */
/*--------------------------------*/

table.table031 {
  width: 150px;
  border-collapse: separate;
  border-spacing: 2px;
  margin: 10px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
  /*border: solid 1px silver;*/
}

table.table031 caption {
  margin-top: 1px 1px 1px 1px;
  text-align: left;
}

table.table031 th {
  text-align: right;
  /*border: solid 1px #B2B2B2;*/
  /*border: solid 1px black;*/
  white-space: nowrap;
        font-size:80%;
        font-weight:bold;
        color:white;
        margin:0px 0px 0px 0px;
       line-height:1.0em;
}

table.table031 td {
  background: aliceblu;
  text-align: right;
  /*border: solid 1px silver;*/
  /*border:1px outset #FFFFFF;*/
  white-space: nowrap;
        font-size:80%;
        font-weight:bold;
        color:white;
        margin:0px 0px 0px 0px;
        line-height:1.0em;
}


/*---------------------------------------------*/
/*     Ｂｏｏｋ中央                  */
/*---------------------------------------------*/

      /*　Ｂｏｏｋ*/

div#main_left_17 {
        width:450px;
        float:left;
        margin:0px 0px 20px 250px;
        height:333px;
        background: url(webkad/kad_kabewaku_book_b590x500_4.png) no-repeat;
        }

div#main_left_17 div#col_00 {
        float:left;
        width:450px;
        margin:0px 0px 0px 0px;
        }

div#main_left_17 div#col_00_1 {
        float:left;
        width:200px;
        margin:20px 0px 0px 120px;
        }



div#main_left_17 div#col_01 {
        float:left;
        width:180px;
        margin:0px 0px 0px 0px;
        }

div#main_left_17 div#col_01_1 {
        float:left;
        width:180px;
        margin:0px 0px 0px 0px;
        }

div#main_left_17 div#col_01_2 {
        float:left;
        width:180px;
        margin:20px 0px 0px 0px;
        }

div#main_left_17 div#col_01_3 {
        float:left;
        width:180px;
        margin:0px 0px 0px 0px;
        }

div#main_left_17 div#col_01_4 {
        float:left;
        width:180px;
        margin:0px 0px 0px 0px;
        }

div#main_left_17 div#col_01_5 {
        float:left;
        width:180px;
        margin:0px 0px 0px 0px;
        }


div#main_left_17 div#col_02 {
        float:left;
        width:250px;
        margin:0px 0px 0px 0px;
        }

div#main_left_17 div#col_02_1 {
        width:250px;
        float:left;
        margin: 20px 0px 0px 10px;
        padding: 0px 0px 0px 0px;
        }

div#main_left_17 div#col_02_1 p {
        margin:0px 0px 0px 0px;
        text-indent:0;
        font-size:80%;
        text-align:left;
        font-weight:bold;
        color:blue;
        }


div#main_left_17 div#col_02_2 {
        width:250px;
        float:left;
        margin: 40px 0px 0px 10px;
        padding: 0px 0px 0px 0px;
        }

div#main_left_17 div#col_02_2 p {
        margin:0px 0px 0px 0px;
        text-indent:0;
        font-size:80%;
        text-align:left;
        font-weight:bold;
        color:blue;
        }

div#main_left_17 div#col_02_3 {
        width:250px;
        float:left;
        margin: 20px 0px 0px 10px;
        padding: 0px 0px 0px 0px;
        }

div#main_left_17 div#col_02_3 p {
        margin:0px 0px 0px 0px;
        text-indent:0;
        font-size:80%;
        text-align:left;
        font-weight:bold;
        color:blue;
        }

div#main_left_17 div#col_02_4 {
        width:250px;
        float:left;
        margin: 20px 0px 0px 10px;
        padding: 0px 0px 0px 0px;
        }

div#main_left_17 div#col_02_4 p {
        margin:0px 0px 0px 0px;
        text-indent:0;
        font-size:80%;
        text-align:left;
        font-weight:bold;
        color:blue;
        }

div#main_left_17 div#col_02_5 {
        width:250px;
        float:left;
        margin: 20px 0px 0px 10px;
        padding: 0px 0px 0px 0px;
        }

div#main_left_17 div#col_02_5 p {
        margin:0px 0px 0px 0px;
        text-indent:0;
        font-size:80%;
        text-align:left;
        font-weight:bold;
        color:blue;
        }


      /*　Ｂｏｏｋ*/

div#main_left_18 {
        width:400px;
        float:left;
        /*margin:150px 0px 30px 350px;*/
        margin:70px 0px 30px 250px;
        height:210px;
        background: url(webkad/kad_kabewaku_book_b377x208_1.png) no-repeat;
        /*border:1px ridge #f99;*/
        }

div#main_left_18 div#col_01 {
        float:left;
        width:400px;
        margin:0px 0px 0px 0px;
        }

div#main_left_18 div#col_01_1 {
        float:left;
        width:200px;
        margin:10px 0px 0px 120px;
        }

div#main_left_18 div#col_02 {
        float:left;
        width:290px;
        margin:0px 0px 0px 0px;
        }

div#main_left_18 div#col_02_1 {
        width:290px;
        float:left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        }

div#main_left_18 div#col_02_1 h1{
        width:290px;
        float:left;
        margin:10px 0px 10px 70px;
        padding:0px 0px 0px 0px;
        font-size:90%;
        text-align:left;
        font-weight:bold;
        color:green;
        }

div#main_left_18 div#col_02_2 {
        width:290px;
        float:left;
        margin: 0px 0px 0px 50px;
        padding: 0px 0px 0px 0px;
        }
div#main_left_18 div#col_02_2 p {
        margin:0px 0px 0px 0px;
        text-indent:0;
        font-size:80%;
        text-align:left;
        font-weight:bold;
        color:blue;
        }


      /*　Ｂｏｏｋ*/

div#main_left_19 {
        width:400px;
        float:left;
        margin:210px 0px 0px 10px;
        }

div#main_left_19 div#col_01 {
        float:left;
        width:400px;
        margin:0px 0px 0px 0px;
        }

div#main_left_19 div#col_01_1 {
        float:left;
        width:400px;
        margin:0px 0px 0px 0px;
        }

div#main_left_19 div#col_01_1 h1{
        width:400px;
        float:left;
        margin:10px 0px 10px 0px;
        padding:0px 0px 0px 0px;
        font-size:75%;
        text-align:left;
        /*font-weight:bold;*/
        color:white;
        }



div#main_left_19 div#col_02 {
        float:left;
        width:290px;
        margin:0px 0px 0px 0px;
        }

div#main_left_19 div#col_02_1 {
        width:290px;
        float:left;
        margin: 0px 0px 0px 50px;
        padding: 0px 0px 0px 0px;
        }

div#main_left_19 div#col_02_1 h1{
        width:290px;
        float:left;
        margin:0px 0px 0px 0px;
        padding:20px 0px 10px 0px;
        font-size:90%;
        text-align:left;
        font-weight:bold;
        color:green;
        }

div#main_left_19 div#col_02_2 {
        width:290px;
        float:left;
        margin: 0px 0px 0px 50px;
        padding: 0px 0px 0px 0px;
        }
div#main_left_19 div#col_02_2 p {
        margin:0px 0px 0px 0px;
        text-indent:0;
        font-size:80%;
        text-align:left;
        font-weight:bold;
        color:blue;
        }




/*-------------------------*/
/*               */
/*-------------------------*/
ul.sitemap_24 {
        width: 140px;
        margin: 20px 0px 5px 40px;
}
ul.sitemap_24 ul {
        width: 140px;
        margin: 0px 0px 0px 0px;
}

ul.sitemap_24 li {
        margin: 0px 0px 0px 0px;
        /*padding:5px 0px 4px 0px;*/
        padding:0px 5px 0px 5px;
        line-height:0.2em;
        display:inline;
        /*font-size:90%;*/
        color:white;
        text-align:left;
/*        border: 1px outset white;
        border-top: 1px outset white;
        border-left: 1px outset white;
        border-right: 2px outset black;
        border-bottom: 2px outset black;
        background-color: lavender;*/
}

ul.sitemap_24 li a {
        margin: 0px 0px 0px 0px;
        padding:0px 5px 0px 5px;
        line-height:0.2em;
        text-decoration:none;
        list-style: none;
        font-size:80%;
        font-weight:bold;
        color:black;
}

ul.sitemap_24 li:hover  img {
        background-color: #ffa620;
}
img {
    border:none;
    /*border: 1px outset white;*/
    }



div#main_photo_area_1 {
        /*width:10px;*/
        width:400px;
        float:left;
        /*height:580px;*/
        margin:80px 0px 0px 30px;
        padding:0px 0px 0px 0px;
        border:2px solid gray;
        border-top:10px solid silver;
        border-bottom:10px solid silver;
        border-left:10px solid gray;
        border-right:10px solid gray;
        }

/*---------------------------------------------*/
/*動画再生 ビデオプレーヤ*/
/*---------------------------------------------*/

div.main_content21 {
        width:600px;
	float:left;
	margin:0px 0px 0px 0px;
	}
div.main_content21 h2 {
	font-size:100%;
	/*font-weight:bold;*/
	margin:0px 0 0;
	}
	
div.main_content21 p {
	line-height:1em;
	text-indent:1em;
	text-align:justify;
	font-size:80%;

	}
	
div.main_content21 p.day {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:2em;
	font-size:80%;
	text-align:left;
        font-weight:bold;
	color:white;
	}
div.main_content21 div.photo_area {
	width:600px;
	float:left;
        /*height:200px;*/
	margin:0px 0px 0px 0px;
	}

div.main_content21 div.photo_area p {
	text-indent:0;
	font-size:70%;
	text-align:center;
	margin:0px 0px 0px 0px;
	}

div.photo_32 {
	width:600px;
	float:left;
	margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
	/*border:2px silver solid;*/
	}

/*video {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    z-index: 1;
}
 
p {
    color: #fff;
    font-size: 3em;
    margin: 50px;
    position: relative;
    z-index: 2;
}*/


/*video {
    background-size: cover;
    height: auto;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    opacity: 0.8;
    position: fixed;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: auto;
    z-index: -100;
}*/ 


/*video {
max-width: 100%;
height: auto;
}*/