@charset "utf-8";


h1.page_title{
	text-align: center;
	padding:40px 0 0 0;
	margin:0 0 16px 0;
	font-size:190%;
	font-weight: bold;
	line-height: 1.3;
}
.page_subtitle{
	text-align: center;
	font-size:150%;
	margin:0 0 24px 0;
	padding:0;
	line-height: 1.3;
}



.taiou_list{
	padding:10px 22px;
	overflow: hidden;
	text-align:left;
}
.taiou_list li{
	height:auto;
	width:98%;
    box-shadow: 0px 0px 2px 2px #eeeeee;
    -moz-box-shadow: 0px 0px 2px 2px #eeeeee;
    -webkit-box-shadow: 0px 0px 2px 2px #eeeeee;
    margin:0 auto 16px auto;
    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;
    overflow: hidden;
}
.taiou_list li.opened{
	padding-bottom: 10px;
}
.taiou_list li h1.b_opener{
	width:auto;
	padding:20px 10px 20px 15px;
    line-height: 1.1;
    font-weight: nomal;
	font-size: 126%;
	cursor: pointer;
}
.taiou_list li h1.b_opener:hover{
	text-decoration:underline;
}
.taiou_list li h1.b_opener img{
	float:right;
    line-height: 1.2;
}
.taiou_list li article{
	margin:0px 10px 0 10px;
	padding:10px;
	background:#fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;
	display: none;
}
.taiou_list li div h1{
    border-radius: 6px;
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;
    border:3px solid #0081CD;
    text-align: center;
	font-size:120%;
	margin-bottom: 10px;
	padding:10px 0 10px 10px;
}
.taiou_list li div h2{
	background:#9bcae5;
	font-size:110%;
	width:96%;
	margin: 0 auto 10px auto;
	padding:0 0 0 10px;
}
.taiou_list li div .point{
	width:96%;
	margin: 0 auto 16px auto;
}
.taiou_list li div .point.btm{
	margin-bottom: 0px;
}
.taiou_list li div h3{
    border:1px solid #888;
	font-size:110%;
	width:96%;
	margin: 0 auto 10px auto;
	padding:0 0 0 10px;
}
.taiou_list li div .sample{
	font-size:90%;
	width:96%;
	margin: 0 auto 0px auto;

}
.taiou_list li div .text_red{
	color:#b84242;
}
.taiou_list li div .text_bold{
	font-weight:bold;
}
.taiou_list li div .border1{
	border-top:1px dotted #ccc;
	margin-top:8px;
	padding-top:8px;
}




@media screen and (max-width: 834px) {

	.taiou_list{
		padding:10px 0;
	}
	.taiou_list li{
		width: 98%;
		float:none;
		height:auto;
		margin:0 auto 15px auto;
		line-height: 1.3;
	}



	.taiou_list li h1.b_opener{
		padding-right:26px;
	}
	.taiou_list li h1.b_opener img{
		position: absolute;
		top:20px;
		right:8px;
		width:auto;
	}


}