@charset "utf-8";

h1,h2,h3,h4,h5,h6,p,table,th,td,div,ul,ol,li {
	margin: 0px;
	padding: 0px;
}
body {
	font-family:'ＭＳ 明朝' monospace;
	font-size: 15px;
	background-image: url(image/bg.jpg);
	color: #000000;
	width: 100%;
	margin: 0;
	text-align: center;

}

.shadow{
	filter: drop-shadow(2px 2px 2px  #000)
}

/*ヴィジュアルイメージ*/



.vimage{
	position:relative;
    width:100%;
	

}
.vimage img{
    position:absolute;
    left:0;
    top:0;
    width: 100%;



    	/*--画像サイズ1366×800--*/
}


/* ---------------------------
ヘッダー
------------------------------*/
#header{
	text-align: left;
	width: 95%;
	
	background: linear-gradient(#e4d2d8, #afafb0 ); 
	color: #ffffff;
	font-size: 40px;
	padding-left:5%;
	text-shadow: 2px 2px 2px  #000;
	padding-top: 0px;
	padding-bottom: 20px;
	
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 3px;
}


/*------ナビゲーション---------*/


.navi {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 15px 20px 15px 20px;
    text-decoration: none;
    color: #e6b422;
    transition: .4s;
}

.navi:before{
   position: absolute;
   content: '';
   width: 100px;
   height: 4px;
   top:100%;
   left: 0;
   border-radius: 3px;
   background:#e6b422;
   transition: .2s;
}

.navi:after{
   position: absolute;
   content: '';
   width: 100px;
   height: 4px;
   top:0;
   left: 0;
   border-radius: 3px;
   background:#e6b422;
   transition: .2s;
}

.navi:hover:before {
    top: -webkit-calc(100% - 3px);
    top: calc(100% - 3px);
}

.navi:hover:after {
    top: 3px;
}

/* ------------------------------
 コンテナ
------------------------------ */
#container {

	background-image: url();
	background-repeat:no-repeat;
	margin: 0;
	margin-right: auto;
	margin-left: 0px;
	margin-bottom: 10px;
	text-align: center;
	
	padding-bottom: 10px;
	margin-top: 41%;
	padding-top: 40px;

}

/* ---------------------------
コンテンツ
------------------------------*/
#content {
/* ---------------------------
{
	box-shadow: 左右の向きpx  上下の向きpx ぼかしpx 広がりpx 色 内側指定;
}
------------------------------*/
	box-shadow:0px 2px 2px 2px gray ;
	width: 80%;
	background-color: #ffffff;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: outo;
	margin-top: px;
	color: #000000; 
	font-size: 13px;
	text-align: center;
	padding-bottom: 10px;
	
}

/* ---------------------------
ビジュアルイメージ
------------------------------*/

/* ---------------------------
テキスト
------------------------------*/
#textbox1 {
	width: 80%;
	height: auto;
	background-color: #ffffff;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: outo;
	margin-top: px;
	color: #000000; 
	font-size: 13px;
	text-align: left;
	padding-top: px;	
	
	
}

#textbox1 h2{
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 18px;
	color: #000000;
	background: linear-gradient(#e4d2d8, #afafb0 );
	width: 90%;
	height: 30px;
	padding: 10px;
	box-shadow:3px 5px 17px -3px #c9c072;
	border-radius:0px 6px 6px 0px ;
	border:1px outset #cccccc;
	
	
}

#textbox1 h3{
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 16px;
	color: #000000;
	
	
	height: 30px;
	padding-left: 10px;
/*
	border-radius:0px 6px 0px 0px ;
	border-bottom: 3px double #000000;
*/
}

#textbox1 h3:first-letter {
font-size: 2em;
color: #7172ac;
}




.matsu01{
	width: 35%;
	height: 350px;
	background-position: right bottom;
	background-image: url(image/01.jpg);
	background-repeat: no-repeat;
	float: right;
}

.matsu02{
	width: 65%;
	float: left;
	height: 350px;
	padding-top: 20px;
}

.matsu03{
	float: left;
	width: 50%;
	height: 100%;
}

.matsu04{
	background-position: right bottom;
	background-image: url(image/02.jpg);
	background-repeat: no-repeat;
	float: right;
}

.kengaku{
	font-size: 18px;
	}


/* ------------------------------
 テーブル
------------------------------ */
table#image_1 {
	background-color: #000000;
	margin:0 auto;
	
}

table#image_1 th{
	text-align: center;
	background-color: #ffffff;
	
}


table#image_1 td{
	background-color: #ffffff;
	text-align: left;
	width: 50%;
	
}

ul {
  border: solid 0px skyblue;
  border-radius: 5px;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  font-weight: ;
   display: table;
  table-layout: fixed;
  width: 80%;

}

ul li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  list-style-type: none!important;
  display: table-cell;
}



ol{
	padding-left: 2em;
}

ol li{

	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

li .torihiki{
	list-style-type: none;
	font-size: 20px;

}

.font01{
	font-weight: normal;
}


/* ------------------------------
 フッダー
------------------------------ */
#footer {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #600;
	border-right-color: #600;
	border-bottom-color: #600;
	border-left-color: #600;
}
#footer h6 {
	font-size: 90%;
	color: #7d7d6c;
	font-weight: normal;
	margin-top: 10px;
	text-align: center;
	font-family: "Comic Sans MS", cursive;
	margin-bottom: 10px;
	
}


/*リンク*/

.top{
	color: #e6b422;
}

.page-top
{
	margin: ;
	padding:  ;
}
 
.page-top p
{
	margin:  ;
	padding: 0 ;

	position: fixed ;
	right: 4% ;
	bottom: 4% ;
}
 
.move-page-top
{
	
	color: #fff ;
	line-height: 45px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}

.move-page-top:hover
{
	opacity: 0.85 ;
}

/*mail*/
.mail_btn{
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #00BCD4;
    background: #ECECEC;
    transition: .4s;
  }

.mail_btn:hover {
    background: #00bcd4;
    color: white;
}



img:active {
    zoom: 2;
}