@charset "utf-8";

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

#container {
    width: 100%;
    margin: 0 auto;
	background: url(../images/bg_secondery.gif) repeat-x top;
}

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

#content {
	margin-left:auto;
	margin-right:auto;
	padding-bottom:150px;
	width: 920px;
	/*チェック用 background:#ff0000; */
	position:relative;
}

#content div#endcontact {
	position:absolute;
	width:610px;
	height:124px;
	display:block;
	left:16px;
	bottom:16px;
	background: url(../images/bg_endcontact.jpg);
}

#content div#endcontact ul {
	width:574px;
	margin:50px auto 0 auto;
}

#content div#endcontact ul li a.contact {
	background: url(../images/button_endcontact_contact.jpg) top no-repeat;
	width:169px;
	height:54px;
	display:block;
	float:right;
}

#content div#endcontact ul li a.contact:hover {
	background: url(../images/button_endcontact_contact.jpg) bottom no-repeat;
}

#content div#endcontact ul li a.seminar {
	background: url(../images/button_endcontact_seminar.jpg) top no-repeat;
	width:169px;
	height:54px;
	display:block;
	float:right;
	margin-left:8px;
}

#content div#endcontact ul li a.seminar:hover {
	background: url(../images/button_endcontact_seminar.jpg) bottom no-repeat;
}



/* mainvisual */

#mainvisual {
	width:920px;
	margin:22px auto 0 auto;
	position:relative;
}



/* commons */

#mainarea h3.bar {
	background:url(../images/bg_title.jpg) no-repeat;
	width:610px;
	height:33px;
	text-align:left;
	margin:0 auto 15px 15px;
}

#mainarea h3.bar span {
	padding:8px 0 7px 16px;
	display:block;
	font-size:14px;
}


#mainarea h4.brock {
	background:url(../images/ico_lings.png) no-repeat left center;
	padding:6px 5px 4px 20px;
	border-bottom:1px solid #ccc;
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#333;
	clear:both;
}

#mainarea div.graybox {
	background:#F6F4EF;
	clear:both;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	padding:15px;
}

#mainarea div.graybox h4 {
	color:#F39700;
	font-size:20px;
	font-weight:bold;
	padding-bottom:5px;
	display:block;
	border-bottom:1px solid #E4DFCF;
	margin-bottom:20px;
}


/* -----------------------------
	      plans
----------------------------- */

#mainarea div.planbox {
	width:610px;
	margin:0 auto 25px 15px;
	text-align:left;
}

#mainarea div.planbox h4 {
	color:#F39700;
	font-size:15px;
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:1px solid #E4DFCF;
	margin-bottom:10px;
}


#mainarea div.planbox img.image {
	float:right;
	margin-left:10px;
}

#mainarea div.planbox p {
	font-size:12px;
	line-height:200%;
	padding-right:10px;
	margin-bottom:10px;
}

#mainarea div.planbox p strong {
	font-weight:bold;
	font-size:14px;
}

#mainarea div.planbox p.price {
	font-size:24px;
	color:#FF3300;
	font-weight:bold;
}

#mainarea div.planbox p.price small {
	font-size:18px;
}

#mainarea div.planbox p.price span.caution {
	color:#333333;
	font-size:12px;
	font-weight:normal;
}

#mainarea div.planbox h5 {
	color:#000;
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
	padding-top:10px;
}

#mainarea div.planbox h5.ling2 {
	background:url(../images/ico_lings2.png) no-repeat 0px 5px;
	padding-top:0;
	padding-left:20px;
	font-size:18px;
	border-bottom:1px dotted #333;
	color:#F19914;
	margin-bottom:10px;
}

#mainarea div.planbox ul {
}

#mainarea div.planbox ul li {
	float:left;
}

#mainarea div.planbox ul li a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#mainarea div.planbox ul.result {
	margin-bottom:20px;
}

#mainarea div.planbox ul.result li {
	display:block;
	padding:3px 0;
	width:100%;
	font-size:12px;
	clear:both;
}




#mainarea table.plans {
	border-collapse:collapse;
	width:610px;
	font-size:13px;
	margin-bottom:11px;
	color:#3F1F0C;
}

