@charset "utf-8";
/* ================= contents =================
[1] BASIC	    		[2] TITLE
[3] LINKS	    		[4] LIST
[5] TOP IMG+TEXT		[6] TEXT FONT
[7] TABLE    			[8] LOWER IMG + TEXT
[9] BUTTON LINK COL 	[10]RELEASE
[11] COMPANY 			[12]CONTACT
============================================ */

/* 1.BASIC --------------------------------------------------- */

@media only screen and (min-width:570px) and (max-width:770px){
.lawerContainer { margin:0 15px;}
}
.editArea { padding:20px 2.739726%; background:#fff; margin-bottom:30px;}
.preArea { margin-bottom:30px;}
.editArea p {
	margin:10px 0 0 0;
	line-height:1.6;
}
.pcHide { display:none!important;}

/* 2.TITLE --------------------------------------------------- */
h1 {
	font-size:1.5em;
	font-weight: bold;
}
.hTxt {
	border-bottom:3px solid #ffcc00;
	background:#fff;
	padding:20px 0 7px 15px;
	margin-bottom:30px;
}
@media only screen and (min-width:570px) and (max-width:770px){
.hTxt { margin-top:30px;}
}

h2 {
	font-size: 1.25em;
	font-weight: bold;
	margin:0 0 20px 0;
}
.top_h2Txt {
	margin:30px 0 20px 0;
}
.h2Txt {
	background: url(../img/common/h2_ico_ylw.gif) no-repeat left 2px;
	padding-left: 25px;
	display: inline-block;
}
/*  contact */
.contact_h2 { font-size:1em;background: url(../img/common/h2_ico_ylw.gif) no-repeat left 4px; background-size:9px 9px; padding-left:15px; font-weight:normal; margin:10px 0 40px;}

h3 {
	font-size:1.25em;
	font-weight: bold;
}
.h3Txt {
	border-left:5px solid #ccc;
	padding-left:7px;
}
h4{
	font-size:1.167em;
	font-weight: bold;
}

/* 3.LINKS --------------------------------------------------- */
.rLinks {
	float: right;
	line-height: 21px;
	margin:30px 0 7px 15px;
}
.top_rLinks { margin-top:30px; }
.h1_rLinks { margin:-62px 15px 0 0;}
.rLinks a {
	background: url(../img/common/icon_arrow_l.png) no-repeat left center;
	display: inline-block;
	padding-left: 16px;
	color: #3669ae;
	cursor: pointer;
}

ul.link li {
    margin-top: 10px;
}
ul.link li a {
	background: url(../img/common/icon_arrow_l.png) no-repeat left center;
	display: inline-block;
	padding-left: 16px;
	color: #3669ae;
	cursor: pointer;
}
ul.link li.noLink span{
	background:url(../img/common/icon_blk_gr.png) no-repeat left 3px;
	display: inline-block;
	padding-left:16px;
	color:#333;
}
p.pdfLink a:after{
	content:url(../img/common/ico_pdf.png);
	margin-left:5px;
}
p.blkLink a:after{
	content:url(../img/common/ico_blank.png);
	margin-left:5px;
}
.facebookLink{ display:inline-block; background:url(../img/common/icon_facebook.png) no-repeat 0 center; padding-left:20px; }
.twitterLink{ display:inline-block; background:url(../img/common/icon_twitter.png) no-repeat 0 center; padding-left:20px; }

/* 4.LIST --------------------------------------------------- */
.listCommon {
	background: #fff;
	/*padding: 0 15px;*/
}
.listCommon dl {
	background: url(../img/common/hr_dot.gif) repeat-x left bottom;
	display: table;
	width: 100%;
}
.listCommon dl:last-child {
	background: none;
}
.listCommon dl dt,
.listCommon dl dd {
	display: table-cell;
	_display: inline;
	zoom: 1;
	text-align: left;
	vertical-align: top;
	padding: 10px 0;
}
.listCommon dl dt {
	width: 6em;
	font-weight: bold;
	white-space: nowrap;
	font-weight: normal;
}
.listCommon dl dd.flg {
	width: 54px;
	padding: 10px;
}
/*.listCommon dl dd.flg img{
	width:55px;
	height:14px;
}*/
.shareList dl dt{ width:10em;}
ul.ccList {
	margin-top:10px;
}
ul.ccList li {
	background: url(../img/common/dot.png) no-repeat left center;
	padding-left:0.66em;
}
ol.numList{
	margin:10px 0 30px 0;
}
ol.numList li {
    list-style-type: decimal;
    margin-left: 1.5em;
}
/* 5. TOP IMG+TEXT --------------------------------------------------- */
.imgTxtTb {
	width: 100%;
	max-width: 730px;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.imgTxtTb ul {
	margin-right: -10px;
	overflow: hidden;
}
.imgTxtTb ul li {
	width: 25%;
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
.imgTxtTb ul li a,.imgTxtTb ul li .noLinkBd {
	display: block;
	width: 100%;
	background: #fff;
}
.imgTxtTb ul li dl {
	padding: 6px 12px;
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-width: 3px;
	border-style: solid;
	border-color: #fff;
	-webkit-transition: border-color 0.2s linear;
	-moz-transition: border-color 0.2s linear;
	-o-transition: border-color 0.2s linear;
	-ms-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
}
.imgTxtTb ul li dl:hover {
	border-color: #3669ae;
	cursor: pointer;
}

.imgTxtTb ul li dl dt {
	text-align: center;
	height: 84px;
	width: 100%;
}
.imgTxtTb ul li dl dt span {
	display: block;
	line-height: 84px;
	font-size: 0;
}
.imgTxtTb ul li dl dt img {
	display: inline-block;
	width: 80%;
	vertical-align: middle;
}
.imgTxtTb ul li dl dd {
	background: url(../img/common/hr_dot.gif) repeat-x left top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding-top: 10px;
	line-height: 1.6;
}
.imgTxtTb ul li dl dd p {
	padding: 0 15px;
	height: 58px;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}
.imgTxtTb ul li .noLinkBd dl dd p{
	color:#3669AE;
}
.groupListBox .imgTxtTb ul li a,.imgTxtTb ul li .noLinkBd { position:relative;}
.groupListBox .imgTxtTb ul li dl:after{ position:absolute; left:0; top:0; content:""; display:block; width:100%;
    height:170px;
	border:3px solid transparent;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-transition:border-color 0.2s linear;
	-moz-transition:border-color 0.2s linear;
	-o-transition:border-color 0.2s linear;
	-ms-transition:border-color 0.2s linear;
	transition:border-color 0.2s linear;
	}
.groupListBox .imgTxtTb ul li dl:hover{ border-color:#fff;}
.groupListBox .imgTxtTb ul li .noLinkBd dl:hover {cursor:default;}
.groupListBox .imgTxtTb ul li dl:hover:after{ border:3px solid #3669ae; }
.groupListBox .imgTxtTb ul li .noLinkBd dl:hover:after {border-color: transparent;}
.groupListBox .imgTxtTb ul li dl dt .groupFlag_imj,.groupListBox .imgTxtTb ul li dl dt .groupFlag_other{ position:absolute; left:0; top:0; width:100%; height:14px; line-height:1; text-align:left;}
.groupListBox .imgTxtTb ul li dl dt .groupFlag_other { display:none;}
.groupFlag_imj img{ width:100%; max-width:72px; max-height:14px;}
.groupFlag_other img{ width:100%; max-width:83px; max-height:14px;}
.groupListBox .imgTxtTb ul li dl dt .groupLogo img{ width:90%;}
.sp_imgTxtTb {
	display: none;
}
@media only screen and (min-width:570px) and (max-width:770px) {
/*.imgTxtTb {max-width:708px;}	*/
.imgTxtTb ul li {
	height: 179px;
}
.imgTxtTb ul li dl {
	height: 169px;
}
.imgTxtTb ul li dl dt {
	height: 77px;
}
}
/* 6. TEXT FONT--------------------------------------------------- */
.fsL{
	font-size:1.1666666em;
	line-height:1.6;
}
.fcAtt {
    color: #FF4040 !important;
}
.fb {
    font-weight: bold !important;
}

/* 7. TABLE--------------------------------------------------- */

.defTbl{
	margin-top:20px;
	boder-collapse:collapse;
	border:solid 1px #d9d9d9;
	width:100%
}

.defTbl th,
.defTbl td{
	border:solid 1px #d9d9d9;
	padding:0 15px 10px;
	vertical-align:top;
	text-align:left;
}
.defTbl tbody th{
	background-color:#f7f7f7;
	width:25%;
	border-width:1px 0 1px 1px;
}
.defTbl tbody  td {
	border-width:1px 1px 1px 0;
}
.tabNoStyle,
.tabNoStyle th,
.tabNoStyle td {
	border:0;
}
.tabNoStyle tbody th {
	background:none;
}
.compMap { 
	padding:15px 0 5px;
	max-width:477px;
	width:100%;

}

/* 8. LOWER IMG + TEXT --------------------------------------------------- */

/* thumbCommon */
.thumbCommon{
	overflow:hidden;
	margin-top:15px;
}
.thumbCommon p{
	margin-top:0;
}
.thumbCommon .img{
	max-width:100%;
	float:left;
	margin-right:2.739726%;
	margin-bottom:20px;
}
.thumbCommon .text h5 {
	font-size:1em;
	font-weight:normal;	
}
.thumbCommon .text h4 {
	line-height:2.2;
}

.thumbM .text{
	max-height:140px;
	overflow:hidden;
}
/*.sp_thumnS {
	display:none!important;
}*/
.thumbS a {
	margin-bottom:10px;
	display:inline-block;
}
.thumbS .text{
	overflow:hidden;
}

.thumbCommon:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.thumbCommon{
	display:inline-table;
	min-height:1%;
}
/* \*/
html .thumbCommon{
	* height:1%;
}

.thumbCommon{
	display:block;
}

.perProfile {
	background:url(../img/common/hr_dot.gif) repeat-x left bottom;
	padding-bottom:20px;
}
.pcNoImg160 {
	width:160px;
}
.groupProfile .perProfile .img img{ width:160px;}
.perProfile .text {
	overflow:hidden;
}
.perProfile dl { padding:5px 0; width:100%; }
.perProfile dl dt,.perProfile dl dd { display:inline-block;}
.perProfile dl dt { width:72px; margin-right:20px; vertical-align:top; float:left;}
.perProfile dl dd{ overflow:hidden; min-width:233px; width:71.692307%;}
.perProfile dl:after{content:"";display:block;height:0; line-height:0;clear:both;visibility:hidden;}
.perProfile dl{display:inline-block;clear:both;min-height:1%;  /* for IE 7*/}
/*.group_logo { max-width:70%;}*/


/* 9.BUTTON LINK COL --------------------------------------------------- */

/* BTN --------------------------------------------------- */
.btnCnt {
	text-align:center;
}
a.btn {
	color:#fff;
	font-size:1.166666em;
	font-weight:bold;
	text-align:center;
	display:inline-block;
	width:151px;
	background:#004098;
	border:2px solid #004098;
}
a.btn span {
    display: block;
    margin: 10px;
	background:url(../img/common/ico_arrow_w_2x.png) no-repeat right 5px / 7px 11px;
}
a.btn:hover {
	background:#fff;
	color:#004098;
	text-decoration:none;
}
a.btn:hover span {	
	background:url(../img/common/ico_arrow_bl_2x.png) no-repeat right 5px / 7px 11px;
}
/* //BTN --------------------------------------------------- */
.btnLinkCol2 {
	padding-right:190px;
	min-height:48px;
	position:relative;	
}
.blc2_privacy {
	min-height:160px;
}
.btnLinkCol2 .btnCnt {
	position:absolute;
	right:0;
	top:0;
	margin:0;
}
.btnLinkCol2 .btnCnt01 a,.btnLinkCol2 .btnCnt02 a { display:block;}
.btnLinkCol2 .btnCnt01 {
	position:absolute;
	right:0;
	top:30px;
}
.btnLinkCol2 .btnCnt02 {
	position:absolute;
	right:0;
	top:100px;
}
.btnLinkCol2 .btnCnt h2{
	margin-bottom:5px;
	text-align:left;
	display:block;
}

/* 10.RELEASE --------------------------------------------------- */
.flgTips {
	text-align:right;
	margin:20px 0 10px;
}
.flgTips ul li {
	display:inline-block;
}
html.oldIE .flgTips ul li {
	display:inline;
}
.flgTips img {
	margin:0 10px 0 20px;
}
.flgTips span {
	font-size:0.833333em;
}
.flgs img + img,.flgs img + img + img{ margin-left:10px; }

/* 11.COMPANY --------------------------------------------------- */

article.companyTxt aside{
	text-align:right;
}
article.companyTxt aside p {
	margin:0;
}
/* COMPANY NAV */
.compNav dl dt,.compNav dl dd {
	display:inline-block;
}
html.oldIE .compNav dl dt,html.oldIE .compNav dl dd {
	display:inline;
	float:left;
}

/* -------- clearfix -------- */
html.oldIE .compNav dl:after{content:"";display:block;height:0; line-height:0;clear:both;visibility:hidden;}
html.oldIE .compNav dl{display:inline-block;clear:both;min-height:1%;  /* for IE 7*/}

.compNav dl dd ul li {
	display:inline-block;
	margin-left:45px;
	background:url(../img/common/icon_arrow_l.png) no-repeat left 3px;
	padding-left:16px;
}
html.oldIE .compNav dl dd ul li {
	display:inline;
}
.compNav dl dd ul li.curNav{
	background:url(../img/common/icon_blk_gr.png) no-repeat left 3px;
	padding-left:16px;
	color:#333;
}
.compNav dl dd ul li.ovrNav a {
}
/* 12.CONTACT --------------------------------------------------- */
.contactBox {
	border:1px solid #ccc;
	padding:20px;
	margin:10px 0;
}
.contactBox p {
	margin:0;
}
.preCorporate {
	background:url(../img/common/hr_dot.gif) repeat-x left bottom;
	padding-bottom:20px;
	margin-bottom:20px;
}
/* 13.SLLIDE --------------------------------------------------- */
.resume { display:none;}

/* 14.ACCESS MAP --------------------------------------------------- */
#TMH-address { display:none;}