@charset "UTF-8";
/* @group Reset */



.sample_01{
 width: 100%;
 border-collapse: separate;
 
  margin-top : 8px;
}
 .sample_01 TH{
 width : 50%;
 padding: 6px;
 text-align: left;
 color : #333333;
 background-color : #eeeeee;
 border: 1px solid #b9b9b9;

 
  font-weight : normal;
}
 .sample_01 TD{
 padding : 6px 6px 6px 12px;
 background-color: #fff;
 border : 1px solid #b9b9b9;

 
  vertical-align : top;
}






.sample_02{
 width: 100%;
 border-collapse : collapse;
 
  margin-top : 8px;
  margin-bottom : 8px;
}
 .sample_02 TH{
 padding: 6px;
 text-align : center;
 color : #333333;
 background-color : #eeeeee;
 border : 1px solid #b9b9b9;

 
  font-weight : normal;
  width : 25%;
  font-size : 14px;
}
 .sample_02 TD{
 padding : 6px;
 background-color: #fff;
 border : 1px solid #b9b9b9;

 
  vertical-align : top;
  font-size : 14px;
  width : 25%;
}







.sample_03{
 width : 100%;
 border-collapse: separate;
 border-spacing: 0px;
  margin-bottom : 10px;
  border-top-width : 1px;
  border-right-width : 1px;
  border-top-style : solid;
  border-right-style : solid;
  border-top-color : silver;
  border-right-color : silver;
  font-size : 14px;
}
 .sample_03 TH{
 padding : 4px 4px 4px 10px;
 text-align: left;
 vertical-align: top;
 color : #444444;
 background-color : #dae0b4;
 
  font-size : 13px;
  font-weight : normal;
  margin-bottom : 2px;
  border-left-width : 5px;
  border-left-style : double;
  border-left-color : #43652c;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #43652c;
  width : 80px;
}
 .sample_03 TD{
 padding : 4px 4px 4px 10px;
 background-color : #f6f6f6;
 
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : silver;
  margin-bottom : 2px;
  margin-left : 3px;
  font-size : 13px;
}




.sample_031{
 width: 100%;
 border-collapse: separate;
 border-spacing: 0px;
 border-left : 1px solid #cccccc;
  border-top-width : 1px;
  border-right-width : 1px;
  border-top-style : solid;
  border-right-style : solid;
  border-top-color : silver;
  border-right-color : silver;
}
 .sample_031 TH{
 width : 20%;
 padding : 4px 4px 4px 10px;
 text-align: left;
 vertical-align: top;
 color : white;
 background-color : #7f4000;
 
  font-size : 1rem;
  font-weight : normal;
  margin-bottom : 3px;
  border-left-width : 5px;
  border-left-style : double;
  border-left-color : white;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : silver;
  letter-spacing : 10px;
}
 .sample_031 TD{
 width : 80%;
 padding : 4px 4px 4px 10px;
 background-color: #fafafa;
 
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : silver;
  margin-bottom : 2px;
  margin-left : 3px;
  font-size : 1rem;
}


.sample_032{
 width: 100%;
 border-collapse: separate;
 border-spacing: 0px;
 border-left : 1px solid #cccccc;
  border-top-width : 1px;
  border-right-width : 1px;
  border-top-style : solid;
  border-right-style : solid;
  border-top-color : silver;
  border-right-color : silver;
}
 .sample_032 TH{
 width : 30%;padding-right : 4px;padding-left : 10px;
 text-align: left;
 vertical-align: top;
 background-color : #f7b500;
 
  font-size : 0.9rem;
  font-weight : normal;
  margin-bottom : 2px;
  border-left-width : 5px;
  border-left-style : double;
  border-left-color : white;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : silver;
  padding-top : 4px;
  padding-bottom : 4px;
}
 .sample_032 TD{
 width : 20%;
 padding : 4px 4px 4px 10px;
 background-color: #fafafa;
 
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : silver;
  margin-bottom : 2px;
  margin-left : 3px;
  font-size : 0.9rem;
}

#main_pic{
  margin-top : 8px;
}

.sample_033{
 width : 100%;
 border-collapse: separate;
 border-spacing: 0px;
  margin-bottom : 10px;
  border-top-width : 1px;
  border-right-width : 1px;
  border-top-style : solid;
  border-right-style : solid;
  border-top-color : silver;
  border-right-color : silver;
}
 .sample_033 TH{
 width : 110px;
 padding : 4px 4px 4px 10px;
 text-align: left;
 color : #444444;
 background-color : #dae0b4;
 
  font-size : 14px;
  margin-bottom : 2px;
  border-left-width : 5px;
  border-left-style : double;
  border-left-color : #43652c;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #43652c;
  border-right-width : 1px;
  border-right-style : solid;
  border-right-color : silver;
  font-weight : normal;
}
 .sample_033 TD{
 padding : 4px 4px 4px 10px;
 background-color : #f6f6f6;
 
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : silver;
  margin-bottom : 2px;
  margin-left : 3px;
  font-size : 14px;
}







