@charset "utf-8";

@import url(knowhow_chart.css);
@import url(knowhow_eng_cover_letter.css);
@import url(knowhow_eng_resume.css);
@import url(knowhow_interview.css);
@import url(knowhow_personal_history.css);
@import url(knowhow_retirement.css);
@import url(knowhow_download.css);

/*-----------------------------------------------------
TitleImageArea
-------------------------------------------------------*/
#ContentArea div#TitleImageArea{
	background:url(../images/cmn_mainimage.jpg) no-repeat center -1px;
}


#MainArea p.text{
	width:584px;
	margin:0 0 15px 28px;
	padding:10px 0;
}
/*-----------------------------------------------------
KnowHow
-------------------------------------------------------*/

#MainArea div.knowHow{
	padding:20px 0;
}

/*-------------------------------------
RegistrationArea
---------------------------------------*/
#MainArea div.registrationArea{
	margin:30px auto;
	font-size:84%;
}

#MainArea div.registrationArea div.btn{
	padding:37px 0 20px 0;
	text-align:center;
	background:url(../../common/images/bg_btn.gif) no-repeat 0 30px;
}

/* = common(old HP CSS)
----------------------------------------------- */

div.section ul.normal li ,
div.section ol.normal li ,
div.section h4.normal ,
div.section h5.normal {
	background: url(../../common/images/ico_bluearrow.gif) no-repeat 0 5px;
	padding-left: 14px;
	margin-left: 15px;
	margin-right: 10px;
	margin-bottom: 5px;
	line-height: 1.45;
}

div.section h4 ,
div.section h5 {
	font-weight: bold;
}

div.section dl.first {
	padding-bottom: 5px;
	margin-bottom: 10px;
}

/*-----------------------------------------------------
FantasticStory
-------------------------------------------------------*/

#MainArea p.detail img{
	float:right;
}


/*-----------------------------------------------------
Data
-------------------------------------------------------*/

#MainArea div.data{
	padding:20px 0;
}

#MainArea div.data div.paragraph{
	padding:10px 0 10px 0;
	background:url(../../common/images/bg_border.gif) repeat-x 0 bottom;
}

#MainArea div.data div.paragraph p.ttl{
	font-weight:bold;
	font-size:117%;
	color:#0B1D4D;
	padding:0 0 0 28px;
	background:url(../../common/images/ico_number_01.gif) no-repeat 0 top;
}

#MainArea div.data div.paragraph p.ttl{
	font-weight:bold;
	font-size:117%;
	color:#0B1D4D;
	padding:0 0 0 28px;
	background:url(../../common/images/ico_number_01.gif) no-repeat 0 top;
}
#MainArea div.data div.paragraph p.ttl02{
	font-weight:bold;
	font-size:117%;
	color:#0B1D4D;
	padding:0 0 0 28px;
	background:url(../../common/images/ico_number_02.gif) no-repeat 0 top;
}
#MainArea div.data div.paragraph p.ttl03{
	font-weight:bold;
	font-size:117%;
	color:#0B1D4D;
	padding:0 0 0 28px;
	background:url(../../common/images/ico_number_03.gif) no-repeat 0 top;
}
#MainArea div.data div.paragraph p.ttl04{
	font-weight:bold;
	font-size:117%;
	color:#0B1D4D;
	padding:0 0 0 28px;
	background:url(../../common/images/ico_number_04.gif) no-repeat 0 top;
}
#MainArea div.data div.paragraph p.ttl05{
	font-weight:bold;
	font-size:117%;
	color:#0B1D4D;
	padding:0 0 0 28px;
	background:url(../../common/images/ico_number_05.gif) no-repeat 0 top;
}
#MainArea div.data div.paragraph p.ttl06{
	font-weight:bold;
	font-size:117%;
	color:#0B1D4D;
	padding:0 0 0 28px;
	background:url(../../common/images/ico_number_06.gif) no-repeat 0 top;
}



/*-----------------------------------------------------
Making
-------------------------------------------------------*/

#MainArea div.making{
	padding:20px 0;
}

#MainArea div.making div.paragraph{
	padding:10px 0 10px 0;
	background:url(../../common/images/bg_border.gif) repeat-x 0 bottom;
}

#MainArea div.making div.paragraph p.ttl{
	font-weight:bold;
	font-size:117%;
	color:#333333;
	padding:0 0 0 28px;
	background:url(../../common/images/ico_small.jpg) no-repeat 0px 3px;
}

#MainArea div.making div.paragraph p.text{
	width:584px;
	margin:0 0 15px 28px;
	padding:10px 0;
}

/*-----------------------------------------------------
Entry
-------------------------------------------------------*/

#MainArea div.entry{
	padding:20px 0;
}

#MainArea div.entry p{
	padding:0 0 20px 0;
}

#MainArea div.entry div.btnArea{
	padding:8px 0;
	text-align:center;
	background:url(../../common/images/bg_btn.gif) no-repeat 0 0;
}

