@charset "UTF-8";

/*

Layout:Hiroshi Konnai
Title:Study&WorkinTAIWAN.com

*/

/*********************************
BASIC
**********************************/
/*All TAG*/
*{
	margin: 0px auto;
	padding: 0px ;
}
/*body TAG*/
body{
	margin: 0px auto;
	padding: 0px ;
	text-align: center ;
	font-size: 12px ;
}
/*table TAG*/
table{
	border: none ;
	margin: 0px auto;
	/*padding: 0px ;*/
}
/*img TAG*/
img{
	border: none ;
}
.clear{
	clear: both ;
}
.wh_1px{
	width: 1px ;
	height: 1px ;
}
/*********************************
INDEX.HTML
**********************************/
#TotalLayout{
	width: 800px ;
	height: auto ;
	margin: 0px auto ;
	background: url(../img/back.jpg) center center repeat-y ;
}
#TotalLayout p.tit{
	text-align: right ;
	font-size: 12px ;
	color:#333333 ;
	margin: 2px 15px ;
}
#TotalLayout h1{
	text-align: left ;
	width: 780px ;
	height: 40px ;
	margin: 0px auto ;
	padding: 0px ;
	font-weight: normal ;
	background: url(../img/hback.jpg) center top repeat-x ;
}
#TotalLayout h1 a{
	float: left ;
	font-size: 12px ;
}
#hright{
	float: right ;
	margin: 2px 0px ;
	width: 340px ;
	text-align: left ;
}
#hright a img{
	float: left ;
	margin: 0px auto ;
}
#hright a.link{
	margin: 8px 5px ;
}
/*-------MENU BEGIN---------------*/
#header{
	width: 780px ;
	margin: 0px auto ;
}
#header ul{
	list-style: none ;
	margin: 0px ;
	width: 780px ;
}
ul li{
	float: left ;
}
/*-------MENU END---------------*/
#main{
	width: 780px ;
	margin: 0px auto ;
}
/*-------LEFT BEGIN---------------*/
#left{
	float: left ;
	width: 202px ;
	height: auto ;
	margin: 0px ;
}
#left1,#left2{
	margin: 8px 0px 3px 3px ;
	padding: 0px ;
	width: 199px ;
	height: auto ;
	background: url(../img/left1_body.jpg) center center repeat-y ;
}
#left1 img.lefttitle,#left2 img.lefttitle{
	margin: 10px auto 0px auto ;
}
#left1 a img,#left2 a img{
	margin: 4px auto 0px auto ;
}
#left1 div#leftbottom,#left2 div#leftbottom1{
	width: 199px ;
	height: 11px ;
	margin: 0px auto ;
	background: url(../img/left1_under.jpg) center bottom no-repeat ;
}
#left3{
	margin: 5px 0px 0px 3px ;
}
/*-------LEFT END---------------*/
/*-------MAIN BEGIN---------------*/
#contents{
	float: left ;
	width: 564px ;
	margin: 0px auto 0px 6px ;
}
#main01,#main02{
	margin: 8px 0px 3px 0px ;
}
#main01 .maintxt,#main04 .maintxt{
	padding: 5px 3px ;
	width: 554px ;
	height: auto ;
	background: url(../img/main_bottom.jpg) center bottom no-repeat ;
}
#main01 .maintxt p{
	text-align: left ;
	line-height: 17px ;
	padding: 0px 8px ;
}
#main02left{
	float: left ;
	width: 279px ;
	background: url(../img/main_lbody.jpg) center center repeat-y ;
}
#main02right{
	float: right ;
	width: 279px ;
	background: url(../img/main_lbody.jpg) center center repeat-y ;
}
#main02left p,#main02right p{
	padding: 5px 7px 5px 12px ;
	text-align: left ;
	line-height: 17px ;
	height: 160px ;
}
.main02btm{
	width: 279px ;
	height: 12px ;
	margin: 0px ;
	background: url(../img/main02btm.jpg) center bottom no-repeat ;
}
#main03 img.title,#main04 img.title,#main06 img.title{
	margin: 10px auto 0px auto ;
}
#main04 .maintxt ol{
	list-style: none ;
	list-style-image: url(../img/icon2.jpg) ;
	margin: 3px 5px 3px 20px ;
}
#main04 .maintxt ol li{
	padding: 0px ;
	margin: 3px 0px 3px 3px ;
	text-align: left ;
	line-height: 17px ;
}
#main05{
	margin: 10px auto ;
	padding: 3px ;
	text-align: center ;
}
#main05 img{
	margin: 3px ;
}
/*-------MAIN END---------------*/
/*-------FOOTER BEGIN---------------*/
#footer{
	height: 89px ;
	background: url(../img/footer.jpg) center center no-repeat ;
}
#footer ul{
	list-style: none ;
	margin: 0px auto 0px 10px ;
}
#footer ul li{
	float: left ;
	margin: 10px 3px 30px 3px ;
}
#footer p{
	text-align: center ;
	/*margin: 30px auto 0px auto ;*/
}
#footer h2{
	font-weight: normal ;
	text-align: center ;
	/*margin: 20px auto 0px auto ;*/
	font-size: 11px ;
}

