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


.fixed{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}




.mail_f{
 width : 100%;
 border-collapse: collapse;
 border-top : 1px solid #cccccc;
 border-right : 1px solid #cccccc;
 border-bottom : 2px solid #cccccc;
}
 .mail_f TH{
 width : 180px;
 padding : 6px; text-align: left;
 vertical-align : middle;
 color : #699292;background-attachment : scroll;background-position : 0% 0%;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
 border-bottom : 2px dotted white;
 border-left : 1px solid #cccccc;
 font-size : 13px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; 
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px; 
-moz-border-radius-topleft: 5px; 
-moz-border-radius-bottomleft: 5px;


background : none repeat #a6bfbf; /* Old browsers */
background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 21%, #e5ebee 21%, #d7dee3 33%, #d7dee3 33%, #a6bfbf 56%, #a6bfbf 100%, #f5f7f9 100%, #a6bfbf 101%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 21%,#e5ebee 21%,#d7dee3 33%,#d7dee3 33%,#a6bfbf 56%,#a6bfbf 100%,#f5f7f9 100%,#a6bfbf 101%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 21%,#e5ebee 21%,#d7dee3 33%,#d7dee3 33%,#a6bfbf 56%,#a6bfbf 100%,#f5f7f9 100%,#a6bfbf 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#a6bfbf',GradientType=0 ); /* IE6-9 */




}
 .mail_f TD{
 padding : 6px 6px 6px 16px;
 border-bottom : 2px dotted #999999;
 border-left : 1px solid #cccccc;
  text-align : left;
  background-color : #ffffff;
  font-size : 13px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px; 
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px; 
-moz-border-radius-topright: 5px; 
-moz-border-radius-bottomright: 5px;
}
#mail_under{
  font-size : 13px;
  text-align : center;
}







.mail_f_10{
 width : 100%;
 border-collapse: collapse;
 border-top : 1px solid #cccccc;
 border-right : 1px solid #cccccc;
 border-bottom : 1px solid #cccccc;
  margin-left : auto;
  margin-right : auto;
}
 .mail_f_10 TH{
 width : 220px;
 padding : 6px 6px 6px 20px; text-align: left;
 vertical-align : middle;
 background-image : none;background-repeat : repeat;background-attachment : scroll;background-position : left top;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
 border-bottom : 1px dotted #999999;
 border-left : 1px solid #cccccc;
 font-size : 14px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; 
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px; 
-moz-border-radius-topleft: 5px; 
-moz-border-radius-bottomleft: 5px;
  font-weight : normal;
  color : white;
  background-color : #00007f;
}
 .mail_f_10 TD{
 padding : 6px 6px 6px 20px;
 border-bottom : 1px dotted #999999;
 border-left : 1px solid #cccccc;
  text-align : left;
  background-color : #ffffff;
  font-size : 13px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px; 
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px; 
-moz-border-radius-topright: 5px; 
-moz-border-radius-bottomright: 5px;
}



.mail_f_10 TD P{
  font-size : 13px;
  margin-top : 8px;
  margin-bottom : 8px;
}





#mf_info1{
  font-size : 13px;border-width : 1px;border-style : solid;border-color : silver;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow : 0px 0px 8px rgba(179,179,179,0.8);
  padding-bottom : 8px;
  padding-top : 8px;
  padding-left : 10px;
  padding-right : 10px;
  background-position : 14px 14px;
  margin-bottom : 8px;
}













.sample_03{
 border-collapse: separate;
 border-spacing: 0px;
  width : 100%;
  border-right-width : 1px;
  border-right-style : solid;
  border-right-color : #94c274;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : #94c274;
  border-left-width : 1px;
  border-left-style : solid;
  border-left-color : #94c274;
}
 .sample_03 TH{
 padding : 4px 4px 4px 10px;
 text-align: left;
 vertical-align: top;
 
  font-size : 14px;
  font-weight : normal;
  margin-bottom : 2px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : white;
  background-color : #94c274;
  width : 180px;
  letter-spacing : 0.01rem;
}
 .sample_03 TD{
 
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #94c274;
  font-size : 14px;
  letter-spacing : 0.02rem;
  margin-bottom : 2px;
  border-left-width : 1px;
  border-left-style : solid;
  border-left-color : #94c274;
  margin-top : 2px;
  padding-top : 2px;
  color : #91c171;
  text-align : center;
}







.sample_04{
 border-collapse: separate;
 border-spacing: 0px;
  border-right-width : 1px;
  border-right-style : solid;
  border-right-color : #496f31;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : #496f31;
  width : 100%;
  margin-bottom : 10px;
  margin-top : 5px;
}
 .sample_04 TH{
 padding : 8px 4px 8px 10px;
 text-align: left;
 vertical-align: top;
 
  font-size : 14px;
  font-weight : normal;
  margin-bottom : 2px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #496f31;
  background-color : #91c171;
  width : 150px;
  border-left-width : 1px;
  border-left-style : solid;
  border-left-color : #496f31;
}
 .sample_04 TD{
 padding : 8px 4px 8px 10px;
 
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #496f31;
  margin-bottom : 2px;
  font-size : 14px;
  background-color : white;
}









