#header{
	width:800px;
	margin:1 auto;
	background-color: #000000;    /*背景色 */
	}


#container{
	 width:800px;
	margin:0 auto;
	word-break:break-all;
	}

.container{
	 width:600px;
	margin:0 auto;
	word-break:break-all;
	}


#wrapper{
	position:relative;
	 width:800px;
	margin:0 auto;
	}




a {color: blue;
  TEXT-DECORATION: underline
  }


.order {
	color:red;
	font-weight:bold;
	}
	background-color:#FFCACA;


.fon16 {
	font-size:16px;
	}

.fon14 {
	font-size:14px;
	}

.fon12 {
	font-size:12px;
	}

.fon10 {
	font-size:10px;
	}

/*
=====================================================================
*
*    scroll footer
*
* =================================================================== 
*/
  
div#scroll_footer {  
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0;  
    width: 100%;    
    background-color: rgba(49,68,72,0.8); 
    color: #fff;
	padding:10px 0px 10px;
}  
* html div#page_all{  
    height: 100%;  
    overflow: auto;  
} 


=============================================
*
*
*/
/* 通常時の背景色 */
.mouseover {
    background-color: #000000;;
    }
/* マウスオーバー時の背景色 */
.mouseover:hover {
    background-color: wheat;
    }


/* 各ページ上部メニューの背景 */
.menuover {
    background-color: gray;;
	float:left;
	width:105px;
    }
/* 各ページ上部メニューマウスオーバー時の背景色 */
.menuover:hover {
    background-color: wheat;
	float:left;
	width:105px;
    }

/* index上部メニューの背景 */
.floatover {
    background-color: white;;
	float:left;
    }
/* index上部メニューマウスオーバー時の背景色 */
.floatover:hover {
    background-color: wheat;
	float:left;
    }


.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 95%;
}

.center-100 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.index-menu {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 96%;
}

.left {
	float:left;
	}


* ============================================

/* ========================
	画像
========================= */

.plan-img {
}
.line {
    width: 75%;
    margin-bottom: 15px;
}
.line img {
    width: 760;
}

/* ========================
	himaより
========================= */


.column0{
	padding:3px;
	float:left;
	background:#00BFFF
	}

.column{
	padding:3px;
	float:left;
	}
	border:1px solid #333333;
	background:#ccffff

#column9{width:90%;}
#column8{width:80%;}
#column7{width:70%;}
#column6{width:60%;}
#column5{width:50%;}
#column4{width:40%;}
#column3{width:30%;}
#column2{width:20%;}
#column1{width:10%;}

#left{
	float:left;
	}

#right{
	float:right;
	}

#center{
	float:left;
	width:475px;
	}

.wrapper-grid { 
  display: grid; 
} 

.box1 { 
	border:1px solid #333333;
  grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 1; 
  grid-row-end: 2; 
}

.box2 { 
	border:1px solid #333333;
  grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 2; 
  grid-row-end: 3; 
}
.box3 { 
	border:1px solid #333333;
  grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 3; 
  grid-row-end: 4; 
}
.box4 { 
	border:1px solid #333333;
  grid-column-start: 2; 
  grid-column-end: 3; 
  grid-row-start: 1; 
  grid-row-end: 2; 
vertical-align:middle;
}

.box5 { 
	border:1px solid #333333;
  grid-column-start: 2; 
  grid-column-end: 3; 
  grid-row-start: 2; 
  grid-row-end: 3; 
vertical-align:middle;
}
.box6 { 
	border:1px solid #333333;
  grid-column-start: 2; 
  grid-column-end: 3; 
  grid-row-start: 3; 
  grid-row-end: 4; 
vertical-align:middle;
}

*****************************

#sample div {background-color:#ccccff; margin:4px;}
.oya {font-size:30px;}
.rei {font-size:20px;}
.sample1 {font-size:18px; background-color:#ccccff; vertical-align:baseline;}
.sample2 {font-size:18px; background-color:#ccccff; vertical-align:top;}
.sample3p {font-size:18px; background-color:#ccccff; vertical-align:middle;}
.sample3g {font-size:18px; background-color:#b7fcb1; vertical-align:middle;}
.sample3o {font-size:18px; background-color:#fcc6b1; vertical-align:middle;}
.sample4 {font-size:18px; background-color:#ccccff; vertical-align:bottom;}
.sample5p {font-size:18px; background-color:#ccccff; vertical-align:text-top;}
.sample5g {font-size:18px; background-color:#b7fcb1; vertical-align:text-top;}
.sample5o {font-size:18px; background-color:#fcc6b1; vertical-align:text-top;}
.sample6 {font-size:18px; background-color:#ccccff; vertical-align:text-bottom;}
.sample7 {font-size:18px; background-color:#ccccff; vertical-align:super;}
.sample8 {font-size:18px; background-color:#ccccff; vertical-align:sub;}

/* ==========
============ */

body {
	width: 770px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
}



.flex{
    display: flex;	/*コレ*/
    padding: 0px;
    flex-wrap: wrap
}


ul, li {
	padding: 0;
	list-style-type: none;	/*点を無くす*/
}


.img {
	font-size: 14px;
	list-style-type: none;	/*点を無くす*/
}

.menu{
	float:left;
	width:105px;
	}

.menu-right{
	float:right;
	width:100px;
	}