@charset "UTF-8";

/*
Text Size
------------------------------------------------------------
10px	font-size:  84%;
12px	font-size: 100%;
14px	font-size: 117%;
16px	font-size: 134%;
18px	font-size: 150%;
20px	font-size: 167%;
------------------------------------------------------------ */


/* Main
------------------------------------------------------------ */
.lower #main {
	position: relative;
	padding-top: 0;
}

.lower #main .nm {
	margin-top: 5px !important;
}

.lower #main .mt0 {
	margin-top: 15px !important;
	padding: 0 !important;
}

#main .inner {
	position: relative;
	padding: 5px 0 15px;
}

#main .border {
	padding-top: 10px;
	background: url(/common/image/brd_dot_gray.gif) repeat-x 0 0;
}

/* Headding */
#main h1 {
	margin-bottom: 18px;
}

#main h3.title {
	margin: 0 0 8px;
}

/* intro */
.wec #main h1 {
	position: relative;
}

.wec #main .link {
	position: relative;
}

.wec #main .link .link_archive {
	position: absolute;
	top: 7px;
	right: 7px;
}

.wec #main h3.link .link_archive {
	position: absolute;
	top: 5px;
	right: 5px;
}

#main .intro {
	margin: 0 0 -10px;
	background: url(/wec/image/bg_wec_intro.jpg) left top no-repeat;
}

#main .intro .txt_wec_intro {
	width: 455px;
	padding: 12px 0 0 12px;
}

#main .intro .txt_wec_intro p {
	margin: 0 0 10px;
	line-height: 1.3;
}

#main .intro .img_wec_intro {
	position: absolute;
	top: -20px;
	right: -31px;
}
.wec #main h1 {
	margin-bottom: 0;
}

.wec #main .section {
	padding: 30px 0 0;
}

.audition #main .section {
	padding: 0 0 40px;
}

.wec #main .section p,
.wec #main .section ul,
.wec #main .intro_message p,
.audition #main .section p {
	padding: 10px 0 0;
}
.section_fl{
	height:315px;
}
.section_fl img.fl{
	float:left;
	width:181px;
	height:315px;
	margin:0;
	padding:0;
}
.section_fl2{
	height:231px;
}
.section_fl img.fl2{
	float:left;
	width:181px;
	height:182px;
	margin:0;
	padding:0;
}
.fl {
	float:left;
	width:300px;
	padding:0;
	margin-left:20px;
}
p.fl{
	padding:0;
	margin:0 0 10px;
}
.audition #main .section p.link a {
	padding: 2px 0 2px 18px;
	background: url(/wec/image/ico_link_arrow.gif) left 2px no-repeat;
	color: #0099cc;
}

.wec #main .clm_txt {
	width: 420px;
	float: left;
}

.wec #main .clm_img {
	width: 280px;
	float: right;
}

.wec #main .arrow_block,
.audition #main .arrow_block {
	padding-bottom: 20px;
	background: url(/wec/image/bg_arrow.gif) left bottom no-repeat;
}

.wec #main .arrow_block.end,
.audition #main .arrow_block.end {
	padding-bottom: 0;
	background: none;
}

.wec #main .arrow_block .h3,
.audition #main .arrow_block .h3 {
	margin: 0 0 15px;
}

.wec #main .arrow_block .txt,
.audition #main .arrow_block .txt {
	margin: 0 0 0 40px;
}

.wec #main .arrow_block .img,
.audition #main .arrow_block .img {
	width: 184px;
	float: right;
	margin: -24px 0 0;
	position: relative;
	z-index: 5;
}

.wec #main .f_list .term_1 {
	margin-right: 20px;
	padding: 4px 0 3px 56px;
	float: left;
	background: url(/wec/image/ico_term_1.gif) left top no-repeat;
}

.wec #main .f_list .term_2 {
	padding: 4px 0 3px 56px;
	float: left;
	background: url(/wec/image/ico_term_2.gif) left top no-repeat;
}

#main strong {
	font-weight: bold;
}

#main .f_l { float: left; }
#main .f_r { float: right; }

#main .w520 { width: 520px; }
#main .w480 { width: 480px; }
#main .w460 { width: 460px; }
#main .w450 { width: 450px; }
#main .w370 { width: 370px; }
#main .w360 { width: 360px; }
#main .w340 { width: 340px; }
#main .w240 { width: 240px; }
#main .w220 { width: 220px; }
#main .w160 { width: 160px; }
#main .w116 { width: 116px; }