#mainarea table.plans td {
	border:1px solid #cccccc;
	padding:6px;
	background:#ffffff;
	line-height:160%;
}

#mainarea table.plans td strong {
	font-weight:bold;
}

#mainarea table.plans th {
	border:1px solid #cccccc;
	padding:6px;
	background:#E9E9E1;
	font-weight:normal;
	text-align:center;
	line-height:160%;
}

/* -----------------------------
	      profiles
----------------------------- */

#mainarea div.profilebox {
	width:610px;
	margin:0 auto 25px 15px;
	text-align:left;
	position:relative;
}

#mainarea div.profilebox img.photo {
	float:right;
	margin-left:10px;
}

#mainarea div.profilebox img.photo_ab {
	position:absolute;
	right:0;
	top:0;
}

#mainarea div.profilebox h4 {
	color:#F19914;
	font-size:14px;
	font-weight:bold;
	margin-bottom:20px;
}

#mainarea div.profilebox h4.brock {
	background:url(../images/ico_lings.png) no-repeat left center;
	padding:6px 5px 4px 20px;
	border-bottom:1px solid #ccc;
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#333;
	clear:both;
}

#mainarea div.profilebox h4.inline {
	background:url(../images/ico_lings.png) no-repeat left center;
	padding:6px 5px 4px 20px;
	border-bottom:1px solid #ccc;
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	color:#333;
	width:400px;
}

#mainarea div.profilebox dl {
	font-size:12px;
	width:610px;
}

#mainarea div.profilebox dl dt {
	width:80px;
	font-style: italic;
	font-weight:bold;
	float:left;
}

#mainarea div.profilebox dl dd {
	float:left;
	width:490px;
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
}

#mainarea div.profilebox dl dd.break {
	margin-bottom:25px;
}

#mainarea div.profilebox p {
	font-size:12px;
	margin-bottom:25px;
	line-height:200%;
}


/* -----------------------------
	      company
----------------------------- */

#mainarea div.companybox {
	width:610px;
	margin:0 auto 25px 15px;
	text-align:left;
}

#mainarea div.companybox img.photo {
	float:right;
	margin-left:10px;
}

#mainarea div.companybox h4 {
	color:#F19914;
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
	
}

#mainarea div.companybox p {
	font-size:12px;
	margin-bottom:25px;
	line-height:200%;
}

#mainarea div.companybox p strong {
	font-weight:bold;
}

#mainarea div.graybox dl {
	font-size:12px;
	width:580px;
}

#mainarea div.graybox dl dt {
	width:80px;
	font-style: italic;
	font-weight:bold;
	float:left;
}

#mainarea div.graybox dl dd {
	float:left;
	width:460px;
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
	line-height:180%;
}

#mainarea div.graybox dl dd.break {
	margin-bottom:25px;
}


#mainarea div.companydata dl {
	font-size:12px;
	width:610px;
}

#mainarea div.companydata dl dt {
	width:80px;
	font-style: italic;
	font-weight:bold;
	float:left;
}

#mainarea div.companydata dl dd {
	float:left;
	width:510px;
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
}

#mainarea div.companydata dl dd.break {
	margin-bottom:25px;
}

#mainarea div.companydata dl dd strong {
	color:#F19914;
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:-5px;
}

#mainarea div.companybox div.wizard {
	float:left;
	text-align:left;
	margin-right:20px;
	margin-bottom:20px;
	width:190px;
}

#mainarea div.companybox div.wizard img.photo {
	padding:1px;
	border:1px solid #ccc;
	margin-bottom:5px;
}

#mainarea div.companybox div.wizard a {
	float:right;
}

#mainarea div.companybox div.wizard a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#mainarea div.companybox div.wizard p {
	margin:0;
	font-size:11px;
	font-weight:bold;
}



/* -----------------------------
	      about
----------------------------- */

#mainarea div.aboutbox {
	width:610px;
	margin:0 auto 25px 15px;
	text-align:left;
}

#mainarea div.aboutbox .boxes {
	position:relative;
}

#mainarea div.aboutbox .boxes h5 {
	display:none;
}

#mainarea div.aboutbox .boxes p {
	position:absolute;
	font-size:12px;
	line-height:180%;
}

