
/* 
-----------------MainContents--------*/
#sorry h4 { font-size: 12pt; color: #666f77; letter-spacing: 0.1em; text-shadow: #aaaabb 1px 1px 1px; text-align: center; padding: 15px 0px; }

	
#title {
	display: block; 
	width: 850px; 
	margin-right: auto; 
	margin-left: auto; 
	height: 258px;
	padding-top: 10px;
}


/*  TWITTER Link  */

#twlink { display: block; text-align: right; }



/*  Main  */

#mainm {display:block; float: left; margin-top:20px; width:1000px;}

#mainl {float: left; width: 220px; }
#mainr {float: left; width: 750px; background-color: #ffffff; }


/*
#mainl, #mainr { 
	padding-bottom: 32767px; 
	margin-bottom: -32767px; 
}
*/

/* -------------------------------- MAIN Left  MENU --------------------------------------- */

#mainl_koe	{

	float:left; 
	display: block; 
	width:200px;
	margin:0px 0px 0px 10px; 
	background-color: #fff; 

}
#mainl_koe h3	{

	width: 200px; 
	height: 50px; 
	line-height : 60px; 
	font-size: small ; 
	font-weight: bold; 
	color:#fff; 
	text-align: center; 
	background:url(../images/title_menuback.png) no-repeat #fff; 

}

#mainl_koe img	{
	display: block;
	margin-right: auto; 
	margin-left: auto; 
	text-align: center; 
}
#mainl_koe p	{
	padding: 0px 5px; 
	line-height:150%; 
	font-size: x-small;
}

#mainl_koe h4 { 
	display block; 
	float:left; 
	width:190px; 
	margin: 5px 5px ; 

	font-size: x-small; 
	font-weight: bold;
	color: #000 ; 
	line-height:150%;
	text-align: center; 
	background-color:#eee; 
}
#mainl_koe a {
	display:block;
	float: right;
	font-size:x-small;
	margin:0px 5px 5px 5px;
	padding:5px; 
	text-align: right; 
	background-color:#fff; 
	border: solid 1px #fff;
}
#mainl_koe a:hover {
	background-color: #fff;
	border: solid 1px #fff;
}
#mainl_koe a:after	{ content: url(../images/arrow2.gif); }



/*
#mainl_koe li 	{float: left; width: 200px; margin: 0px 10px 0px; text-align:left; background-color: #ffffff; }

#mainl_koe li img 	{padding: 5px; }
#mainl_koe li h5 { background-image:url(../images/title_back.png);line-height: 250%; font-size: small; font-weight:bold; color:#ffffff;  background-color: #ffffcc; padding: 5px 0px 0px 5px; }
#mainl_koe li p  { line-height:120%; padding-left:5px;font-size: small; }
.mainl_koeb { text-align:right; margin: 5px 1px 10px;}
.mainl_koeb img { vertical-align: top; }
*/

/* MENU (sub menus) */

#mainl_menu {
	float:left; 
	display: block; 
	width:200px;
	margin:10px 0px 0px 10px; 
	
}
#mainl_menu h3	{

	width: 200px; 
	height: 50px; 
	line-height : 60px; 
	font-size: small ; 
	font-weight: bold; 
	color:#fff; 
	text-align: center; 
	background:url(../images/title_menuback.png) no-repeat #fff; 

}

/*
#mainl_menut 	{float: left; width: 200px; margin: 0px 10px 0px; text-align:left; background-color: #99ffcc; }
#mainl_menub 	{float: left; width: 200px; margin: 0px 10px 0px; text-align: left; background-color: #ffffff; }
#mainl_menub 	{border-top: solid 1px #9f9f9f; }

#mainl_menu li 	{float: left; width: 200px; margin: 0px 10px 0px; height: 50px; text-align:left; background-color: #ffffff; }
#mainl_banner	{float: left; width: 200px; margin: 10px 0px 0px 10px ; }
#mainl_banner	{float: left; width: 200px; margin: 10px 0px 0px 10px ; }

#mainl_menut img {vertical-align: bottom; }

*/


#mainl_menu li 		{display:block;height:50px;width:200px; }

#mainl_menu a	{text-indent:-9999px; }
#mainl_menu a:hover {background-position:100% -50px; }