#main .clmn3 {
	margin: 20px 0 0;
}

#main .clmn3 .clmn {
	width: 220px;
	margin-right: 20px;
	float: left;
}

.audition #main .clmn3 {
	margin: 0;
}

.audition #main .clmn3 .clmn {
	margin-top: 20px;
	text-align: center;
}

#main .clmn3 .clmn.end {
	margin-right: 0;
}

#main .unit {
	margin: 17px 0 0;
	padding: 10px 0 0;
	background: url(/common/image/brd_dot_gray.gif) left top repeat-x;
}

#main .nobrd {
	background: none !important;
}

.wec #main .round_gray {
	margin: 20px 0 0;
	padding: 0;
	position: relative;
	background: #f5f5f5 url(/wec/image/bg_round_gray_top.gif) no-repeat 0 0;
}

.wec #main .round_gray .inner {
	padding: 10px;
	background: url(/wec/image/bg_round_gray_bottom.gif) no-repeat 0 100%;
}

.wec #main .round_gray .inner2 {
	padding: 10px;
	background: url(/wec/image/bg_round_gray_bottom2.gif) no-repeat 0 100%;
}

.wec #main .round_gray .img {
	position: absolute;
	top: -18px;
	right: 0;
	z-index: 5;
}

.wec #main table.data_table {
	width: 100%;
}

.wec #main table.data_table th {
	padding: 20px 12px 0 0;
	text-align: left;
	vertical-align: top;
}

.wec #main table.data_table td {
	padding: 20px 0 0;
	text-align: left;
	vertical-align: top;
}

.wec #main .intro_message {
	width: 470px;
	padding-top: 5px;
}

.wec #main .img_message {
	position: absolute;
	top: 67px;
	right: 0;
	z-index: 5;
}

.wec #main .read {
	padding: 18px 0 0;
}

.audition #main .read {
	margin-bottom: 7px;
}

#main .head .read {
	padding: 13px 0 0;
	line-height: 1.4;
}

.wec #main .round_gray_stripe {
	margin: 17px 0 0;
	padding: 14px 0 0;
	background: #dcdcdc url(/wec/image/round_gray_stripe_top.gif) left top no-repeat;
}

.wec #main .round_gray_stripe .inner {
	padding: 0 4px 14px;
	background: url(/wec/image/round_gray_stripe_bottom.gif) left bottom no-repeat;
}

.wec #main .round_gray_stripe .inner2ß {
	padding: 0 4px 14px;
	background: url(/wec/image/round_gray_stripe_bottom2.gif) left bottom no-repeat;
}

.wec #main .round_gray_stripe .inner .clmn2 {
	padding: 10px 0 8px;
	border-bottom: 1px solid #dcdcdc;
}

.wec #main .round_gray_stripe .inner .clmn2.first {
	padding: 0 0 8px;
	border-bottom: 1px solid #dcdcdc;
}

.wec #main .round_gray_stripe .inner .clmn2.last {
	padding: 10px 0 0;
	border-bottom: none;
}

.wec #main .round_gray_stripe .inner .clmn2.bg_1 {
	background: url(/wec/image/bg_round_gray_stripe_clmn_1.gif) left top repeat-y;
}

.wec #main .round_gray_stripe .inner .clmn2.bg_2 {
	background: url(/wec/image/bg_round_gray_stripe_clmn_2.gif) left top repeat-y;
}

.wec #main .round_gray_stripe .inner .clmn2 .clmn {
	width: 346px;
	float: left;
}

.wec #main .round_gray_stripe .inner .clmn2 .clmn h2 {
	margin: 0 10px 10px;
}

.wec #main .round_gray_stripe .inner .clmn2 .clmn p {
	/*width: 196px;*/
	margin-left: 10px;
	margin-right:10px;
	margin-bottom: 20px;
	/*float: left;*/
}

.wec #main .round_gray_stripe .inner .clmn2 .clmn p span {
	color: #666;
}

.wec #main .round_gray_stripe .inner .clmn2 .clmn div {
	width: 130px;
	/*float: left;*/
	float: right;
	margin-right:10px;
	margin-bottom:5px;
}

