@charset "utf-8";

/* -------------------------------------
Main
--------------------------------------- */
#Main p.topvisual{
	width:700px;
	margin:0 0 17px 0;
}

/* section
--------------------- */
#Main div.section{
	width:700px;
	padding:0 0 15px 4px;
	display:inline-block;
}

/* h2 */
#Main div.section h2{
	height:39px;
	padding:0 0 20px 28px;
	line-height:37px;
	font-weight:bold;
	font-size:117%;
	background:url(../images/common/bg_ttl.jpg) no-repeat 0 0;
	clear:both;
}

#Main div.out_line{
	padding:0 0 20px 0;	
}

/* h3 */
#Main div.section h3{
	width:680px;
	overflow:hidden;
	margin:0 0 0 10px;
	padding:10px 0 12px 0; 
	font-size:100%;
	background:url(../images/common/bg_subttl.gif) no-repeat 0 0;
	clear:both;
	letter-spacing:0.5px;
}

#Main div.section h3.short{
	width:335px;
	background:url(../images/common/bg_subttl02.gif) no-repeat 0 0;
}

#Main div.section h3 strong{
	display:block;
	float:left;
	padding:0 0 0 28px;
	background:url(../images/common/ico_arrow.gif) no-repeat 10px 2px;
}

#Main div.section h3.system strong{
	margin:0 0 0 10px;
	padding:0 0 0 8px;
	border-left:4px solid #CF2C4D;
	background:none;
}

#Main div.section h3 span{
	font-size:84%;
	color:#000;
}

/* seminar
--------------------- */

#Main div.section div.in_side{
	width:678px;
	border-left:#DDDDDD solid 1px;
	border-right:#DDDDDD solid 1px;
	border-bottom:#DDDDDD solid 1px;
	margin:0 0 0 10px;
	overflow:hidden;
}

#Main div.section p.photo{
	width:180px;
	height:140px;
	margin:15px 0 0 15px;
	padding:4px;
	background:url(../images/index/bg_photo.gif) no-repeat 0 0;
}

#Main div.section div.photoList{
	width:450px;
	padding:15px 15px 10px 0;
	float:right;
}

#Main div.section div.photoList p.txt{
	width:450px;
	margin:0 0 5px 0;
	padding:0 0 10px 0;
	background:url(../images/common/dot_line.gif) repeat-x 0 bottom;
}

#Main div.section div.photoList ul{
	width:450px;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	background:url(../images/common/dot_line.gif) repeat-x 0 bottom;
	overflow:hidden;
}

#Main div.section div.photoList ul li{
	width:450px;
	padding:0 0 3px 0;
	overflow:hidden;
}

#Main div.section div.photoList ul li img{
	padding:0 6px 0 0;
	vertical-align:middle;
}

#Main div.section div.photoList ul li span.ico{
	width:70px;
	clear:left;
}

#Main div.section div.photoList ul li span{
	width:380px;
	float:left;
	display:block;
	color:#000;
}

#Main div.section div.photoList p.annotation{
	width:440px;
	padding:5px;
	background-color:#F5F5F5;
	font-size:84%;
	clear:left;
}

#Main div.section span{
	color:#CA2246;
}

#Main div.section div.photoList p.details{
	text-align:right;
	margin:10px 0 0 0;
}

#Main div.section div.photoList p.details a{
	padding:0 0 0 10px;
	background:url(../../images/common/ico_arrow02.gif) no-repeat left 2px;
}

/* course
--------------------- */
#Main div.section div.out_line_course{
	width:343px;
	float:left;
	clear:right;
}

#Main div.section div.in_side_course{
	width:313px;
	border-left:#DDDDDD solid 1px;
	border-right:#DDDDDD solid 1px;
	border-bottom:#DDDDDD solid 1px;
	margin:0 0 20px 10px;
	padding:0 10px 0 10px;
	overflow:hidden;
}

#Main div.section div.in_side_course h4{
	clear:both;
}

#Main div.section div.in_side_course p.photo{
	width:100px;
	height:100px;
	margin:15px 0 0 0;
	padding:4px;
	background:url(../images/index/bg_photo02.gif) no-repeat 0 0;
}

#Main div.section div.in_side_course div.photoList{
	width:202px;
	padding:15px 0 10px 0;
	float:right;
}

#Main div.section div.in_side_course p.txt{
	width:305px;
	margin:0 0 5px 0;
	padding:0 0 10px 0;
	background:url(../images/common/dot_line.gif) repeat-x 0 bottom;
}

#Main div.section div.in_side_course p.txt_system{
	width:305px;
	margin:10px 0 5px 0;
	padding:0 0 10px 0;
	background:url(../images/common/dot_line.gif) repeat-x 0 bottom;
	clear:right;
}

#Main div.section div.in_side_course ul{
	width:305px;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	background:url(../images/common/dot_line.gif) repeat-x 0 bottom;
	overflow:hidden;
}

#Main div.section div.in_side_course ul li{
	width:310px;
	padding:0 0 3px 0;
	overflow:hidden;
	_zoom:1;
}

#Main div.section div.in_side_course ul li img{
	padding:0 6px 0 0;
	vertical-align:middle;
}

#Main div.section div.in_side_course ul li span.ico{
	width:70px;
	clear:left;
}

#Main div.section div.in_side_course ul li span{
	width:240px;
	float:left;
	display:block;
	color:#000;
}

#Main div.section div.in_side_course p.annotation{
	width:305px;
	padding:5px;
	margin:0 0 10px 0;
	background-color:#F5F5F5;
	font-size:84%;
	clear:left;
}

#Main div.section div.in_side_course p.details{
	text-align:right;
	padding:0 0 10px 0;
}

#Main div.section div.in_side_course p.details a{
	padding:0 0 0 10px;
	background:url(../../images/common/ico_arrow02.gif) no-repeat left 2px;
}

/* system
--------------------- */


#Main div.section div.in_side_system{
	width:658px;
	border-left:#DDDDDD solid 1px;
	border-right:#DDDDDD solid 1px;
	border-bottom:#DDDDDD solid 1px;
	margin:0 0 0 10px;
	padding:0 10px;
	overflow:hidden;
	clear:both;
}

#Main div.section div.in_side_system p.txt{
	width:658px;
	margin:10px 0 5px 0;
	padding:0 0 10px 0;
	background:url(../images/common/dot_line.gif) repeat-x 0 bottom;
}

#Main div.section div.in_side_system ul{
	width:658px;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	background:url(../images/common/dot_line.gif) repeat-x 0 bottom;
	overflow:hidden;
}

#Main div.section div.in_side_system ul li{
	width:640px;
	padding:0 0 3px 0;
	overflow:hidden;
	_zoom:1;
}

#Main div.section div.in_side_system ul li img{
	padding:0 6px 0 0;
	vertical-align:middle;
}

#Main div.section div.in_side_system ul li span.ico{
	width:70px;
	clear:left;
}

#Main div.section div.in_side_system ul li span{
	width:570px;
	float:left;
	display:block;
	color:#000;
}

#Main div.section div.in_side_system p.annotation{
	width:648px;
	padding:5px;
	margin:0 0 10px 0;
	background-color:#F5F5F5;
	font-size:84%;
	clear:left;
}

#Main div.section div.in_side_system p.details{
	text-align:right;
	padding:0 0 10px 0;
}

#Main div.section div.in_side_system p.details a{
	padding:0 0 0 10px;
	background:url(../../images/common/ico_arrow02.gif) no-repeat left 2px;
}