<style type="text/css">

/* CSS Document */



.title {

	width: 880px;

	font-size: 25px;

	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/

color: #494949;/*文字色*/

background: #f4f4f4;/*背景色*/

border-left: solid 5px #d39caa;/*左線*/

border-bottom: solid 3px #d7d7d7;/*下線*/

	}

	

	

.subtitle {

	font-size: 19px;

	font-weight:bold; 

	position: relative;

padding: 5px 5px 5px 42px;

margin: 30px 0 ;

background: #f2e0e5;

font-size: 20px;

color: #666666;

margin-left: -25px;

line-height: 1.3;

z-index:-1;

	}

	

	.subtitle:before {

	position: absolute;

content: '';

left: -2px;

top: -2px;

border: none;

border-left: solid 40px white;

border-bottom: solid 79px transparent;

z-index:-2

	}

	

	.writer-h3 img {

		float: left;

		margin-right: 20px; 

		border-radius: 50%;

		width: 7%;

	}

	

	

	.writer-h3 {

		width: 880px;

		margin: 30px 0 10px 0;

		border-top: 1px dashed #666666;

		border-bottom: 1px dashed #666666;

		font-size: 11px;

		line-height: 1.7;

		overflow: hidden;

	}

	

	

	section {

		width: 880px;

		line-height: 2.5;

	}

	

	.under {

font-size: 16px;

  border-bottom: dashed;

  border-color:#cccccc;

border-width:1px;

display:inline;

}

	



	

		.trouble-h3 {

		width: 880px;

		position: relative;

	display: inline-block;

 	margin: 1.5em 0;

	padding: 7px 10px;

	min-width: 120px;

 	max-width: 100%;

 	color: #555;

	font-size: 16px;

	background: #f7f1f3;

	}

	

	.trouble-h3:before {

		content: "";

	position: absolute;

	top: 100%;

	left: 50%;

 	margin-left: -15px;

	border: 15px solid transparent;

	border-top: 15px solid #f7f1f3;

}

	

	

	

	.trouble-li {

  padding: 0;

  font: 14px/1.6 'arial narrow', sans-serif;

  width:500px;

  list-style: none;

}

.trouble-li li {

  position: relative;

  padding: 0.5em 1em 0.5em 2.3em;

  margin-bottom:5px;

  color: rgb(102,102,102);

  font-size: 15px;

  font-weight: bold;

  border-bottom: 1px solid rgba(211,156,170,1);

}

.trouble-li li:after,

.trouble-li li:before{

  content: "";

  position: absolute;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}

.trouble-li li:before{

  top: 0.7em;

  left: 0.2em;

  width: 12px;

  height: 12px;

  border:2px solid rgba(211,156,170,1);

}

.trouble-li li:after{

  top: 0.9em;

  left: 0.7em;

  width: 14px;

  height: 14px;

  background: rgba(239,211,218,1);

  -webkit-transform: rotate(60deg);

  -moz-transform: rotate(60deg);

  -o-transform: rotate(60deg);

  -ms-transform: rotate(60deg);

  transform: rotate(60deg);

}



	

.center{

 text-align: center;

}

W



.wrapper {

	over-flow: hidden;

}



.matome-link{

	float: left;

	Margin: 8px 0 8px 5px;

	border: 1px solid #cccccc;

	padding: 8px;

	width: 270px;	



}



.matome-link h3{

	margin: 0.5em 0 0.5em 0;

	font-size: 16px;

}



.matome-link p{

	margin: 0;

	font-size: 14px;

	color: #666666;

}





	</style>