@charset "UTF-8";

/*-----------------------
coded by sure at 2012-07-19
-------------------------*/

/* CSS Document */
/*-----------------------*/
/* 1.index.html */
/* 2.seminar.html */
/* 3.representative.html */
/* 4.conversation.html */
/*-----------------------*/


/* 1.index.html
====================================================================================================== */
.bg-top{
	padding:18px 30px 90px;
	background:url(../images/bg-top.gif) bottom no-repeat;
	}
	.bg-top p{
		color:#333;
		}
a:link.bg-top-link, a:visited.bg-top-link { color:#857b00; text-decoration: underline; }
a:active.bg-top-link, a:hover.bg-top-link { color:#857b00; text-decoration: none; }

.icon-arrow01{
	background:url(../images/icon-arrow01.gif) left center no-repeat;
	padding-left:17px;
	}

.tbl-news{
	margin:5px 23px 35px;
	}
	.tbl-news td{
		padding-top:10px;
		}
	.tbl-news .date{
		padding-right:20px;
		vertical-align:top;
		}
	.tbl-news td img{
		vertical-align:middle;
		margin-right:5px;
		margin-bottom:3px;
		}	

.list-dot li{
	margin-top:5px;
	background:url(../images/icon-dot.gif) 2px 0.7em no-repeat;
	padding-left:17px;
	}

.list-decimal{
	margin-left: 1em;
	}

.list-decimal li{
	list-style: decimal;
	margin-top:5px;
	margin-left: 1.5em;
	}

.link-pr{
	margin:10px 15px 0;
	}
a:link.footer-link, a:visited.footer-link { color:#5d5d5d; text-decoration: underline; }
a:active.footer-link, a:hover.footer-link { color:#5d5d5d; text-decoration: none; }

/* 2.seminar.html
====================================================================================================== */
.title-seminar{
	margin:15px 23px 20px;
	padding-bottom:20px;
	border-bottom:#333 1px dotted;
	}

.outline-seminar{
	margin:15px 23px 20px;
	padding-bottom:13px;
	border-bottom:#333 1px dotted;
	}
.tbl-outline-seminar th,
.tbl-outline-seminar td{
	padding-bottom:7px;
	}
.tbl-outline-seminar th{
	width:60px;
	padding-right:10px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	white-space:nowrap;
	}

.program-seminar{
	margin:15px 23px 0;
	padding-bottom:15px;
	}
.sbt-text{
	position:relative;
	}
	.sbt-text .all-time{
		display:block;
		position:absolute;
		top:10px;
		left:115px;
		}
.title-program{
	padding:5px 10px;
	background:#f0f0f0;
	}
	.title-program .time{
		display:block;
		float:left;
		width:130px;
		padding-right:10px;
		}
	.title-program .title{
		display:block;
		float:left;
		width:440px;
		font-weight:bold;
		}
.text-program{
	margin:5px 10px 20px;
	}

/* profile */
.title-profile{
	padding-bottom:15px;
	font-weight:bold;
	border-bottom:#333 1px dotted;
	}

.photo-profile{
	float:left;
	margin-right:15px;
	}
.text-profile{
	display:block;
	float:left;
	}

.tbl-profile td{
	padding-top:3px;
	}
.tbl-profile .left{
	width:70px;
	padding-right:10px;
	vertical-align:top;
	white-space:nowrap;
	}
	.tbl-profile .left.long{
		width:95px;
		}

.close{
	margin-top:25px;
	text-align:center;
	}


/* 3.representative.html
====================================================================================================== */
.representative-name{
	margin-top:15px;
	text-align:right;
	}


/* 4.conversation.html
====================================================================================================== */
.read-conversation{
	margin:15px 23px 0;
	padding-bottom:20px;
	border-bottom:#333 1px dotted;
	}
	.read-conversation .photo{
		float:right;
		width:200px;
		margin-left:10px;
		}
		.read-conversation .photo span{
			display:block;
			margin-top:2px;
			text-align:center;
			}
.text-interviewer{
	color:#4d4703;
	font-weight:bold;
	}

.text-conversation{
	margin-top:15px;
	}
	.text-conversation span{
		font-weight:bold;
		color:#4d4703;
		}
	.text-conversation .right{
		float:right;
		margin:0 0 10px 10px;
		}
	.text-conversation .left{
		float:left;
		margin:0 10px 10px 0;
		}

.link-conversation{
	margin-top:20px;
	text-align:right;
	}