@charset "utf-8";

/*=============================================================================*/
/* BASIC */
/*=============================================================================*/

#contentsWrap {
	width: 100%;
	margin: 0 auto;
}
#sideMenu {
	width: 100%;
	margin: 0 auto 50px;
}
#sideMenu .sideNavi {
	margin: 0 3%;
}
#sideMenu li {
	list-style: none;
}
#sideMenu li a {
	display: block;
}
#sideMenu .sideNavi li > ul {
	margin-bottom: 0;
}
#sideMenu .sideNavi > li a {
	line-height: 1.5;
	vertical-align: top;
}
#sideMenu .sideNavi li a {
	position: relative;
	padding: 12px 12px 12px 18px;
}
#sideMenu .sideNavi > li a {
	border-bottom: 1px solid #dfdfdf;
}
#sideMenu .sideNavi > li a:before {
	display: block;
	content: "";
	position: absolute;
	top: 1.6em;
	left: 0;
	height: 2px;
	width: 10px;
	background-color: #000;
}
#sideMenu .sideNavi li li:first-child {
	margin-left: 0;
}
#sideMenu .sideNavi li li a {
	padding-left: 26px;
	border-bottom: 1px dotted #dfdfdf;
}
#sideMenu .sideNavi > li li a:before {
	top: 1.6em;
	left: 10px;
	width: 8px;
}
#sideMenu .sideNavi li li > ul {
	border-bottom: 1px dotted #dfdfdf;
}
#sideMenu .sideNavi li li li {
	font-size: 11px;
}
#sideMenu .sideNavi > li li li a {
	border-bottom: none;
}
#sideMenu .sideNavi > li li li a:before {
	width: 6px;
}
#sideMenu .sideNavi > li.current {
	margin-top: 20px;
}
#sideMenu .sideNavi > li.current > a {
	padding-left: 0;
}
#sideMenu .sideNavi > li.current > a:before {
	height: 0;
	width: 0;
}
#sideMenu .sideNavi > li:first-child.current {
	margin-top: 0;
}
#sideMenu .sideNavi li.current > a {
	color: #c0c0c0;
}
#sideMenu .sideNavi li li.current > a:before {
	background-color: #c0c0c0;
}
#sideMenu .sideNavi > li > ul,
#sideMenu .sideNavi li li > ul {
	display: none;
}
#sideMenu .sideNavi > li.current > ul,
#sideMenu .sideNavi li li.current > ul {
	display: block;
}
.pdfLink{
	padding-left: 18px !important;
	background: url(../../images/wap/icon_pdf_01.gif) no-repeat 0 3px;
}

/*=============================================================================*/
/* about_tasaki */
/*=============================================================================*/

/* diamond 4c
----------------------------- */

#aboutTasakiArea .cutColumn,
#aboutTasakiArea .clarityColumn,
#aboutTasakiArea .caratColumn,
#aboutTasakiArea .colorColumn{
	padding-top: 30px;
	border-top:1px dotted #c6c6c6; 
}

#aboutTasakiArea .cutColumn{
	padding-top: 0;
	border: none;
}

.groupLinks.acenter{
	text-align: left !important;
}

.jquery-lightbox .jquery-lightbox-buttons .jquery-lightbox-button-max,
.jquery-lightbox .jquery-lightbox-buttons .jquery-lightbox-button-min{
	bottom:10px;
}

/* pearl
----------------------------- */

#aboutTasakiArea .pearlColumn{
	padding-top: 30px;
	border-top:1px dotted #c6c6c6; 
}

#aboutTasakiArea .youtubeBlock2col li{
    margin-bottom: 20px;
}

/*=============================================================================*/
/* corporate */
/*=============================================================================*/

/* outline
----------------------------- */

.btnArea  li{
	width:100%;
	margin: 0;
}

.btnArea li a{
	display:block;
	padding:15px;
	font-size:12px;
	line-height:1.5;
	text-decoration:none;
	text-align:center;
	color:#000 !important;
	text-decoration:none !important;
	background-color:#e6e6e6;
}
	
