@charset "UTF-8";
/* ******************************************************************

	--company.css--

	1. Layout setting

****************************************************************** */


/*==================================================================
	1. Layout setting
===================================================================*/
.mainContent {
	padding-top:40px;
}
.list {
	margin-bottom:40px;
	border-top:19px solid #EFEFEF;
	border-right:28px solid #EFEFEF;
	border-bottom:19px solid #EFEFEF;
	border-left:27px solid #EFEFEF;
	box-shadow:0 -1px 0 #F3F3F3;
}
.list ul {
	box-shadow:0 1px 0 #E0E0E1;
}
.list li {
	float:left;
	width:225px;
	border:1px solid #E0E0E1;
	border-left:none;
	border-top:none;
	text-align:center;
}
.list .bl {
	border-left:1px solid #E0E0E1;
}
.list a {
	display:block;
	padding:9px 0 10px;
	font-size:14px;
	line-height:1.5
}
.list .active,
.list a:hover {
	background:#191719;
	color:#8BBF0D;
	font-weight:bold;
	text-decoration:none;
}
.message {
	clear:left;
	margin:0 46px -5px 49px;
	padding-top:53px;
	background:#F6F6F6;
	box-shadow:0 -1px 0 #F8F8F8;
}
.message .photo {
	float:left;
	padding-right:28px;
	font-size:0;
}
.textMessage {
	padding:43px 66px 0 0;
}
.sign {
	text-align:right;
	padding-top:41px;
	color:#515151;
}
.sign p {
	display:inline-block;
	margin-left:18px;
	line-height:1.6;
	vertical-align:middle;
	text-align:left;
}
.sign img {
	position:relative;
	top:6px;
}
.messageText {
	clear:left;
	margin:40px 0 0 65px;
	color:#515151;
	font-size:16px;
	line-height:2.5;
}
/*==================================================================
	aboutus Styles
===================================================================*/
.aboutBlock {
	margin-bottom:100px;
}
.mb165 {
	margin-bottom:165px;
}
.aboutBlock .left {
	float:left;
}
.aboutBlock .right {
	float:right;
}
.aboutBlock .w560 {
	width:560px;
}
.aboutBlock .w530 {
	width:530px;
}
.aboutBlock .aboutText {
	margin-top:37px;
}
.aboutBlock .aboutText h2 {
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size:22px;
	font-weight:bold;
	line-height:1.35;
}
.aboutBlock .aboutText p {
	margin:23px 0 0 7px;
	color:#515151;
	font-size:16px;
	line-height:1.75;
	text-align:left;
}
.aboutBlock .aboutImage {
	font-size:0;
}
/*==================================================================
	data Styles
===================================================================*/
.dataPhoto {
	margin-bottom:66px;
	font-size:0;
	text-align:center;
}
.tableStyle {
	width:860px;
	margin:0 auto 100px;
}
.tableStyle th {
	width:200px;
	padding:11px 0 13px;
	border:1px solid #DFDFDF;
	border-width:1px 0;
	background:#F2F2F2;
	color:#515151;
	font-size:14px;
	line-height:1.8;
	text-align:center;
	box-shadow:1px 0 0 #F7F7F7;
}
.tableStyle td {
	padding:11px 0 13px 40px;
	border:1px solid #DFDFDF;
	border-width:1px 0;
	color:#515151;
	font-size:14px;
	line-height:1.8;
}
.tableStyle td a {
	color:#515151;
}
.tableStyle td a:hover {
	color:#4F81BD;
	text-decoration:underline;
}
.tableStyle .col2 {
	padding-left:0;
	width:160px;
	text-align:center;
}
.tableStyle td img {
	margin-left:5px;
}
.tableStyle .chartImg {
	margin:35px 0 27px 56px;
}
/*==================================================================
	society Styles
===================================================================*/
.societySection h2 {
	margin-bottom:-17px;
	padding:6px 0 3px;
	background:#9AC92B;
	color:#FFF;
	font-size:26px !important;
	text-align:center;
}
.societySection .sectionInner {
	padding:0 39px;
}
.societyBlock {
	margin-top:54px;
}
.societyBlock h3 {
	margin-bottom:-10px;
	padding:0 1px 13px;
	border-bottom:1px solid #000;
	font-size:20px;
	font-weight:bold;
}
.societyBlock .left {
	float:left;
	width:72%;
}
.societyBlock .right {
	float:right;
}
.societyBlock .societyText {
	color:#515151;
	font-size:16px;
	line-height:1.75;
}
.societyBlock .societyImage {
	margin-top:40px;
}
.societyBlock .societyImage li {
	display:inline-block;
	margin-left:15px;
}
.societyBlock .societyImage li:first-child {
	margin-left:0;
}
.societyBlock span {
	display:block;
	margin-top:4px;
	color:#515151;
	text-align:center;
}
.societyBlock p {
	margin-top:34px;
}
.societyBlock p a {
	text-decoration:none;
}
.societyBlock p a span {
	display:inline-block;
	margin:0;
	padding-left:9px;
	font-size:16px;
	text-align:left;
	text-decoration:underline;
}
.societyBlock p a span:hover {
	text-decoration:none;
	color:#4F81BD;
}
.mb150 {
	margin-bottom:150px !important;
}
/* ------------------------------------------------------------------
	1-1. office
-------------------------------------------------------------------*/
.officeGroup {
	padding:0 15px;
}
.officeGroup .button01 .buttonBlack01 {
	margin:0 8px;
}
.buttonRipple.buttonBlack01 {
	min-width:214px;
	padding:10px 0;
	border-color:#000;
}
.buttonRipple.buttonBlack02 {
	min-width:114px;
	padding:10px 50px;
	border:2px solid #000;
}
.officeBlock {
	padding:45px 35px 0 35px;
	margin-bottom:48px;
	border-top:1px solid #DFDFDF;
}
.addressBox .headline9 {
	padding:2px 0 3px 15px;
	margin-bottom:9px;
	background:url(/img/public/company/bg_line.gif) no-repeat 0 2px;
	font-size:17px;
	font-weight:bold;
}
.addressBox .headline9 span {
	font-size:14px;
}
.addressBox .boxInner {
	padding:0 10px 0 18px;
	background:url(/img/public/company/bg_dot02.png) repeat-y 0 0;
}
.addressBox .boxInner p.textOffice {
	margin-bottom:14px;
	color:#515151;
	line-height:1.9;
}
.officeBlock ul li {
	float:left;
	width:50%;
	margin-bottom:50px;
}
.addressBox .button02 {
	margin-left:-4px;
}
.addressBox .button02 .buttonBlack02 {
	margin:0 4px;
}
.btnMap {
	padding-left:20px !important;
	padding-right:20px !important;
}
.noBackground {
	background:none !important;
}
.companyLink {
	text-align:right;
}
.companyLink a {
	color:#505050;
	font-size:14px;
	text-decoration:none;
}
.companyLink span {
	padding-left:9px;
	text-decoration:underline;
}
.companyLink a:hover span {
	text-decoration:none;
}
/* ------------------------------------------------------------------
	1-2. map office styles
-------------------------------------------------------------------*/
.officeMap {
	padding:50px 50px 0;
	margin-top:-7px;
	border-top:1px solid #DFDFDF;
}
.officeMap .addressBox {
	padding:14px 15px 20px;
	background:#F4F4F4;
}
.officeMap .addressBox .headline9 {
	font-size:20px;
}
.officeMap .transports {
	margin-bottom:11px;
	font-size:17px;
	font-weight:bold;
}
.officeMap .map {
	margin-bottom:7px;
	border:2px solid #E5E5E5;
}
.officeMap .map img {
	width:100%;
}
.officeMap .direction {
	margin-left:15px;
	padding-bottom:50px;
	list-style: url(/img/public/company/bg_square.gif);
}
.officeMap .direction li {
	margin:0 0 8px 1px;
	color:#515151;
	font-size:14px;
}
.officeMap .direction li span {
	position: relative;
  	left: -3px;
}
.boxStep {
	background:#f7f7f7;
	border-bottom:1px solid #cdcdcd;
	-moz-box-shadow:0px 1px 1px 1px #eee;
	-webkit-box-shadow:0px 1px 1px 1px #eee;
	-o-box-shadow:0px 1px 1px 1px #eee;
	box-shadow:0px 1px 1px 1px #eee;
	border-radius:3px;
	behavior:url(/js/PIE.php);
	padding:38px;
	padding-bottom:18px;
	position:relative;
	margin:0 0 60px 0;	
}
.boxTitle {
	display:table;
	width:100%;	
}
.boxTitle .number {
	display:table-cell;
	vertical-align:middle;
	width:79px;
	background:#76c2a4;
	font-size:0;	
}
.boxTitle .text {
	display:table-cell;
	vertical-align:middle;
	font-size:24px;
	color:#506aa3;
	font-weight:bold;
	padding:0 0 0 21px;
	line-height:1.5;
}
.listStep li {
	background:url(/img/public/company/icon_arrow.gif) no-repeat 100% 62px;
	float:left;
	width:200px;
	line-height:1.6;
	padding:0 17px 0 0;
	margin:0 11px 20px 0;	
}
.listStep li.last {
	margin:0 0 20px 0;
	padding:0;
}
.listStep li p {
	color:#515151;
}
.listStep li p.txt01 {
	font-weight:bold;
	font-size:13px;
	padding:5px 0 4px 0;
	color:#000;
}
.boxStep .image {
	font-size:0;
	position:relative;
}
.boxStep .image span {
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	padding:1px 4px 2px 4px;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	background:#000;
	text-align:center;
	min-width:20px;	
}
.boxStep .image span em {
	font-size:12px;	
}
.boxStep .image span.yellow {
	background:#faa500;	
}
.boxStep .headline5 {
	font-size:0;
	margin:0 0 13px 0;
	padding:27px 0 8px 0;
	border-bottom:1px solid #000;	
}
.boxStep .line {
	border-top:1px solid #8f8f8f;	
}
.listStep01 {
	background:url(/img/public/company/bg_line01.gif) no-repeat 0 0;
	padding:38px 0 0 129px;	
	margin:0 0 0 97px;	
}
.listStep02 {
	background:url(/img/public/company/bg_line02.gif) no-repeat 0 0;
	padding:0 0 0 129px;	
	margin:0 0 0 97px;	
}
.listStep03 {
	background:url(/img/public/company/bg_line03.gif) no-repeat 100% 68px;
	margin:0 104px 0 0; 
}
.listStep04 {
	background:url(/img/public/company/bg_line04.gif) no-repeat 0 0;
	padding:61px 0 0 0;	
	margin-top:-20px;
	position:relative;
}

