@charset "utf-8";

#main5 {
	float: right;	/*右に回り込み*/
	width: 75%;		/*ボックス幅*/
	margin-top:20px;
}

/*mainコンテンツのh2タグの設定*/
#main5 h2 {
	clear: both;
	background: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#dcdcdc));	/*グラデーション*/
	background: -webkit-linear-gradient(#FFF, #dcdcdc);	/*同上*/
	background: linear-gradient(#FFF, #dcdcdc);			/*同上*/
	font-size: 100%;
	padding: 4px 15px;	/*左から、上下、左右への余白*/
	border-radius: 30px;		/*角丸のサイズ*/
	border: 1px solid #e65c89;		/*枠線の幅、線種、色*/

}

/*mainコンテンツのh3タグの設定*/
#main5 h3 {
		clear: both;
	margin-bottom: 15px;
	background: #C7EEF9);	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: -webkit-linear-gradient(#FFF, #C7EEF9);	/*グラデーション*/
	background: linear-gradient(#FFF,#C7EEF9);	/*左から、上、右、下、左側への余白*/
	border-radius: 8px;		/*角丸のサイズ。大きめにしておけばOK。*/
	border: 1px solid  #2f53a5;	/*枠線の幅、線種、色*/
	margin-top: 0px;
	padding-top: 9px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 20px;
	color: #2f53a5;	/*文字色*/
	font-size: 18px;	/*文字サイズ*/

}

/*メインコンテンツのp(段落)タグ設定*/
#main5 p {
	padding: 0px 20px 14px;	/*上、左右、下への余白*/
}
#main5 .txt {
	clear:both;
	width: 85%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	float: left;
	line-height:2.5em;
}
#main5 .tbl {
	clear:both;
	width: 100%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	float: left;
}

#main5 h2 + p,
#main5 h3 + p {
	margin-top: -5px;
}

#main5 figure img{
	margin-bottom:30px;
}
#main5 .pbox{
	width: 31%;
	float: left;
	margin-right: 10px;
}
#sub2 {
	float: left;	/*左に回り込み*/
	width: 20%;	/*幅*/
	margin-top:20px;
	float:80%;

}
.c1 #sub2 {
	display: none;	/*１カラムの時に非表示にする*/
}


/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
#sub2 ul.submenu2 {
	margin-bottom: 15px;	/*メニューブロックの下に空けるスペース*/
}
/*メニュー１個ごとの設定*/
#sub2 ul.submenu2 li a {
	font-size: 80%;
	text-decoration: none;
	display: block;
	text-align: left;	/*文字をセンタリング*/
	padding: 5px 10px;	/*上下、左右へのボックス内の余白*/
	background : ;	/*背景色*/
	margin-bottom: 4px;	/*メニュー同士の余白*/
	color:#666;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom:1px solid #ccc;
}
/*マウスオン時*/
#sub2 ul.submenu2 li a:hover {
	background: #BADBFF;	/*背景色*/
	color: #06F;		/*文字色*/
}



@media screen and (max-width:768px){
#main5 {
	float: none;	
	width: 100%;		/*ボックス幅*/
	margin-left:auto;
	margin-right:auto;
}
#main3 {
width:100% !important;
}
.sub ul.submenu li {
	width: 100%;		
	float: none;	
}
}