@charset "utf-8";

/*
*************************************************************
about
*************************************************************
*/

h2.about{
	background: url(../../about/images/about_title.gif) no-repeat top left;
	width: 115px;
	height: 12px;
	text-indent:-9999px;
	margin:68px 0 0 15px;
	float:left;
}
h2.about-mp1{
	background: url(../../about/images/about_title_mp1.gif) no-repeat top left;
	width: 194px;
	height: 12px;
	text-indent:-9999px;
	margin:68px 0 0 15px;
	float:left;
}
h2.about-mp2{
	background: url(../../about/images/about_title_mp2.gif) no-repeat top left;
	width: 194px;
	height: 12px;
	text-indent:-9999px;
	margin:68px 0 0 15px;
	float:left;
}
h2.about-mp3{
	background: url(../../about/images/about_title_mp3.gif) no-repeat top left;
	width: 194px;
	height: 12px;
	text-indent:-9999px;
	margin:68px 0 0 15px;
	float:left;
}
h2.about-message-p1{
	background: url(../../about/images/about_message_p1.gif) no-repeat top left;
	width: 165px;
	height: 12px;
	text-indent:-9999px;
	margin:68px 0 0 15px;
	float:left;
}
h2.about-message-p2{
	background: url(../../about/images/about_message_p2.gif) no-repeat top left;
	width: 77px;
	height: 12px;
	text-indent:-9999px;
	margin:68px 0 0 0;
	float:left;
}
#btn-go-m0{
	background: url(../../about/images/about_message_p0.gif) no-repeat top left;
	width: 89px;
	height: 12px;
	text-indent:-9999px;
	margin:68px 0 0 15px;
	float:left;
}
#btn-go-m1 a{
	background: url(../../about/images/about_message_p2btn.gif) no-repeat top left;
	width: 57px;
	height: 12px;
	margin:68px 0 0 0;
	float:left;
}
#btn-go-m2 a{
	background: url(../../about/images/about_message_p1btn.gif) no-repeat top left;
	width: 57px;
	height: 12px;
	margin:68px 0 0 0;
	float:left;
}
h2.about-p4{
	background: url(../../about/images/about_title_p4.gif) no-repeat top left;
	width: 52px;
	height: 12px;
	text-indent:-9999px;
	margin:68px 0 0 15px;
	float:left;
}
h2.about-p5{
	background: url(../../about/images/about_title_p5.gif) no-repeat top left;
	width: 232px;
	height: 12px;
	text-indent:-9999px;
	margin:68px 0 0 15px;
	float:left;
}
h2.about-map{
	background: url(../../about/images/about_title_map.gif) no-repeat top left;
	width: 28px;
	height: 10px;
	text-indent:-9999px;
	margin:48px 0 0 15px;
	float:left;
}
h2.about-shinsai_action{
	width: 28px;
	height: 10px;
	text-indent:-9999px;
	margin:48px 0 0 15px;
	float:left;
}
h2.about-dao{
	background: url(../../about/images/about_title_dao.gif) no-repeat top left;
	width: 52px;
	height: 12px;
	text-indent:-9999px;
	margin:48px 0 0 15px;
	float:left;
}
h3.about-mp1{
	background: url(../../about/images/about_mp1_title.gif) no-repeat top left;
	width: 550px;
	height: 70px;
	text-indent:-9999px;
	margin:0;
	padding:0 0 20px 0;
	border-bottom:solid 1px #000;
	position: relative;
	float:left;
}
h3.about-mp2{
	background: url(../../about/images/about_mp2_title.gif) no-repeat top left;
	width: 550px;
	height: 70px;
	text-indent:-9999px;
	margin:0;
	padding:0 0 20px 0;
	border-bottom:solid 1px #000;
	position: relative;
	float:left;
}
h3.about-mp3{
	background: url(../../about/images/about_mp3_title.gif) no-repeat top left;
	width: 550px;
	height: 70px;
	text-indent:-9999px;
	margin:0;
	padding:0 0 20px 0;
	border-bottom:solid 1px #000;
	position: relative;
	float:left;
}

