.site-title {font: 300 italic 26px ’メイリオ’,Meiryo,"Source Sans Pro", Helvetica, sans-serif;
}
.site-description {font: 300 italic 16px ’メイリオ’,Meiryo,"Source Sans Pro", Helvetica, sans-serif;
}

h3{
 background:url("http://komuru.net/wpcontent/uploads/2014/02/title10_01.jpg");
background-position:rightcenter;
padding:20px 10px 20px 20px;
color:#000000;
font-weight:bold;
}
h4 {
background:url("http://komuru.net/wpcontent/uploads/2014/02/title03_04.jpg");
background-position:rightcenter;
padding:20px 10px 20px 20px;
color:#000000;
font-weight:bold;
}
.btn-1 {
	background: #EEE;
	color: #111;
	-moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.3),inset 1px 1px 5px rgba(000,153,204,1),inset -1px -1px 5px rgba(205,0,0,1);
	-webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.3),inset 1px 1px 5px rgba(000,153,204,1),inset -1px -1px 5px rgba(205,0,0,1);
	width: 100px;
	padding: 10px 10px;
}

/* 05.アメリカンな(?)吹き出し */
#head3{
	position:relative;
	padding:5px 20px;
	font:bold 28px/1.6 Arial, Helvetica, sans-serif;
	color:#333;
	background:#fff;
	text-shadow:
		1px 1px 0 #fff,
		2px 2px 0 #999;
	border-top:#333 solid 3px;
	border-bottom:#333 solid 3px;
    background-image: -webkit-gradient(linear, left top, right bottom,
			from(			rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(255, 255, 255, 0.0)),
			to(				rgba(255, 255, 255, 0.0))
			);
	background-image: -webkit-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -moz-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -o-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: linear-gradient(to bottom -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-size:4px 4px;
}
#head3:before{
	content:" ";
	position:absolute;
	top:100%;
	left:24px;
	width:0;
	height:0;
	border-width:12px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#333;
}
#head3:after{
	content:" ";
	position:absolute;
	top:100%;
	left:28px;
	width:0;
	height:0;
	border-width:8px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#f0f0f0;
	z-index:1;
}

/*レスポンシブテーブル*/
.col-head-type1 {
  border-collapse: collapse;
  width: 100%;
}
 
.col-head-type1 th,
.col-head-type1 td {
  border: 1px solid #dbe1e8;  
  padding: 8px;
}
 
.col-head-type1 th {
  background: #f9fafc;
  text-align: left;
  width: 120px;
}
 
@media only screen and (max-width: 800px) {
  .col-head-type1 tr,
  .col-head-type1 th,
  .col-head-type1 td {
    display: block;
    width: auto;
  }
  
  .col-head-type1 tr:first-child {
    border-top: 1px solid #dbe1e8;  
  }
  
  .col-head-type1 th,
  .col-head-type1 td {
    border-top: none;
  }
}