@charset "utf-8";

/* 体験レポート
---------------------------------------------------- */

	/* 全体 */

.repo_cts {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',Helvetica,Arial,Sans-Serif;
}

.repo_cts p {
	margin: 0;
	padding: 0 0 1em 0;
	line-height:150%;
}


.repo_cts .pread {
	margin: 0;
	padding: 0 0 3em 0;
}

@media only screen and (max-width:640px){
	.repo_cts .pread {
	margin: 0 10px;
	}
}

	/* 画像 */

.repo_cts .p00 {
	margin: 0;
	padding: 0;
}

	/* 画像 */

.repo_cts .photo01 {
	margin: 0;
	padding: 1em 0 2em 0;
	line-height:150%;
}

.repo_cts .photof_r01 {
	margin: 0;
	padding: 0 0 2em 0;
	float:right;
}

.repo_cts .photof_r01 img {
	display:block;
	margin: 0;
	padding: 0 0 0 20px;
}

@media only screen and (max-width:640px){
	.repo_cts .photof_r01 {
	padding: 0 0 1em 0;
	float: none;
	}

	.repo_cts .photof_r01 img {
	display:block;
	margin: 0;
	padding: 0;
	}

}


	/* h1 */

.repo_cts h1 {
	margin: 0 auto 25px auto;
	padding: 0;
	text-align:center;
	background:#83b633;
}

@media only screen and (max-width:640px){
	.repo_cts h1 {
	margin: 0 10px 25px 10px;
	}
}

	/* h2 */

.repo_cts .h_01 {
	clear:both;
	margin: 0;
	padding: 10px 15px 9px 25px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',Helvetica,Arial,Sans-Serif;
	font-size:140%;
	line-height:135%;
	color:#ffffff;
	background:#669933;
	font-weight:normal;
}

.repo_cts .h_02 {
	clear:both;
	margin: 40px 0 0 0;
	padding: 10px 15px 9px 25px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',Helvetica,Arial,Sans-Serif;
	font-size:140%;
	line-height:135%;
	color:#ffffff;
	background:#669933;
	font-weight:normal;
}

@media only screen and (max-width:640px){
	.repo_cts .h_02 {
	margin: 40px 10px 14px 10px;
	}
}

	/* h3 */

.repo_cts .h_11 {
	margin: 1.5em 0 1em 0;
	padding: 0 5px 3px 0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',Helvetica,Arial,Sans-Serif;
	font-size:124%;
	line-height:135%;
	font-weight:normal;
	border-bottom: 3px solid #83b633;

}

.repo_cts .h_12 {
	margin: 0 0 1em 0;
	padding: 0 5px 3px 0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',Helvetica,Arial,Sans-Serif;
	font-size:124%;
	line-height:135%;
	font-weight:normal;
	border-bottom: 3px solid #83b633;

}

.repo_cts .h_21 {
	margin: 1.5em 0 1em 0;
	padding: 10px 5px 9px 15px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',Helvetica,Arial,Sans-Serif;
	font-size:120%;
	line-height:135%;
	color:#ffffff;
	background:#83b633;
	font-weight:normal;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
}

.repo_cts .h_22 {
	margin: 0 0 1em 0;
	padding: 10px 5px 9px 15px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',Helvetica,Arial,Sans-Serif;
	font-size:120%;
	line-height:135%;
	color:#ffffff;
	background:#83b633;
	font-weight:normal;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
}


	/* リスト */

.repo_cts .ulist001 {
	margin: 0 0 1em 1em;
	padding:0;
	list-style:none;
}

.repo_cts .ulist001 li {
	margin: 0;
	padding: 0 0 0 1.3em;
	text-indent:-1.3em;
	line-height:150%;
}


.repo_cts .ulist002 {
	margin: 0.5em 0 1em 1em;
	padding:0;
	list-style:none;
}

.repo_cts .ulist002 li {
	margin: 0;
	padding: 0 0 0 1.3em;
	text-indent:-1.3em;
	line-height:150%;
}

.repo_cts .ulist003 {
	margin: 0 0 1em 1em;
	padding:0;
	list-style:none;
}

.repo_cts .ulist003 li {
	margin: 0;
	padding: 0 0 0.5em 1.3em;
	text-indent:-1.3em;
	line-height:150%;
}


	/* リンク */

.repo_cts .link01 {
    margin: 0;
    padding: 0 0 0 15px;
    background: url(../../../common/images/arw_green.gif) no-repeat 0 0.1em;
}


	/* Box */

.repo_cts .rpbox {
	margin: 0;
	padding: 25px 24px;
	border: 1px solid #cccccc;
}

.repo_cts .rpbox .rpinbox {
	width: 710px;
	margin: 0;
	padding: 0;
}

@media only screen and (max-width:640px){
	.repo_cts .rpbox {
	margin: 0;
	padding: 0 10px;
	border: none;
	}

	.repo_cts .rpbox .rpinbox {
	width: auto;
	}
}

	/* Box */

.repo_cts .rpbox-g {
	margin: 0;
	padding: 24px;
	background:#f3f3f3;
	border: 1px solid #e0e0e0;
}

.repo_cts .rpbox-g .rpbxginbox {
	margin: 0;
	padding: 25px 25px 20px 25px;
	background:#ffffff;
	border: 1px solid #e0e0e0;
}

@media only screen and (max-width:640px){
	.repo_cts .rpbox-g {
	margin: 0;
	padding: 0;
	background:#fff;
	border: none;
	}

	.repo_cts .rpbox-g .rpbxginbox {
	width: auto;
	margin: 0 10px;
	padding: 0;
	border: none;
	}
}

	/* 公開講座 体験レポートTOPに戻る */

.repo_cts .link_sbtop {
	margin: 0;
	padding: 0;
	text-align:right;
}

.repo_cts .link_sbtop a {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 5px 0 0;
	padding: 10px 20px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',Helvetica,Arial,Sans-Serif;
	background:#669933;
	font-size:90%;
	line-height:100%;
	color:#ffffff;
	text-decoration:underline;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
}

@media only screen and (max-width:640px){
	.repo_cts .link_sbtop {
	margin: 1.5em auto 0 auto;
	padding: 0;
	text-align: center;
	}

	.repo_cts .link_sbtop a {
	padding: 16px 20px;
	border-radius: 3px;
	}
}

.repo_cts .link_sbtop a:hover {
	color:#fff699;

}

	/* プルダウン */

.repo_cts #backno {
	margin: 50px 0 0 0;
	padding: 20px 0;
	border-top: 1px solid #dedede;
}

.repo_cts #backno select {
	display:block;
	width: 756px;
	padding: 1px;
	height: 28px;
	border: 1px solid #d0d0d0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',Helvetica,Arial,Sans-Serif;
	font-size:90%;
}

@media only screen and (max-width:640px){
	.repo_cts #backno select {
	width: auto;
	font-size:100%;
	}
}