@charset "utf-8";

/* =============================================================================
   公開講座特集＆公開講座レポート 遊学のガイド
   ========================================================================== */

/* レポートページ
---------------------------------------------------- */

/* レポート用 */

#repo .title {
	background:url(../images/bg_body.gif) repeat-x 0px 2px;
	margin:0;
	padding:20px 0 10px 0;
}

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

#repo #writing {
	width:100%;
	margin:0 0 10px 0;
	overflow:hidden;
}

#repo .midashi {
	line-height:110%;
}

#repo .subtitle2{
	background:url(../images/title_img/h_bg_gray.gif) #EFEFEF no-repeat;
	padding:5px 5px 5px 22px;
	margin:0px 0;
	font-size:14px;
	color:#333333;
	font-weight:bold;
}

#repo .subtitle{
	background:url(../images/title_img/h_bg_gray.gif) #EFEFEF no-repeat;
	padding:5px 5px 5px 22px;
	margin:10px 0;
	font-size:14px;
	color:#333333;
	font-weight:bold;
}

#repo .subtitle_matome{
	background:url(../images/title_img/h_bg_red.gif) #EFEFEF no-repeat;
	padding:5px 5px 5px 22px;
	margin:10px 0;
	font-size:14px;
	color:#333333;
}

#repo .text{
	margin:0 0 10px 0;
	padding:0px;
	line-height:120%;
}

#repo .text2{
	margin:0 0 5px 0;
	padding:0px;
	line-height:120%;
}

#repo .text3{
	margin:0 0 10px 0;
	padding:0px;
	line-height:140%;
}

#repo .image_r{
	margin:0 0 6px 10px;
	padding:0;
	float:right;
	clear:right;
}

#repo .image_l{
	margin:0 10px 6px 0;
	padding:0;
	float:left;
	clear:left;
}

@media only screen and (max-width:640px){
	#repo .image_r,
	#repo .image_l {
	margin:0 0 6px 0;
	float: none;
	}
	#repo .image_r img,
	#repo .image_l img {
	display:block;
	margin:0 0 10px 0;
	}
}

#repo u .red{
	color:#FF0000;
}

#repo .blue{
	color:#0080FF;
}

/*
#repo a:link { color:#017EB4; text-decoration: none; }
#repo a:visited { color:#DD3300; text-decoration: none; }
#repo a:hover { color: #63708d; text-decoration:none; }
*/

#repo .toji {
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	font-size:12px;
	line-height:120%;
	border-top:#DEDEDE 1px solid;
}

#repo .koza_list {
	margin:0;
	padding:5px 0 0 15px;
}

#repo .koza_list li {
	padding:3px 0;
	font-size:12px;
	color:#EC3757;
	font-weight:bold;
	border-bottom:1px #E5E5E5 solid;
}

#repo .koza_gazo {
	float:right;
	padding:10px 0 0 15px;
	background-color:#FFFFFF;
	clear:right;
}

#repo .koza_list li span {
	font-size:11px;
	font-weight:normal;
	background-color:#FFFFE6;
}

@media only screen and (max-width:640px){
	#repo img {
	max-width:100%;
	height:auto;
	}
}


/* 特集ページ
---------------------------------------------------- */
/* 共通 */

#contents .h2base_top h2 {
	margin: 0;
	padding: 10px 15px 8px 25px;
	background: url(../images/title_img/h_bg_green.gif) #FEFEFE left top no-repeat;
	color: #ffffff;
	font-size: 16px;
	font-weight:bold;
	line-height:120%;
}

#guide #main {
	padding:10px;
}

#guide .title {
	background:#fff url(../images/icon_img/p_green.gif) no-repeat;
	padding:0px 0px 0px 20px;
	border-bottom:1px dotted #99C854;
	color:#326035;
	margin:10px 0px;
	clear:both;
}

#guide .read {
	line-height:130%;
	font-size:12px;
	padding:0 0 10px 0;
	margin:0;
}

#guide .hosoku{
	color:#CC3300;
	font-size:10px;
}

#guide .left {
	padding:0 0 0 5px;
	width:400px;
	float:left;
}

#guide .right {
	padding:10px 0 0 5px;
	width:140px;
	float:right;
}

.clear_b {
	clear:both;
}

.f_left {
	float:left;
}

.f_right {
	float:right;
}

.f_left_img {
	display:block;
	margin:0;
	padding:0 6px 6px 0;
}

@media only screen and (max-width:640px){
	.f_left,
	.f_right {
	float: none;
	}
}

#guide .list {
	border:#9ECE0D 1px solid;
	padding:3px;
	margin:10px 0 0 0px;
}
#guide .list_solid {
	border-bottom:3px solid #99C854;
	margin-bottom:5px;
	border-width:2px;
}
#guide .list_title {
	padding:0px 0px 5px 18px;
	background-image:url(../images/icon_img/bar_green.gif);
	background-repeat:no-repeat;
	margin:10px 10px 5px 0px;
	background-image:url(../../images/icon_img/leclist_on.gif);
	padding:0px 0px 1px 27px;
	margin:0px;
}
#guide .list_line {
	padding:2px;
	margin:1px;
}
#guide .list_line_title {
	background-color:#EEEEEE;
	padding:2px;
	margin-right:5px;
}
#guide .list_dotted {
	border-bottom:#DEDEDE 1px dotted;
	margin:0 2px 5px 2px;
}