#MainArea div.entry div.btnArea p{
	padding:20px 0 0 0;
	text-align:left;
	font-size:84%;
}

#MainArea div.entry img{
	border:0;
	vertical-align:baseline;
}

/*-------------------------------------
profileArea
---------------------------------------*/
#MainArea div.experience{
	padding:20px 0;
}

#MainArea div.experience div.profileArea{
	margin:0 0 20px 0;
	padding:3px;
	border:1px solid #B5BDD9;
	background:#DCE0ED;
}
#MainArea div.experience div.profileArea-in{
	padding:0 0 0 11px;
	background:url(../../common/images/cmn_bgcheach.gif) repeat;
	zoom:1;
}
#MainArea div.experience div.profileArea-in div.introduction{
	overflow:hidden;
	position:relative;
	padding:0 15px 0 0;
}

/* photo */
#MainArea div.experience div.profileArea-in p.photo{
	position:absolute;
	top:8px;
	bottom:0;
	left:0;
	z-index:1;
}
/* profileText
---------------------------------------*/
#MainArea div.experience div.profileArea-in div.profileText{
	width:370px;
	position:relative;
	display:inline;
	z-index:2;
	float:right;
	padding:20px 0 65px 0;
}
#MainArea div.experience div.profileArea-in div.profileText h3,
#MainArea div.experience div.profileArea-in div.profileText p.mainText{
	color:#0B1D4D;
	font-size:117%;
}

#MainArea div.experience div.profileArea-in div.profileText p.mainText{
	margin:0 0 10px 0;
	padding:5px 0;
	letter-spacing:0;
	font-weight:bold;
}

#MainArea div.experience div.profileArea-in div.profileText p.subText{
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	letter-spacing:0;
	font-weight:bold;
	background:url(../../common/images/ico_small.jpg) no-repeat 0 3px;
}

/*-------------------------------------
result
---------------------------------------*/
#MainArea div.result{
	padding:20px 0;
	clear:both;
}
#MainArea div.result h3{
	padding:0 0 10px 0;
	font-weight:bold;
	color:#102B72;
}
#MainArea div.result table{
	margin:0 auto;
}
#MainArea div.result table th{
	border-left:1px solid #FFF;
}
#MainArea div.result table td{
	background:none #FFF;
}
#MainArea div.result table th,
#MainArea div.result table td{
	padding:10px;
}
#MainArea div.result p.detailbtn{
	margin:0 0 30px 0;
	padding:5px;
	text-align:center;
	border-top:1px solid #B2B9CE;
	border-right:1px solid #B2B9CE;
	border-bottom:1px solid #B2B9CE;
	border-left:1px solid #B2B9CE;
	background:url("../../common/images/bg_lightblue.gif");
}

/*-------------------------------------
Symposium
---------------------------------------*/
#MainArea div.symposium{
	height:160px;
	margin:20px auto;
	position:relative;
	background:url(../images/bg_ttl.jpg) no-repeat;
}

#MainArea div.symposium p.imgPhoto{
	position:absolute;
	bottom:0px;
	left:10px;
}

#MainArea div.symposium p.ttl{
	position:absolute;
	top:50px;
	right:40px;
}

/*-------------------------------------
Talk
---------------------------------------*/
#MainArea div.talk{
	padding:20px 0;
}


#MainArea div.talk div.photo{
	width:400px;
	/*height:140px;*/
	height:100%;
	float:left;
}

#MainArea div.talk div.photo div.textArea{
	padding:0;
}

#MainArea div.talk div.photo div.textArea p.name{
	width:50px;
	float:left;
	font-weight:bold;
	color:#0B1D4D;
	position:absolute;
}

#MainArea div.talk div.textArea p.nameQuestion{
	width:60px;
	float:left;
	font-weight:bold;
	color:#990000;
	position:absolute;
}

#MainArea div.talk div.photo div.textArea div.comment{
	width:335px;
	position:relative;

}

#MainArea div.talk p.photo{
	float:right;
}

#MainArea div.talk div.textArea{
	margin:15px 0;
	padding:20px 0 0 0;
	clear:both;
}

#MainArea div.talk div.textArea p.name{
	width:50px;
	float:left;
	font-weight:bold;
	color:#0B1D4D;
}

#MainArea div.talk div.textArea div.comment{
	padding:0 0 0 70px;

}

/*-------------------------------------
Si
---------------------------------------*/
#MainArea div.talk div.si{
	margin:25px auto 10px auto;
	padding:5px 0 5px 10px;
	background:#EEEEEE repeat;
	border:#CCCCCC solid 1px;
	font-size:84%;
	clear:both;
}

#MainArea div.talk div.si li.ttl{
	float:left;
	padding:0 5px 10px 0;
}
	
