@charset "UTF-8";

body {
padding:0;
margin:0 auto;
background-image:url(../img/common/bg_body.gif);
background-repeat:repeat-y;
background-position:center;
line-height:150%;
}

img { border:0;}

.clr{_display:inline;height:0px;clear:both;overflow:-moz-scrollbars-none;}

#contener {
text-align:center;
margin:0 auto;
width:734px;
padding:0;
}
#content {
text-align:center;
margin:0 auto;
	padding: 0px; 
}



/*Reset*/
#menu ul, form { padding: 0; margin: 0; font-size:1em;}



/* Header menu*/

.h1 {
       position:relative;
       top:17px;
       z-index:3;
	}
.h2 {
       position:relative;
       top:17px;
       z-index:2
	}
.seo {
       position:relative;
       top:-22px;
       z-index:1
	}
h1 {
	font-size:15px;
       FONT-WEIGHT: normal;
       color:#666666;
	text-align: left;
	       	text-decoration: none;
	display: inline;
	}
h1 a{
	text-decoration:none;
       color:#666666
}

h2 {
	font-size:12px;
       FONT-WEIGHT: normal;
        margin:5px;
       color:#666666;
	text-align: right;
	display: inline;
	}
h3 {
	font-size:small;
       FONT-WEIGHT: normal;
        margin:0px;
	text-align: left;
	float: left; 
	display: inline;
	}
h4 {
	font-size:small;
       FONT-WEIGHT: normal;
        margin:0px;
	text-align: left;
	float: left; 
	display: inline;
	}

#menu { width:734px; height:29px; margin-bottom:0px;
       position:relative;
       top:-22px; margin-left:-0px;
}
#menu ul {list-style:none;}
#menu li {	float:left;	margin:0px;	padding:0px;}

.pagetitle {margin-bottom:0px; clear:both;
       position:relative;
       top:-10px;
}


/*Crumb*/
.pan {
 background: url(../img/common/bg_pan.jpg) repeat-x;
 margin:0 0 0 2px;
 padding:4px 0 0 8px;
 height:22px;
 width:723px;
 font-size:12px;
 line-height:100%;
 text-align:left;
 color:#666666;
}



/*Main Area Outer*/

#main { float:left; width:499px; font-size:0.9em; text-align:left;
       position:relative;
       	margin-left: 0;
    	padding: 0 0 0 0;
       top:-10px;}
#submenu { float:right; width:205px; text-align:left; font-size:small; line-height:130%;
       position:relative;
       top:-10px;}


