@charset "utf-8";

@import "layout.css";
@import "base.css";

/* -----------------------------
			pans
----------------------------- */

#pans {
	width:985px;
	height:50px;
	line-height:50px;
	margin:0 auto;
}

#pans p {
	font-size:11px;
}

#pans p a {
	color:#0066CC;
	text-decoration:underline;
}

#pans p a:hover {
	text-decoration:none;
}

/* -----------------------------
			side
----------------------------- */

#content #sidecolumn ul.sideNav {
	width:270px;
	padding-bottom:10px;
	background:url(../images/bg_side.jpg);
	margin-bottom:15px;
}

#content #sidecolumn ul.sideNav li {
	border:1px solid #CCCCCC;
	background:#fff;
	width:250px;
	margin:-1px auto 0 auto;
	text-align:left;
}

#content #sidecolumn ul.sideNav li.ttl {
	border:none;
	margin-bottom:10px;
}

#content #sidecolumn ul.sideNav li.ttl img {
}

#content #sidecolumn ul.sideNav li a {
	font-size:12px;
	font-weight:bold;
	color:#000;
	display:block;
	padding:12px 2px 12px 27px;
	background:url(../images/ico_side.gif) no-repeat 12px 15px;
}

#content #sidecolumn ul.sideNav li a:hover,
#content #sidecolumn ul.sideNav li.hover a {
	color:#217BC5;
	text-decoration:none;
}


/* -----------------------------
			content
----------------------------- */

#content {
	margin:0 auto;
	padding-top:0px;
	padding-bottom:50px;
	width: 985px;
}


/* -----------------------------
			mains
----------------------------- */

#content #maincolumn h2 {
	margin-bottom:2px;
	clear:both;
}

#content #maincolumn div.mainvisual {
	margin-bottom:15px;
}

#content #maincolumn h3 {
	margin-bottom:20px;
	clear:both;
}

#content #maincolumn p {
	font-size:13px;
	color:#333;
	line-height:160%;
}

#content #maincolumn p.main {
	margin-bottom:25px;
	line-height:180%;
}

#content #maincolumn p.main strong.red {
	font-weight:bold;
	color:#990000;
}

/* company */

#content #maincolumn table.table1 {
	border-collapse:collapse;
	font-size:12px;
	border-bottom:1px solid #ccc;
	margin:0 auto 25px auto;
}

#content #maincolumn table.table1 th {
	width:20%;
	font-weight:bold;
	padding:12px 0;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	text-align:left;
}

#content #maincolumn table.table1 td {
	width:80%;
	padding:12px 15px;
	border-top:1px solid #ccc;
	text-align:left;
}

#content #maincolumn table.table1 td strong {
	font-weight:bold;
}

#content #maincolumn table.table1 th,
#content #maincolumn table.table1 td {
}

#content #maincolumn table.table1 td dl {
}

#content #maincolumn table.table1 td dl dt{
	float:left;
	width:280px;
	clear:both;
}

#content #maincolumn div.photo {
	float:left;
	width:222px;
	margin-top:-5px;
	margin-right:20px;
}

#content #maincolumn div.photo img {
	margin-bottom:10px;
}

#content #maincolumn div.photo p {
	text-indent:-0.5em;
	margin-bottom:5px;
}





#content #maincolumn table.table2 {
	border-collapse:collapse;
	font-size:12px;
	border-bottom:1px dotted #ccc;
	margin:0 auto 25px auto;
	float:right;
	width:450px;
}

#content #maincolumn table.table2 th {
	width:20%;
	font-weight:bold;
	padding:12px 0;
	border-top:1px dotted #ccc;
	text-align:left;
}

#content #maincolumn table.table2 td {
	width:80%;
	padding:12px 15px;
	border-top:1px dotted #ccc;
	text-align:left;
	line-height:150%;
}

#content #maincolumn table.table2 td strong {
	font-weight:bold;
}

#content #maincolumn table.table2 td small {
	font-size:10px;
}

#content #maincolumn table.table1 a,
#content #maincolumn table.table2 a {
	color:#0066CC;
}


/* programs */

#content #maincolumn #programs {
}

#content #maincolumn #programs div.box {
	margin-bottom:25px;
}

#content #maincolumn #programs div.box h4 {
	float:right;
	margin-bottom:15px;
}

#content #maincolumn #programs div.box p {
	float:right;
	width:452px;
	text-align:left;
	line-height:180%;
	margin-bottom:20px;
	font-size:13px;
}