.btnArea li a:before{
	content:"";
	display:inline-block;
	height:18px;
	width:18px;
	margin-right:5px;
	vertical-align:top;
	background:url(../../images/wap/icon_download.png) no-repeat left top;
	background-size:cover;
}

/*  ▼old css
-------------------------------------------------- */

/*=============================================================================*/
/* about_tasaki */
/*=============================================================================*/

/* index
----------------------------- */
#aboutTasakiArea {
    width: 94%;
    margin: 20px auto;
}

#topBox01 {
	margin:0 auto;
	position:relative;
}

#topBox01 .movie01{
	position: relative;
	height:0px;
	width:100%;
	padding-bottom: 56.25%;
	margin:0 auto 10px auto;
}

#topBox01 .movie01 iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#topBox01 #lead01{
	margin-bottom:30px;
}

#topBox01 #lead02{
	margin-bottom:30px;
}

#topBox01 #lead02 p{
	margin-bottom:30px;
}

#topBox01 #photo01{
	margin-bottom:30px;
	text-align:center;
}

#topBox01 #photo01 img{
	width:100%;
	height:auto;
}

#topBox03 #lead03{
	margin-bottom:30px;
}

#topBox03 #photo02{
	margin-bottom:30px;
	text-align:center;
}

#topBox03 #photo02 img{
	width:100%;
	height:auto;
}

/* diamond
----------------------------- */

#aboutTasakiArea .aboutTasakiBox{
	margin-bottom: 30px;
}

#aboutTasakiArea .youtubeBlock{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

#aboutTasakiArea .youtubeBlock iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* diamond 4c
----------------------------- */

.aboutTasakiBox .imgBoxFull{
	margin:0 0 0 0;
}

.aboutTasakiBox .imgBoxFull img{
	width:100%;
	height:auto;
}

.aboutTasakiBox .imgBoxFull .leftBox{
	margin:0 0 10px 0;
}

.aboutTasakiBox .imgBoxFull .rightBox{
	margin:0 0 0 0;
}

.aboutTasakiBox .imgBox ul{
	margin-top:10px;
	height: 30px;
	display:block;
	list-style: none;
}

.aboutTasakiBox .imgBox ul li{
	text-align:center;
	display:block;
	float:right;
	margin:0;
}

.aboutTasakiBox .imgBox ul li a{
	background-color:#fff;
	border: 1px solid #ccc;
	padding: 4px 40px;
	display:block;
	color:#171717;
}

.aboutTasakiBox .imgBox ul li a:hover{
	background-color:#e3f0ea;
	border: 1px solid #e3f0ea;
	padding: 4px 40px;
	display:block;
	text-decoration:none;
	color:#171717;
}

/* pearl
----------------------------- */

.aboutTasakiBox .txtBox table td{
	vertical-align:top;
	padding:0 5px 10px 0;
}

/*=============================================================================*/
/* corporate */
/*=============================================================================*/
#corporateTextArea {
	width:94%;
	margin:0 auto;
}

#irContent #corporateTextArea h2,
#irContent #corporateTextArea h3{
	margin-left: 0;
}

#corporateTextArea ul{
	list-style: none;
}

#corporateTextArea p.noM{
	margin:0 0 0 0;
}

#corporateTextArea table.lineBlock{
	width:100%;
	border-left:1px solid #c6c6c6;
	border-top:1px solid #c6c6c6;
	margin:0 auto 10px auto;
}

#corporateTextArea table.lineBlock th{
	width:30%;
	line-height:1.6;
	padding:3%;
	font-weight:normal;
	vertical-align:top;
	background-color:#e8f2ee;
	border-right:1px solid #c6c6c6;
	border-bottom:1px solid #c6c6c6;
	text-align:left;
}

#corporateTextArea table.lineBlock td{
	padding:3%;
	line-height:1.6;
	vertical-align:middle;
	border-right:1px solid #c6c6c6;
	border-bottom:1px solid #c6c6c6;
}