.wec #main .round_gray_stripe .inner .clmn2 .clmn div img {
	margin-left: 10px;
}

#main .unit_student {
	margin: 20px 0 0;
	padding: 20px 0 0;
	border-top: 1px solid #ccc;
}

#main .unit_student.first {
	padding: 0;
	border-top: none;
}

#main .unit_student .txt_q {
	color: #666;
	font-weight: bold;
}

#main .unit_student .f_r .w460 {
	margin-left: 20px;
}

#main .qa_list {
	margin: -29px 0 0;
}

#main .qa_list dt {
	margin: 18px 0 10px;
	padding: 28px 0 7px 35px;
	background: url(/wec/image/ico_q.gif) left top no-repeat;
}

#main .qa_list dt.line2 {
	padding: 19px 0 0 35px;
}

#main .qa_list dd {
	padding: 6px 0 8px 35px;
	background: url(/wec/image/ico_a.gif) left top no-repeat;
}


/* Block
------------------------------------------------------------ */
/* course_box */
#main .course_box_2col {
	margin-bottom: 20px;
	background: url(/wec/image/bg_course_box_2col.gif) no-repeat 0 100%;
}

#main .course_box_1col {
	margin-bottom: 20px;
	background: url(/wec/image/bg_course_box_1col.gif) no-repeat 0 100%;
}

#main .course_box {
	position: relative;
	width: 340px;
	min-height: 150px;
	float: left;
}
* html #main .course_box {
	height: 150px;
}

#main .course_box.end {
	float: right;
}

#main .course_box h3 {
	padding-bottom: 10px;
}

#main .course_box ul {
	width: 185px;
	padding: 0 0 0 10px;
	font-size: 105%;
	/*padding: 0 0 0 13px;
	font-size: 117%;*/
	font-weight: bold;
}

#main .course_box ul li {
	margin-bottom: 5px;
}

#main .course_box ul li a {
	display: inline-block;
	padding-left: 9px;
	background: url(/wec/image/ico_arrow_blue.gif) no-repeat 0 0.5em;
	color: #09c;
}

#main .course_box .course_image {
	position: absolute;
	top: 0;
	right: 0;
}

#main .course_box_large {
	margin-bottom: 20px;
	background: url(/wec/image/bg_course_box_large.gif) no-repeat 0 100%;
}

#main .course_box_large .course_box {
	width: 700px;
	min-height: 132px;
	float: none;
}
* html #main .course_box_large .course_box {
	height: 132px;
}

#main .course_box_large .course_box ul {
	float: left;
	width: 230px;
	/*width: 210px;*/
}

/* course_program */
#main .course_program_2col {
	width: 700px;
	margin-bottom: 10px;
	background: url(/wec/image/bg_cource_program_2col.gif) no-repeat 0 100%;
}

#main .course_program_1col {
	width: 700px;
	margin-bottom: 10px;
	background: url(/wec/image/bg_cource_program_1col.gif) no-repeat 0 100%;
}

#main .course_program {
	position: relative;
	float: left;
	width: 345px;
	min-height: 110px;
}
* html #main .course_program {
	height: 110px;
}

#main .course_program.end {
	float: right;
}

#main .course_program dt {
	margin-bottom: 5px;
}

#main .course_program dd {
	width: 215px;
	margin: 0 0 5px 10px;
}
#main .course_program dd.end {
	 margin: 40px 0 5px 10px;
    width: 340px;
}

.audition #main .course_program dd {
	margin: 0 0 10px 10px;
}

#main .course_program .program_image {
	position: absolute;
	top: 40px;
	right: 10px;
	width: auto;
	margin: 0;
}

.audition #main .course_program .program_image {
	top: 40px;
}

#main .icon_explan {
	position: absolute;
	top: 10px;
	right: 0;
}

/* Text
------------------------------------------------------------ */
#main .index_text {
	width: 340px;
	padding-bottom: 12px;
	min-height: 91px;
}
* html #main .index_text {
	height: 91px;
}

#main .text {
	padding: 6px 0 18px;
}

#main .note {
	font-size: 84%;
	color: #666;
}
#main .note span{
	font-size: 100%;
	color: #ff0000;
}

/* Image
------------------------------------------------------------ */
#main .index_image {
	position: absolute;
	top: 0;
	right: 0;
}

#main .fig_schedule {
	padding: 18px 0 0;
}

