/*===== NOTES ================================================

	last-updated: 2010.11.24
	
		+1 : Reset Setting
		+2 : BASE
		+3 : HEADER
		+4 : MAIN


=============================================================*/

.style1 {
	color: #336699;
	font-weight: bold;
}
/* =================================================================
		+1 : Reset Setting

================================================================= */

#container p,
#container h1,
#container h2,
#container h3,
#container h4,
#container h5,
#container h6,
#container td,
#container th,
#container ul,
#container ol,
#container li,
#container dl,
#container dt,
#container dd
{ margin:0px; padding:0px; color:#555555; font-weight:normal; }
* { margin:0px; padding:0px; font-weight:normal; }
#container  img { border:0px; }
/* ClearfixƒnƒbƒN
________________________________________ */

.clearfix:after{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {display: inline-block;}

/* =================================================================
		+2 : BASE
================================================================= */

#str_contents {
	width:770px;
	margin:0;
	text-align:center;
}
#container{
	width:760px;
	font-size:13px;
	line-height:130%;
	background:#FFFFFF;
	color:#333333;
	padding: 0 5px;
	margin: 20px auto;
}

/* =================================================================
		+3 : HEADER
================================================================= */

#container #header{
	width:720px;
	padding:5px 0 10px 0;
	margin:0 auto 0 auto;
	text-align:center;
}
#container #header #header_left{
	float:left;
	width:550px;
}
#container #header #header_right{
	float:left;
	text-align:right;
	width:210px;
	margin-top:20px;
}

/* =================================================================
		+4 : MAIN
================================================================= */

#container #main{
	width:731px;
	margin:0 auto;
	text-align:center;
}

#container #main #box_mayor{
	width:700px;
	padding:0px;
	margin:15px auto 0 auto;
	border:1px solid #cccccc;
	background:#f2f2f2;
}

#container #main #box_mayor .left_img{
	float:left;
	padding:8px;
}

#container #main #box_mayor .right_txt{
	padding:15px;
	float:left;
	width:340px;
	text-align:left;
}

#container #main #box1{
	width:731px;
	padding:0px;
	margin-top:15px;
	text-align:center;
}

#container #main #box1 #ct1{
	margin-top:10px;
	margin-bottom:20px;
	width:710px;
	text-align:left;
}

#container #main #box1 #ct1 .left_txt{
	width:220px;
	float:left;
}
#container #main #box1 #ct1 .img{
	width:236px;
	padding-top:15px;
	float:left;
	margin-left:3px;
}

#container #main #box1 #ct1 .ttl_cn{
	color: #990000;
	font-weight: bold;
	font-size: 16px;
}

#container #main #box1 #ct_grey{
	margin-top:10px;
	margin-bottom:20px;
	width:710px;
	text-align:left;
	padding:10px;
	background:#f2f2f2;
}

#container #main #box1 .course_name li{
	list-style-type:none;
	border-bottom:1px dotted #999999;
}

#container #main #box1 .course_name li.pre{
	width:40px;
	float:left;
	text-align:center;
	margin-left:10px;
}

#container #main #box1 .course_name li.name{
	width:305px;
	float:left;
	text-align:left;
	margin-left:5px;
}