#mainarea div.aboutbox .boxes p strong {
	font-weight:bold;
	color:#FF822F;
} 

#mainarea div.aboutbox .box1 {
	background:url(../../about/images/about1.jpg);
	width:610px;
	height:234px;
}

#mainarea div.aboutbox .box1 p {
	width:315px;
	left:0;
	top:60px;
}

#mainarea div.aboutbox .box2 {
	background:url(../../about/images/about2.jpg);
	width:610px;
	height:234px;
}

#mainarea div.aboutbox .box2 p {
	width:315px;
	right:0;
	top:60px;
}

#mainarea div.aboutbox .box3 {
	background:url(../../about/images/about3.jpg);
	width:610px;
	height:234px;
}

#mainarea div.aboutbox .box3 p {
	width:315px;
	left:0;
	top:60px;
}

#mainarea div.aboutbox ul {
	width:610px;
}

#mainarea div.aboutbox ul li {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

#mainarea div.aboutbox ul li.break {
	float:left;
	margin-right:0;
}


/* -----------------------------
	        voice
----------------------------- */

h3.voices {
	border-bottom:1px dotted #ccc;
	background:url(../../voice/images/bg_title.jpg) no-repeat left top;
	text-align:left;
	width:610px;
	margin:0 auto 15px auto;
}

h3.voices span.mini {
	color:#F19914;
	font-size:21px;
	padding:16px 10px 20px 62px;
	display:block;
}

#mainarea div.voicebox {
	width:610px;
	margin:0 auto 25px 15px;
	text-align:left;
}

#mainarea div.voicebox p.attention {
	color:#F19914;
	display:block;
	border:1px solid #F19914;
	padding:5px 7px;
	margin-bottom:15px;
	background:#ffffcc;
}

#mainarea div.voicebox h4 {
	color:#F19914;
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;	
}

#mainarea div.voicebox p {
	font-size:12px;
	line-height:200%;
}


/* -----------------------------
	      instructor
----------------------------- */

#mainarea div.instructorbox {
	width:610px;
	margin:0 auto 25px 15px;
	text-align:left;
}

#mainarea div.instructorbox img.image {
	float:right;
	margin-left:15px;
	margin-bottom:25px;
}

#mainarea div.instructorbox p {
	font-size:12px;
	line-height:180%;
	margin-bottom:20px;
}

#mainarea div.instructorbox p.attention {
	color:#FF3300;
	font-size:12px;
	font-weight:bold;
}



#mainarea div.instructorbox div.step1 {
	background:url(../../instructor/images/step1.jpg);
	width:610px;
	height:213px;
	position:relative;
	margin-bottom:20px;
}

#mainarea div.instructorbox div.step1 h4 {
	position:absolute;
	top:31px;
	left:50px;
	font-size:16px;
	font-weight:bold;
	color:#F19914;
}

#mainarea div.instructorbox div.step2 {
	background:url(../../instructor/images/step2.jpg);
	width:610px;
	height:281px;
	position:relative;
	margin-bottom:20px;
}

#mainarea div.instructorbox div.step2 h4 {
	position:absolute;
	top:34px;
	left:50px;
	font-size:16px;
	font-weight:bold;
	color:#F19914;
}

#mainarea div.instructorbox div.step3 {
	background:url(../../instructor/images/step3.jpg);
	width:610px;
	height:200px;
	position:relative;
	margin-bottom:20px;
}

#mainarea div.instructorbox div.step3 h4 {
	position:absolute;
	top:17px;
	left:50px;
	font-size:16px;
	font-weight:bold;
	color:#F19914;
}

#mainarea div.instructorbox div.step4 {
	background:url(../../instructor/images/step4.jpg) no-repeat;
	width:610px;
	height:260px;
	position:relative;
	margin-bottom:20px;
}

#mainarea div.instructorbox div.step4 h4 {
	display:none;
}

#mainarea div.instructorbox div.step1 ul,
#mainarea div.instructorbox div.step2 ul {
	padding-top:76px;
}

#mainarea div.instructorbox div.step3 ul {
	padding-top:57px;
}