#mainl_submenu01 a {display:block; height:50px; width:200px; background:url(../images/submenu01.png) no-repeat ; }
#mainl_submenu02 a {display:block; height:50px; width:200px; background:url(../images/submenu02.png) no-repeat ; }
#mainl_submenu03 a {display:block; height:50px; width:200px; background:url(../images/submenu03.png) no-repeat ; }
#mainl_submenu04 a {display:block; height:50px; width:200px; background:url(../images/submenu04.png) no-repeat ; }
#mainl_submenu05 a {display:block; height:50px; width:200px; background:url(../images/submenu05.png) no-repeat ; }
#mainl_submenu06 a {display:block; height:50px; width:200px; background:url(../images/submenu06.png) no-repeat ; }
#mainl_submenu07 a {display:block; height:50px; width:200px; background:url(../images/submenu07.png) no-repeat ; }
#mainl_submenu08 a {display:block; height:50px; width:200px; background:url(../images/submenu08.png) no-repeat ; }






/* another language site */

#mainl_anotherlanguage { 
	float:left; 
	display: block; 
	width:200px;
	margin:10px 0px 0px 10px; 
}

#mainl_anotherlanguage h3	{
	width: 200px; 
	height: 50px; 
	line-height : 60px; 
	font-size: small ; 
	font-weight: bold; 
	color:#fff; 
	text-align: center; 
	background:url(../images/title_menuback.png) no-repeat #fff; 
}
#mainl_anotherlanguage h3:after {
	clear: both;
}

#mainl_anotherlanguage a { text-indent:-9999px; } 

#mainl_anotherlanguage a:hover { background-position: 100% -40px; }
#mainl_anotherlanguage ul { margin:0px; padding:0px; }

#mainl_al_en a {display:block; height:40px; width:200px; background:url(../images/Menu_AL_English.png) no-repeat ; }
#mainl_al_ch a {display:block; height:40px; width:200px; background:url(../images/Menu_AL_Chinese.png) no-repeat ; }
#mainl_al_vn a {display:block; height:40px; width:200px; background:url(../images/Menu_AL_Vietnamese.png) no-repeat ; }



/* YamatoDatabase  */

#mainl_ydb {
	float:left; 
	width: 200px; 
	margin: 10px 10px 0px; 
	padding-bottom: 20px; 
	text-align:left; 
	background-color: #ffffff; 
}

#mainl_ydb h3	{
	display: block;
	width: 200px; 
	height: 40px; 
	padding-top : 18px; 
	font-size: small ; 
	font-weight: bold; 
	color:#fff; 
	text-align: center; 
	background:url(../images/title_menuback.png) no-repeat #fff; 
}

#mainl_ydb h4 a	{ 
	display block; 
	float:left; 
	font-size: x-small; 
	color: #000 ;
	text-decoration: none; 
	line-height:40px;
	width:200px; 
	text-align: center; 
	background: url(../images/submenu_ydb.png) no-repeat #fff; 
	margin-bottom: 10px; 
}
#mainl_ydb h4 a:hover	{ background-position:100% -40px; }
#mainl_ydb h4 a:after	{ content: url(../images/arrow2.gif); }

#mainl_ydb h5	{  font-size: small; font-weight: bold; margin : 0px 15px ; }
#mainl_ydb address	{ font-size: small; margin: 5px 15px 10px ; }



/* facebook link   googleplus link  */


#mainl_fbgp {
	float:left; 
	width: 200px; 
	text-align:left; 
	background-color: #ffffff; 
}


#title_blog	a	{
	display: block;
	height:60px;
	width:200px;
	text-indent: -9999px;
	background: url(../images/title_blog.png) no-repeat;
}
#title_blog a:hover	{
	background-position:0px -60px;

}

#title_facebook	a	{
	display: block;
	height:60px;
	width:200px;
	text-indent: -9999px;
	background: url(../images/title_facebook.png) no-repeat;
}
#title_facebook a:hover	{
	background-position:0px -60px;

}


#title_googleplus a	{
	display: block;
	height:60px;
	width:200px;
	margin: 0px 0px 10px; 
	text-indent: -9999px;
	background-image: url(../images/title_googleplus.png);
}

#title_googleplus a:hover {
	background-position:0px -60px;
}


#mainl_ydb_toiawase a {
	display:block; 
	float: left; 
	width:200px; 
	height: 50px; 
	text-indent:-9999px;
	background:url(../images/title_toiawase.png) no-repeat; 
}
#mainl_ydb_toiawase a:hover {
	background-position: 100% -50px;
}


/* mainl_recruit visible setting */

/*

#mainl_recruit  {
	clear:both;
	display: block;
	border: 2px solid #ccc;
	margin: 50px 10px;
	padding: 20px;
	background-color: #fff;
}
#mainl_recruit h4	{ color: #F00 ; font-weight: bold; background-color: #efefef; font-size: small; }
#mainl_recruit p	{ font-size: small; }

*/


/* mainl_recruit invisible setting  */
/* */
#mainl_recruit {display:none; }