/* List
------------------------------------------------------------ */
#main .course_detail_list li {
	float: left;
	padding-bottom: 20px;
}

#main .course_detail_list li.end {
	float: right;
}

/* Table
------------------------------------------------------------ */
#main .course_table {
	width: 100%;
	margin: 10px 0 5px;
}

#main .course_table th,
#main .course_table td {
	width: 113px;
	padding: 5px;
	border: 1px solid #ccc;
	text-align: center;
	vertical-align: middle;
}
#main .course_table th.sm{
	font-size:9px;
	color:#878787;
	padding:1px;
}
#main .course_table .even th,
#main .course_table .even td {
	background-color: #f4faff;
}

#main .course_table th {
	width: auto;
	font-weight: bold;
}

#main .course_table thead th {
	width: auto;
	background: #d2e9ff url(/wec/image/bg_course_table.gif) repeat-x 0 0;
	color: #039;
}

#main .guideline_table {
	width: 100%;
	margin: 10px 0 0;
}

#main .guideline_table th {
	padding: 10px 10px 7px;
	font-weight: bold;
	background-color: #f4faff;
	border: 1px solid #ccc;
	text-align: left;
	vertical-align: top;
}

#main .guideline_table thead th {
	background: #d2e9ff url(/wec/image/bg_course_table.gif) repeat-x 0 0;
	color: #039;
	text-align: center;
}

#main .guideline_table tbody tr.th_even th {
	background-color: #e7f2fa;
}

#main .guideline_table td {
	padding: 10px 10px 7px;
	border: 1px solid #ccc;
	text-align: left;
	vertical-align: top;
}

#main .guideline_table tbody tr.even td {
	background-color: #f0f0f0;
}

#main .guideline_table td.t_c {
	text-align: center;
}

#main .audition_table {
	width: 100%;
	margin: 10px 0 0;
}

#main .audition_table th {
	padding: 10px 10px 7px;
	font-weight: bold;
	background: #d2e9ff url(/wec/image/bg_course_table.gif) repeat-x 0 0;
	color: #000;
	border: 1px solid #ccc;
	text-align: left;
	vertical-align: top;
}

#main .audition_table td {
	padding: 10px 10px 7px;
	border: 1px solid #ccc;
	text-align: left;
	vertical-align: top;
}

#main .audition_table tr.even td {
	background-color: #f0f0f0;
}

#main .audition_table td.t_c {
	text-align: center;
}

.audition #main .entry {
	padding: 9px 0 0;
	height: 71px;
	background: url(/wec/image/bg_entry.gif) 0 0 no-repeat !important;
}

.audition #main .entry div {
	text-align: center;
}


/* Float Clear
------------------------------------------------------------ */
#main .arrow_block:after,
.wec #main .f_list:after,
#main .section:after,
#main .unit:after,
#main .unit_student:after,
.wec #main .round_gray_stripe .inner .clmn2:after,
.wec #main .round_gray_stripe .inner .clmn2 .clmn:after,
#main .clmn3:after,
#main .course_box_2col:after,
#main .course_box_1col:after,
#main .course_program_2col:after,
#main .course_program_1col:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0; 
}

#main .arrow_block,
.wec #main .f_list,
#main .section,
#main .unit,
#main .unit_student,
.wec #main .round_gray_stripe .inner .clmn2,
.wec #main .round_gray_stripe .inner .clmn2 .clmn,
#main .clmn3,
#main .course_box_2col,
#main .course_box_1col,
#main .course_program_2col,
#main .course_program_1col {
	min-height: 1px;
}

* html #main .arrow_block,
* html .wec #main .f_list,
* html #main .section,
* html #main .unit,
* html #main .unit_student,
* html .wec #main .round_gray_stripe .inner .clmn2,
* html .wec #main .round_gray_stripe .inner .clmn2 .clmn,
* html #main .clmn3,
* html #main .course_box_2col,
* html #main .course_box_1col,
* html #main .course_program_2col,
* html #main .course_program_1col {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.txt14{
	font-size:14px;
}
#main .inner ul {
	height:40px;
	margin-bottom:5px;
}
#main .inner ul li{
	float:left;
	margin-right:5px;
}
#main .inner ul li.end{
	float:left;
	margin:0;
}
.txt_box{
	text-align: justify;
}