#mainarea div.instructorbox div.step4 ul {
	padding-top:59px;
}

#mainarea div.instructorbox div.step4 table {
	position:absolute;
	top:50px;
	left:15px;
	width:580px;
}

#mainarea div.instructorbox div.step4 img.pencil {
	position:absolute;
	top:-10px;
	right:-10px;
}


#mainarea div.instructorbox div.step1 ul li,
#mainarea div.instructorbox div.step2 ul li,
#mainarea div.instructorbox div.step3 ul li {
	font-size:14px;
	color:#333;
	font-weight:bold;
	display:block;
	padding:6px 0 6px 45px;
}

#mainarea div.instructorbox div.step4 ul li {
	font-size:14px;
	color:#333;
	font-weight:bold;
	display:block;
	padding:6px 0 8px 45px;
}


#mainarea div.instructorbox div.step4 ul li {
	color:#FFFFFF;
	line-height:120%;
}

#mainarea div.instructorbox div.step4 ul li small {
	font-size:11px;
}


#mainarea div.instructorbox div.step1 ul li small,
#mainarea div.instructorbox div.step2 ul li small,
#mainarea div.instructorbox div.step3 ul li small {
	font-size:10px;
}

#mainarea div.instructorbox div.step1 p.feature,
#mainarea div.instructorbox div.step2 p.feature {
	font-size:11px;
	position:absolute;
	left:20px;
	bottom:0;
}

#mainarea div.instructorbox div.step4 p.feature {
	color:#FFFFFF;
	font-size:11px;
	position:absolute;
	left:20px;
	bottom:22px;
}

#mainarea div.instructorbox div.contactarea {
	background:url(../../instructor/images/hint.jpg) no-repeat left center;
	height:44px;
	width:610px;
	position:relative;
	margin-bottom:30px;
}

#mainarea div.instructorbox div.contactarea img.button {
	position:absolute;
	right:0;
	top:0;
}

#mainarea div.instructorbox div.contactarea a:hover img.button {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#mainarea div.instructorbox div.contactarea p {
	color:#FFFFFF;
	padding:3px 10px;
	font-size:10px;
}





/* -----------------------------
	      result
----------------------------- */

div.result p.introduction {
	font-size:12px;
	text-align:left;
	margin:0 auto 35px auto;
	width:610px;
}

#mainarea div.result h3.bar {
	margin-bottom:15px;
}

#mainarea div.resultbox {
	width:610px;
	margin:0 auto 0 15px;
	padding-bottom:25px;
	text-align:left;
}

#mainarea div.resultbox div.image_area {
	float:right;
	text-align:center;
	padding-bottom:25px;
}

#mainarea div.resultbox div.image_area img {
	display:block;
	margin-bottom:5px;
}

#mainarea div.resultbox div.image_area a {
	color:#333;
}

#mainarea div.resultbox div.image_area a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}


#mainarea div.resultbox div.image_area a span {
	background:url(../../result/images/ico_zoom.jpg) no-repeat left center;
	font-weight:bold;
	font-size:12px;
	padding-left:18px;
}

#mainarea div.resultbox p {
	font-size:12px;
	line-height:200%;
	padding-right:10px;
	margin-bottom:15px;
}

#mainarea div.resultbox p a {
	text-decoration:underline;
}

#mainarea div.resultbox p a:hover {
	text-decoration:none;
}

#mainarea div.resultbox p.days {
	font-weight:bold;
	margin-bottom:5px;
}





/* -----------------------------
	      report
----------------------------- */








/* -----------------------------
	      scene
----------------------------- */

#mainarea div.scenebox {
	width:610px;
	margin:0 auto 0 15px;
	padding-bottom:25px;
	text-align:left;
}

/* business */

#mainarea div.business div.step1 {
	background:url(../../scene/images/business/step1.jpg) no-repeat;
	width:610px;
	height:310px;
	position:relative;
	margin-bottom:25px;
}

#mainarea div.business div.step1 p {
	position:absolute;
	left:13px;
	top:65px;
	font-size:12px;
	line-height:180%;
	width:292px;
}

#mainarea div.business div.step2 {
	background:url(../../scene/images/business/step2.jpg) no-repeat;
	width:610px;
	height:410px;
	position:relative;
	margin-bottom:25px;
}