/* ---------------------------------------------------------------------- */
/* ---------------------- MAIN Right MENU ------------------------------- */
/* ---------------------------------------------------------------------- */

/*  visible setting */
/*  
#mainr_banner {display: block; float: left; height: 120px; }
*/

/* mainr_banner invisible-setting */

#mainr_banner {display:none;}
/* */

#mainr_banner li { float:left; margin: 12px; }

#mainr_banner p	{ font-size: small ; line-height: 150% ; color: #666; padding: 20px;} 


#mainr2 {display: block; float: left; background-color: #ffffff; }



#merits img{
	vertical-align: bottom; 
}


#shortcuts2	{
	display: block; 
	width: 750px; 
	height:120px; 
	padding: 0px 0px 35px; 
	font-size: small;
}

#shortcuts2	p	{	padding:10px 0px; line-height: 150%;	}
#shortcuts2 h5	{	padding: 5px 0px; font-weight: bold;	text-indent:-9999px; }
#shortcuts2 img	{	padding: 5px 0px 0px 5px; vertical-align: top;	}
#shortcuts2	a	{	color:#333 ; text-decoration: none;	}

#sc21	{
	display: block;
	float: left;
	width:225px;
	height:120px; 
	padding:10px ;
	margin: 0px 0px 0px 5px;
	background-image: url(../images/merits_1.png);
	background-repeat: no-repeat;
}	

#sc22	{
	display: block;
	float: left;
	width:220px;
	height:120px; 
	padding:10px;
	margin: 0px 0px 0px 5px;
	background-image: url(../images/merits_2.png);
	background-repeat: no-repeat;
}

#sc23	{
	display: block; 
	float: left;
	width:225px;
	height:120px; 
	padding :10px; 
	margin: 0px 0px 0px 5px;
	background-image: url(../images/merits_3.png);
	background-repeat: no-repeat;
}

#sc21:hover	{	background-position:  0px -138px; }
#sc22:hover	{	background-position:  0px -138px; }
#sc23:hover	{	background-position:  0px -138px; }







.btn {
	display:block; 
	height:30px; 
	width:300px; 
	background:url(../images/arrow3.png) no-repeat ; 
	color:#960; 
	font-weight: bold;

	text-decoration: none; 
	text-align:center; 
	padding-top: 010px;
	background-position: 100% -40px;
}
.btn:hover { background-position: 100% 0px; color: #f00; }



.new	{ color:#f00; font-weight:bold; font-size: smaller; }















#myanmar { font-weight: bold; }




#mainr21 {float: left; width: 750px; background-color: #ffffff; visible :none}

#mainr21_title h5 { width: 750px; height:55px; margin-top: 20px; background: url(../images/mainr_21title.png) no-repeat; text-indent: -9999px; font-size: 5px;}

#mainr21 table {margin-left:25px; width:700px; font-size: small; border:1px solid #e0e0e0; padding: 12px;}
#mainr21 thead {background-color: #f5f5f5; text-align: center;font-weight: bold; border: 1px solid #e0e0e0; height: 30px; }
#mainr21 tbody {background-color: #ffffff; text-align: center; height: 30px; }
#mainr21 td {border: 1px solid #e0e0e0; height: 30px; }
#mainr21_p { margin-bottom: 35px; margin: 5px 0px 0px 5px; font-size: small; }

#mainr21_div { margin:25px; }

#mainr22 {float: left; width: 730px; background-color: #ffffff; margin-top: 20px; }

#mainr22_title h5 { width: 750px; height:45px;  background: url(../images/mainr_22title.png) no-repeat; text-indent: -9999px; font-size: 5px; margin-top: 20px; }

#mainr22 img {float: left; margin-right: 10px; }
#mainr22 p  { padding: 5px 5px 0px 25px; font-size: small; }

#mainr22 ol { border:1px; margin-left:25px; font-size: small; font-weight: bold; color: #000000; background-color: #ffffff; }
#mainr22 ul { margin-left:5px; font-size: x-small; font-weight: normal; color: #333333;background-color: #fff; }
#mainr22 ul li { float: left; line-height: 150%; margin-left:5px; font-size: small; font-weight: normal; color: #333333;background-color: #fff;ward-wrap: normal; }


.mainr22_ol { margin-top: 10px; display: block; height: 100px;width: 700px; border: 1px solid #e0e0e0;}




/* aboutj (about jissyu) */

#aboutj {display: block; width: 750px;}
#aboutj_title h5 { width: 750px; height:45px;  background: url(../images/mainr_25title.png) no-repeat; text-indent: -9999px; font-size: 5px; margin-top: 20px; }
#aboutj img {float:right ; margin-top: 10px;  }
#aboutjp {display: block; width: 700px; border: solid 1px #eee; margin:25px;}
#aboutj h6 { font-size: small; font-weight: bold; line-height: 150% ; padding: 10px 25px; }
#aboutj p { font-size: small; line-height: 150% ; padding: 0px 25px 20px; }

/* aboutj end */ 



/* flow */

#flow {display: block; width: 750px;}
#flow_title h5 { width: 750px; height:45px;  background: url(../images/mainr_24title.png) no-repeat; text-indent: -9999px; font-size: 5px; margin-top: 20px; }
#flowe {padding: 5px 0px 0px 10px; font-size: small; }
#flowe p { font-size: small; line-height: 150% ; padding: 0px 25px; }

/* flow end*/ 



/* news */
#news { 
	display: block; 
	float: left; 
	width: 750px; 
	margin: 20px 0px 0px 0px; 
	background-color: #ffffff; 
}
#news_title h5 { width: 750px; height:45px;  background: url(../images/mainr_23title.png) no-repeat; text-indent: -9999px; font-size: 5px; margin-top: 20px; }

#news b  { color: #ff0000 }
#news p  { font-size: small; color: #666677; line-height: 120%; padding-left:10px; }
#news img {vertical-align: bottom; }
#news a  		{ color: #666666; text-decoration: none; }
#news a:hover 	{ color: #3333aa; text-decoration: underline; }

#newsc { 
	display:block; 
	width: 698px; 
	height: 130px; 
	overflow: auto; 
	margin-left: 25px;
	border: solid 1px #efefef; 
}



#links { 
	display: block; 
	float:left; 
	width: 750px; 
	margin: 60px 0px; 
	background-color: #fff; 
}

