@charset "utf-8";

/* -----------------------------------------------------------
  about Style Sheet
    Common
    Layout
------------------------------------------------------------ */

/* clear
 -------------------------------------------------- */
.section:after, #content .nav ul:after, #content dl:after, .interview:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE 7 and MacIE */
.section, #content .nav ul, #content dl, .interview {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .section, * html #content .nav ul, * html #content dl, * html .interview {
	height: 1%;
}
.section, #content .nav ul, #content dl, .interview {
	display: block;
}
/* End hide from IE-mac */

/* Common
 -------------------------------------------------- */
#content .totop { margin-left: 140px; margin-top: 39px;}
#content h2 { margin-left: 160px; padding: 27px 0 35px;}

/* Layout
 ================================================== */
/* top panel
 -------------------------------------------------- */
#content { background: url(/about/img/bg_about.gif) no-repeat 25px top;}
#content .title { text-align: right;}
#content .nav ul { padding-bottom: 60px;}
#content .nav ul li { float: left; display: inline;}

/* about01
 -------------------------------------------------- */
#content .about01 { background: url(/about/img/bg_line01.gif) no-repeat right top;}
#content .about01 h2 { margin-left: 235px; padding-top: 38px;}
#content .about01 dl { position: relative;}
#content .about01 dt { position: absolute; left: 235px; top: 25px; width: 110px; font-weight: bold;}
#content .about01 .first dt { top: 0;}
#content .about01 dd.txt {
	float: right; display: inline; width: 665px; padding: 25px 40px 10px 0;
	background: url(/about/img/bg_linedot.gif) repeat-x left top;}
#content .about01 .first dd.txt { padding-top: 0; background: none;}
#content .about01 dd.txt p { margin: 0 0 10px 125px;}
#content .about01 dd.img { float: left; display: inline; padding-left: 25px;}
#content .about01 .first dd.img { padding: 3px 0 30px 25px;}

/* about02
 -------------------------------------------------- */
#content .about02 .about02_long { padding-top: 38px;}
#content .about02 .profile { position: relative;}
#content .about02 h2 { padding-bottom: 38px;}
#content .about02 .profile h3 { position: absolute; left: 23px; top: 28px; width: 110px;}
#content .about02 .profile p { padding: 28px 40px 12px 160px;}
#content .about02 .profile dl { padding: 0 40px 0 160px;}
#content .about02 .profile dt { width: 70px; font-weight: bold;}
#content .about02 .profile dd { width: 660px; margin: -1.6em 0 12px 75px;}

#content .interview {
	margin: 15px 0 0 140px; padding-top: 15px;
	background: url(/about/img/bg_linedot.gif) repeat-x left top;}
#content .interview .boxL { float: left; display: inline; width: 370px;}
#content .interview .boxR { float: right; display: inline; width: 370px; margin-right: 20px;}
#content .interview dl { padding: 0 0 10px 0;}
#content .interview dt {
	margin-top: 10px; padding: 0 0 20px 20px; color: #00a0c1;
	background: url(/about/img/bg_line02.gif) no-repeat left 0.5em;}
#content .interview dd { padding-left: 20px;}
#content .interview dd p { padding-bottom: 13px; line-height: 1.7;}
#content .interview dd.next { margin-top: 5px; padding-bottom: 5px; line-height: 1; font-size: 5px;}
#content .interview dd.img { text-align: right;}
#content .interview dd.img img { margin-top: 15px;}
#content .interview dd.img p { margin-top: 5px; padding: 0;}

/* about03
 -------------------------------------------------- */
#content .about03 h3 { float: left; display: inline; width: 110px; margin-left: 23px;}
#content .about03 .txt { float: left; display: inline; width: 465px; margin: -13px 0 0 27px;}
#content .about03 .txt p { margin-top: 13px;}
#content .about03 p.img { float: right; display: inline; margin: 3px 20px 10px 0;}

/* company
 -------------------------------------------------- */
#content .company dl { float: left; display: inline; width: 360px; padding: 0 40px 10px 160px;}
#content .company dt { width: 70px; font-weight: bold;}
#content .company dd { width: 285px; margin: -1.6em 0 13px 75px;}
#content .company dd a { font-weight: bold;}
#content .company p.img { float: right; display: inline; margin: 3px 20px 0 0;}