@charset "UTF-8";



/* = main content section common
----------------------------------------------- */

div#mainContent h2 {
	margin-bottom: 20px;
}
body.profile div#mainContent div.section {
	margin-bottom: 20px;
}

body.profileDetail div#mainContent div.section {
	margin-bottom: 30px;
}

body.profile div#mainContent div.section ,
body.profileDetail div#mainContent div.first {
	position: relative;
	border: 4px solid #cdcdcd;
}

body.profile div#mainContent div.section h3 {
	background: url(../images/profile/bg_prof.jpg) no-repeat;
	padding-left: 15px;
	line-height: 34px;
}

body.profile div#mainContent div.section h3 ,
body.profileDetail div#mainContent div.first h3 {
	font-size: 75%;
	font-weight: bold;
	color: #333;
}

div#mainContent div.section h3 a ,
div#mainContent div.section h3 span {
	font-size: 135%;
	margin-right: 10px;
}

div#mainContent div.section p {
	margin: 10px;
	line-height: 1.55;
	font-size: 75%;
}

div#mainContent div.section p.main {
	font-weight: bold;
}

body.profile div#mainContent div.section p.main ,
body.profile div#mainContent div.section p.sub {
	padding: 0 5px;
}

div#mainContent div.section p.link {
	position: absolute;
}

body.profile div#mainContent div.section p.free {
	top: 160px;
	right: 0;
}

div#mainContent div.section p.profile {
	top: 0;
	right: 0;
}

div#mainContent div.section p.profile a {
	background: url(../images/common/header/support_nav_list.gif) no-repeat right top;
	padding-right: 16px;
	font-weight: bold;
}

div#mainContent div.section ol li ,
div#mainContent div.section ul li {
	font-size: 75%;
}

div#mainContent div.section ol.character {
	background: url(../images/profile/tuyomi.gif) no-repeat;
	padding-top: 20px;
}

body.profile div#mainContent div.section ol.character {
	position: absolute;
	top: 100px;
	left: 160px;
}

ol.character li {
	border-top: 1px dotted #cdcdcd;
	padding: 7px 0 7px 20px;
	width: 275px;
}

ol.character li.first ,
ol.character li.character-1 {
	background: url(../images/personnel/1.gif) no-repeat 0 6px;
}

ol.character li.second ,
ol.character li.character-2 {
	background: url(../images/personnel/2.gif) no-repeat 0 6px;
}

ol.character li.third ,
ol.character li.character-3 {
	background: url(../images/personnel/3.gif) no-repeat 0 6px;
	border-bottom: 1px dotted #cdcdcd;
}

body.profile div#mainContent div.section ul.column {
	padding: 0 10px;
}

body.profile div#mainContent div.section ul.column li {
	padding-left: 75px;
	margin-bottom: 10px;
	background: url(../images/profile/column.gif) no-repeat;
	line-height: 15px;
}



/* = detail
----------------------------------------------- */

body.profileDetail div#mainContent div.first {
	background: url(../images/profile/bg_prof2.jpg) no-repeat;
}

div.first div {
	min-height: 250px;
}
/* hack for IE */
*+html div.first div {
	min-height: 300px;
}
* html div.first div {
	height: 295px;
}

body.profileDetail div#mainContent div.first h3 ,
body.profileDetail div#mainContent div.first p.main ,
body.profileDetail div#mainContent div.first ol.character {
	margin-left: 270px;
}

body.profileDetail div#mainContent div.first h3 {
	background: none;
	margin-top: 50px;
	padding-left: 0;
}

body.profileDetail div#mainContent div.section p.main {
	margin-top: 10px;
}

body.profileDetail div#mainContent div.section p.image {
	position: absolute;
	top: 40px;
	left: 0;
}

body.profileDetail ol.character li {
	width: 340px;
}

body.profileDetail div#mainContent div.section p.free {
	position: static;
	text-align: right;
}

div#mainContent div.section ul.career ,
div#mainContent div.section p.career {
	border-top: 1px dotted #cdcdcd;
	padding-top: 23px;
	padding-left: 5px;
}

div#mainContent div.section ul.career {
	background: url(../images/profile/career.gif) no-repeat 0 5px;
}

div#mainContent div.section p.career {
	background: url(../images/profile/comment.gif) no-repeat 0 5px;
}

div#mainContent div.section ul.career {
	margin: 10px;
}

ul.career li {
	margin-bottom: 5px;
}

ul.career li span.year {
	margin-right: 20px;
}

body.profileDetail div#mainContent div.second h3 ,
body.profileDetail div#mainContent div.third h3 ,
body.profileDetail div#mainContent div.fourth h3 ,
body.profileDetail div#mainContent div.fifth h3 {
	background: url(../images/common/titlebar.gif) no-repeat;
	padding-left: 15px;
	line-height: 34px;
	font-size: 100%;
	font-weight: bold;
	color: #000;
}