/*==================================================================
	development Styles
===================================================================*/
.mainContent01 {
	width:857px !important;
}
.introBox02 {
	position:relative;
	background:#000;
	margin-bottom:38px;
	width:854px;
	text-align: center;
}
.introBox02 .intro {
	padding:18px 10px 16px;
}
.developSection .buttonLink01 {
	margin-bottom:44px;
}
.buttonLink li {
	display:inline-block;
	margin-left:14px;
	width:273px;
}
.buttonLink li:first-child {
	margin:0;
}
.buttonLink li a {
	background:#FFF;
	transition:background-color 0.35s ease 0s, color 0.35s ease 0s;
	border:3px solid #000;
	display:table-cell;
	padding:15px 20px;
	height:51px;
	width:230px;
	color:#000;
	line-height:1.7;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	vertical-align:middle;
}
.buttonLink li a:hover, .buttonLink li.active a {
	color:#A08F51;
	background:#000;
}
.buttonLink li a span {
	display:inline-block;
	vertical-align:middle;
	background:url(/img/public/icon_arrow35.png) no-repeat 0 50%;
	padding-left:16px;
}
.buttonLink li a:hover span, .buttonLink li.active a span {
	background-image:url(/img/public/icon_arrow46.png);
}
.buttonLink01  {
	margin-right:-30px;
	margin-top:-3px;
	position:relative;
}
.buttonLink01 li {
	width:260px;
	margin:0 3px 5px 0!important;
	text-align:center;
}
.buttonLink01 li a {
	padding:15px 10px;
	height:27px;
	width:254px;
}
.buttonLink01 li a:hover,
.buttonLink li a.active {
	color:#FFF;
	background:#000;
}
.buttonLink01 li a:hover span,
.buttonLink li a.active span {
	background-image:url(/img/public/icon_arrow32.png);
}
.developBox {
	padding-top:75px;
}
.developBox h2, .storyBlock h2 {
	padding-bottom:51px;
	text-align:center;
}
.developBox .itemInfo, .storyBlock .itemInfo {
	float:left;
	font-size:14px;
	line-height:1.7;
	width:624px;
}
.developBox .itemInfo01 {
	float:none;
	width:auto;
}
.developBox .itemInfo p, .storyBlock .itemInfo p {
	padding-bottom:25px;
	color:#515151;
}
.developBox .itemInfo .item {
	margin-bottom:26px;
}
.developBox .title, .storyBlock .title {
	padding-bottom:11px;
	color:#A08F51;
	line-height:1.5;
	font-size:17px;
	font-weight:bold;
}
.developBox .infoImage, .storyBlock .infoImage {
	float:left;
	margin:5px 0 0 18px;
	width:215px;
}
.developBox .user, .storyBlock .user {
	margin-top:7px;
	color:#515151;
}
.developBox .user em {
	margin-left:6px;
	font-size:11px;
}
.developBox .user span {
	display:block;
	margin-top:9px;
	text-align:right;
}
.developBox .group {
	padding:52px 26px 44px;
	border:3px solid #515151;
}
.developBox .group .infoImage {
	margin:0;
	width:236px;
}
.developBox .group .infoImage span {
	display:block;
	padding:0 0 17px 0;	
}
.developBox .group .itemInfo {
	width:560px;
}
.storySection .introBox02 {
	width:856px !important;
}
.introBox02 .intro01 {
	width:608px;
}
.introBox02 .userBox {
	position:absolute;
	top:0;
	right:0;
	width:228px;
}
.introBox02 .userBox .nameUser {
	position:absolute;
	padding:13px 16px 7px 14px;
	bottom:22px;
	left:21px;
	background:url(/img/public/company/bg_story.png) repeat 0 0;
}
p.txtIndex {
	margin:0 21px 46px 15px;
	padding:7px 0 48px;
	border-bottom:1px solid #DEDEDE;
	font-size:20px;
	font-weight:bold;
	line-height:1.4;
}
.storyBlock {
	margin-bottom:79px;
}
.storyBlock .itemInfo {
	width:605px;
	text-align:justify;
}
.storyBlock .infoImage {
	margin-left:37px;
}
.storyBlock .itemInfo01 {
	float:none;
	width:100%;
}
.storyBlock .storyImage {
	margin-top:10px;
	padding-bottom:15px !important;
}
.developBox .itemInfo .certificate {
	text-align:center;
}
.developBox .itemInfo .certificate li {
	display:inline-block;
	margin-right:12px;
}
.tabContents {
	display:block;
}
.qualityBox {
	display:none;
}
#tab01 {
	display:block;
}
.tabContents.info01 {
	display:none;
}
.qualityBox .itemInfo {
	margin-bottom:74px;
}
.qualityBox .itemInfo p {
	padding-bottom:15px !important;
}