#corporateTextArea p.tR{
	text-align:right;
}

/* message
----------------------------- */

#messageArea {
	width:94%;
	margin:0 auto;
}

#messageArea .textArea p{
	margin:0 0 30px 0;
}

#messageArea .photoArea {
	text-align:center;
	margin:0 0 30px 0;
}

#messageArea .photoArea p{
	text-align:center;
}


/* outline
----------------------------- */

#corporateTextArea table.lineBlock td dl.affiliatesList{
	margin:0 0 30px 0;
	font-size:12px;
}

#corporateTextArea table.lineBlock td dl.affiliatesList:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	overflow: hidden;
}

#corporateTextArea table.lineBlock td dl.affiliatesList dt{
	margin:0 0 0 2%;
}

#corporateTextArea table.lineBlock td dl.affiliatesList dd{
	margin:0 0 0 2%;
}

#corporateTextArea table.lineBlock td dl.boardList{
	margin:0 0 10px 0;
}

#corporateTextArea table.lineBlock td dl.boardList:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	overflow: hidden;
}

#corporateTextArea table.lineBlock td dl.boardList dt{
	width:35%;
	margin:0 0 5px;
	float:left;
}

#corporateTextArea table.lineBlock td dl.boardList dt.full{
	width:100%;
	margin:0 0 5px;
	float:none;
}

#corporateTextArea table.lineBlock td dl.boardList dd{
	width:65%;
	margin:0 0 10px;
	float:right;
}

#corporateTextArea table.lineBlock td dl.boardList dd.full{
	width:100%;
	margin:0 0 10px;
	float:none;
}

#corporateTextArea table.lineBlock .tableInner{
    padding-left:10px;
}

/* governance
----------------------------- */

#contentsmain .governance p{
	margin:0 0 15px 0;
}

#contentsmain .governance p.lead{
	margin:0 0 25px 0;
}

#contentsmain .governance ol{
	margin:0 0 15px 20px;
	list-style: none;
}

#contentsmain .governance ol li:first-child {
	text-indent:-14px;
}

#contentsmain .governance ul{
	margin:0 0 15px 14px;
	text-indent:-14px;
}

/* history
----------------------------- */

#contentsmain table.widetable tr th,
#contentsmain table.widetable tr td {
	width:auto !important;
	text-align:center;
}

#contentsmain table.widetable tr th:last-child,
#contentsmain table.widetable tr td:last-child  {
	text-align:left;
}

#contentsmain table.widetable tr th.narrow {
	width:2% !important;
}

/* ir
=============================================================================*/

.pdfLink {
	background: url(../../images/wap/icon_pdf_01.gif) no-repeat 0 3px;
}

.dateList p{
	margin-bottom: 0;
	padding-left:0;
	padding-right:0;
}

.dateList {
	margin: 0 0 30px 0;
	border-bottom: 1px solid #c6c6c6;
	font-size: 12px;
}

.dateList dl {
	display:block;
	margin-bottom: 0;
	border-top:1px solid #c6c6c6;
}

.dateList dt {
	padding: 5px 10px 0 10px;
	display: block;
	color: #515151;
}
.dateList dd {
	padding: 0 20px 5px 10px;
	display: block;
	zoom: 1;
	background: url(../../images/wap/arrow_next.png) no-repeat 98% 0;
}
.dateList ul.borderList {
	margin-bottom:0;
}
.dateList ul.borderList li {
	padding: 10px 10px 10px 10px;
	color: #515151;
	display: block;
	border-top: 1px solid #c6c6c6;
	background: url(../../images/wap/arrow_next.png) no-repeat 98% 48%;
	float: none;
}
.dateList ul li a,
.dateList dl dd a{
	display: block;
}
.pluginMod {
	width:94%;
	margin:40px auto;
}
.pluginMod .pluginImg {
	margin:0 0 10px 0;
}
.pluginMod .pluginInfo {
	zoom:1;
	color:#515151;
	font-size:10px;
}
#irContent h2,
#irContent h3,
#recruitTopArea h2{
	margin-left: 20px;
}
#irContent p{
	padding-left:10px;
	padding-right:10px;
}
/* index
----------------------------- */