dl.character {
	margin: 10px;
	border: solid #cdcdcd;
	border-width: 0 0 1px 1px;
	background-color: #f3f3f3;
	font-size: 75%;
	width: 612px;
}

dl.character dt ,
dl.character dd {
	display: block;
	float: left;
	line-height: 1.55;
}

dl.character dt {
	width: 250px;
	padding: 10px 0;
	border-top: 1px solid #cdcdcd;
	text-align: center;
	font-weight: bold;
}

dl.character dd {
	background-color: #fff;
	padding: 10px;
	width: 340px;
	border: solid #cdcdcd;
	border-width: 1px 1px 0 1px;
}

dl.character dt {
	clear: left;
}

table.case {
	margin: 10px;
	font-size: 75%;
}

table.case td {
}

table.case td.before {
	width: 250px;
}

table.case td.after {
	background: url(../images/profile/arrow2.gif) no-repeat 0 8px;
	padding: 5px 0 5px 100px;
}


body.profileDetail div#mainContent div.section ul.column {
	padding: 10px;
}

body.profileDetail div#mainContent div.section ul.column li {
	background: url(../images/profile/list.gif) no-repeat 0 6px;
	padding-left: 20px;
	margin-bottom: 5px;
}

body.profileDetail div#mainContent div.section ul.column li span.date {
	margin-left: 3px;
}


body.profileDetail div#mainContent div.sixth {
	border: solid #cdcdcd;
	border-width: 4px 0;
	padding: 10px 0;
}

body.profileDetail div#mainContent div.sixth h3 {
	background: url(../images/profile/star.gif) no-repeat;
	margin-left: 10px;
	padding-left: 20px;
	line-height: 16px;
	font-size: 90%;
	font-weight: bold;
	color: #000;
}

body.profileDetail div#mainContent div.sixth p {
	margin: 10px 30px 10px 15px;
}

/* Consultant Column
----------------------------------------------- */
body.columnIndex div#mainContent div.columnTable{
  border:3px solid #CDCDCD;
  margin-bottom:8px;
  padding-bottom:8px;
}
body.columnIndex div#mainContent div.columnTable h2,
body.columnIndex div#mainContent div.columnTable .columnAuther,
body.columnIndex div#mainContent div.columnTable .columnCategory{
  border-bottom:1px dotted #CDCDCD;
  font-size:12px;
  margin-bottom:0;
  padding:8px;
}
body.columnIndex div#mainContent div.columnTable h2{}
body.columnIndex div#mainContent div.columnTable h2 em{
  border-left:4px solid #DB4C4C;
  display:block;
  font-size:14px;
  font-style:normal;
  font-weight:bold;
  margin-left:6px;
  padding:4px;
}

body.columnIndex div#mainContent div.columnTable .columnCategory .title{
  font-weight:bold;
}
body.columnIndex div#mainContent div.columnTable .columnCategory .name{
}
body.columnIndex div#mainContent div.columnTable .columnAuther{
  background:url(../images/profile/column.gif) no-repeat 16px 7px;
  padding-left:108px;
}


body.columnIndex div#mainContent div.columnTable .columnAuther a{
  float:left;
}
body.columnIndex div#mainContent div.columnTable .columnAuther span{
  float:right;
}
/*body.columnIndex div#mainContent div.columnTable div.image{
  clear:both;
  border:1px solid #CDCDCD;
  float:right;
  margin:6px;
  padding:4px;
}*/
body.columnIndex div#mainContent div.columnTable div.image{
  clear:both;
  border-bottom:1px dotted #CDCDCD;
  padding:4px auto;
  text-align:center;
}
body.columnIndex div#mainContent div.columnTable div.image img{
  margin-bottom:6px;
  margin-top:6px;
}

body.columnIndex div#mainContent div.columnTable p{
  font-size:12px;
  line-height:144%;
  padding:12px 8px;
}

body.columnIndex div#mainContent div.columnTable .columnCategory,
body.columnIndex div#mainContent div.columnTable p{
  padding-left:16px;
}

body.columnIndex div#mainContent div.option{
  background:url(../images/profile/bg_column.jpg) no-repeat 0 0;
  border:3px solid #CDCDCD;
  margin-bottom:8px;
  margin-top:8px;
  padding-top:36px;
}
body.columnIndex div#mainContent div.option *{
  font-size:12px;
}
body.columnIndex div#mainContent div.option ol{}
body.columnIndex div#mainContent div.option ol li{
  background:url(../images/profile/column.gif) no-repeat 12px 56%;
  padding:4px 4px 4px 96px ;

}
body.columnIndex div#mainContent div.option{}
body.columnIndex div#mainContent div.option{}
body.columnIndex div#mainContent div.option{}

/* etc.
----------------------------------------------- */

/* for modern brow */
dl.character:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

dl.character {
	height: 1%;
}

/* for IE7 */
*+html body.profileDetail div#mainContent div.first {
	height: 1%;
}