.sample_05{
 border-collapse: separate;
 border-spacing: 0px;
  border-right-width : 1px;
  border-right-style : solid;
  border-right-color : #43652c;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : #43652c;
  width : 100%;
  margin-top : 10px;
  margin-bottom : 20px;
}
 .sample_05 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 : #43652c;
  border-left-width : 1px;
  border-left-style : solid;
  border-left-color : #43652c;
  background-color : #82b95e;
  width : 33.3%;
}
 .sample_05 TD{
 padding : 8px 4px 8px 10px;
 
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #43652c;
  margin-bottom : 2px;
  font-size : 14px;
  background-color : #daebcf;
  width : 33.3%;
  border-left-width : 1px;
  border-left-style : solid;
  border-left-color : #43652c;
  text-align : center;
}







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


  margin-top : 16px;
}
 .sample_06 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 : #e48607;
  border-left-width : 1px;
  border-left-style : solid;
  border-left-color : #e48607;
  width : 300px;


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fccd4d+2,f9f9f9+23,f9f9f9+77,f9f9f9+77,f8b500+100,fbdf93+100 */
background: rgb(252,205,77); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,205,77,1) 2%, rgba(249,249,249,1) 23%, rgba(249,249,249,1) 77%, rgba(249,249,249,1) 77%, rgba(248,181,0,1) 100%, rgba(251,223,147,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(252,205,77,1) 2%,rgba(249,249,249,1) 23%,rgba(249,249,249,1) 77%,rgba(249,249,249,1) 77%,rgba(248,181,0,1) 100%,rgba(251,223,147,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(252,205,77,1) 2%,rgba(249,249,249,1) 23%,rgba(249,249,249,1) 77%,rgba(249,249,249,1) 77%,rgba(248,181,0,1) 100%,rgba(251,223,147,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fccd4d', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */





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


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fccd4d+2,f9f9f9+23,f9f9f9+77,f9f9f9+77,f8b500+100,fbdf93+100 */
background: rgb(252,205,77); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,205,77,1) 2%, rgba(249,249,249,1) 23%, rgba(249,249,249,1) 77%, rgba(249,249,249,1) 77%, rgba(248,181,0,1) 100%, rgba(251,223,147,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(252,205,77,1) 2%,rgba(249,249,249,1) 23%,rgba(249,249,249,1) 77%,rgba(249,249,249,1) 77%,rgba(248,181,0,1) 100%,rgba(251,223,147,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(252,205,77,1) 2%,rgba(249,249,249,1) 23%,rgba(249,249,249,1) 77%,rgba(249,249,249,1) 77%,rgba(248,181,0,1) 100%,rgba(251,223,147,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fccd4d', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */




}






.sample_07{
 border-collapse: separate;
 border-spacing: 0px;
  width : 100%;
  margin-top : 30px;
}
 .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 : 14.28%;

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 : 14.28%;
  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);
}








.sample_08{
 border-collapse: separate;
 border-spacing: 0px;
  width : 100%;
  border-right-width : 1px;
  border-right-style : solid;
  border-right-color : silver;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : silver;
}
 .sample_08 TH{
 padding : 4px 4px 4px 10px;
 text-align: left;
 vertical-align: top;
 
  font-size : 14px;
  font-weight : normal;
  margin-bottom : 2px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : white;
  background-color : #ebebeb;
  width : 16.65%;
  letter-spacing : 0.01rem;
  border-left-width : 1px;
  border-left-style : solid;
  border-left-color : silver;
}
 .sample_08 TD{
 
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : silver;
  font-size : 14px;
  letter-spacing : 0.02rem;
  margin-bottom : 2px;
  border-left-width : 1px;
  border-left-style : solid;
  border-left-color : silver;
  margin-top : 2px;
  padding-top : 2px;
  text-align : center;
  width : 16.65%;
}









.sample_09{
 border-collapse: separate;
 border-spacing: 0px;
  width : 100%;
  border-right-width : 1px;
  border-right-style : solid;
  border-right-color : silver;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : silver;
}
 .sample_09 TH{
 padding : 4px 4px 4px 10px;
 text-align: left;
 vertical-align: top;
 
  font-size : 14px;
  font-weight : normal;
  margin-bottom : 2px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : white;
  background-color : #ebebeb;
  width : 14.28%;
  letter-spacing : 0.01rem;
  border-left-width : 1px;
  border-left-style : solid;
  border-left-color : silver;
}
 .sample_09 TD{
 
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : silver;
  font-size : 14px;
  letter-spacing : 0.02rem;
  margin-bottom : 2px;
  border-left-width : 1px;
  border-left-style : solid;
  border-left-color : silver;
  margin-top : 2px;
  padding-top : 2px;
  text-align : center;
  width : 14.28%;
}









.sample_03_listy{
  background-color : #f8b500;
  margin-top : 2px;
  margin-left : 2px;
  margin-right : 2px;
  margin-bottom : 2px;
  width : 29.2%;
  float : left;
}




.sample_03_listo{
  background-color : #f36513;
  margin-top : 2px;
  margin-left : 2px;
  margin-right : 2px;
  margin-bottom : 2px;
  width : 29.2%;
  float : left;
}





.sample_03_list{
  margin-top : 2px;
  margin-left : 2px;
  margin-right : 2px;
  margin-bottom : 2px;
  width : 29.2%;
  float : left;
}#fade {  
    -webkit-transition: 0.7s ease-in-out;  
       -moz-transition: 0.7s ease-in-out;  
         -o-transition: 0.7s ease-in-out;  
            transition: 0.7s ease-in-out;  
}#fade:hover {  
    opacity: 0.6;  
    filter: alpha(opacity=60);  
}