#irContent .dateList p.pdfLink {
	padding-left: 18px
}

#companyContent .dateList .nonepdf a {
	text-decoration: underline;
}
#companyContent .dateList .nonepdf a:hover {
	text-decoration: none;
}

#irContent .indexBnr{
	margin-bottom:40px;
	font-size:18px;
}
#irContent .indexBnr .bnrTttl{
	font-weight:bold;
	padding-left:0;
}
#irContent .indexBnr .bnrRecent{
	background: url(../../images/wap/img_recent.gif) no-repeat right center #f9f9f9;
	background-size: 50% auto;
	width:100%;
	border:1px solid #c6c6c6;
	padding-top:40px;
	padding-bottom:40px;
	min-height:120px;
	margin-bottom:10px;
	box-sizing:border-box;
	padding-left:10px;
}
#irContent .indexBnr .bnrPresident{
	display:block;
	background: #f9f9f9;
	background-size: auto 100%;
	border:1px solid #c6c6c6;
	margin-bottom:10px;
	padding-top:45px;
	padding-bottom:40px;
	min-height:120px;
	box-sizing:border-box;
	padding-left:10px;
}
#irContent .indexBnr .bnrShareholder{
	display:block;
	background: #f9f9f9;
	background-size: auto 100%;
	border:1px solid #c6c6c6;
	padding-top:45px;
	padding-bottom:40px;
	min-height:120px;
	box-sizing:border-box;
	padding-left:10px;
}
#irContent .indexBnr img{
	display:none;
}
#irContent .indexBnrR{
	width:100%;
}
#irContent .indexBnrR img{
	width:100%;
}

#irContent #sectionTopMenu {
	margin-bottom:20px;
}

#irContent #sectionTopMenu h2 {
    border-bottom: 1px solid #c6c6c6;
    padding: 0 5px 5px;
    margin-bottom: 10px;
}
#irContent .topList ul {
	overflow:hidden;
}
#irContent .topList  ul li {
	margin: 0 auto 20px;
	padding: 0;
	width: 94%;
	list-style: none;
}

#irContent .topList  ul li dd a {
	display: block;
	padding-left: 10px;
}
#irContent .topList  ul li dd {
	margin: 0;
	padding: 0;
	padding-left:15px;
	padding-right:10px;
}

/* news
----------------------------- */
div.selectBox{
	width:91%;
	margin:0 auto 30px auto;;
	border:1px solid #c6c6c6;
	padding: 3px 0 3px 3%;
	position: relative;
	white-space:nowrap;
	overflow:hidden;
	text-align:left;
	-webkit-text-overflow:ellipsis;
	text-overflow:ellipsis;
}
div.selectBox:before{
	content:"";
	display: block;
	width:25px;
	height:30px;
	background: url(../../images/wap/arrow_down.png) no-repeat 0 0;
	position: absolute;
	right:3px;
	top:12px;
}
div.selectBox:after{
	content:"";
	width:0;
	height:0;
	display: block;
	border:4px solid transparent;
	border-top:4px solid white;
	position: absolute;
	right:6px;
	top:9px;
}
select{
	width:94%;
	position: absolute;
	zoom:1.1;
	z-index: 2;
	text-align:center;
	opacity: 0;
}

/* lib
----------------------------- */

#irContent .btnList a{
	display:block;
	width:94%;
	border:1px solid #c6c6c6;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
#irContent .btnList a:hover{
	background:#666;
}
#irContent .btnList a span{
	display:inline-block;
}
#irContent .btnList a:hover span{
	color:#fff;
}

/* shareholder courtesy
----------------------------- */

#irContent #corporateTextArea .attentionBox{
	margin:0 0 20px;
	padding: 20px 20px 0;
	border: 1px solid #c6c6c6;
}

#courtesyArea {
	width:100%;
}