#about-mpbtnArea{
	width: 90px;
	height: 70px;
	margin:0;
	padding:0 0 20px 0;
	border-bottom:solid 1px #000;
	position: relative;
	float:right;
}
#mp-btn1-act{
	background: url(../../about/images/about_mpbtn1ac.gif) no-repeat top left;
	width: 39px;
	height: 11px;
	margin:35px 0 0 0;
	padding:0;
	position: relative;
	float:left;
}
#mp-btn1-act a{
	background: url(../../about/images/about_mpbtn1ac.gif) no-repeat top left;
	width: 39px;
	height: 11px;
	position: relative;
	float:left;
}
#mp-btn1-act a:hover{
	background: url(../../about/images/about_mpbtn1ac.gif) no-repeat top right;
}
#mp-btn1{
	background: url(../../about/images/about_mpbtn1.gif) no-repeat top left;
	width: 30px;
	height: 11px;
	margin:35px 0 0 0;
	padding:0;
	position: relative;
	float:left;
}
#mp-btn1 a{
	background: url(../../about/images/about_mpbtn1.gif) no-repeat top left;
	width: 30px;
	height: 11px;
	position: relative;
	float:left;
}
#mp-btn1 a:hover{
	background: url(../../about/images/about_mpbtn1.gif) no-repeat top right;
}

#mp-btn2-act{
	background: url(../../about/images/about_mpbtn2ac.gif) no-repeat top left;
	width: 41px;
	height: 11px;
	margin:35px 0 0 0;
	padding:0;
	position: relative;
	float:left;
}
#mp-btn2-act a{
	background: url(../../about/images/about_mpbtn2ac.gif) no-repeat top left;
	width: 41px;
	height: 11px;
	position: relative;
	float:left;
}
#mp-btn2-act a:hover{
	background: url(../../about/images/about_mpbtn2ac.gif) no-repeat top right;
}
#mp-btn2{
	background: url(../../about/images/about_mpbtn2.gif) no-repeat top left;
	width: 32px;
	height: 12px;
	margin:35px 0 0 0;
	padding:0;
	position: relative;
	float:right;
}
#mp-btn2 a{
	background: url(../../about/images/about_mpbtn2.gif) no-repeat top left;
	width: 32px;
	height: 12px;
	position: relative;
	float:right;
}
#mp-btn2 a:hover{
	background: url(../../about/images/about_mpbtn2.gif) no-repeat top right;
}
#mp-btn3{
	background: url(../../about/images/about_mpbtn3.gif) no-repeat top left;
	width: 33px;
	height: 12px;
	margin:35px 0 0 0;
	padding:0;
	position: relative;
	float:right;
}
#mp-btn3 a{
	background: url(../../about/images/about_mpbtn3.gif) no-repeat top left;
	width: 33px;
	height: 12px;
	position: relative;
	float:right;
}
#mp-btn3 a:hover{
	background: url(../../about/images/about_mpbtn3.gif) no-repeat top right;
}
#mp-btn3-act{
	background: url(../../about/images/about_mpbtn3ac.gif) no-repeat top left;
	width: 42px;
	height: 12px;
	margin:35px 0 0 0;
	padding:0;
	position: relative;
	float:right;
}
#mp-btn3-act a{
	background: url(../../about/images/about_mpbtn3ac.gif) no-repeat top left;
	width: 42px;
	height: 12px;
	position: relative;
	float:right;
}
#mp-btn3-act a:hover{
	background: url(../../about/images/about_mpbtn3ac.gif) no-repeat top right;
}