/*-------------------------------------
pager
---------------------------------------*/
#MainArea div.pager{
	width:180px;
	margin:20px auto;
	overflow:hidden;
}
#MainArea div.pager ul{
	margin:5px 0 15px 0;
}
#MainArea div.pager ul li{
	float:left;
	display:inline;
	margin:0 5px 0 0;
	padding:3px 0;
}
#MainArea div.pager ul li span.active,
#MainArea div.pager ul li a{
	margin:1px;
	padding:3px 6px;
	background:#FAFAFA;
	border:1px solid #A6AFC8;
}
#MainArea div.pager ul li.prev a,
#MainArea div.pager ul li.next a{
	padding:3px;
}
#MainArea div.pager ul li span.active,
#MainArea div.pager ul li a:hover{
	background:#E3E7F0;
}
#MainArea div.pager ul li span.active{
	font-weight:bold;
	color:#900;
}

/*-------------------------------------
Symposium2008
---------------------------------------*/
#MainArea div.symposium2008{
	padding:20px 0;
}

#MainArea div.symposium2008 p.ttl{
	font-size:100%;
	padding:0 0 15px 20px;
	background:url(../../common/images/ico_bluearrow.gif) no-repeat 0px 2px;
}

#MainArea div.symposium2008 div.photo{
	margin:15px auto 45px auto;
	height:120px;
}

#MainArea div.symposium2008 div.photo p{
	float:left;
}

#MainArea div.symposium2008 div.photo p.text{
	padding:0;
	margin:0;
	font-size:84%;
	clear:left;
}

/*-------------------------------------
Anchor
---------------------------------------*/
div.anchor{
	width:625px;
	height:30px;
	margin:20px auto;
}


div.anchor ul{
display:block;
}

div.anchor a{
	text-decoration:none;
	color:#333333;
}
div.anchor a:hover{
	text-decoration:underline;
}

div.anchor li{
	width:177px;
	padding:7px 0 7px 30px;
	float:left;
	background:url(../images/btn_left.jpg) no-repeat;
}




div.anchor li.center{
	width:177px;
	float:left;
	background:url(../images/btn_center.jpg) no-repeat;
}

div.anchor li.right{
	width:177px;
	float:left;
	background:url(../images/btn_rihgt.jpg) no-repeat;
}
/*-------------------------------------
mail
---------------------------------------*/
#MainArea div.btnArea{
	margin:20px 0 0 10px;
	height:103px;
	text-align:left;
	padding:11px 0 0 15px;
	background:url(../images/bg_btn.jpg) no-repeat 0 0;
}

#MainArea div.btnArea div.mailmagazine{
	margin:10px 0;
}

#MainArea div.btnArea div.mailmagazine input{
	margin:0 5px;
}

#MainArea div.btnArea div input.txt02{
	width:397px;
	margin:0 0 0 5px;
}

#MainArea div.btnArea div.mailmagazine p{
	float:right;
	padding:0 20px 0 0;
}

#MainArea div.btnArea div.annotation{
	margin:0;
	clear:both;
}

#MainArea div.btnArea div.annotation p{
	padding:0 20px 0 17px;
	text-align:top;
	font-size:84%;
	background:url(../../common/images/ico_bluearrow.gif) no-repeat 0 2px;
	float:left;
}

#MainArea div.btnArea div.annotation p.right{
	padding:0 30px 0 17px;
	text-align:top;
	font-size:84%;
	float:right;
	background:none;
}
/*-------------------------------------
Past
---------------------------------------*/
#MainArea div.past{
	padding:20px 0;
}

/*-------------------------------------
SideArea
---------------------------------------*/
#SideArea div.sidename{
	margin:0 0 12px 0;
	padding:0 0 11px 0;
	background:url("../../common/images/bg_borderside.gif") repeat-x 0 bottom;
}
#SideArea div.sidename ul{
	margin:0;
	padding:0;
}
#SideArea div.sidename  ul li{
	margin:0;
}

/*-------------------------------------
2010 0627 add css
---------------------------------------*/

#MainArea div.textBlock .prof_bx{
padding:10px 0 0 23px;
}
#MainArea div.textBlock .prof_bx ul.profile{
display:block;
overflow:hidden;
height:100%;
}

#MainArea div.textBlock .prof_bx ul.profile li{
float:left;
}

#MainArea div.textBlock .prof_bx ul.profile li.photo{
}

#MainArea div.textBlock .prof_bx ul.profile li.age,
#MainArea div.textBlock .prof_bx ul.profile li.work,
#MainArea div.textBlock .prof_bx ul.profile li.income{
font-weight:bold;
padding:0 0 3px 10px;
width:467px;
}

#MainArea div.link01{
text-align:right;
overflow:hidden;
height:100%;

}

#MainArea div.link01 p{
background:url(../../common/images/ico_bluearrow.gif) no-repeat scroll 0 2px transparent;
float:left;
font-size:84%;
padding:0 20px 0 17px;
float:right;
}