#courtesyArea p{
	margin:0 0 20px 0;
}

.storesListArea{
	width: 100%;
	margin:0 auto 30px auto;
	border-bottom:1px solid #c0c0c0;
}

.storesListArea .listBox{
	width: 100%;
	margin:0 auto;
	padding:0;
	border-top:1px solid #c0c0c0;
	position:relative;
}

.storesListArea a dl{
	width: 100%;
	margin:0 auto;
	padding:5px 0;
	background: url(../../images/wap/arrow_next.png) no-repeat 99% 48%;
	position:relative;
}

.storesListArea dl:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	overflow: hidden;
}

.storesListArea dl dt{
	color:#1f1f1f;
	margin:0 4% 0 3%;
}

.storesListArea a dl dt:before{
	display:inline-block;
	content:"";
	margin:-2px 7px 0 0;
	height:2px;
	width:6px;
	background-color:#000;
	vertical-align:middle;
}

.storesListArea dl dd{
	color:#303030;
	line-height:1.4;
	margin:0 4% 0 3%;
}

.storesListArea a dl{
	color:#1f1f1f;
	display:block;
}

.storesListArea a:hover dl{
	color:#1f1f1f;
	background-color:#f5f5f5;
	text-decoration:none;
	display:block;
}


/* faq
----------------------------- */

#irContent #formFaqArea .formBlock{
	margin-bottom:20px;
}
#irContent #formFaqArea .formBlock .faqBloc{
	margin-bottom:20px;
	padding-left:26px;
	padding-right:5px;
}
#irContent #formFaqArea .formBlock .faqBloc .faqQ{
	text-indent:-14px;
	margin-bottom:8px;
}
#irContent #formFaqArea .formBlock .faqBloc .faqA{
	text-indent:-14px;
}
#irContent #formFaqArea .formBlock .faqBloc .faqA p,
#irContent #formFaqArea .formBlock .faqBloc .faqA div{
	text-indent:0;
}

/*=============================================================================*/
/* recruitment */
/*=============================================================================*/

/* index
----------------------------- */

#recruitTopArea .newsBoxWrap{
	width: 100%;
    height: auto;
	margin:0 0 40px;
    padding: 0;
    position: relative;
    border-bottom: 1px solid #c6c6c6;
}

#recruitTopArea .newsBoxWrap .newsBox{
    width: 94%;
    margin: 0;
    padding: 10px 3%;
    border-top: 1px solid #c6c6c6;
    position: relative;
	background:none !important;
}

#recruitTopArea .newsBoxWrap .newsBox .icon{
    color: #303030;
    font-size: 10px;
    margin: 0 0 10px 0;
    text-align: left;
}

#recruitTopArea .newsBoxWrap .newsBox .icon span{
    padding: 5px;
    background-color: #b8b8b8;
    text-align: center;
}

#recruitTopArea .newsBoxWrap .newsBox .detail p{
	color:#626262;
	margin:0 0 5px 2px;
	text-align:left;
	display:block;
}

#recruitTopArea .newsBoxWrap .newsBox .detail a{
	text-decoration: underline;
}

#recruitTopArea .newsBoxWrap .newsBox .detail a:hover{
	text-decoration: none;
}

#recruitTopArea .categoryBoxWrap{
	width:100%;
	margin:0 0 40px;
	border-top: 1px solid #dfdada;
	list-style: none;
}

#recruitTopArea .categoryBoxWrap:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#recruitTopArea .categoryBoxWrap li{
	float:left;
	width:50%;
	margin:0;
	font-size:12px;
	line-height:1.2;
	border-bottom: 1px solid #dfdada;
}

#recruitTopArea .categoryBoxWrap li.wide{
	width:100%;
}

#recruitTopArea .categoryBoxWrap .categoryBox{
	padding: 10px;
}

#recruitTopArea .categoryBoxWrap li .categoryBox h3{
	margin:0 0 5px;
}

#recruitTopArea .categoryBoxWrap li .categoryBox p{
	margin-bottom: 0;
}

