/* ------========================================
	  * Material基本設定 -
========================================----- */
#block {
  display:block;
  top: 0px;
  left:0px;
  width:100%; 
  position:relative;
}
#catchblock {
  display:block;
  position:relative;
  width:100%;
  max-width:1024px; /* 最大幅 */
  margin:0px 0px 0px 0px;
  text-align:center;
}
#catchblock img{
  padding:0px 0px 0px 0px ;
  margin:0px 0px 50px 0px ;
  width:100%;
  max-width: 1024px; /* 最大幅 */
}
.titleblock {
  display:block;
  position:relative;
  width:95%;
  max-width:1024px; /* 最大幅 */
  background:#ff4444;
  text-align:left;
  margin:0px 0px 0px 0px;
  padding:5px 0px 5px 0px;
  font-size:20px;
  font-weight:bold;
  color:white;
}
.titleblock img{
  width:10%;
  max-width:20px; /* 最大幅 */
  min-width:20px; /* 最大幅 */
  margin-left:10px;
}
#freecallblock {
  display:block;
  position:relative;
  width:95%;
  max-width:1024px; /* 最大幅 */
  background:white;
  text-align:left;
  margin:0px 0px 0px 0px;
}
#freecallblock img {
  width:90%;
  max-width:640px; /* 最大幅 */
  margin:10px 0px 0px 0px;
}


#textblock {
  display:block;
  position:relative;
  width:95%;
  max-width:640px; /* 最大幅 */
  background:white;
  margin:0px 0px 0px 0px;
}
.material_form {
  margin:20px 0px 15px 0px;
  width:97%;
  max-width:640px; /* 最大幅 */
}
.material_home {
  margin:0px 0px 0px 0px;
  width:80%;
  max-width:640px; /* 最大幅 */
}

input[type=radio] {
  font-size:150%;height:27px;width:27px;margin:10px;
} 

input[type=checkbox] {
  font-size:150%;height:27px;width:27px;margin:10px;
}


.material_margin{
 margin:0px 0px 0px 10px;	
}


.text_border{
 line-height :12px;
 color:black;
 padding:6px 6px 6px 6px;
 border: 1px solid black;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}



button.fbutton{ 
 /* 文字サイズを26に指定 */ 
   font-size:17px; 
 /* 文字の太さをboldに指定 */ 
   font-weight: bold; 
 /* 縦方向 横方向*/
   padding: 25px 90px; 
 /* 文字色を白色に指定 */ 
   color: #fff; 
 /* ボーダーをなくす */ 
   border-style: none; 
 /* ボタンの影の指定 
 * 影の横幅を2px 
 * 縦長を2px 
 * ぼかしを3px 
 * 広がりを1px 
 * 色を#666（グレー）に指定 */ 
   box-shadow: 2px 2px 3px 1px #666; 
   -moz-box-shadow: 2px 2px 3px 1px #666; 
   -webkit-box-shadow: 2px 2px 3px 1px #666; 
 /* テキストの影の指定 
 * 影の横幅を1px 
 * 縦長を1px 
 * ぼかしを2px 
 * 色を#000（黒）に指定 */ 
   text-shadow: 1px 1px 2px #000; 
 /* グラデーションの指定 */ 
   background: -moz-linear-gradient(bottom, #ff4444, #bf0000 50%, #ff4444); 
   background: -webkit-gradient(linear, left bottom, left top, from(#ff4444), color-stop(0.5,#bf0000), to(#ff4444)); 
 /* 角丸の指定 */ 
   -moz-border-radius: 10px; 
   -webkit-border-radius: 10px; 
   border-radius: 10px; 
} 
 
button.fbutton:hover{ 
 /* 透明度を20%に指定 */ 
 opacity: 0.8; 
} 

button.fbuttonb{ 
 /* 文字サイズを26に指定 */ 
   font-size:17px; 
 /* 文字の太さをboldに指定 */ 
   font-weight: bold; 
 /* 縦方向 横方向*/
   padding: 10px 30px; 
 /* 文字色を白色に指定 */ 
   color: #fff; 
 /* ボーダーをなくす */ 
   border-style: none; 
 /* ボタンの影の指定 
 * 影の横幅を2px 
 * 縦長を2px 
 * ぼかしを3px 
 * 広がりを1px 
 * 色を#666（グレー）に指定 */ 
   box-shadow: 2px 2px 3px 1px #666; 
   -moz-box-shadow: 2px 2px 3px 1px #666; 
   -webkit-box-shadow: 2px 2px 3px 1px #666; 
 /* テキストの影の指定 
 * 影の横幅を1px 
 * 縦長を1px 
 * ぼかしを2px 
 * 色を#000（黒）に指定 */ 
   text-shadow: 1px 1px 2px #000; 
 /* グラデーションの指定 */ 
   background: -moz-linear-gradient(bottom, #ff4444, #bf0000 50%, #ff4444); 
   background: -webkit-gradient(linear, left bottom, left top, from(#ff4444), color-stop(0.5, #bf0000), to(#ff4444)); 
 /* 角丸の指定 */ 
   -moz-border-radius: 10px; 
   -webkit-border-radius: 10px; 
   border-radius: 10px; 
} 
 
button.fbuttonb:hover{ 
 /* 透明度を20%に指定 */ 
 opacity: 0.8; 
}