@charset "utf-8";

/***************************************************
	マイツグループ用スタイルシート
	about.css
	グループ概要ページレイアウトスタイル定義
***************************************************/
#header .gnavi dl.n02 dt a {	background-position: 0 -40px;}

/* グループ概要トップ index.html
------------------------------------------------------------ */
#contents.index .main .title {	background: url(../img/about/title_bg.jpg) left top no-repeat;}

#contents.index .box01 {
	margin-bottom: 10px;
	padding: 3px 3px 10px 3px;
	border: 1px solid #e1e1dd;
	background: #f3f5f6 url(../img/index/box01_bg.jpg) repeat-x;
}
#contents.index .box01 h3 {	padding-left: 1px;}
#contents.index .box01 li {
	margin: 3px 5px;
	padding: 3px 5px 3px 25px;
	background: url(../img/temp/ico01.jpg) left center no-repeat;
	border-bottom: 1px dotted #dadad3;
}
#contents.index .box01 li.end {	border: none;}

#contents.index .main p.lead01 {
	margin: 0 20px 10px;
	padding: 10px 0 0;
}
#contents.index .main p.lead02 {
	margin: 0 20px 30px;
	padding: 10px 0 0;
	border-top: 1px dotted #dadad3;
}
#contents.index .main p.lead01 strong, #contents .main p.lead02 strong {	color: #1666a7;}

/* ご挨拶 レイアウト */
#contents.index .main p.image {
	float: left;
	width: 194px;
	margin: 10px 20px 0px 20px;
	_margin: 10px 20px 0px 10px;
	padding: 3px;
	border: 1px solid #cccccc;
}
#contents.index .main p.name {
	padding: 10px 10px 0 20px;
	font-weight: bold;
/*	text-align: right;*/
}
#contents.index .main p.text {
	clear: both;
	padding: 10px 20px 30px 20px;
}

/* 役員紹介 レイアウト */
#contents.index .main ul.introduction {
	margin-bottom: 10px;
	padding: 10px 20px 20px;
	border-bottom: 3px solid #e0e0e0;
}
#contents.index .main ul.introduction.end {	border-bottom: none;}

#contents.index .main ul.introduction li.image {
	float: left;
	width: 131px;
	margin: 0 20px 0 0;
	padding: 3px;
	border: 1px solid #cccccc;
}
#contents.index .main ul.introduction li.name {
	padding-top: 0;
	font-weight: bold;
}
#contents.index .main ul.introduction li.text {
	clear: both;
	padding-top: 10px;
}


/* 沿革 history.html
------------------------------------------------------------ */
#contents.history .main .title {	background: url(../img/about/title_bg_history.jpg) left top no-repeat;}

#contents.history .main table {
	width: 580px;
	margin: 10px 10px 20px;
}
#contents.history .main table th {
	padding: 10px 5px;
	border-bottom: 1px dotted #dadad3;
	vertical-align: top;
}
#contents.history .main table td {
	padding: 10px 5px;
	border-bottom: 1px dotted #dadad3;
}

/* 沿革 biz_japan.html
------------------------------------------------------------ */
#contents.biz_japan .main .title {	background: url(../img/about/title_bg_biz_japan.jpg) left top no-repeat;}
#contents.biz_japan .main p.lead {	line-height: 2.0;}

/* 日本法人一覧 list_jp.html
------------------------------------------------------------ */
#contents.list .main .title {	background: url(../img/about/title_bg_list.jpg) left top no-repeat;}
#contents.list .main h5 {
	clear: both;
	margin: 10px 20px 0;
	padding: 10px 10px 10px 30px;
	background: url(../img/temp/ico06.gif) left center no-repeat;
	border-bottom: 1px solid #e6e6e6;
	font-weight: bold;
}
#contents.list .main p.lead {
	float: left;
	width: 353px;
	padding-bottom: 20px;
	line-height: 2.0;
}
#contents.list .main .contact {
	float: left;
	width: 165px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 15px 10px 8px;
	background-color: #fafcfd;
	border: 1px solid #e6e6e6;
}
#contents.list .main .contact ul {
	padding: 0 8px 8px;
}
#contents.list .main .contact li.tel {
	margin-left: 18px; 
	padding: 0 0 0 20px;
	background: url(../img/temp/ico_tel.gif) left center no-repeat;
}
#contents.list .main ul.contact li.fax {	background: url(../img/temp/ico_fax.gif) left center no-repeat;}
#contents.list .main ul.contact li.mail {	background: url(../img/temp/ico_mail.gif) left center no-repeat;}


/* 中国法人一覧 list_cn.html
------------------------------------------------------------ */
#contents.list_cn .main .title {	background: url(../img/about/title_bg_list.jpg) left top no-repeat;}
#contents.list_cn .main h5 {
	clear: both;
	margin: 10px 20px 0;
	padding: 10px 10px 10px 30px;
	background: url(../img/temp/ico06.gif) left center no-repeat;
	border-bottom: 1px solid #e6e6e6;
	font-weight: bold;
}
#contents.list_cn .main .contact {
	margin: 10px 20px 0;
	padding: 0px 10px 0px 20px;
	background-color: #fafcfd;
	border: 1px solid #e6e6e6;
}
#contents.list_cn .main .contact ul {
	float: left;
	width: 330px;
	height: 3.6em;
}
#contents.list_cn .main .contact li.office {
	display: inline;
	padding-right: 25px;
	line-height: 3.6em;
}
#contents.list_cn .main .contact li.tel {
	display: inline;
	padding: 0 0 0 20px;
	background: url(../img/temp/ico_tel.gif) left center no-repeat;
	line-height: 3.6em;
}
#contents.list_cn .main .contact p.btn {
	float: right;
	width: 165px;
}

/* ↓↓追記100329　TEL2行用↓↓ */
#contents.list_cn .main .contact ul.list02 {
	float: left;
	width: 330px;
	padding-bottom: 10px;
}
#contents.list_cn .main .contact li.office02 {
	float: left;
	width: 80px;
	padding-top: 10px;
	padding-right: 25px;
}
#contents.list_cn .main .contact li.tel02 {
	float: left;
	margin-top: 10px;
	padding: 0 0 0 20px;
	background: url(../img/temp/ico_tel.gif) 0 0.3em no-repeat;
}
#contents.list_cn .main .contact p.btn02 {
	float: right;
	width: 165px;
	padding-top: 5px;
}
/* ↑↑追記100329　TEL2行用↑↑ */

/* アクセス access_japan.html、access_china.html
------------------------------------------------------------ */
#contents.access .main .title {	background: url(../img/about/title_bg_access.jpg) left top no-repeat;}

#contents.access .main .box_left {
	float: left;
	width: 261px;
	padding: 20px 0 30px 20px;
}
#contents.access .main p.btn {
	padding-top: 15px; 
	text-align: center;
}
#contents.access .main .box_right {
	float: right;
	width: 270px;
	padding: 20px 20px 30px 0;
}
#contents.access .main p.exp {
	margin-top: 15px;
	padding: 10px;
	background-color: #f1f1f0;
}