#wrapper.about{
	width:930px;
	margin:0 0 0 40px ;
}
#container.about-top {
	width: 930px;
	height: 285px;
	margin:0 0 20px 0;
	padding:0;
	position:relative;
}
#about-blueArea {
	width: 930px;
	height: 285px;
	margin:0;
	background-color: #1c4b98;
	color: #FFFFFF;
	position:relative;
}
#about-blueArea-inner {
	width: 915px;
	height: 285px;
	margin:0;
	color: #FFFFFF;
	position:relative;
}
#about-blueArea-innerL {
	width: 530px;
	height: 245px;
	margin:40px 0 0 0;
	background: url(../../about/images/about_top_pic.jpg) no-repeat top left;
	color: #FFFFFF;
	float:left;
}
#about-blueArea-innerL-p2{
	width: 394px;
	height: 245px;
	margin:40px 0 0 0;
	padding:0 0 0 59px;
	background: url(../../about/images/about_p2_pic.gif) no-repeat top left;
	color: #FFFFFF;
	float:left;
}
#about-blueArea-innerL-p5{
	width: 530px;
	height: 245px;
	margin:40px 0 0 0;
	background: url(../../about/images/about_p5_pic.jpg) no-repeat top left;
	color: #FFFFFF;
	float:left;
}
#about-top-title {
	width: 334px;
	height: 21px;
	margin:0 0 0 79px;
	background: url(../../about/images/about_top_title.gif) no-repeat top left;
	text-indent:-9999px;
}
#about-p5-title {
	width: 292px;
	height: 21px;
	margin:0 0 0 79px;
	background: url(../../about/images/about_p5_title.gif) no-repeat top left;
	text-indent:-9999px;
}
#about-blueArea-innerR {
	width: 375px!important;
	width: 365px;
	height:245px;
	background-color: transparent;
	float:right;
	margin:40px 10px 0 0;
}
#about-blueArea-innerR-p2 {
	width: 130px;
	background-color: transparent;
	float:right;
	position:relative;
	margin:45px 0 0 0;
}
#about-message-pic1{
	width: 309px;
	height: 470px;
	background: url(../../about/images/about_message_pic.jpg) no-repeat top left;
	background-color: transparent;
	margin: 0 0 0 460px /* mac */;
	padding: 0;
	text-indent:-9999px;
	position:absolute;
}
*+html #about-message-pic1 {
	margin: 0 /*IE7*/;
}
* html #about-message-pic1 {
	margin: 0 /*IE6*/;
}
html>/**/body #about-message-pic1, x:-moz-any-link, x:default {
	margin: 0 0 0 460px /* Only FireFox 3 */;
}
#about-message-pic2{
	width: 309px;
	height: 470px;
	background: url(../../about/images/about_message_pic2.jpg) no-repeat top left;
	background-color: transparent;
	margin: 0 0 0 460px /* mac */;
	padding: 0;
	text-indent:-9999px;
	position:absolute;
}
*+html #about-message-pic2 {
	margin: 0 /*IE7*/;
}
* html #about-message-pic2 {
	margin: 0 /*IE6*/;
}
html>/**/body #about-message-pic2, x:-moz-any-link, x:default {
	margin: 0 0 0 460px /* Only FireFox 3 */;
} 
#about-message-name1{
	width: 80px;
	height: 32px;
	background: url(../../about/images/about_message1_name.gif) no-repeat top left;
	background-color: transparent;
	margin: 0 0 8px 0;
	padding: 0;
	text-indent:-9999px;
	position:relative;
}
#about-message-name2{
	width: 96px;
	height: 32px;
	background: url(../../about/images/about_message2_name.gif) no-repeat top left;
	background-color: transparent;
	margin: 0 0 8px 0;
	padding: 0;
	text-indent:-9999px;
	position:relative;
}
#mycustomscroll-about {
	/* Typical fixed height and fixed width example */
	width: 375px!important /*Firefox*/;
	width: 365px /*IE6*/;
	height: 200px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin: 0 0 0 -6px;
	padding:0 0 10px 10px;
}
#mycustomscroll-about2 {
	/* Typical fixed height and fixed width example */
	width: 365px!important /*Firefox*/;
	width: 355px /*IE6*/;
	height: 200px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin: 0 0 0 -5px;
	padding:0 10px 10px 10px;
}
#about-top-btnArea{
	width:355px;
	margin:65px 0 0 0;
	padding:0;
	position:relative;
}
#about-top-menuArea {
	width: 930px;
	margin:0;
	padding: 0;
}
#about-p5-txtArea {
	width: 350px ;
	position: relative;
	margin: 0;
	padding: 0;
	float: right;
}
*+html #about-p5-txtArea {
	margin: 0 10px 0 0 /*IE7*/;
}
* html #about-p5-txtArea {
	margin: 0 10px 0 0 /*IE6*/;
}
html>/**/body #about-p5-txtArea, x:-moz-any-link, x:default {
	margin: 0 10px 0 0 /* Only FireFox 3 */;
} 
.blue-uline{
	width:340px; 
	height:6px; 
	text-align: left;
	font-weight:normal;
	margin:0 0 6px 0;
	padding:0;
	border-bottom:solid 1px #1c4b98;
}
#about-top-btn1 {
	width: 303px;
	height: 14px;
	margin:0;
	padding:0 0 15px 0;
	background: url(../../about/images/about_top_btn1.gif) no-repeat top left;
	float:left;
}
#about-top-btn1 a{
	width: 303px;
	height: 14px;
	margin:0;
	background: url(../../about/images/about_top_btn1.gif) no-repeat top left;
	float:left;
}
#about-top-btn1 a:hover{
	margin:0;
	background: url(../../about/images/about_top_btn1.gif) no-repeat top right;
}
#about-top-btn2 {
	width: 308px;
	height: 14px;
	margin:0;
	padding:0 0 15px 0;
	background: url(../../about/images/about_top_btn2.gif) no-repeat top left;
	float:left;
}
#about-top-btn2 a{
	width: 308px;
	height: 14px;
	margin:0;
	background: url(../../about/images/about_top_btn2.gif) no-repeat top left;
	float:left;
}
#about-top-btn2 a:hover{
	margin:0;
	background: url(../../about/images/about_top_btn2.gif) no-repeat top right;
}
#about-top-btn3 {
	width: 370px;
	height: 14px;
	margin:0;
	padding:0 0 15px 0;
	background: url(../../about/images/about_top_btn3.gif) no-repeat top left;
	float:left;
}
#about-top-btn3 a{
	width: 370px;
	height: 14px;
	margin:0;
	background: url(../../about/images/about_top_btn3.gif) no-repeat top left;
	float:left;
}
#about-top-btn3 a:hover{
	margin:0;
	background: url(../../about/images/about_top_btn3.gif) no-repeat top right;
}
#about-message-btn1 {
	width: 81px;
	height: 10px;
	margin:120px 0 0 0;
	padding:0;
	background: url(../../about/images/about_message_btn1.gif) no-repeat top left;
	float:left;
}
#about-message-btn1 a{
	width: 81px;
	height: 10px;
	margin:0;
	background: url(../../about/images/about_message_btn1.gif) no-repeat top left;
	float:left;
}
#about-message-btn1 a:hover{
	margin:0;
	background: url(../../about/images/about_message_btn1.gif) no-repeat top right;
}
#about-message-btn2 {
	width: 71px;
	height: 10px;
	margin:120px 0 0 0;
	padding:0;
	background: url(../../about/images/about_message_btn2.gif) no-repeat top left;
	float:left;
}
#about-message-btn2 a{
	width: 71px;
	height: 10px;
	margin:0;
	background: url(../../about/images/about_message_btn2.gif) no-repeat top left;
	float:left;
}
#about-message-btn2 a:hover{
	margin:0;
	background: url(../../about/images/about_message_btn2.gif) no-repeat top right;
}
#subMenu-about{
	width: 690px;
	height: 20px;
	background: url(../images/about_line.gif) no-repeat top left;
	background-color: transparent;
	margin: 48px 0 0 100px /* mac */;
	padding: 0 0 0 89px;
	position:absolute;
}
*+html #subMenu-about {
	margin: 28px 0 0 100px /*IE7*/;
}
* html #subMenu-about {
	margin: 28px 0 0 100px /*IE6*/;
}
html>/**/body #subMenu-about, x:-moz-any-link, x:default {
	margin: 28px 0 0 100px /* Only FireFox 3 */;
} 
#pointer1{
	position:absolute;
	left:238px;
	top:398px;
	width:55px;
	height:39px;
	z-index:5;
	visibility: hidden;
}
*+html #pointer1 {
	left:238px /*IE7*/;
}
* html #pointer1 {
	left:238px /*IE6*/;
}
html>/**/body #pointer1, x:-moz-any-link, x:default {
	left:238px /* Only FireFox 3 */;
} 
#pointer2{
	position:absolute;
	left:238px;
	top:428px;
	width:55px;
	height:39px;
	z-index:5;
	visibility: hidden;
}
*+html #pointer2 {
	left:238px /*IE7*/;
}
* html #pointer2 {
	left:238px /*IE6*/;
}
html>/**/body #pointer2, x:-moz-any-link, x:default {
	left:238px /* Only FireFox 3 */;
} 
#pointer3{
	position:absolute;
	left:238px;
	top:458px;
	width:55px;
	height:39px;
	z-index:5;
	visibility: hidden;
}
*+html #pointer3 {
	left:238px /*IE7*/;
}
* html #pointer3 {
	left:238px /*IE6*/;
}
html>/**/body #pointer3, x:-moz-any-link, x:default {
	left:238px /* Only FireFox 3 */;
} 
#pointer4{
	position:absolute;
	left:238px;
	top:488px;
	width:55px;
	height:39px;
	z-index:5;
	visibility: hidden;
}
*+html #pointer4 {
	left:238px /*IE7*/;
}
* html #pointer4 {
	left:238px /*IE6*/;
}
html>/**/body #pointer4, x:-moz-any-link, x:default {
	left:238px /* Only FireFox 3 */;
}