#mainarea div.business div.step2 h5 {
	position:absolute;
	left:13px;
	top:95px;
	font-size:15px;
	font-weight:bold;
	color:#FF3300;
	line-height:130%;
	width:292px;
}

#mainarea div.business div.step2 p {
	position:absolute;
	left:13px;
	top:145px;
	font-size:12px;
	line-height:180%;
	width:292px;
}

#mainarea div.business div.step3 {
	background:url(../../scene/images/business/step3.jpg) no-repeat;
	width:610px;
	height:278px;
	position:relative;
	margin-bottom:25px;
}

#mainarea div.business div.step3 p {
	position:absolute;
	left:13px;
	top:65px;
	font-size:12px;
	line-height:180%;
	width:292px;
}


/* education */

#mainarea div.education div.step1 {
	background:url(../../scene/images/education/step1.jpg) no-repeat top;
	width:610px;
	height:260px;
	position:relative;
	margin-bottom:25px;
}

#mainarea div.education div.step1 p {
	position:absolute;
	left:13px;
	top:65px;
	font-size:12px;
	line-height:180%;
	width:292px;
}

#mainarea div.education div.step2 {
	background:url(../../scene/images/education/step2.jpg) no-repeat top;
	width:610px;
	height:457px;
	position:relative;
	margin-bottom:25px;
}


#mainarea div.education div.step2 h5 {
	position:absolute;
	left:13px;
	top:95px;
	font-size:15px;
	font-weight:bold;
	color:#FF3300;
	line-height:130%;
	width:292px;
}

#mainarea div.education div.step2 p {
	position:absolute;
	left:13px;
	top:168px;
	font-size:12px;
	line-height:200%;
	width:600px;
}

#mainarea div.education div.step3 {
	background:url(../../scene/images/education/step3.jpg) no-repeat top;
	width:610px;
	height:239px;
	position:relative;
	margin-bottom:25px;
}

#mainarea div.education div.step3 p {
	position:absolute;
	left:13px;
	top:70px;
	font-size:12px;
	line-height:180%;
	width:292px;
}




/* life */

#mainarea div.life p strong {
	font-weight:bold;
	font-size:13px;
	color:#FF6600;
}

#mainarea div.life div.step1 {
	background:url(../../scene/images/life/step1.jpg) no-repeat top;
	width:610px;
	height:424px;
	position:relative;
	margin-bottom:25px;
}

#mainarea div.life div.step1 p.text1 {
	position:absolute;
	left:13px;
	top:65px;
	font-size:12px;
	line-height:180%;
	width:340px;
}

#mainarea div.life div.step1 p.text2 {
	position:absolute;
	left:253px;
	top:220px;
	font-size:12px;
	line-height:180%;
	width:340px;
}

#mainarea div.life div.step2 {
	background:url(../../scene/images/life/step2.jpg) no-repeat top;
	width:610px;
	height:572px;
	position:relative;
	margin-bottom:25px;
}


#mainarea div.life div.step2 h5.ttl1 {
	position:absolute;
	left:55px;
	top:115px;
	font-size:15px;
	font-weight:bold;
	color:#FF3300;
	line-height:130%;
	width:292px;
}

#mainarea div.life div.step2 p.txt1 {
	position:absolute;
	left:7px;
	top:168px;
	font-size:12px;
	line-height:200%;
	width:310px;
}

#mainarea div.life div.step2 h5.ttl2 {
	position:absolute;
	left:342px;
	top:322px;
	font-size:15px;
	font-weight:bold;
	color:#FF3300;
	line-height:130%;
	width:292px;
}

#mainarea div.life div.step2 p.txt2 {
	position:absolute;
	left:295px;
	top:375px;
	font-size:12px;
	line-height:200%;
	width:310px;
}




#mainarea div.life div.step3 {
	background:url(../../scene/images/life/step3.jpg) no-repeat top;
	width:610px;
	height:346px;
	position:relative;
	margin-bottom:25px;
}

#mainarea div.life div.step3 p.txt1 {
	position:absolute;
	left:53px;
	top:90px;
	font-size:12px;
	line-height:180%;
	width:292px;
}

