@charset "utf-8";

/*=== 一般・共通設定  ==*/
.title p{
margin-top:15px;
margin-bottom:30px;
font-size:75%;
color:#off;
   padding:0 7px;
   line-height:1.0;
   border-left:12px solid #f0f;

}

.title hr{
 width:80%;
margin-bottom:30px;
	color:#f0f;
	    box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
    -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
    -o-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
    -ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
}


 /* 1  */
.title1 {	margin-bottom:0.25em;
	padding:4px 13px;  /* 枠の大きさ*/
	font-size:100%;
	color:#fff;
	background:#333; }

span.title2 {	margin-bottom:0.25em;
	padding:6px 15px;  /* 枠の大きさ*/
	border-radius: 6px;
	font-size:100%;
	color:#fff;
	background:#f0f; }
	
span.title3 {	margin-bottom:0.25em;
	padding: .5em .75em;
	background-color: #f6f6f6;
	border-bottom: 5px solid #ccc;
		}

span.title4 {
	padding: .5em .75em;
	background-color: #f6f6f6;
	border-top: 5px solid #ccc;
	border-bottom: 5px solid #ccc;
}

span.title5 {
	padding: .5em .75em;
	background-color: #f6f6f6;
	border-left: 6px solid #ccc;
}

span.title6 {
	padding: .5em .75em;
	background-color: #f6f6f6;
	border: 3px double #ccc;
}

span.title7 {
	background:#eee;  
	border-bottom:7px solid #ccc;  
	padding:.8em .9em .3em  
}

span.title8 {

}
	
span.title9 {	margin-bottom:0.25em;
	padding:10px 18px;  /* 枠の大きさ*/
	font-size:100%;
	color:#fff;
	background:#333; }	
	
 /* 2  */
span.title2-1 {
border-left:3px solid #710000;  /* 左線の太さ*/
border-bottom:1px solid #710000;/* 下線の太さ*/
padding:3px 10px 5px;
}

span.title2-2 {
border-left: double 10px #710000;  /* 左線の太さ*/
border-bottom:1px solid #710000;/* 下線の太さ*/
padding:3px 10px 5px;

}

span.title2-3 {
border-left:10px solid #710000;  /* 左線の太さ*/
border-bottom:1px solid #710000;/* 下線の太さ*/
padding:3px 10px 5px;
}

span.title2-4 {
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #ccc;
}
span.title2-4::before {
	position: absolute;
	left: -6px;
	bottom: 0;
	content: '';
	width: 6px;
	height: 50%;
	background-color: #3498db;
}
span.title2-4::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc
}

span.title2-5 {	
	padding:4px 10px;
	font-size:;
	color:#333;
	border-left:8px #2ca9e1 groove;
	border-bottom:1px #333 dotted;
	font-weight:;

}

span.title2-6 { 
        border-left:7px solid #ccc;  
        padding:.8em .9em;  
    }  
span.title2-6b{  
        display: block;  
        padding-top:.2em;  
        font-size:.8em;  
        color:#ccc;  
    }  
    
span.title2-7 {

}
    }

span.title2-8 {
    border-left:7px solid #e3297d;  
    padding:.6em .8em;
    }
    
span.title2-9 {
border-left:15px solid #710000;  /* 左線の太さ*/
border-top:1px solid #710000;/* 下線の太さ*/
border-bottom:1px solid #710000;/* 下線の太さ*/
padding:3px 10px 5px;
    }
    
span.title2-10 {
    }



 /* 3  */
span.title3-1 {
	margin-bottom:0.5em;
	padding:10px 0;
	font-size:100%;
	color:#333;
	border-top:1px solid #710000;
	border-bottom:1px dotted #710000;
}

span.title3-2 {
	margin-bottom:0.5em;
	padding:10px 0;
	font-size:100%;
	color:#333;
	border-top:1px dotted #710000;
	border-bottom:1px solid #710000;
}

span.title3-3 {
	margin-bottom:0.5em;
	padding:10px 0;
	font-size:100%;
	color:#333;
	border-top:3px solid #710000;
	border-bottom:3px dotted #710000;
}

span.title3-4 {
border-top:2px dashed #ff6666;
border-bottom:2px dashed #ff6666;
padding:5px 0 5px 0;
}

span.title3-5 {
border-top:2px dashed #ff6666;
border-bottom:2px dashed #ff6666;
padding:10px 0 10px 0;
}

 /* 4  */
span.title4-1 {
    background:#eee;  
    border-top:1px solid #ccc;  
    border-right:1px solid #ccc;  
    border-left:7px solid #e3297d;  
    border-bottom:1px solid #ccc;  
    padding:.8em .9em  
}

span.title4-2 {
    background:#eee;  
    border-left:10px double #000;  
    padding:.8em .9em  
}
span.title4-3 {
	position:relative;
	padding:9px;
	padding-left:15px;
	font-weight: bold;
	font-size: 18px;
	background-color: #ccc;
	border: 1px dashed #51A2C1;
	border-left: 5px solid #51A2C1;
}
span.title4-4 {

}
span.title4-5 {
    position:relative;
    padding:10px 15px;
    border:solid 1px #ccc;
}

span.title4-5:before {
    content:"";
    position:absolute;
    top:5px;
    left:-3px;
    width:10px;
    height:26px; /* 計算式非対応の古いブラウザ用 */
    height:-moz-calc(100% - 10px);
    height:-webkit-calc(100% - 10px);
    height:calc(100% - 10px);
    background-color:#4096ee;
}

span.title4-6{
}

span.title4-7{
}

span.title4-8{
}

span.title4-9{
}

span.title4-10{
}


 /* 5  */
span.title5-1 {
	  position: relative;
	  color: #fff;
	  background: #555;
	  font-size: 20px;
	  line-height: 1;
	  margin: 30px -40px 10px -40px;
	  padding: 15px 5px 10px 40px;
	  box-shadow: 0 1px 3px #777;
	}
span.title5-1:after:before {
	  content: "";
	  position: absolute;
	  top: 100%;
	  height: 0;
	  width: 0;
	  border: 5px solid transparent;
	  border-top: 5px solid #333;
	}
span.title5-1:after {
	  left: 0;
	  border-right: 5px solid #333;
	}
span.title5-1:before {
	  right: 0;
	  border-left: 5px solid #333;
	}

span.title5-2 {
 position: relative;
 color: #fff;
 background: #777;
 font-size: 20px;
	  line-height: 1;
	  text-shadow: 1px 1px 1px #000;
	  border :1px solid #777;
	  margin: 30px -10px 10px -10px;
	  padding: 15px 5px 12px 10px;
	  border-radius: 3px;
	  }
span.title5-2:after {
	  content: "";
	  position: absolute;
	  top: 100%;
	  left: 30px;
	  height: 0;
	  width: 0;
	  border: 10px solid transparent;
	  border-top: 10px solid #777;
	}

span.title5-3{
	  position: relative;
	  color: #111;
	  background: #ccc;
	  font-size: 20px;
	  line-height: 1;
	  margin: 30px 20px 10px -10px;
	  padding: 14px 5px 10px 50px;
	  border-radius: 22px 0 0 22px;
	}
span.title5-3:before {
	  content: "";
	  position: absolute;
	  background: #eee;
	  top: 50%;
	  left: 14px;
	  margin-top :-10px;
	  height: 20px;
	  width: 20px;
	  border-radius: 50%;
	  box-shadow: 1px 1px 1px #777 inset;
	}
span.title5-3:after {
	  content: "";
	  position: absolute;
	  top: 0;
	  right: -22px;
	  height: 0;
	  width: 0;
	  border: 22px solid #ccc;
	  border-right-color: transparent;
	}


span.title5-4{
  position: relative;
  margin-left: -22px; /* 15px padding + 7px border ribbon shadow*/
  margin-right: -22px;
  padding: 15px;
  background: #e5e5e5;
  background: -moz-linear-gradient(#f5f5f5, #e5e5e5);
  background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5));
  background: -webkit-linear-gradient(#f5f5f5, #e5e5e5);
  background: -o-linear-gradient(#f5f5f5, #e5e5e5);
  background: -ms-linear-gradient(#f5f5f5, #e5e5e5);
  background: linear-gradient(#f5f5f5, #e5e5e5);
  -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset;
  -moz-box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset;
  box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset;
  text-shadow: 0 1px 0 #fff;
}
 
span.title5-4:before, .headline3:after{
  position: absolute;
  left: 0;
  bottom: -6px;
  content:'';
  border-top: 6px solid #555;
  border-left: 6px solid transparent;
}

span.title5-5{
  position: relative;
  margin-left: -22px; /* 15px padding + 7px border ribbon shadow*/
  margin-right: -22px;
  padding: 10px; /* 天地余白 */
  background: #e5e5e5;
  background: -moz-linear-gradient(#f5f5f5, #e5e5e5);
  background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5));
  background: -webkit-linear-gradient(#f5f5f5, #e5e5e5);
  background: -o-linear-gradient(#f5f5f5, #e5e5e5);
  background: -ms-linear-gradient(#f5f5f5, #e5e5e5);
  background: linear-gradient(#f5f5f5, #e5e5e5);
  -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset;
  -moz-box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset;
  box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset;
  text-shadow: 0 1px 0 #fff;
}
 
span.title5-5:before, .headline3:after{
  position: absolute;
  left: 0;
  bottom: -6px;
  content:'';
  border-top: 6px solid #555;
  border-left: 6px solid transparent;
}




 /* 6  */
span.title6-1 {	
    background:#eee;  
    border-bottom:7px solid #ccc;  
    padding:.8em .9em .3em  
 }
 
span.title6-2{
    position: relative;
    border-color: #eee;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    background: #fff;
    margin: 0 0 15px -15px;
    padding: 5px 15px;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    box-shadow: 1px 1px 1px rgba(0,0,0,.3);
}
 
span.title6-2:after
{
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 15px;
    right: 15px;
    width: 70%;
    height: 10px;
    background: rgba(0, 0, 0, .7);
    -webkit-box-shadow: 0 15px 10px rgba(0,0,0, .7);
    -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, .7);
    box-shadow: 0 15px 10px rgba(0, 0, 0, .7);
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
}
 
 span.title6-3 {	
    position: relative;
    margin: 0 0 1.5em;
    padding: 0.8em 0 0.8em 2.0em;
    border: 1px solid #B92A2C;
    font-size: 100%;
    font-weight: nomal;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
 
 span.title6-3:before {
    content: "";
    position: absolute;
    background: #B92A2C;
    top: 50%;
    left: 0.5em;
    margin-top :-7.5px;
    height: 15px;
    width: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 1px 1px 1px #B92A2C inset;
    -moz-box-shadow: 1px 1px 1px #B92A2C inset;
    -webkit-box-shadow: 1px 1px 1px #B92A2C inset;
    -o-box-shadow: 1px 1px 1px #B92A2C inset;
    -ms-box-shadow: 1px 1px 1px #B92A2C inset;
 }
 
 span.title6-4 {	
border: solid 3px green; font-size:1em; 5px; text-indent: 2em; padding:5px; }
.special { border-bottom: solid 3px red; padding-bottom: 5px; 
 }
 
 span.title6-5 {	

 }



 /* 7  */
span.title7-1 {
	position: relative;
	padding: .5em .75em;
	background-color: #f0f;
	border-radius: 6px;
}
span.title7-1::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #f0f;
	}


 span.title7-2 {
	position: relative;
	padding: .5em .75em;
	background-color: #f0f0f0;
	border-radius: 6px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
}
 span.title7-2::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #f0f0f0;
	}




 span.title7-3 {
	position: relative;
	padding: .5em .75em;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
}
 span.title7-3::before,
 span.title7-3::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	height: 0;
	width: 0;
	border: 10px solid transparent;
}
 span.title7-3::before {
	border-top: 15px solid #ccc;
}
 span.title7-3::after {
	margin-top: -2px;
	border-top: 15px solid #fff;
	}


 span.title7-4{
	position: relative;
	padding: .75em 1em;
	background-color: #f0f0f0;
}

 span.title7-4::before,
 span.title7-4::after {
	content: '';
	position: absolute;
	top: 100%;
	border-style: solid;
	border-color: transparent;
}
 span.title7-4::before {
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #ccc;
}
 span.title7-4::after {
	right: 0;
	border-style: solid;
	border-width: 15px 15px 0 0;
	border-top-color: #ccc;
	}
	
span.title7-5{
	position: relative;
	padding: .75em 1em;
	background-color: #f0f0f0;
}
span.title7-5::before,
span.title7-5::after {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
}
span.title7-5::before {
	top: 100%;
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #ccc;
}
span.title7-5::after {
	top: -15px;
	right: 0;
	border-style: solid;
	border-width: 0 15px 15px 0;
	border-bottom-color: #ccc;
	}
	
	
span.title7-6 {

	}
	
span.title7-7{

	}


 /* 8  */
 span.title8-1 {
  color: #ffffff; /* 文字の色 */
  background-color : #6666cc; /* 背景の色 */
  border-style: double; /* 枠の種類 */
  border-color: #0000ff; /* 枠の色 */
  border-width: 4px; /* 枠の幅 */
  line-height: 120%; /* 行の高さ */
  text-align: center; /* テキストの配置 */
}
 span.title8-2 {
  color: #ffffff; /* 文字の色 */
  background-color : #6666cc; /* 背景の色 */
  border-style: double; /* 枠の種類 */
  border-color: #0000ff; /* 枠の色 */
  border-width: 8px; /* 枠の幅 */
  line-height: 120%; /* 行の高さ */
  text-align: center; /* テキストの配置 */
}
 span.title8-3 {
  color: #ffffff; /* 文字の色 */
  background-color : #6666cc; /* 背景の色 */
  border-style: double; /* 枠の種類 */
  border-color: #0000ff; /* 枠の色 */
  border-width: 4px; /* 枠の幅 */
  line-height: 120%; /* 行の高さ */
  text-align: center; /* テキストの配置 */
}

 span.title8-4{
  color: #ffffff; /* 文字の色 */
  background-color : #666699; /* 背景の色 */
  border-style: solid; /* 枠の種類 */
  border-color: #ffd700; /* 枠の色 */
  border-width: 0px 50px; /* 枠の幅 */
  line-height: 130%; /* 行の高さ */
  text-align: center; /* テキストの配置 */
}
 span.title8-5{
  color: #ffffff; /* 文字の色 */
  background-color : #666699; /* 背景の色 */
  border-style: solid; /* 枠の種類 */
  border-color: #ffd700; /* 枠の色 */
  border-width: 0px 10px; /* 枠の幅 */
  line-height: 130%; /* 行の高さ */
  text-align: center; /* テキストの配置 */
}
 span.title8-6 {
  color: #000; /* 文字の色 */
  background-color : #fff; /* 背景の色 */
  border-style: solid; /* 枠の種類 */
  border-color: #ffd700; /* 枠の色 */
  border-width: 5px 50px; /* 枠の幅 */
  line-height: 150%; /* 行の高さ */
  text-align: center; /* テキストの配置 */
}



 /* 9  */
 span.title9-1 {
   padding:0 10px;
   line-height:2.0;
   font-weight:normal;
   border-left:5px solid #ff8c00;
   border-right:5px solid #ff8c00;
   }

 span.title9-2 {
   padding:0 10px;
   line-height:2.0;
   font-weight:normal;
   border-left:10px solid #ff8c00;
   border-right:10px solid #ff8c00;
   }
   
    span.title9-3 {
   padding:0 10px;
   line-height:2.0;
   font-weight:normal;
   border-left:15px solid #ff8c00;
   border-right:15px solid #ff8c00;
   }
   
    span.title9-4 {
   padding:0 20px;
   line-height:2.0;
   font-weight:normal;
   border-left:25px solid #000;
   border-right:25px solid #000;
   }
   
    span.title9-5 {
     padding-left: 50px;
         padding-right: 50px;
   line-height:2.0;
   font-weight:normal;
   border-left:50px solid #ff8c00;
   border-right:50px solid #ff8c00;
   }
   
       span.title9-6 {
    font-size: 100%;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 35px;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #1a1a1a;
    color: #333;
    line-height: 30px;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: -10px;
   }


 /* 10  */
 span.title10-1 {
     border:#ccc solid 1px;  
    display:block;  
    padding:.2em .3em  
 }

 span.title10-2 {
border-top:2px solid #5285C2;
border-bottom:1px solid #999;
background-color:#f9f9f9;
padding:4px; color:#444;
 }


 span.title10-3{
 
    position:relative;
    padding:7px;
    padding-left:15px;
    font-weight: bold;
    font-size: 16px;
    background-color: #000;
    color: #fff;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    }
     
    span.title10-3:before{
    content:'';
    height:25px;
    width:2px;
    display:block;
    position:absolute;
    top:5px;
    left:4px;
    background-color:#fff;
    border-left: 4px solid #fff;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    }
    
    
    
     .title10-3{
 
    position:relative;
    padding:7px;
    padding-left:15px;
    font-weight: bold;
    font-size: 16px;
    background-color: #000;
    color: #fff;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    }
     
    .title10-3:before{
    content:'';
    height:25px;
    width:2px;
    display:block;
    position:absolute;
    top:5px;
    left:4px;
    background-color:#fff;
    border-left: 4px solid #fff;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    }
    
    
    
    /* 枠の種類 */ /* 枠の色 *//* 枠の幅 */ /* 行の高さ */ /* テキストの配置 */
    
span.title10-4 {
    position: relative;
    color: #111;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 0.5em 0.5em 1.7em;
    border-bottom: 3px solid #B92A2C;
}
 
span.title10-4:before{
    content: "";
    position: absolute;
    background: #d48789;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
span.title10-4:after{
    content: "";
    position: absolute;
    background:#d26466;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}


span.title10-5 {
	position:relative;
	margin:0 10px;
	padding:0 10px 0 55px;
	font:bold 22px/40px Arial, Helvetica, sans-serif;
	color:#666;
	background:#f3f3f3;
	z-index:1;
}
span.title10-5:before{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	border-right:#fff solid 2px;
	background:#f60;
    background-image: -webkit-gradient(linear, left top, left bottom,
			from(			 rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.6)), 
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to bottom,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
			z-index:-1;
}
span.title10-5:after{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
    background-image: -webkit-gradient(linear, left top, right top,
			from(			 rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.6)), 
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to right,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
			z-index:-1;
}

span.title10-6 { 
    	position:relative;
    	padding-left:30px;
    	border-bottom:2px solid #ccc;
    	font-weight: bold;
    	font-size: 22px;
    	line-height: 38px;
    }
     
span.title10-6:before{
    	content:''; 
    	border-radius:30px;
    	-webkit-border-radius:30px;
    	-moz-border-radius:30px; 
    	height:12px; 
    	width:12px; 
    	display:block; 
    	position:absolute; 
    	top:14px; 
    	left:7px; 
    	background-color:#6B0CE8;
    	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
    	filter:alpha(opacity=50);
    	-moz-opacity:0.50;
    	-khtml-opacity: 0.50;
    	opacity:0.50;
    	z-index: 1;
    }
     
span.title10-6:after{
    	content:''; 
    	border-radius:30px;
    	-webkit-border-radius:30px;
    	-moz-border-radius:30px; 
    	height:15px; 
    	width:15px; 
    	display:block; 
    	position:absolute; 
    	top:7px; 
    	left:2px; 
    	background-color:#00A8FF;
    	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
    }

span.title10-7 {
	position:relative;
	padding-left:20px;
	border-bottom:2px solid #ccc;
	font-weight: bold;
	font-size: 22px;
	line-height: 38px;
}
 
span.title10-7:before{
	content:''; 
	height:12px; 
	width:12px; 
	display:block; 
	background:#00A8FF; 
	box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset; 
	position:absolute; 
	top:-0px; 
	left:5px;
	transform:rotate(-50deg);
	-webkit-transform:rotate(-50deg);
	-moz-transform:rotate(-50deg);
	-o-transform:rotate(-50deg);
	-ms-transform:rotate(-50deg);
}
span.title10-7:after{
	content:''; 
	height:8px; 
	width:6px; 
	display:block; 
	background:#00A8FF; 
	box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset; 
	position:absolute; 
	top:16px; 
	left:2px;
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-75deg);
}

span.title10-8 {
	position:relative;
	padding-left:30px;
	border-bottom:2px solid #ccc;
	font-weight: bold;
	font-size: 22px;
	line-height: 38px;
}
 
span.title10-8:after, span.title10-8:before{
	content:''; 
	height:18px; 
	width:4px; 
	display:block; 
	background:#00A8FF; 
	position:absolute; 
	top:8px; 
	left:15px; 
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px; 
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
 
span.title10-8:before{
	height:10px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 
	top:16px; 
	left:7px
}


span.title10-9 {    position:relative;
    padding:0 0 10px 20px;
    border-bottom:3px solid #ddd;
    font-size:22px;
}
span.title10-9:after{
    content:"";
    position:absolute;
    top:5px;
    left:5px;
    width:8px;
    height:8px;
    background:rgba(240,120,255,1);
    -webkit-transform:rotate(-18deg);
    transform:rotate(-18deg);
}
span.title10-9:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:5px;
    height:5px;
    background:rgba(240,120,255,1);
    -webkit-transform:rotate(-20deg);
    transform:rotate(-20deg);
}


span.title10-10 { 
   position:relative;
    padding:0 0 10px 20px;
    border-bottom:3px solid #ddd;
    font-size:22px;
}
span.title10-10:after{
    content:"!";
    position:absolute;
    top:-2px;
    left:5px;
    font-size:26px;
    color:rgba(240,120,255,1);
}

span.title10-11 {
    position:relative;
    padding:0 0 10px 20px;
    border-bottom:3px solid #ddd;
    font-size:22px;
}
span.title10-11:before{
    content: "";
    position: absolute;
    top:7px;
    left:3px;
    width:10px;
    height:10px;
    border-radius:10px;
    background: rgba(240,120,255,1);
}


span.title10-12 {
    position:relative;
    padding:0 0 10px 20px;
    border-bottom:3px solid #ddd;
    font-size:22px;
}
span.title10-12:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    width: 5px;
    height: 5px;
    border-right: 2px solid rgba(240,120,255,1);
    border-bottom: 2px solid rgba(240,120,255,1);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
span.title10-12:before{
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 5px;
    height: 5px;
    border-right: 2px solid rgba(240,120,255,1);
    border-bottom: 2px solid rgba(240,120,255,1);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

span.title10-13 {
    position:relative;
    padding:0 0 10px 20px;
    font-size:22px;
    text-align:center;
}
span.title10-13:after{
    content: "";
    position: relative;
    top: 0px;
    width: 30px;
    height: 0;
    border-bottom: 3px solid rgba(240,120,255,1);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: inline-block;
}
span.title10-13:before{
    content: "";
    position: relative;
    top: 0px;
    width: 30px;
    height: 0;
    border-bottom: 3px solid rgba(240,120,255,1);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
}
span.title10-14 {    position:relative;
    padding:0 0 10px 0;
    border-bottom:3px solid #ddd;
    font-size:22px;
    text-align:center;
}

span.title10-14:after {
    content: attr(title);
    position: relative;
    width: 100%;
    height: 0;
    color: #999;
    display: table;
    text-align: center;
    font-size: 16px;
    font-size: 14px;
    padding: 10px 0 0 0;
}
span.title10-15 {
    border-left:7px solid #ccc;  
    padding:.8em .9em;  
}  
span.title10-15b{  
    display: block;  
    padding-top:.2em;  
    font-size:.8em;  
    color:#ccc;  
    	margin-left: 20px;
}
span.title10-16 {
    border-left:7px solid #ccc;  
    padding:.8em .9em;  
}  
span.title10-16b{  
    display: block;  
    padding-top:.2em;  
    font-size:.8em;  
    color:#ccc;  
    	margin-left: 20px;
}



 /* 11  */
span.title11-1 {
	border-bottom:2px dotted #48832C;
	padding:4px 6px;
}

span.title11-2 {
	border-bottom:2px dashed #48832C;
	padding:4px 6px;
}

span.title11-3 {
	border-bottom:2px dashed #48832C;
	text-align:center;
	color:#48832C;
	padding:4px 6px;
}

span.title11-4 {
	border-bottom:2px dashed #48832C;
	border-bottom:2px dashed #48832C;
	text-align:center;
	color:#48832C;
	padding:4px 6px;
}

span.title11-5 {
	font-size: 14px;
	margin-bottom: 0px;
	margin-top: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	color: #000000;
	line-height: 30px;
	background-image: url(images/cah3-bk.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

span.title11-6 {border-left:1px solid #0F9;
border-bottom:14px solid #eee;
padding:6px 0 11px 10px;
background-color:#FFF;
color:#777;
}

span.title11-7 {border-top:2px solid #5285C2;
border-bottom:1px solid #999;
background-color:#f9f9f9;
padding:4px; color:#444;

}

span.title11-8 {	padding-bottom: .5em;
	border-bottom: 3px solid #ccc;
}

span.title11-9 {	padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
}
span.title11-9:first-letter {
	margin-right: .1em;
	font-size: 1.5em;
}

span.title11-10 {	padding-bottom: .5em;
	border-bottom: 3px double #ccc;
}

span.title11-11 {	padding: .75em 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}


span.title11-12 {position: relative;
	padding: 1em 0;
}
span.title11-12::before,
span.title11-12::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}
span.title11-12::before {
	top: 0;
	border-top: 2px solid #000;
	border-bottom: 1px solid #000;
}
span.title11-12::after {
	bottom: 0;
	border-top: 1px solid #f0f;
	border-bottom: 2px solid #f0f;
}

span.title11-13 {	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ccc;
}
span.title11-13::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #3498db;
}

span.title11-14 {	position: relative;
	padding-bottom: .5em;
}
span.title11-14::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}
span.title11-15 {
}
span.title11-16 {
}
span.title11-17 {
}
span.title11-18 {
}
span.title11-19 {
}




 /* 12  */
span.title12-1 {border-left:5px solid #48832C;
padding:3px 15px;
}

span.title12-2 {border-left:5px solid #48832C;
border-bottom:1px solid #48832C;
padding:3px 15px 5px;
}

span.title12-3 {border:1px solid #48832C;
border-left:5px solid #48832C;
padding:3px 15px;
}

span.title12-4 {border:1px solid #48832C;
border-left:5px solid #48832C;
border-right:5px solid #48832C;
padding:3px 15px;
}

span.title12-5 {border:1px solid #48832C;
border-left:6px solid #48832C;
border-bottom:2px solid #48832C;
padding:3px 15px;
}

span.title12-6 {border:1px solid #48832C;
border-left:5px solid #48832C;
padding:3px 15px;
background-color:#FFF;
}

span.title12-7a {
border:1px solid #48832C;
}
span.title12-7b {
border-left:4px solid #48832C;
margin:5px;
padding-left:10px;
}

 /* 13  */
span.title13-1 {
	padding: 1em;
	border: 3px solid #ccc;
	border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
}

span.title13-2 {
	position: relative;
	padding: .75em 1em .75em 1.5em;
	border: 1px solid #ccc;
}
span.title13-2::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #3498db;
	border-radius: 4px;
}


.title13-3 {
	position: relative;
	text-align: center;
}
.title13-3 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}
.title13-3::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}

span.title13-4 {
	position: relative;
	text-align: center;
}
span.title13-4 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #0ff;
	text-align: left;
}
span.title13-4::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 5px;
	background-color: #000;
}

span.title13-5 {
	position: relative;
	padding: 1em;
	background-color: #f6f6f6;
}
span.title13-5::after {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 0;
	border-width: 0 16px 16px 0;
	border-style: solid;
	border-color: #fff #fff #ddd #ddd;
	box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);
}


span.title13-6 {	position: relative;
	padding: 1em 4em 1em 1em;
	-webkit-background: linear-gradient(-155deg, rgba(0, 0, 0, 0) 1.5em, #f6f6f6 0%);
	background: linear-gradient(-155deg, rgba(0, 0, 0, 0) 1.5em, #f6f6f6 0%);
	border-radius: 6px;
}
span.title13-6::after {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 1.65507em;
	height: 3.5493em;
	background: -webkit-linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2));
	background: linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2));
	border-bottom-left-radius: 6px;
	box-shadow: -.2em .2em .3em -.1em rgba(0, 0, 0, .15);
	-webkit-transform: translateY(-1.89424em) rotate(-40deg);
	transform: translateY(-1.89424em) rotate(-40deg);
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
}


span.title13-7 {
	padding: .5em .75em;
	background-color: #f6f6f6;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}


span.title13-8 {
	padding: .5em .75em;
	background: #f4f4f4;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	box-shadow: 0 7px 10px -5px rgba(0, 0, 0, .1) inset;
}

span.title13-9 {
	position: relative;
	padding: 0 .4em .1em;
}
span.title13-9::after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 10px;
	background-color: #b6f0fc;
}

span.title13-10 {
	padding: .5em .75em;
	background: -webkit-linear-gradient(top, #69b4e6 0%, #3498db 100%);
	background: linear-gradient(to bottom, #69b4e6 0%, #3498db 100%);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}

span.title13-11 {
	padding: .5em .75em;
	background: -webkit-repeating-linear-gradient(45deg, #3498db, #3498db 5px, #69b4e6 5px, #69b4e6 10px);
	background: repeating-linear-gradient(45deg, #3498db, #3498db 5px, #69b4e6 5px, #69b4e6 10px);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}


span.title13-12 {
	position: relative;
	padding-bottom: .5em;
}
span.title13-12::before,
span.title13-12::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	height: 4px;
}
span.title13-12::before {
	z-index: 2;
	width: 15%;
	background-color: #444;
}
span.title13-12::after {
	width: 100%;
	background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
	background: repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
}


span.title13-13 {
	position: relative;
	padding-top: .75em;
	border-top: 1px solid #ccc;
}
span.title13-13::after {
	position: absolute;
	top: -2px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 3px;
	background-color: #333;
}

span.title13-14 {
	position: relative;
	padding: .75em 1em .75em 2em;
	border: 1px solid #ccc;
	border-top: 3px solid #3498db;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}
span.title13-14::after {
	position: absolute;
	top: 1em;
	left: .6em;
	z-index: 2;
	content: '';
	width: 10px;
	height: 10px;
	border: 3px solid #3498db;
	border-radius: 100%
}


 /* マーク #1  */
span.title13-15 {
	position: relative;
	padding: 0 .5em .5em 1.7em;
	border-bottom: 1px solid #ccc;
}
span.title13-15::after {
	position: absolute;
	top: .4em;
	left: .4em;
	z-index: 2;
	content: '';
	width: 12px;
	height: 12px;
	background-color: #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

 /* マーク #1  */
.title13-15 {
	position: relative;
	padding: 0 .5em .5em 1.7em;
	border-bottom: 1px solid #ccc;
}
.title13-15::after {
	position: absolute;
	top: .4em;
	left: .4em;
	z-index: 2;
	content: '';
	width: 12px;
	height: 12px;
	background-color: #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


 /* マーク #2  */
span.title13-16 {
	position: relative;
	padding: 0 .5em .5em 2em;
	border-bottom: 1px solid #ccc;
}
span.title13-16::before,
span.title13-16::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
span.title13-16::before {
	top: .2em;
	left: .2em;
	z-index: 2;
	width: 18px;
	height: 18px;
	background: rgba(150, 150, 150, .5);
}
span.title13-16::after {
	top: .7em;
	left: .7em;
	width: 13px;
	height: 13px;
	background: rgba(210, 210, 210, .5);
}


span.title13-18 {
    position:relative;
    text-align:center;
}


 /* 14  */
span.title14-1 {
	position:relative;
	margin:0 -1px;
	font:bold 30px/1.6 Arial, Helvetica, sans-serif;
	text-align:center;
	color:#333;
	background:#f0e800;
	-webkit-transform: rotate(-3deg) skew(-3deg);
	-moz-transform: rotate(-3deg) skew(-3deg);
	-o-transform: rotate(-3deg) skew(-3deg);
	-ms-transform: rotate(-3deg) skew(-3deg);
	transform: rotate(-3deg) skew(-3deg);
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	box-shadow:	0 1px 2px 0 rgba(0,0,0,0.2),
				30px 0 0 0 #f0e800,
				-30px 0 0 0 #f0e800;
}

/* 03.リボン */
span.title14-2{
	position:relative;
	margin:0 -10px;
	padding:5px;
	font:normal 28px/1.6 "Times New Roman", Times, serif;
	text-align:center;
	color:#ffe8e8;
	background:#f99;
	-webkit-transform: rotate(-3deg) skew(-3deg);
	-moz-transform: rotate(-3deg) skew(-3deg);
	-o-transform: rotate(-3deg) skew(-3deg);
	transform: rotate(-3deg) skew(-3deg);
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);
    background-image: -webkit-gradient(linear, left top, left bottom,
			from(			rgba(0, 0, 0, 0.0)), 
			color-stop(0.08, rgba(255, 255, 255, 0.5)),
			color-stop(0.12, rgba(255, 255, 255, 0.5)),
			color-stop(0.12, rgba(0, 0, 0, 0.0)),
			color-stop(0.88, rgba(0, 0, 0, 0.0)),
			color-stop(0.88, rgba(255, 255, 255, 0.5)),
			color-stop(0.92, rgba(255, 255, 255, 0.5)),
			color-stop(0.92, rgba(0, 0, 0, 0.0)),
			to(				rgba(0, 0, 0, 0.0))
			);
	background-image: -moz-linear-gradient(top,
			transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%	
			);
	background-image: -o-linear-gradient(top,
			transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%	
			);
	background-image: linear-gradient(to bottom,
			transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%	
			);
}
span.title14-2:before{
	content:" ";
	position:absolute;
	top:-5px;
	left:0;
	width:0;
	height:0;
	border-width:0 0 5px 10px;
	border-style:solid;
	border-color:transparent;
	border-bottom-color:#c66;
}
span.title14-2:after{
	content:" ";
	position:absolute;
	top:100%;
	right:0;
	width:0;
	height:0;
	border-width:5px 10px 0 0;
	border-style:solid;
	border-color:transparent;
	border-top-color:#c66;
}


/* 05.アメリカンな(?)吹き出し */
span.title14-3 {
	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;
}
span.title14-3: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;
}
span.title14-3: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;
}


span.title14-4 {
  position: relative;
  color: #fff;
  padding: 6px 10px;
  z-index: 2;
}
span.title14-4::before,
span.title14-4::after {
  position: absolute;
  width: 98%;
  height: 100%;
  content: '';
}
span.title14-4::before{
  top: 0px;
  left: 0px;
  z-index: -1;
  background-color: #2a9ca2;
}
span.title14-4::after{
  top: 4px;
  left: 4px;
  z-index: -2;
  background-color: #111;
}


 /* 15  */
span.title15-1 {
margin:0 0 30px 0;
	padding:12px 10px;
	background: #1d8ade; /* Old browsers */
	background: -moz-linear-gradient(left, #1d8ade 0%, #53a2e2 50%, #1d8ade 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1d8ade), color-stop(50%,#53a2e2), color-stop(100%,#1d8ade)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* IE10+ */
	background: linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* W3C */
	color:#FFF;
	text-shadow:1px 1px 2px #333;
	box-shadow:0 2px 3px rgba(0, 0, 0, 0.4) , inset 0 0 50px rgba(0, 0, 0, 0.1) ;
	position:relative;
	}
 
span.title15-1:before,
span.title15-1:after{
	content: ' ';
	position: absolute;
	z-index: -1;
	width: 40%;
	height: 20px;
	left: 4px;
	bottom:7px;
	-webkit-box-shadow: 0 8px 15px rgba(0,0,0, 0.7);
	-moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	background-color: #F00;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
span.title15-1:after{
	  -webkit-transform: rotate(3deg);
	  -moz-transform: rotate(3deg);
	  -o-transform: rotate(3deg);
	  -ms-transform: rotate(3deg);
	  transform: rotate(3deg);
	  right: 10px;
	  left: auto;
}


span.title15-2 {
margin:0 0 30px 0;
	padding:12px 10px;
	background: #1D8ADE;
	color:#FFF;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	text-shadow:1px 1px 2px #333;
	box-shadow:inset -1px -1px 2px rgba(0,0,0, 0.6),inset 1px 1px 2px rgba(255,255,255,0.8);
}

span.title15-3 {
	margin:0 0 30px 0;
	padding:12px 10px;
	background: #1D8ADE;
	color:#FFF;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

span.title15-4 {
	margin:0 0 30px 0;
	padding:12px 10px;
	border:1px solid #1871B8;
	background: #1D8ADE;
	color:#FFF;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.4);
}

span.title15-5 {
	background: #7db9e8; /* Old browsers */
	background: -moz-linear-gradient(top, #7db9e8 0%, #2989d8 50%, #207cca 51%, #1e5799 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* W3C */
	margin:0 0 30px 0;
	padding:12px 10px;
	color:#FFF;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	text-shadow:1px 1px 2px #333;
	-webkit-box-shadow:inset 0 0 50px rgba(0,0,0, 0.1);
}

span.title15-6 {
	background: #1d8ade; /* Old browsers */
	background: -moz-linear-gradient(left, #1d8ade 0%, #53a2e2 50%, #1d8ade 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1d8ade), color-stop(50%,#53a2e2), color-stop(100%,#1d8ade)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* IE10+ */
	background: linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* W3C */
	margin:0 -36px 30px -36px;
	padding:12px 10px;
	color:#FFF;
	text-shadow:1px 1px 2px #333;
	box-shadow:inset 0 0 50px rgba(0,0,0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.3);
	position:relative;
	}
 
span.title15-6:before,
span.title15-6:after {
	content: ' ';
	position: absolute;
	z-index: -1;
	width: 0;
	height: 0;
	right: -14px;
	bottom: -15px;
	background: transparent;
	border-color: transparent  transparent transparent #666;
	border-style:solid;
	border-width:15px;
	}
span.title15-6:after {
	left: -14px;
	bottom: -15px;
	right:auto;
	border-color: transparent #666 transparent transparent;
}


span.title15-7 {
background: #1d8ade; 
	margin:0 0 30px 0;
	padding:12px 10px;
	color:#FFF;
	text-shadow:1px 1px 2px #333;
	position:relative;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-left:1px solid #036;
	border-top:1px solid #036;
	box-shadow:inset 1px 1px 4px #036;
	}
 
span.title15-7:before {
	content: ' ';
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	left: 14px;
	bottom: -27px;
	background: transparent;
	border-color: #1d8ade transparent transparent transparent ;
	border-style:solid;
	border-width:15px;
}

span.title15-8 {
}

span.title15-9 {
}

 /* 16  */
span.title16-1a {border-left:5px solid #48832C;
border-bottom:1px solid #48832C;
padding:3px 10px;
}
span.title16-1b {
display:block; //spanをブロック要素に
margin:5px 0 0 8px;
color:#999;
font-size:0.5em;　//h2に対して50%
font-weight:400;
}

span.title16-2a {border-left:5px solid #48832C;
border-bottom:1px solid #48832C;
padding:3px 10px;
}
span.title16-2b {
margin:0;　//divのpaddingとpのmarginで余白を調節しているのでhのmarginは0
}
span.title16-2c {
margin:5px 0 0 8px;
color:#999;
font-size:0.7em;　//通常のpに対して70％サイズ
}


.title16-3 {
    background:#eee;  
    border-top:1px solid #ccc;  
    border-right:1px solid #ccc;  
    border-left:7px solid #e3297d;  
    border-bottom:1px solid #ccc;  
    padding:.8em .9em  
}

span.title16-4 {
    background:#eee;  
    border-top:1px solid #ccc;  
    border-right:1px solid #ccc;  
    border-left:7px solid #e3297d;  
    border-bottom:1px solid #ccc;  
    padding:.8em .9em  
}

.title16-5a {border-left:5px solid #48832C;
border-bottom:1px solid #48832C;
padding:3px 10px;
}
span.title16-5b {
display:block; //spanをブロック要素に
margin:5px 0 0 8px;
color:#999;
font-size:0.5em;　//h2に対して50%
font-weight:400;
}

.title16-6a {border-left:5px solid #48832C;
border-bottom:1px solid #48832C;
padding:3px 10px;
}
.title16-6b {
margin:0;　//divのpaddingとpのmarginで余白を調節しているのでhのmarginは0
}
.title16-6c {
margin:5px 0 0 8px;
color:#999;
font-size:0.7em;　//通常のpに対して70％サイズ
}


span.title16-5 {
}
span.title16-6 {
}
span.title16-7 {
}
span.title16-8 {
}







 /* 17  */

section {
    counter-reset:number; /* この要素ごとに数字をリセットする */
}

.title17-1 {
    position:relative;
    margin-left:40px;
    padding:8px 10px 6px;
    border-bottom:solid 2px #4096ee;
}

.title17-1:before {
    counter-increment:number;
    content:counter(number);
    position:absolute;
    top:0;
    left:-40px;
    padding:6px 10px;
    border:solid 2px #4096ee;
    color:#4096ee;
    font-weight: bold;
    }



span.title17-2 {
}

span.title17-3 {
}

span.title17-4 {
}

span.title17-5 {
}