#linkss:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear:both; 
}


#links ul		{ margin-top: 5px; background-color:#000; }
#links h5		{ font-size: small; font-weight: normal; color: #ffffff; padding-left: 10px; background-image: url(../images/stitleback.jpg); background-repeat: repeat-x; }
#links a		{ font-size: x-small; list-style: none; text-decoration: none		; color: #666688 ;line-height: 110%;}
#links a:hover	{ font-size: x-small; list-style: none; text-decoration: none		; color: #6666ff ;line-height: 110%;}
#links img		{ width: 116px; }
#links li		{ 
	display: block; 
	float:left; 
	width: 117px; 
	height: 120px; 
	margin-left: 3px; 
	font-weight: bold; 
	background-color: #ffffff; 
}

#links span { font-size: 85%;  font-weight: normal; color: #888888; }


#links a		{ 
	display: block; 
	height: 120px; 
}

a.linkarea 	{ display: block; padding: 0px 2px 0px 2px; } 


#lpbanner	{
	display: block ; 
	float: left ; 
	margin: 20px auto 5px auto;
}
#lpbanner a 		{ display: block; float: left; width: 850px; height: 250px; background-image: url(../images/lpbanner.jpg); background-position: 0px 0px; text-indent: -9999px; }
#lpbanner a:hover	{ background-position: 0px -250px ; }





/*  toiawase home special */




#toiawase		{ display: block; float: left; width: 750px; background-color: #ffffff; }

#toiawase_title h5 { width: 750px; height:45px;  background: url(../images/mainr_29title.png) no-repeat; text-indent: -9999px; font-size: 5px; margin-top: 20px; }


#toiawase h6 	{ 
	font-size: small; font-weight: bold; 
	padding-top: 10px; padding-left: 25px; 
}
#toiawase p 	{ 
	font-size: small; 
	padding-left: 25px; 
}


#question { 
	display: block; 
	width: 750px; 
}

#cqtb	 { font-size: small; width: 700px; margin-top: 15px; margin-left:25px; }

#cqtb th { width:210px; background-color: #efefef; padding:10px; }
#cqtb td { font-size: small; background-color: #fcfcfc; padding :10px; }
#cqtb tr { border: solid 1px #ddd; }
.eg { font-size: x-small; font-weight: bold; }
.red { color: #f00; font-weight: bold; font-size: x-small; }

#submit-btn {
	margin: 15px 250px; 
	border: 0px; 
	width: 250px; 
	height: 60px; 
	background: url(../images/submit-btnl.png) left top no-repeat;
	cursor:	pointer; 
}

#submit-btn:hover {
	background-position: 100% -60px;
}
#reset-btn{
	border: 0px; 
	width: 150px; 
	height: 50px;
	background: url(../images/reset-btn.gif) left top no-repeat;
}

#reset-btn:hover {
	background-position: 100% -50px;
}

/*  toiawase end    */

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:1000px;
		height:200px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAdada;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#e15D5d;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

