@charset "Shift_JIS";

 </*-- body has a white background, grey background will fill the whole window --*/>

html {
   padding: 0;
   margin: 0;   </*--defining 0 margin and padding for all elements--*/>

}


  </*body and frame CSS--*/>

body{
	font-size: 12px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
    color: #000000; /* 標準文字色 */
    /*min-width: 990px;*/
}

body {
	background-color: #ffffff;
}

body {
    
     -webkit-print-color-adjust: exact;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover{
   text-decoration: underline;
} 

#frame {
   width:960px; 
   margin-left: auto;
   margin-right: auto;
   background-color: #fff;
   border-top: 4px solid #f79a15;
	border-radius: 15px 15px 0 0;
   

} 
/*--Frame Container's CSS--*/

/*--Header CSS--*/


#header {
	background-color: #ffffff; 
	width: 960px;
    height: 175px;
	margin-left: auto;
	margin-right: auto;

}

#header::after {
	content: ".";  
	display: block;  
	clear: both;
	height: 0;
	visibility: hidden;
    
}

/* Logo CSS Starts */
.logo {
    width: 550px;
    float: left;
    margin-top: 30px;
	padding-left: 20px;
  　
}



/* Logo CSS ENDS*/

#headermain h1 {
  <!社会福祉法人飯田福祉は-->
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 10px;
    padding-top: 6px;
    padding-right: 0;
    padding-bottom: 0px;
    padding-left: 0;
    text-align: left;
    font-weight: normal;
    line-height: 18px;
    font-size: 12px;
    
}

#headerExtra {
    width: 330px;
    margin-top: 10px;
    margin-right: 10px;
    float: right;
	letter-spacing: 0.1em;
    
}

#headerExtra p.tel {
    <!--電話番号の文字設定 -->
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    line-height: 20px;
    text-align: left;
	font-size: 1em;

}


#headerExtra p.address{
    /* 住所文字設定 */
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    line-height: 1;
    text-align: left;

}

/* Navigation and Search  CSS Starts*/

 .nav {
   width:99%;
   margin-left: 5px;
   height: 45px;
   background: #fff; 
    -moz-box-shadow: 0 0 8px #666; 
   -webkit-box-shadow: 0 0 8px #666; 
   box-shadow: 0 0 8px #666;
	 
   
}

.nav li {
  list-style: none;
  border-left: 3px solid #8b0000;
  padding-left: 5px;
	
}
  .nav ul {
     list-style: none;
}
  .nav ul li {
     float: left;
     font-size: 16px; 
     margin: 13px 22px;
}
  .nav div {
      float: right;
}
  .nav p { 
     margin: 15px; 
     float: left;
}
   .text {
       text-align: center;
}

/* Navigation and Search CSS Ends */

/*グリッド: 4 欄 横に並ぶ*/
  
  .column { 
    float: left;
    width: 22.5%;
    padding: 10px;
  }
/*グリッド中スタイル*/

.column img {
  opacity: 0.8;
  cursor: pointer;
}

.column img:hover {
  opacity: 1;
  
}

/* コラムの後フロートをクリア*/

.row:after {
  content: "";
  display: table;
  clear: both;
}

/*拡大する画像コンテナ */
.container {
  position: relative;
  display: none;
}

/*拡大する画像テキスト*/

#imgtext {
  position:  absolute;
  bottom: 15px;
  left: 15px;
  color: black;
  font-size: 20px;
}

/*拡大画像内の閉じるボタン*/

.closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  color: black;
  font-size: 35px;
  cursor: pointer;
}

/* Gallery Area, css for gallery div */

#garlery {
    width: 960px;
    height: 370px;
    margin: 10px auto;
    text-align: center;
    background: #fff; -moz-box-shadow: 0 0 8px #666;
    -webkit-box-shadow: 0 0 8px #666;
    box-shadow: 0 0 8px #666;
}

/* CSS for img with in the gallery */

#gallery img {
      padding: 10px 0;
}

/* Content circles 一ワン */

/* 全体の枠 */

.Picture {
    position: relative;
    float: left;
   
}

.hon, .shin {
    position: absolute;
    font-size: 24px;
    margin-left: 90px;
    margin-top: -170px;
    color: #eb26e1;
    line-height: 10px;
    
}

.saloon {
    position: absolute;
    font-size: 20px;
    margin-left: 50px;
     margin-top: -170px;
    color: #eb26e1;
    line-height: 10px;
    
}
.Picture img {
    width: 175px;
    height: 175px;
    border-radius: 50%;
    border:  5px solid #8b0000;
    padding: 25px;
  
}

.Picture1 {
    position: relative;
    float: right;
    
   
}