#subMenu-about a{
	color:#000;
}
#subMenu-about a:hover{
	color:#1c4b98;
}
#container dl.about {
	width: 930px;
	height: 530px;
	margin:0;
	padding: 0;
	position: relative;
}
#container dt.about {
	width: 235px;
	margin:0;
	padding: 0;
	float:left;
}
#container dd.about {
	width: 690px;
	margin:0;
	padding: 0;
	float:right;
}
#rightArea{
	width:680px;
	height: 483px;
	margin:27px 0 0 0;
	padding:0;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
}
#rightArea-p4{
	width:680px;
	height: 483px;
	margin:27px 0 0 0;
	padding:0;
}
#rightArea-inner{
	width:640px;
	margin:0 auto;
	position:relative;
}
#rightArea-inner.p4{
	width:680px;
	margin:0 auto;
	position:relative;
}
#textArea-mp1{
	width:640px;
	margin:0;
	padding:20px 0 15px 0;
	position:relative;
	border-bottom:solid 1px #000;
	clear:both;
}
#textArea-p4{
	width:680px;
	text-align: left;
	margin:0;
	padding:0 0 15px 0;
	position:relative;
	clear:both;
}
#textArea-p4 table td{
	text-align: left;
	font-weight:normal;
	margin:0;
	padding:0 0 16px 0;
}
#textArea-p4 table th{
	border-left:solid 1px #000;
	text-align: left;
	font-weight:normal;
	margin:0;
	padding:0 0 16px 10px;
}
#textArea-p4 table th.comp{
	border-left:solid 1px #000;
	text-align: left;
	font-weight:normal;
	margin:0;
	padding:0 0 16px 0;
}
#mycustomscroll-p4 {
	/* Typical fixed height and fixed width example */
	width: 235px!important /*Firefox*/;
	width: 235px /*IE6*/;
	height: 436px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin: 0;
	padding:0;
}
#underline{
	border-bottom:solid 1px #000;
	margin:0;
	padding:0 0 12px 0;
}
/*MAP*/
#tbl-map{
	width:676px; 
	height:520px; 
}
#map-txtArea{
	border-left:solid 1px #000;
	width:155px; 
	height:351px; 
	margin:0;
	padding:5px 0 0 10px;
}

