@charset "UTF-8";
/***** style.css - 日東電工 *****/

/* overwrite module styles */
input, textarea { vertical-align: middle;}
.m-grid.s-manual {
margin-right:-20px;
}
.m-grid.s-manual .s-box {
	margin-bottom:15px;
}
.m-grid.s-manual .m-h2-box .m-h2 {
	margin-bottom:20px;
}
#G-RIGHT-PANE .m-one-fourth.s-manual .s-box {
	width:157px;
	margin-right:20px;
}
.color-18205c {
	color:#171c8f;
}
.color-666976 {
	color:#666976;
}
.lh165,.lh165-c>* {
	line-height:165%;
}
.lh170,.lh170-c>* {
	line-height:170%;
}
.lh180,.lh180-c>* {
	line-height:180%;
}
.hg-w216,.hg-w216-c>* {
	width:216px !important;
}
.hg-w342 {
	width:342px !important;
}
.hg-mrm15 {
	margin-right:-15px !important;
}
.hg-pl60,.hg-pl60-c>*{padding-left:60px !important;}
.hg-pl90,.hg-pl90-c>*{padding-left:90px !important;}
.hg-pl100,.hg-pl100-c>*{padding-left:100px !important;}
.hg-pl110,.hg-pl110-c>*{padding-left:110px !important;}
.hg-pl120,.hg-pl120-c>*{padding-left:120px !important;}
.hg-pl130,.hg-pl130-c>*{padding-left:130px !important;}
.hg-pl135,.hg-pl135-c>*{padding-left:135px !important;}
.hg-pl140,.hg-pl140-c>*{padding-left:140px !important;}
.hg-pl145,.hg-pl145-c>*{padding-left:145px !important;}
h4.hm-h4 {
	background:#ebebeb;
	font-weight:bold;
	font-size:116%;
	text-align:center;
	padding:8px 0 6px;
}
ul.hm-anchor-navi {
	margin-top:20px;
	border-top:1px dotted #7f7f7f;
	border-bottom:1px dotted #7f7f7f;
	padding:3px 0 17px;
}
ul.hm-anchor-navi li {
	margin-top:15px;
}
.hm-text-button3 {
	display:inline-block;
	*display:inline;
	*zoom:1;
  text-align:left;
	vertical-align:top;
	margin-right:15px;
	width:255px;
	border:1px solid #cecece;
}
.hm-text-button3 a {
	background:url(/common/img/bg_textbutton3.jpg) left center no-repeat;
	display:block;
	border:1px solid #fff;
	padding:15px 20px 12px 20px;
	color:#171c8f;
	font-weight:bold;
	font-size: 116%;
}
.hm-text-button3 a:hover {
	background:url(/common/img/bg_textbutton3.jpg) right center no-repeat;
}
.hm-matrix {
	background:url(/common/img/bg_matrix_bottom.gif) center bottom no-repeat;
	padding-bottom:3px;
}
.hm-matrix-top {
	background:url(/common/img/bg_matrix_top.gif) center top no-repeat;
	height:3px;
}
.hm-matrix-body {
	background:#c9cbdb;
	padding:0 3px;
}
.hm-matrix-body li {
	background:#ffffff;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	width:170px;
	border-top:1px solid #cecece;
	border-left:1px solid #cecece;
}
.hm-matrix-body li.second{
	width:169px !important;
}
.hm-matrix-body li.br {
	border-right:1px solid #cecece;
}
.hm-matrix-body li.bb {
	border-bottom:1px solid #cecece;
}
.hm-matrix-body li.first a {
	margin-left:0px !important;
}
.hm-matrix-body li a {
	background:url(/common/img/bg_matrix_button1.jpg) left center no-repeat;
	display:block;
	padding:17px 20px 15px 10px;
	color:#171c8f;
	font-weight:bold;
	margin-left:1px;
}
.hm-matrix-body li a:hover {
	background-position:-170px center;
}
.hm-matrix-body li span.hm-matrix-button2-top{
	background:url(/common/img/bg_matrix_button2_top.gif) left top no-repeat;
	display:block;
	height:10px;
}
.hm-matrix-body li span.hm-matrix-button2-middle{
	background:url(/common/img/bg_matrix_button2_middle.gif) left center no-repeat;
	display:block;
	padding:7px 10px 5px 10px;
	color:#7e7e7e;
	font-weight:bold;
}
.hm-matrix-body li span.hm-matrix-button2-bottom{
	background:url(/common/img/bg_matrix_button2_bottom.gif) left top no-repeat;
	display:block;
	height:10px;
}
.hm-pop-notice{
	border:1px solid #ddd;
  margin-top: -15px;
	padding:12px 20px 10px 24px;
}
.hm-pop-notice .m-list-disc {
  margin-left: 0;
  margin-top: 3px;
}
#G-T-D3 .hm-pop-notice .m-list-disc {
  margin-bottom: 0;
}
.hm-pop-notice .m-list-disc li {
  font-size: 93%;
  line-height: 1.69;
  margin-bottom: 10px;
}
.hm-form{
	margin-top:40px;
}
.hm-form select{
	font-size: 100%;
	white-space:normal;
  width: 110px;
}
.hm-form #pro-form select{/*130924*/
	width:36em;
}
.hm-form .top-warning{
	color:#e71218;
	font-size:116%;
	font-weight:bold;
}
.hm-form table{
	border-collapse:collapse;
	width:100%;
}
.hm-form table textarea{
	height:109px;
}
.hm-form table textarea,
.hm-form table input[type="text"]{
	width:370px;
}
.hm-form table input[type="text"].x-short{
	width:70px;
}
.hm-form table input[type="text"].short{
	width:100px;
}
.hm-form table input[type="text"].short + label {
  margin-left: 7px;
}
.hm-form table input[type="text"].medium{
	width:180px;
}
.hm-form table th, .hm-form table td{
	border:1px solid #ddd;
	text-align:left;
}
.hm-form table th{
	background:#f7f7f7;
	padding:10px 10px 6px 15px;
	width:30%;
	font-weight:normal;
	vertical-align:top;
}
.hm-form table td{
  font-size: 86%;
	padding:10px 10px 10px 13px;
	width:70%;
}
.hm-form table td dt{
	margin-bottom:5px;
}
.hm-form table td dd + dt {
  margin-top: 12px !important;
}
.hm-form table td dd.g-mt5 {
  margin-top: 10px !important;
}
.hm-form table th em{
	color:#e62e35;
}
.hm-form table p.warning{
	color:#e71218;
	font-weight:bold;
	font-size:100%;
	margin-bottom:5px;
}
.hm-form table p.note{
	color:#a7a7a7;
	margin-top: 12px;
}
.hm-form table p.note.s-block{
	display:block;
	margin-top: 5px;
}
.hm-form table .error{
	background:#ffd7d8;
}
#G-T-D3 .hm-form .buttons{
  margin-bottom: 0;
	margin-top:30px;
}
#G-T-D3 .hm-form .buttons li {
  display: inline-block;
  margin: 0 18px;
  vertical-align: middle;
}
.hm-form .buttons .reset-button{
	float:left;
	padding-left:235px;
}
.hm-form .buttons .back-button{
	float:left;
	padding-left:235px;
}
.hm-form .buttons .submit-button{
	float:left;
	padding-left:10px;
}

#form-error-message-area {
	margin-top:20px;
}