/*-------FOOTER END---------------*/
/*********************************
CONCEPT.HTML
**********************************/
#pan{
	text-align: left ;
	margin: 8px auto 0px 3px ;
	padding: 1px ;
}
#main_con,#main_serv,#main_plan,#main_study,#main_stay,#main_voice,#main_about,#work,#main_outskirts,#main_form,#main_rental{
	margin: 3px auto ;
}
#main_con .contxt,#main_other .othertxt,#main_stay .staytxt,#main_voice .voicetxt{
	padding: 5px 3px ;
	width: 554px ;
	height: auto ;
	background: url(../img/main_bottom.jpg) center bottom no-repeat ;
}
#main_con .contxt p,#main_other .othertxt p,#main_stay .staytxt p,#main_voice .voicetxt p,#main_about .abouttxt p,#main_outskirts .outtxt p,#main_form .formtxt p{
	text-align: left ;
	padding: 2px 5px ;
	line-height: 18px ;
}
#main_con .contxt p img,#main_stay .staytxt p div.blk1{
	float: right ;
	margin: 0px 0px 1px 2px ;
}
.backtop{
	text-align: right ;
	margin: 5px 30px 5px auto ;
}
#main_con .contxt1,#main_about .abouttxt{
	width: 554px ;
	height: auto ;
	padding: 1px 0px 5px 0px ;
}
.imgspace{
	margin: 2px auto 5px auto ;
}
/*********************************
SERVICE.HTML
**********************************/
#main_serv .servicetxt{
	padding: 5px 3px ;
	width: 554px ;
	height: auto ;
	background: url(../img/service_title1.jpg) center top no-repeat ;
}
#main_serv .servicetxt p{
	text-align: left ;
	margin: 20px auto 25px auto ;
	padding: 5px 10px ;
	line-height: 18px ;
}
.serv_con,.study2_con,.study2_con1,.other_con,.rental_con{
	margin: 0px auto ;
	text-align: left ;
	width: 538px ;
}
.serv_con p,.study2_con p,.other_con p,.rental_con p{
	line-height: 17px ;
	padding: 10px 2px ;
}
.subtitle{
	font-size: 14px ;
	margin: 10px auto 10px 10px ;
}
.attend,.stattend{
	width: 515px ;
	height: auto ;
	text-align: left ;
	margin: 2px auto ;
}
.attend p{
	line-height: 15px ;
	font-size: 10px ;
	padding: 4px 1px ;
}
.serv_table,.other_table,.about_table,.work_table,.outskirts_table,.form_table,.rental_table,.rental_table1,.rental_table2,.rental_table3,.rental_table4{
	width: 538px ;
	height: auto ;
	margin: 10px auto ;
	border: 1px solid #333333 ;
}
.serv_table td,.study2_tbl td,.other_table td,.stay_table td,.about_table td,.work_table td,.outskirts_table td,.form_table td,.rental_table td{
	text-align: left ;
	padding: 3px 4px ;
	line-height: 16px ;
	vertical-align: top ;
	font-size: 12px ;
	border-bottom: 1px solid #333333 ;
	border-right: 1px solid #333333 ;
}
.serv_table td.tbl_title,.other_table td.tbl_title,.stay_table td.tbl_title,.work_table td.tbl_title2{
	background: #CAEFFB ;
	font-size: 12px ;
	border-bottom: 1px solid #333333 ;
	border-right: 1px solid #333333 ;
	width: 150px ;
}
/*********************************
PLAN.HTML
**********************************/
#main06{
	width: 330px ;
	height: auto ;
	float: left ;
}
#main07{
	width: auto ;
	height: auto ;
	float: right ;
	padding: 15px 15px 0px 0px ;
}
#plantxt div.step1,#plantxt div.step2,#plantxt div.step3,#plantxt div.step4,#plantxt div.step5,#plantxt div.step6,#plantxt div.step7,#plantxt div.step8{
	text-align: left ;
	width: 530px ;
	height: auto ;
	margin: 15px auto ;
}
#plantxt div.step1 strong{
	font-size: 14px ;
	display: block ;
	padding: 2px 0px 4px 65px ;
	background: url(../img/step1.jpg) center left no-repeat ;
}
#plantxt div.step1 p,#plantxt div.step2 p,#plantxt div.step3 p,#plantxt div.step4 p,#plantxt div.step5 p,#plantxt div.step6 p,#plantxt div.step7 p{
	padding: 2px 3px 7px 40px ;
	margin: 1px ;
	text-align: left ;
	line-height: 17px ;
	vertical-align: middle ;
	background: url(../img/plan_2.jpg) center left no-repeat ;
}
#plantxt div.step2 strong{
	font-size: 14px ;
	display: block ;
	padding: 2px 0px 4px 65px ;
	background: url(../img/step2.jpg) center left no-repeat ;
}
#plantxt div.step3 strong{
	font-size: 14px ;
	display: block ;
	padding: 2px 0px 4px 65px ;
	background: url(../img/step3.jpg) center left no-repeat ;
}
#plantxt div.step4 strong{
	font-size: 14px ;
	display: block ;
	padding: 2px 0px 4px 65px ;
	background: url(../img/step4.jpg) center left no-repeat ;
}
#plantxt div.step5 strong{
	font-size: 14px ;
	display: block ;
	padding: 2px 0px 4px 65px ;
	background: url(../img/step5.jpg) center left no-repeat ;
}
#plantxt div.step6 strong{
	font-size: 14px ;
	display: block ;
	padding: 2px 0px 4px 65px ;
	background: url(../img/step6.jpg) center left no-repeat ;
}
#plantxt div.step7 strong{
	font-size: 14px ;
	display: block ;
	padding: 2px 0px 4px 65px ;
	background: url(../img/step7.jpg) center left no-repeat ;
}
#plantxt div.step8 strong{
	font-size: 14px ;
	display: block ;
	padding: 2px 0px 4px 65px ;
	background: url(../img/step8.jpg) center left no-repeat ;
}
#plantxt div.step8 p{
	padding: 2px 3px 7px 40px ;
	margin: 1px ;
	text-align: left ;
	line-height: 17px ;
	vertical-align: middle ;
	background: url(../img/plan_3.jpg) center left no-repeat ;
}
/*********************************
STUDY.HTML
**********************************/
#main_study .studytxt{
	padding: 5px 3px ;
	width: 554px ;
	height: auto ;
}
#main_study .studytxt p{
	text-align: left ;
	margin: 2px auto ;
	padding: 5px 10px ;
	line-height: 18px ;
}
#study_btn,#voice_btn{
	text-align: right ;
	padding: 3px 5px ;
}
#study_con{
	width: 547px ;
	height: auto ;
	margin: 1px auto ;
	padding: 0px ;
	text-align: left ;
	background: url(../img/study_1.jpg) center right no-repeat ;
}
#study_con ol,#study_con1 ol,#study_con3 ol,#study_con4 ol{
	list-style: none ;
	margin: 8px 5px 6px 5px ;
}
#study_con ol li,#study_con1 ol li,#study_con2 ol li,#study_con3 ol li,#study_con4 ol li{
	margin: 3px 5px ;
}
#study_con ol li a,#study_con1 ol li a,#study_con2 ol li a,#study_con3 ol li a{
	display: block ;
	padding: 3px 0px 3px 24px ;
	margin: 0px ;
	width: 300px ;
	font-weight: bold ;
	font-size: 13px ;
	background: url(../img/icon4.jpg) center left no-repeat ;
}
#study_con1{
	width: 547px ;
	height: auto ;
	margin: 1px auto ;
	padding: 0px ;
	text-align: left ;
	background: url(../img/study_2.jpg) bottom right no-repeat ;
}
#study_con2{
	width: 547px ;
	height: auto ;
	margin: 1px auto ;
	padding: 0px ;
	text-align: left ;
	background: url(../img/study_3.jpg) bottom right no-repeat ;
}
#study_con2 ol{
	list-style: none ;
	margin: 15px 5px 15px 5px ;
}
#study_con3{
	width: 547px ;
	height: auto ;
	margin: 1px auto ;
	padding: 0px ;
	text-align: left ;
}
#study_con4{
	width: 547px ;
	height: auto ;
	margin: 1px auto ;
	padding: 0px ;
	text-align: left ;
}
#study_con4 ol li a{
	display: block ;
	padding: 3px 0px 3px 24px ;
	margin: 0px ;
	width: 350px ;
	font-weight: bold ;
	font-size: 13px ;
	background: url(../img/icon5.jpg) center left no-repeat ;
}
/*********************************
STUDY3.HTML
**********************************/
.study2_blk,.other_blk{
	margin: 0px auto ;
	width: 545px ;
}
.img_right{
	float: right ;
	margin: 0px 12px 0px auto ;
}
.photo_sp{
	text-align: left ;
	padding: 4px 5px ;
	width: 538px ;
}
.photo_sp img{
	margin: 1px 3px ;
}
.study2_con ol,.study2_con1 ol{
	margin: 10px 1px 1px 5px ;
	list-style: none ;
}
.study2_con ol li,.other_con ol li{
	list-style-image: url(../img/icon6.jpg) ;
	line-height: 16px ;
	margin: 2px 1px 2px 12px ;
}
.study2_con1 ol li{
	list-style-image: url(../img/icon7.jpg) ;
	margin: 2px 1px 2px 12px ;
	font-weight: bold ;
}
.study2_tbl{
	width: 538px ;
	height: auto ;
	margin: 2px auto ;
	border: 1px solid #333333 ;
}
.study2_tbl td.tbl_title{
	background: #EEEEE3 ;
	border-bottom: 1px solid #333333 ;
	border-right: 1px solid #333333 ;
	width: 130px ;
}
.study2_blk1,.other_blk1,.rental_blk{
	margin: 10px auto 0px auto ;
	width: 545px ;
}
/*********************************
OTHER.HTML
**********************************/
#other_at,#work_at{
	width: 538px ;
	font-size: 10px ;
	text-align: left ;
	padding: 3px ;
}
.other_con ol{
	margin: 10px 1px 10px 5px ;
	list-style: none ;
}
/*********************************
STAY.HTML
**********************************/
#staymenu{
	margin: 3px auto 3px 3px ;
	width: 563px ;
}
.stay_blk{
	margin: 0px auto 10px auto ;
	width: 545px ;
}
.stay_blk p{
	text-align: left ;
	padding: 3px ;
	line-height: 17px ;
}
.stay_blk p img{
	float: right ;
	margin: 2px ;
}
.stay_table{
	width: 535px ;
	height: auto ;
	margin: 5px auto 2px auto ;
	border: 1px solid #333333 ;
}
.stattend p,.stattend1 p{
	line-height: 15px ;
	font-size: 10px ;
	padding: 2px 1px ;
}
.staysub{
	text-align: left ;
	margin: 2px 3px ;
	padding: 1px ;
}
.stay_table td.tbl_title1,.about_table td.tbl_title{
	background: #CAEFFB ;
	font-size: 12px ;
	border-bottom: 1px solid #333333 ;
	border-right: 1px solid #333333 ;
	width: 110px ;
}
.stattend1{
	width: 515px ;
	height: auto ;
	text-align: left ;
	margin: 2px auto 2px 15px ;
}
.stay_txtblk{
	width: 385px ;
	float: left ;
	text-align: left ;
	line-height: 17px ;
	margin: 0px ;
}
#stayap{
	width: 150px ;
	float: right ;
	margin: 3px auto ;
}
/*********************************
VOICE.HTML
**********************************/
.vtitle{
	text-align: left ;
	margin: 5px 3px ;
}
#main_voice .voicetxt p img{
	float: right ;
	margin: 3px ;
}
/*********************************
ABOUT.HTML
**********************************/
#about_blk{
	width: 540px ;
	text-align: left ;
}
#about_blk img{
	margin: 0px auto 10px auto ;
}
#work p{
	text-align: left ;
	padding: 2px 5px ;
	margin: 1px 5px ;
	line-height: 18px ;
}
.work_table td.tbl_title{
	background: #CAEFFB ;
	font-size: 12px ;
	border-bottom: 1px solid #333333 ;
	border-right: 1px solid #333333 ;
	width: 80px ;
}
.work_table td.tbl_title1{
	background: #EEE8AA ;
	font-size: 12px ;
	border-bottom: 1px solid #333333 ;
	border-right: 1px solid #333333 ;
	width: 130px ;
}
/*********************************
OUTSKIRTS.HTML
**********************************/
#main_outskirts .outtxt p span,.form_table td span{
	font-size: 10px ;
	margin: 0px 3px ;
	line-height: 13px ;
}
.outskirts_table td.tbl_title{
	background: #CAEFFB ;
}
/*********************************
FORM.HTML
**********************************/
.form_title,.rental_title{
	margin: 5px auto 0px auto ;
	text-align: left ;
	width: 538px ;
}
.form_title img{
	margin: auto 5px auto auto ;
}
.form_table td.tbl_title{
	background: #CAEFFB ;
	width: 150px ;
}
.form_table td input,.form_table td select{
	margin: 1px ;
}
#form_at{
	width: 538px ;
	font-size: 10px ;
	text-align: left ;
	padding: 3px ;
	line-height: 14px ;
}
.tbl_title span.ad{
	font-size: 10px ;
	color: #FF3300 ;
}
strong.red{
	color: #FF3300 ;
}
/*********************************
RENTAL.HTML
**********************************/
.rental_table td.tbl_title{
	background: #CAEFFB ;
	width: 150px ;
}
.rental_table1 td{
	padding: 3px ;
	width: 50% ;
	font-size: 12px ;
}
.rental_table1 td.photo,.rental_table2 td.photo,.rental_table4 td.photo{
	text-align: center ;
}
.rental_table1 td.title,.rental_table2 td.title,.rental_table4 td.title{
	text-align: center ;
	background: #F5F5F5 ;
}
.rental_table1 td.txt{
	background: #F5F5DC ;
}
.rental_table2 td.txt{
	background: #F5F5DC ;
	text-align: center ;
}
.rental_table2 td{
	padding: 3px ;
	width: 25% ;
	font-size: 12px ;
}
.rentaltxt{
	text-align: left ;
	margin: 10px 3px 5px 3px ;
	padding: 2px 5px ;
	line-height: 17px ;
}
.subtitle1{
	font-size: 13px ;
	margin: 10px auto 10px 10px ;
}
.rental_table3 td{
	padding: 3px ;
	font-size: 12px ;
	border-bottom: 1px solid #333333 ;
	border-right: 1px solid #333333 ;
}
.rental_table3 td.tbl_title1{
	background: #CAEFFB ;
}
.rental_at{
	font-size: 10px ;
	line-height: 13px ;
	padding: 1px 4px ;
}
.rental_con p img{
	float: right ;
	margin: 1px 3px ;
}
.rental_table4 td{
	padding: 3px ;
	font-size: 12px ;
}