.day  {
    position: absolute;
    margin-left: 40px;
    margin-top: -160px;
    color: #ffffff;
    font-size: 16px;
}

.taka, .koto {
    position: absolute;
    margin-top: -150px;
    color: #ffffff;
    margin-left: 75px;
    font-size: 24px;
    line-height: 20px; 
}


.Picture1 img {
    width: 175px;
    height: 175px;
    border-radius: 50%;
    border:  5px solid #ff00ff;
    padding: 25px;
   
}


.Picture2 {
    position: relative;
    float: left;
    
   
}

.kyotaku {
    position: absolute;
    font-size: 24px;
    margin-top: -150px;
    color: #ffffff;
    line-height: 10px;
    margin-left: 50px;
}

.chiiki {
    position: absolute;
    font-size: 24px;
    margin-top: -170px;
    color: #ffffff;
    line-height: 10px;
    margin-left: 50px;
    line-height: 20px;
    
}

.Picture2 img {
    width: 175px;
    height: 175px;
    border-radius: 50%;
    border:  5px solid #ff8c00;
    padding: 25px;
    margin-left: 5px;
      
}

.Picture4 {
    position: relative;
    float: left;  
}

.ryokin {
    position: absolute;
    font-size: 24px;
    margin-top: -130px;
    margin-left: 90px;
    color: #ffffff;
    line-height: 10px;
}

.Picture4 img {
    width: 175px;
    height: 175px;
    border-radius: 50%;
    border:  5px solid #0a7cff;
    padding: 25px;
    line-height: 10px;
    margin-left: 5px;
      
}
/* Content Blocks 一段 */

.blocks {
    width:194px;
    height: 370px;
    background: #e4e4e4; 
    float: left;
    font-size: 15px;
	margin-left: 13px;
    margin-right: 13px; 
    padding: 10px;
    margin-bottom: 15px;
    text-align: justify;
    box-shadow: 0 0 8px #666;
    -maz-box-shadow: 0 0 8px gray;
    -webkit-box-shadow: 0 0 8px gray;
}

.blocks h1 {
	font-size: 15px;
	color: #000000;
}

.blocks img {
        margin-bottom: 5px;
        padding-left: 20px;
        padding-right: 20px;
}
.more {
     font-size: 12px; 
     float: right; 
     color: #000; 
     margin-top: 7px; 
     text-decoration: underline;
}

.blocks1 {
    width:194px;
    height: 370px;
    background: #e4e4e4; 
    float: left;
	margin-left: 13px;
    margin-right: 13px; 
    padding: 10px;
    margin-bottom: 15px;
    text-align: justify;
    box-shadow: 0 0 8px #666;
    -maz-box-shadow: 0 0 8px gray;
    -webkit-box-shadow: 0 0 8px gray;
}

.blocks1 h1 {
	font-size: 15px;
	color: black;
}
.blocks1 img {
        margin-bottom: 5px;
        padding-left: 20px;
        padding-right: 20px;
}

.more {
     font-size: 12px; 
     float: right; 
     color: #000; 
     margin-top: 7px; 
     text-decoration: underline;
}

  /* Welcome Text Box */
#desc-box {
      height: 250px;
      width: 900px;
	  margin-left: 150px;
	  margin-right:13px;
      /*margin: 10px auto;*/
      text-align: center;
      background: #fff;
      -moz-box-shadow: 0 0 8px #666;
      -webkit-box-shadow: 0 0 8px #666;
      box-shadow: 0 0 8px #666;
      overflow: hidden;
      padding: 25px;
        
}

.thumbnails-div {
       width: 100px;
       float: left;
}

.thumbnails-div img {
             margin: 4px;
}


.description {
       float: right;
       width: 710px;
       padding : 10px;
       text-align: justify;
      
}

.description h3{
          margin: 5px 0;
}



input[type=text], select, textarea {
  width: 100%;
  padding: 12px;/*枠中のパディング--*/
  border: 1px solid #ccc; /*枠の外側な線の色太さ形ーー*/
  border-radius: 10px; /*--枠の角をカーブの角度--*/
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

span {
	color: #ff0000;
}


input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

.form {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}
 #footer {
	
   display: block;
   margin: 40px auto 40px auto; 
   width: 940px;
   padding: 10px;
   text-align: center;
   background-color: #ffffff;
   border-radius: 15px 15px 0 0;
   text-decoration: none;
   font-size: 20px;
   color: #000000;
   
}

#footer{
	border-top-color: #f79a15;
	border-top-width: 4px;
	border-top-style: solid;
	
}
	
#footer p {
    text-align: center;
	margin: 0;	
}

.address {
	text-align: center;
	font-size: 18px;
	color: #800800;
	line-height: normal;
	
}

.copy {
	font-size: 12px;
	line-height: 30px;
}