#mainarea div.life div.step3 p.txt2 {
	position:absolute;
	left:280px;
	top:225px;
	font-size:12px;
	line-height:180%;
	width:292px;
}























/* -----------------------------
	      contacts
----------------------------- */

div.contacts p.introduction {
	font-size:12px;
	text-align:left;
	margin:0 auto 20px auto;
	width:600px;
}

div.contacts p.introduction strong {
	font-weight:normal;
	color:#FF3300;
}


#mainarea div.contactbox {
	width:610px;
	margin:0 auto 0 15px;
	padding-bottom:25px;
	text-align:left;
}


#mainarea div.contactbox table {
	border-collapse:collapse;
	margin-bottom:20px;
	width:100%;
}

#mainarea div.contactbox table th,
#mainarea div.contactbox table td {
	padding:8px;
	font-size:12px;
	text-align:left;
	line-height:160%;
	border: 1px solid #CCCCCC;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

#mainarea div.contactbox table th {
	width:125px;
	font-weight:normal;
	background:#F6F4EF;
}

#mainarea div.contactbox table th strong {
	color:#FF3300;
}

#mainarea div.contactbox table td {
}

#mainarea div.contactbox table td input,
#mainarea div.contactbox table td textarea {
	border:1px solid #ccc;
	width:320px;
}

#mainarea div.contactbox table td.radios input{
	border:none;
	width:10px;
}


#mainarea div.contactbox h4.privacy a {
	background:url(../images/ico_privacy.jpg) no-repeat 0px 5px;
	padding-left:15px;
	color:#F19914;
	font-size:14px;
}

#mainarea div.contactbox p.privacy {
	font-size:12px;
	line-height:180%;
	margin-bottom:20px;
}

#mainarea div.seminar_introbox {
	background:#F6F4EF;
	clear:both;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	padding:15px;
	margin-bottom:20px;
}

#mainarea div.seminar_introbox img {
	float:left;
	margin-right:15px;
}

#mainarea div.seminar_introbox h4 {
	color:#F39700;
	font-size:18px;
	font-weight:bold;
	padding-bottom:5px;
	display:block;
	border-bottom:1px solid #E4DFCF;
	margin-bottom:8px;
}

#mainarea div.seminar_introbox p {
	font-size:12px;
	line-height:190%;
}

#mainarea div.seminar_introbox p img {
	float:none;
	margin-top:3px;
	margin-left:3px;
}

#mainarea div.seminar_introbox p strong {
	font-size:15px;
	font-weight:bold;
	color:#FF3300;
}



#mainarea div.contactbox iframe {
	width:610px;
	height:330px;
	padding:0;
	margin:10px auto;
}

#mainarea div.contactbox iframe.seminar_iframe {
	width:630px;
	height:850px;
	padding:0;
	margin:10px auto;
}




/* seminar-tabs */

#mainarea div#tabs {
	width:610px;
	height:77px;
	position:relative;
}

#mainarea div.tab1on {
	background:url(../../seminar/images/tab1on.jpg);
}

#mainarea div.tab2on {
	background:url(../../seminar/images/tab2on.jpg);
}

#mainarea div#tabs a.tab2 {
	display:block;
	width:300px;
	height:77px;
	position:absolute;
	right:0;
	top:0;
}

#mainarea div#tabs a.tab1 {
	display:block;
	width:300px;
	height:77px;
	position:absolute;
	left:0;
	top:0;
}

#mainarea div#tabs a:hover {
	background:#fff;
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}

#mainarea div#tabs h5.tab1 {
	font-size:18px;
	color:#F09813;
	position:absolute;
	top:8px;
	left:30px;
}

#mainarea div#tabs p.tab1 {
	font-size:12px;
	color:#333;
	position:absolute;
	top:34px;
	left:30px;
	width:225px;
}

#mainarea div#tabs h5.tab2 {
	font-size:18px;
	color:#F09813;
	position:absolute;
	top:8px;
	left:340px;
}

#mainarea div#tabs p.tab2 {
	font-size:12px;
	color:#333;
	position:absolute;
	top:34px;
	left:340px;
	width:225px;
}