/*Submenu List*/
#submenu { color:#666666;}
#submenu ul { list-style:none; margin:0; padding:0 0 0 22px;}
#submenu li { list-style:url(../img/common/icon_submenu.gif); line-height:100%; padding:0 0 12px 0;}
#submenu, .pan, #footer { font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
#submenu a:link, .pan a:link { color:#3366CC; text-decoration:underline;}
#submenu a:visited, .pan a:visited { color:#660033; text-decoration:underline;}
#submenu a:hover, .pan a:hover { color:#C3007C; text-decoration:underline;}
#submenu a:active, .pan a:active { color:#C3007C; text-decoration:underline;}
.hasen { margin:15px 0;}
.hasen2 { border:1px dotted #96E1FE;
           margin-top:8px;
           margin-bottom:7px;
           padding:5px 5px 2px 2px;
			background-color:#E8EFF9;}
.r_more { background-image:url(../img/common/r_m_more_bg.jpg) ; background-repeat:no-repeat; background-position:top right; margin-right:3px;
       position:relative;
       top:-3px;}


/*Main Contents*/
#content p { margin:0 0 20px 0;}
#main .info_area h2 { padding: 0; margin: 0;}
#main h2 { margin:0px 0 13px 0;}
#main h3 { font-size:1em; margin:0; padding:0;}
.pagetitle { padding-bottom:15px;}
.thai1{
lang=TH;
font-size : 16px;
font-family : "Tahoma", "Microsoft Sans Serif";
line-height : 120%;
}
.thai2{
lang=TH;
font-size : 30px;
font-family : "AngsanaUPC","Tahoma", "Microsoft Sans Serif";
line-height : 100%;
}
.thai3{
lang=TH;
font-size : 25px;
font-family : "AngsanaUPC","Tahoma", "Microsoft Sans Serif";
line-height : 100%;
}

.info_area { margin:0px 0 0px 0;
 position:relative;
 top:0px;
	}
.textarea { margin:15px 7px 15px 13px;}
.textarea a:link { color:#3366CC; text-decoration:underline;}
.textarea a:visited { color:#660033; text-decoration:underline;}
.textarea a:hover { color:#C3007C; text-decoration:underline;}
.textarea a:active { color:#C3007C; text-decoration:underline;}
.textarea ul { list-style:none; margin:0; padding:0 0 0 20px;}
.textarea li {
 list-style:url(../img/common/icon_textarea.gif);
	line-height:140%;
	padding:0 0 10px 0;
 }
.textarea li li {
 list-style:url(../img/common/icon_textarea2.gif);
	line-height:140%;
	padding:0 0 10px 0;
 }
.textarea2 { font-size:13px; margin:5px 45px 5px 50px;}


#main th, #main td {
 font-size:1em;

 }
.info {
 border-bottom:#CCCCCC 1px solid;
 border-left:#CCCCCC 1px solid;
 border-right:#CCCCCC 1px solid;
 width:478px;
 padding:5px 10px 5px 10px;
 font-size:small;
 FONT-WEIGHT: normal;
 font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 position:relative;
 top:0px;
margin-bottom:17px;
	}
.info h2 { padding:0; margin:0;}
.info a:link { color:#C3007C; text-decoration:underline;}
.info a:visited { color:#660033; text-decoration:underline;}
.info a:active { color:#3366CC; text-decoration:underline;}
.img_right { float:right; margin-left:10px;}
.img_left { float:left; margin-right:10px;}
.txt_right { text-align:right; }
.txt_right_grey { text-align:right; font-size:0.9em; color:#666666; line-height:130%; padding-top:15px;}
.txt_more {
 text-align:right;
	background:url(../img/common/icon_link.gif) right no-repeat;
	padding-right:17px;
	line-height:100%;
	font-size:small;
 font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}
.meyasu {
 background:url(../img/thaicourse/meyasu.gif) no-repeat;
	padding: 5px 0 15px 113px;
	height:24px;
	line-height:100%;
	color:#401070;
	}
dt { background:url(../img/common/icon_textarea.gif) no-repeat; padding:0 0 0 15px; margin:15px 0 5px 5px; line-height:100%; font-weight:bold;}
dd { padding:0 0 10px 0; margin:0 0 0 20px;}
	
/*サイトマップ*/
.box {
	border-bottom: 1px solid #CCCCCC;
	padding:0 0 15px 0;
	width: 400px;
	margin:0 15px 20px 10px;
	}
.box h2 {	padding:0px; margin:0;}
.box ul { list-style:none; margin:0; padding:0 0 0 20px;}
.box li {
 list-style:url(../img/common/icon_textarea.gif);
	line-height:100%;
	padding:0 0 10px 0;
 }
.box a:link { color:#3366CC; text-decoration:underline;}
.box a:visited { color:#660033; text-decoration:underline;}
.box a:hover { color:#C3007C; text-decoration:underline;}
.box a:active { color:#C3007C; text-decoration:underline;}

/*料金表*/
.fee { 
 width: 390px;
 border: 0px #86A9CE solid;
	margin-bottom:30px;
 } 
.fee th { background-color:#E7EEF5; border: 0px #C3D4E7 solid; text-align:center;}
.fee_course, .fee_time, .fee_fee {
 border: 1px #CCCCCC solid;
	padding: 3px;
	margin:0;
	}
.fee_course {width:100px; text-align:center;}
.fee_time {width:80px; text-align:right;}
.fee_fee {width:180px; text-align:right;}


/*講師プロフィール*/
.profile { border: 1px #86A9CE solid;	margin: 0 0 30px 0;} 
.profile th { background-color:#E7EEF5; border: 1px #C3D4E7 solid; text-align:left; padding: 4px;}
.profile td { border: 0px #CCCCCC solid;	padding: 0px;	margin:0;}

/*フォーム*/
.form_table { border: 1px #86A9CE solid;	margin: 0 0 15px 0;} 
.form_table th { background-color:#E7EEF5; border: 1px #C3D4E7 solid; text-align:left; padding: 4px;}
.form_table td { border: 1px #CCCCCC solid; padding: 2px;	margin:0;}
.td_white{
  background-color : white;
}
.td_gray{
  background-color : #86A9CE;
}
.td_gray2{
  background-color : #CCCCCC;
}
.td_skyblue{
  background-color : #E7EEF5;
}
.td_skyblue2{
  background-color : #99CCFF; text-align:center; font-size:15px;
	line-height:100%;
}
.td_skyblue3{
  background-color : #E7EEF5; text-align:center; font-size:10px;
}
.td_red{
  background-color : red;
}
.td_white2{
  background-color : white; text-align:center; font-size:13px;
	line-height:90%;
}
.td_white3{
  background-color : white; text-align:left; font-size:13px;
	line-height:170%;
}
.td_white4{
  background-color : white; text-align:center; font-size:11px;
	line-height:95%;
}
.td_white5{
  background-color : white; color:#CCCCCC; text-align:left; font-size:9px;
	line-height:90%;
}
.td_white6{
  background-color : white; color:#333333; text-align:center; font-size:10px; line-height:120%;
}
.td_pink{
  background-color : #FF99CC; text-align:center; font-size:13px;
	line-height:95%;
}
.td_pink2{
  background-color : #FFCC99; text-align:center; font-size:13px;
	line-height:95%;
}

.td_yellow1{
  background-color : #CCFFCC; text-align:center; font-size:11px;
	line-height:95%;
}
.td_yellow2{
  background-color : #99FFCC; text-align:center; font-size:11px;
	line-height:95%;
}

.td_red{
  background-color : red; text-align:center; font-size:11px;
	line-height:95%;
}


/*Footer*/
#footer {
 clear:both;
 width:730px;
 background:url(../img/common/line_footer.gif) no-repeat;
 clear:both;
 padding:15px 0 0 0;
 margin:15px auto;
 font-size:13px;
text-align:center;
 line-height:150%;
 color:#666666;
 }
#footer a:link { color:#3366CC; text-decoration:underline;}
#footer a:visited { color:#660033; text-decoration:underline;}
#footer a:hover { color:#C3007C; text-decoration:underline;}
#footer a:active { color:#C3007C; text-decoration:underline;}


/*Feed*/
#feed1 {
  width: 200px;
  height: 350px;
  overflow: auto;
  border: 1px solid #ccc;
  background: #fdfdfe;
  margin-top:10px;
}
#feed2 {
  width: 200px;
  height: 350px;
  overflow: auto;
  border: 1px solid #ccc;
  background: #fdfdfe;
  margin-top:10px;
}

.t1 {
  font-size: 100%;
  font-weight: bold;
  color: #666666;
  text-decoration: underline;
}
.t1 a {
  font-size: 100%;
  font-weight: bold;
  color: #3366CC;
  text-decoration: underline;
}
.t1 a:hover {
  color: #3366CC;
  text-decoration: underline;
}
.t2 {
  font-size: 80%;
  font-weight: nomal;
  color: #666666;
  margin-left:10px;
  padding: 0 0 10px 0;
}
.t3 {
  font-size: 80%;
  font-weight: nomal;
  color: #454545;
  margin-left:10px;
  padding: 3 0 3 0px;
}

/*----------------------------------ad area PR------------------------*/
.ad_area {
	margin:0 0 0 2px;
	padding:6px;
	font-size:9px;
	font-weight: nomal;
	line-height:120%;
	text-align:left;
	color:#999999;
	border:#999999 dotted 1px;
}
.ad_area a:link {
	color:#999999;
	text-decoration:none;
}
.ad_area a:visited {
	color:#999999;
	text-decoration:none;
}
.ad_area a:hover { color::#999999;
	text-decoration:none;
}
.ad_area a:active { color::#999999;
	text-decoration:none;
}
