﻿p.sample2 {
   width:700px; height:120px; background-color:#fff7ef; 
   border:solid 2px #f4a460; 
   border-radius: 20px 20px;
   padding:10px;
 } 
 
 
div.description {
  margin:30px auto;
  width:89%; background-color:#fffcf9; 
  border:solid 2px #f4a460; 
  border-radius: 20px 20px;
  padding:10px;
  display:flex;
  font-size:100%;
 } 
 
div.description2 {
  width:78%; background-color:#fcf0f4; 
  border:solid 2px #dd3034; 
  border-radius: 20px 20px;
  padding:10px;
  display:flex;
  font-size:90%;
} 
 
 div.description3 {
  padding: 5px;
  padding-left: 20px;
  background: #0094ff;
  background: linear-gradient(to bottom, #cce9ff, #007fdb);
              -webkit-gradient(linear, left top, left bottom, from(#000fff), to(#ffc0cb));
              -moz-linear-gradient(top, #fff, #ffc0cb);
              filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ffc0cb');
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffc0cb',GradientType=0 );
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
  
  color:#FFF;
  	text-shadow:1px 1px 2px #333;
	position:relative;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
 

 
div.description4 {
	background-color: #fff;
	padding:10px 10px;
	border:1px solid #bbb;
	border-radius: 2px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset,
                0 0 2px rgba(255, 255, 255, 0.3) inset,
                0 0 10px rgba(0, 0, 0, 0.1) inset,
                0 1px 20px rgba(0, 0, 0, 0.1);
	margin: 10px 0px;
}
div.description5 {
	background-color: #fff;
	padding:10px 10px;
	border:1px solid #bbb;
	border-radius: 2px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset,
                0 0 2px rgba(255, 255, 255, 0.3) inset,
                0 0 10px rgba(0, 0, 0, 0.1) inset,
                0 1px 20px rgba(0, 0, 0, 0.1);
	margin: 10px 0px;
	  text-align: center;
}


h4.subhead1{
text-shadow: 1px 1px 3px #000;
border-left: 20px solid #125487;
padding: 7px 15px;
background: #1D8ADE;
border-radius: 1px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
box-shadow: 3px 3px 3px;
font-size: 110%;
color: #ffffff;
}

h4.subhead1a{
  background:#bbd7ea; 
  margin:0 0 30px 0;
  padding:12px 10px;
  border-radius:10px
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  color:#FFF;
  font-size:110%;
  text-shadow:1px 1px 2px #333;
  box-shadow: 3px 3px 3px;
  position:relative;
}

h4.subhead1b{
  background:#1D8ADE; 
  margin:0 0 30px 0;
  padding:12px 10px;
  border-radius:10px
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  color:#FFF;
  font-size:110%;
  text-shadow:1px 1px 2px #333;
  box-shadow: 3px 3px 3px;
  position:relative;
}

table.spec{
  width: 100%;
  border-collapse: collapse;
  font-size:90%;
  margin: 20px;
}
table.spec th{
 width: auto;
 padding: 3px 10px;
 text-align: left;
 vertical-align: top;
 color: #333;
 background-color: #eee;
 border: 1px solid #b9b9b9;
}
table.spec td{
 padding: 3px 10px;
 background-color: #fff;
 border: 1px solid #b9b9b9;
}



table.spec2{
  border-collapse: collapse;
  font-size:90%;
  margin: 20px;
}
table.spec2 th{
 padding: 3px 10px;
 text-align: center;
 vertical-align: middle;
 color: #333;
 background-color: #eee;
 border: 1px solid #b9b9b9;
}
table.spec2 td{
 padding: 3px 10px;
  text-align: center;
 background-color: #fff;
 border: 1px solid #b9b9b9;
 vertical-align: middle;
}

table.spec2 td.BottomBold{
	border-bottom: 1px solid #49b9b9;
}



table.spec3{
  border-collapse: collapse;
  font-size:90%;
  margin: 20px;
}
table.spec3 th{
 padding: 3px 10px;
 vertical-align: middle;
 color: #333;
 background-color: #eee;
 border: 1px solid #b9b9b9;
}
table.spec3 td{
 padding: 3px 10px;
 background-color: #fff;
 border: 1px solid #b9b9b9;
 vertical-align: middle;
}

table.spec3 td.BottomBold{
	border-bottom: 1px solid #49b9b9;
}




.text-centerCenter{
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align:center;
}

.ShadowBox{
    border:2px solid #1d8ade;
    /*影を入れる*/
    -webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
    -moz-box-shadow: 0 10px 8px -6px #8d8c8c;
     box-shadow: 0 10px 8px -6px #8d8c8c;
}

strong.description {
    background: linear-gradient(transparent 75%, #fcaf17 75%);
    font-size: 140%;
}

strong.description2 {
    background: linear-gradient(transparent 75%, #FF0000 75%);
    font-size: 140%;
}

p.deco-n {text-decoration: none;}
p.deco-u {text-decoration: underline;}
p.deco-o {text-decoration: overline;}
p.deco-t {text-decoration: line-through;}