#shinsai_action-txtArea{
	font-size:13px;
	border-left:solid 1px #000;
	width:600px; 
	height:450px; 
	margin:0;
	padding:5px 0 0 10px;
}
/*Directors and Officers*/
#tbl-dao{
	width:676px; 
	height:485px; 
	margin:35px 0 0 0;
	padding:0 0 0 27px;
	border-left:solid 1px #000;
}
#tbl-dao th{
	width:190px; 
	height:280px; 
	text-align: left;
	font-weight:normal;
	margin:0;
	padding:5px 5px 0 9px;
	border-left:solid 1px #000;
}
#tbl-dao td.td1{
	width:190px; 
	height:280px; 
	text-align: left;
	font-weight:normal;
	margin:0;
	padding:5px 5px 0 0;
}
#dao-name1 {
	margin:0 0 5px 0;
	padding:0;
	background: url(../../about/images/dao_name1.gif) no-repeat top left;
	width:175px; 
	height:14px; 
	text-indent:-9999px;
}
#dao-name2 {
	margin:0 0 5px 0;
	padding:0;
	background: url(../../about/images/dao_name2.gif) no-repeat top left;
	width:184px; 
	height:14px; 
	text-indent:-9999px;
}
#dao-name3 {
	margin:0 0 5px 0;
	padding:0;
	background: url(../../about/images/dao_name3.gif) no-repeat top left;
	width:181px; 
	height:14px; 
	text-indent:-9999px;
}
#dao-name4 {
	margin:0 0 5px 0;
	padding:0;
	background: url(../../about/images/dao_name4.gif) no-repeat top left;
	width:175px; 
	height:13px; 
	text-indent:-9999px;
}
#btn_close {
	margin:10px 0 10px 0;
	padding:0;
	background:transparent url(../images/btn_close.gif) no-repeat top left;
	width:36px; 
	height:9px; 
	display:block;
	float:right;
}
#btn_close a {
	margin:0;
	padding:0;
	background:transparent url(../images/btn_close.gif) no-repeat top left;
	width:36px; 
	height:9px; 
	display:block;
}
#btn_close a:hover {
	background:transparent url(../images/btn_close.gif) no-repeat top right;
	display:block;
}
#footerArea.map {
	width: 676px;
	height: 45px;
	position:relative;
	clear:both;
	margin:0 0 0 0;
	padding:5px 0 0 0;
}
.copyright {
	font-size:9px;
	text-align: right;
	font-family:'Helvetica','Verdana',sans-serif;
	font-weight:normal;
	color: #000000;
	float:right;
}
#mp-txt1 {
	margin:0;
	padding:0;
	background: url(../../about/images/about_mp1_txt.gif) no-repeat top left;
	width:630px; 
	height:301px; 
}
#mp-txt2 {
	margin:0;
	padding:0;
	background: url(../../about/images/about_mp2_txt.gif) no-repeat top left;
	width:630px; 
	height:352px; 
}
#mp-txt3 {
	margin:0;
	padding:0;
	background: url(../../about/images/about_mp3_txt.gif) no-repeat top left;
	width:630px; 
	height:354px; 
}