#recruitTopArea .categoryBoxWrap li:nth-child(odd) .categoryBox{
	border-right: 1px solid #dfdada;
}

/* career
----------------------------- */

#recruitContentMain{
	width:94%;
	margin:0 auto;
}

#recruitContentMain img{
	max-width:100%;
}

#recruitContentMain h2.mainImg{
	margin:0 0 40px 0;
	border:#c6c6c6 1px solid;
	text-align:center;
	padding:1px;
}

#recruitContentMain h2.mainImg img{
	vertical-align:top;
}

#recruitContentMain section{
	margin-bottom:32px;
}

#recruitContentMain section .bold{
	font-size:14px;
	font-weight:bold;
	margin:0 0 10px;
}
#recruitContentMain section .leadTxt{
	margin-bottom:32px;
	font-size:18px;
	text-align:center;
	line-height:1.4;
	color:#666;
}

/* interview
----------------------------- */

#recruitContentMain .recruitmentNavi,
#recruitContentMain .interviewNavi{
	list-style: none;
}

#recruitContentMain .recruitmentNavi li a,
#recruitContentMain .interviewNavi li a{
	position:relative;
}

#recruitContentMain .interviewNavi li a:before,
#recruitContentMain .recruitmentNavi li a:before{
	display:inline-block;
	content:"";
	margin:-2px 7px 0 0;
	height:2px;
	width:6px;
	background-color:#000;
	vertical-align:middle;
}

/* recruitment
----------------------------- */

#recruitContentMain .listElement01{
	margin-bottom: 10px;
}

#recruitContentMain .listElement01 dt{
	padding:0 0 5px;
}

#recruitContentMain .listElement01 dd{
	padding:0 0 10px;
}

#recruitContentMain .ancLink,
#recruitContentMain .urlLinkList{
	list-style: none;
}

#recruitContentMain .urlLinkList{
	word-break: break-all;
}

#recruitContentMain table.lineBlock{
	width:100%;
	border-left:1px solid #c6c6c6;
	border-top:1px solid #c6c6c6;
	margin:0 auto 10px auto;
}

#recruitContentMain table.lineBlock th{
	width:30%;
	line-height:1.6;
	padding:3%;
	font-weight:normal;
	vertical-align:top;
	background-color:#e8f2ee;
	border-right:1px solid #c6c6c6;
	border-bottom:1px solid #c6c6c6;
	text-align:left;
}

#recruitContentMain table.lineBlock td{
	padding:3%;
	line-height:1.6;
	vertical-align:middle;
	border-right:1px solid #c6c6c6;
	border-bottom:1px solid #c6c6c6;
}

#recruitContentMain table.lineBlock td dl.affiliatesList{
	margin:0 0 30px 0;
	font-size:12px;
}

#recruitContentMain table.lineBlock td dl.affiliatesList:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	overflow: hidden;
}

#recruitContentMain table.lineBlock td dl.affiliatesList dt{
	margin:0 0 0 2%;
}

#recruitContentMain table.lineBlock td dl.affiliatesList dd{
	margin:0 0 0 2%;
}

#recruitContentMain table.lineBlock td h4{
	font-weight:normal;
	margin:0 0 10px 0;
	padding: 0 0 0 0;
}

#recruitContentMain table.lineBlock td dl.boardList{
	margin:0 0 10px 0;
}

#recruitContentMain table.lineBlock td dl.boardList:after {
	content: "."; 
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
	overflow: hidden;
}

#recruitContentMain table.lineBlock td dl.boardList dt{
	width:35%;
	margin:0 0 0 0;
	float:left;
}

#recruitContentMain table.lineBlock td dl.boardList dt.full{
	width:100%;
	margin:0 0 0 0;
	float:none;
}

#recruitContentMain table.lineBlock td dl.boardList dd{
	width:65%;
	margin:0 0 0 0;
	float:right;
}

#recruitContentMain table.lineBlock td dl.boardList dd.full{
	width:100%;
	margin:0 0 0 0;
	float:none;
}