#content #maincolumn #programs div.box p strong {
	font-weight:bold;
}

#content #maincolumn #programs div.box p small {
	font-size:11px;
}

#content #maincolumn #programs div.box p a {
	color:#0066CC;
}

/* service */

#content #maincolumn p.attention {
	width:692px;
	height:149px;
	display:block;
	background:url(../../service/images/bg_attention.jpg) no-repeat;
	margin:0 auto 25px auto;
}

#content #maincolumn p.attention span {
	color:#990000;
	font-size:13px;
	font-weight:bold;
	line-height:180%;
	padding-top:16px;
	padding-right:20px;
	padding-left:50px;
	display:block;
}

#content #maincolumn table.table3 {
	border-collapse:collapse;
	font-size:12px;
	border-bottom:1px dotted #ccc;
	margin:25px auto 10px auto;
	float:right;
	width:100%;
	clear:both;
}

#content #maincolumn table.table3 th,
#content #maincolumn table.table3 td {
	border:1px solid #ccc;
	padding:8px;
}

#content #maincolumn table.table3 th {
	width:15%;
	text-align:left;
	background:#EEEEEE;
	font-weight:normal;
}

#content #maincolumn table.table3 td {
	width:85%;
	text-align:left;
	line-height:150%;
}



/* seminar */

#content #maincolumn h3.schedule {
	margin-bottom:0;
}

#content #maincolumn div.schedule {
	border:1px solid #6A386B;
	background:#F1EDF3;
	margin:0 auto 25px auto;
}

#content #maincolumn div.schedule table {
	border-collapse:collapse;
	font-size:12px;
	border-bottom:1px solid #ccc;
	margin:15px auto 15px auto;
	width:666px;
}

#content #maincolumn div.schedule table td {
	padding:6px;
	border:1px solid #ccc;
}

#content #maincolumn div.about_seminar {
	width:692px;
	height:748px;
	background:url(../../seminar/images/about.jpg);
	position:relative;
	margin:0 auto 0 auto;
}

#content #maincolumn div.about_seminar p {
	position:absolute;
	width:365px;
	font-size:12px;
}

#content #maincolumn div.about_seminar p.txt1 {
	top:180px;
	left:305px;
}

#content #maincolumn div.about_seminar p.txt2 {
	top:390px;
	left:305px;
}

#content #maincolumn div.about_seminar p.txt3 {
	top:600px;
	left:305px;
}

#content #maincolumn div.recommend {
	width:692px;
	height:213px;
	background:url(../../seminar/images/recommend.jpg) no-repeat;
	margin:0 auto 25px auto;
}

#content #maincolumn div.recommend ul {
	padding-top:60px;
	padding-left:30px;
}

#content #maincolumn div.recommend ul li {
	background:url(../../seminar/images/ico.gif) no-repeat left center;
	padding-left:15px;
	font-size:12px;
	margin-bottom:5px;
}

#content #maincolumn div.recommend p {
	padding-top:15px;
	padding-left:30px;
}

#content #maincolumn div.branding {
	margin:0 auto;
}

#content #maincolumn div.branding h4 {
	margin:0 auto;
	width:656px;
	margin-bottom:15px;
}

#content #maincolumn div.branding p {
	margin:0 auto;
	width:636px;
	margin-bottom:30px;
	padding-bottom:10px;
	font-size:12px;
}

#content #maincolumn div.branding p strong {
	font-weight:bold;
	color:#4C0347;
}

#content #maincolumn div.branding p span.price {
	font-weight:bold;
	color:#ff3300;
	font-size:14px;
}

#content #maincolumn div.branding p.context1 {
	background:url(../../seminar/images/img1.jpg) no-repeat 530px 70px;
}

/* contact */

#content #maincolumn div.contact_box {
	background:url(../images/bg_side.jpg);
	margin-bottom:20px;
	width:335px;
	padding-bottom:15px;
}

#content #maincolumn div.contact_box p {
	font-size:12px;
	padding:10px 15px 0 15px;
	line-height:160%;
}

#content #maincolumn div.contact_box p a {
	color:#066ACC;
}

#content #maincolumn div.contact_box p strong {
	font-weight:bold;
}

#content #maincolumn h4.catch {
	font-size:35px;
	margin-bottom:10px;
}

#content #maincolumn img.symbol {
	float:right;
	margin-top:-50px;
	position:relative;
}