#guide .toplink {
	line-height:130%;
	margin:10px 5px 15px 5px;
	color:#666666;
	font-size:12px;
	text-align:right;
}

#guide .readtext {
	line-height:130%;
	margin:10px 5px;
	color:#666666;
	font-size:12px;
}

#guide .tokucho {
	margin: 0;
	padding: 10px 0 10px 5px;
	clear:both;
}

#guide .tokucho li {
	margin: 0 0 10px 0;
	padding: 0 0 2px 15px;
	background: url(../images/arw_green_star.gif) no-repeat 0px 1px;
	line-height:120%;
	list-style-type:none;
	border-bottom:#EAEAEA 2px solid;
	background-color:#FAFAFA;
}

#guide .source {
	border:#DEDEDE 1px solid;
	background-color:#EFEFEF;
	padding:5px;
	margin:5px 0;
	font-size:10px;
	line-height:110%;
	color:#666666;
}


#guide .subtitle_matome{
	background:url(../images/title_img/h_bg_red.gif) #EFEFEF no-repeat;
	padding:5px 5px 5px 22px;
	margin:10px 0;
	font-size:14px;
	color:#333333;
}


/* 一覧用 */

#guide #Reportl {
	width: 260px;
	margin: 0 0 10px 10px;
	padding: 0;
	float:left;
	clear:inherit;
}

#guide #Reportr {
	width: 260px;
	margin: 0 0 10px 0;
	padding: 0;
	float:right;
}

#guide #RPhoto {
	width: 80px;
	margin: 0;
	padding: 0;
	float:left;
}

#guide #RText {
	width: 175px;
	margin: 0;
	padding: 0;
	font-size:12px;
	float:right;
}

#guide .title {
	padding:0 0 0 18px;
	margin:0 0 3px 0;
	color:#769304;
}

#guide #RText p {
	margin: 3px 0 0 0;
	padding: 0 0 5px 0;
	font-size:10px;
	line-height:135%;
	color:#666666;
}


#guide .Report-n {
	width: 325px;
	margin: 0 0 10px 10px;
	padding: 0;
    display: inline-block;
	vertical-align: top;
}

#guide .RPhoto-n {
	width: 80px;
	margin: 0;
	padding: 0;
	float:left;
}

#guide .RText-n {
	width: 240px;
	margin: 3px 0 0 0;
	padding: 0 0 5px 0;
	font-size:1.2rem;
	line-height:135%;
	color:#666666;
	float:right;
}

@media only screen and (max-width:640px){
	#guide .Report-n {
	width: 100%;
	margin: 0;
	padding: 0;
    display: block;
	overflow:hidden;
	}

	#guide .RPhoto-n {
	float:rignt;
	margin: 0 10px 0 0;
	}

	#guide .RText-n {
	width: auto;
	float:none;
	}
}


#guide .Report2-n {
	width: 700px;
	margin: 0;
	padding: 0;
	overflow:hidden;
}

#guide .Report2-n .RPhoto2-n {
	width: 260px;
	margin: 0;
	padding: 0;
	float:left;
}

#guide .Report2-n .RText2-n {
	width: 425px;
	margin: 3px 0 0 0;
	padding: 0 0 5px 0;
	font-size:1.3rem;
	line-height:135%;
	color:#666666;
	float: right;
}

@media only screen and (max-width:640px){
	#guide .Report2-n {
	width: auto;
	}

	#guide .Report2-n .RPhoto2-n {
	width: auto;
	float: none;
	}

	#guide .Report2-n .RText2-n {
	width: auto;
	float: none;
	}
}



/* list */

#guide ul.mail_report_list {
	margin:0 0 1em 0; 
	padding:0; 
	list-style: none;
}

#guide .mail_report_list li {
	background:url(../images/icon_img/p_green.gif) no-repeat;
	padding:0 0 8px 20px;
	border-bottom:1px dotted #99C854;
	color:#769304;
	margin:10px 0px;
	clear:both;
}

#guide .mail_report_list li a {
	display:block;
	margin:0 0 2px 0;
	padding:0;
}


/* table */

table .v_top {
	vertical-align:top;
}


/* 篤姫用 */
.bac {
	background:url(../../guide/images/kingyo.jpg) no-repeat 230px 20px;
}

#guide .left3 {
	padding:10px 0 0 5px;
	width:400px;
	float:left;
}

#guide .left2 {
	padding:10px 0px 0 5px;
	width:140px;
	float:left;
}

#guide .right2 {
	padding:10px 10px 10px 0px;
	float:right;
	width:400px;
}


/* 京都用 */
#guide .main {
	padding:0 0 0 10px;
	float:left;
	width:450px;
}

#guide .images {
	padding:0;
	float:right;
	width:100px;
	background-color:#DEDEDE;
}


/* 共通 */

#contents #guide .h2base_top h2 {
	padding:12px 10px 12px 12px;
	margin:0px 0px 5px 0px;
	background:#1f7530;
	border-radius:2px;
	border-bottom:3px solid #99C854;
	font-size: 14px;
	font-weight:normal;
}