.sample_04{
 width : 100%;
 border-collapse: separate;
 border-spacing: 0px;
  margin-bottom : 8px;
  font-size : 16px;
  border-right-width : 1px;
  border-right-style : solid;
  border-right-color : silver;
}
 .sample_04 TH{
 padding : 4px 4px 4px 10px;
 vertical-align: top;
 color : white;
 background-color : #43652c;
 
  font-size : 16px;
  font-weight : normal;
  margin-bottom : 2px;
  width : 100px;
  margin-top : 1px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : white;
  text-align : left;
}
 .sample_04 TD{
 padding : 4px 4px 4px 10px;
 background-color : #f6f6f6;
 
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : silver;
  margin-bottom : 2px;
  margin-left : 3px;
  font-size : 16px;
  border-left-width : 1px;
  border-left-style : solid;
  border-left-color : silver;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : silver;
  text-align : left;
}








.sample_06{
 border-collapse: separate;
 border-spacing: 0px;
  border-right-width : 1px;
  border-right-style : solid;
  border-right-color : #00007f;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : #00007f;
  width : 100%;
  margin-bottom : 10px;
box-shadow : 0px 0px 8px rgba(0,0,127,0.8);

}
 .sample_06 TH{
 padding : 8px;padding-bottom : 8px;
 text-align : center;
 vertical-align: top;
 
  font-size : 14px;
  font-weight : normal;
  margin-bottom : 2px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #00007f;
  border-left-width : 1px;
  border-left-style : solid;
  border-left-color : #00007f;
  width : 12%;


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d7d7ff+0,ffffff+25,d7d7ff+100&1+0,0+76,1+99 */
background: -moz-linear-gradient(top,  rgba(215,215,255,1) 0%, rgba(255,255,255,0.67) 25%, rgba(228,228,255,0) 76%, rgba(216,216,255,1) 99%, rgba(215,215,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(215,215,255,1) 0%,rgba(255,255,255,0.67) 25%,rgba(228,228,255,0) 76%,rgba(216,216,255,1) 99%,rgba(215,215,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(215,215,255,1) 0%,rgba(255,255,255,0.67) 25%,rgba(228,228,255,0) 76%,rgba(216,216,255,1) 99%,rgba(215,215,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7ff', endColorstr='#d7d7ff',GradientType=0 ); /* IE6-9 */




}
 .sample_06 TD{
 padding : 16px 0px 15px;
 
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #00007f;
  margin-bottom : 0px;
  font-size : 14px;
  border-left-width : 1px;
  border-left-style : solid;
  border-left-color : #00007f;
  width : 25%;
  line-height : 120%;



  text-align : center;





/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d7d7ff+0,ffffff+25,d7d7ff+100&1+0,0+76,1+99 */
background: -moz-linear-gradient(top,  rgba(215,215,255,1) 0%, rgba(255,255,255,0.67) 25%, rgba(228,228,255,0) 76%, rgba(216,216,255,1) 99%, rgba(215,215,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(215,215,255,1) 0%,rgba(255,255,255,0.67) 25%,rgba(228,228,255,0) 76%,rgba(216,216,255,1) 99%,rgba(215,215,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(215,215,255,1) 0%,rgba(255,255,255,0.67) 25%,rgba(228,228,255,0) 76%,rgba(216,216,255,1) 99%,rgba(215,215,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7ff', endColorstr='#d7d7ff',GradientType=0 ); /* IE6-9 */



}














.sample_07{
 border-collapse: separate;
 border-spacing: 0px;
  width : 100%;
  margin-top : 16px;
}
 .sample_07 TH{
 padding : 8px 4px 8px 10px;
 text-align : center;
 vertical-align: top;
 
  font-size : 14px;
  font-weight : normal;
  margin-bottom : 2px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #00007f;
  width : 37%;

border-top-left-radius: 8px; 
border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px; 
}
 .sample_07 TD{
 padding : 16px 0px;
 
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #00007f;
  margin-bottom : 2px;
  font-size : 14px;
  width : 25%;
  line-height : 120%;


  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : #00007f;
  background-color : #00007f;
border-top-left-radius: 8px; 
border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px; 

  border-left-width : 0.5px;
  border-left-style : solid;
  border-left-color : white;
  color : white;
  text-align : center;
box-shadow : 0px 0px 8px rgba(0,0,127,0.8);
}



.mf_item{
  font-size : 14px;
  background-color : #def2bd;
  padding-top : 8px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 8px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #cccccc;
}

.mf_in{
  font-size : 14px;
  padding-top : 8px;
  padding-bottom : 8px;
}

.mf_in8{
  margin-top : 8px;
  font-size : 14px;
}



#mail_under{
  font-size : 13px;
  text-align : center;
}









INPUT,SELECT{
	width : 90%; font-size:1rem; padding:5px;
} 
 
INPUT:focus,INPUT:hover{
        width : 90%; background:#ffffff;
} 

TEXTAREA{
	width : 85%; font-size:1rem; padding:5px; height:50px;
} 
 
TEXTAREA:focus,TEXTAREA:hover{
        width : 90%; height: 150px;background:#ffffff;
} 


.focus{
	background:#ffffff;
} 

.wd50per{
	width:50%;
} 

.wd95per{
	width:95%;
} 





.cau{
  font-size : 17px;
  font-family : メイリオ;
  font-weight : bold;
  color : white;
  background-color : #00007f;
  text-align : center;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  letter-spacing : 0.1rem;
  margin-top : 16px;
  margin-bottom : 16px;
}