@charset "Shift_JIS";
/* ------ common ------- */

div.catalog {
	margin:10px 0 0 0;
}
h2 {
	margin:0 0 20px 0;
}
div.contents {
	padding:0 20px 0 20px;
	color:#333333;
}
div.contents h3 {
	font-size:1.6em;
	margin:25px 0 5px 0;
}
div.contents h4 {
	font-size:1.1em;
	margin:25px 0 5px 0;
	background:url(/catalog/images/img_common_h4.gif) top left repeat-x;
	padding:12px 12px 8px 13px;
	line-height:100%;
}
div.contents h5 {
	font-size:13px;
	margin:25px 0 5px 0;
	line-height:140%;
}
div.contents img.popup {
	vertical-align:middle;
	margin:0 3px 0 0;
}
div.contents img.areaImage {
	float:left;
	padding-right:10px;
}
div.contents div.areaR01 {
	float:left;
	width:246px;
}
div.contents div.areaR02 {
	float:left;
	width:210px;
}
div.contents input.x-long {
	width:500px;
}
div.contents input.long {
	width:300px;
}
div.contents input.medium {
	width:150px;
}
div.contents input.short {
	width:40px;
}
div.contents .centerbox {
	text-align:center;
}
div.contents p {
	padding:0 0 12px 0;
	line-height:140%;
}
div.contents .red {
	font-weight:normal;
	color:#CC3300;
}
div.contents .redBold {
	font-weight:bold;
	color:#CC3300;
}
div.contents td p {
	padding:0 0 0 0;
	line-height:140%;
}
div.contents ul {
	padding:0 0 12px 20px;
	list-style-type:disc;
}
div.contents ul li {
	line-height:140%;
	list-style-type:disc;
}
div.contents ol {
	padding:0 0 12px 20px;
	list-style-type:decimal;
}
div.contents ol li {
	line-height:140%;
	list-style-type:decimal;
}
div.contents dl{
	padding:0 0 15px 0;
}
div.contents dl.mejiatt dt{
	width:8em;
	float:left;
}
div.contents dl.mejiatt dd{
	padding-left:8em;
}
div.contents div.apply {
	text-align:center;
	margin:0 0 40px 0;
	padding:20px 0 0 0;
}
div.contents div.apply input.left {
	margin:0 30px 0 0;
}
div.contents div.apply img.left {
	margin:0 30px 0 0;
}
div.contents table {
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	width:100%;
	margin:20px 0 20px 0;
}
div.contents th {
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:14px 12px 14px 12px;
	vertical-align:top;
	text-align:left;
	background-color: #F3F2ED;
	font-weight:normal;
}
div.contents th.sub {
	background-color: #FDFAF7;
}
div.contents td {
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:12px 12px 12px 12px;
	vertical-align:top;
	text-align:left;
	line-height:100%;
}
div.contents th.C, div.contents td.C {
	text-align:center;
	
}
div.contents th.mC, div.contents td.mC {
	text-align:center;
	vertical-align:middle;
}
div.contents th.L, div.contents td.L {
	text-align:left;
}
div.contents table.type01 {
	margin:15px 0 5px 0;
	border-left:none;
	border-top:none;
}
div.contents table.type01 th {
	width:760px;
	border-top:4px solid #EFEFEF;
	border-left:4px solid #EFEFEF;
	border-right:4px solid #EFEFEF;
	border-bottom:none;
	text-align:left;
	background-color: #FFFFFF;
	padding:1px;
	font-weight:bold;
}
div.contents table.type01 th p {
	background-color:#DED9CB;
	border:1px solid #D5D1C3;
	padding:6px 12px 4px 12px;
	font-size:1.3em;
	margin:0;
}
div.contents table.type01 td {
	border-bottom:4px solid #EFEFEF;
	border-left:4px solid #EFEFEF;
	border-right:4px solid #EFEFEF;
	padding:15px;
}
div.contents table.type02 {
	margin:15px 0 5px 0;
	border-left:none;
	border-top:none;
}
div.contents table.type02 th {
	width:360px;
	border-top:4px solid #EFEFEF;
	border-left:4px solid #EFEFEF;
	border-right:4px solid #EFEFEF;
	border-bottom:none;
	text-align:left;
	background-color: #FFFFFF;
	padding:1px;
	font-weight:bold;
}
div.contents table.type02 th p {
	background-color:#DED9CB;
	border:1px solid #D5D1C3;
	padding:6px 12px 4px 12px;
	font-size:1.3em;
	margin:0;
	width:94%;
}
div.contents table.type02 td {
	border-bottom:4px solid #EFEFEF;
	border-left:4px solid #EFEFEF;
	border-right:4px solid #EFEFEF;
	padding:15px;
}
div.contents table.type02 td.vacant {
	width:20px;
	padding:0;
	border:0;
}
div.contents table.type01 table {
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	width:100%;
	margin:20px 0 20px 0;
}
div.contents table.type01 table th {
	width:auto;
	border-top:none;
	border-left:none;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:14px 12px 14px 12px;
	vertical-align:top;
	text-align:left;
	background-color: #F3F2ED;
	font-weight:normal;
}
div.contents table.type01 table th.sub {
	background-color: #FDFAF7;
}
div.contents table.type01 table td {
	width:auto;
	border-top:none;
	border-left:none;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:12px 12px 12px 12px;
	vertical-align:top;
	text-align:left;
	line-height:100%;
}

div.contents table th.w20, div.contents table td.w20 {
	width:20%;
}
div.contents table th.w25, div.contents table td.w25 {
	width:25%;
}
div.contents table th.w33, div.contents table td.w33 {
	width:33%;
}
div.contents table th.w40, div.contents table td.w40 {
	width:40%;
}
div.contents table th.w75, div.contents table td.w75 {
	width:75%;
}

div.contents table.type01 table td select.margin {
	margin:0 10px 0 0;
	
}
div.contents table.type01 table td span.margin {
	margin:0 10px 0 5px;
}

/* レイアウト用テーブル */

div.contents table.type03 {
	border:none;
	width:auto;
	margin:10px 0 0 0;
}
div.contents table.type03 th {
	border:none;
	padding:3px;
	background-color: #FFFFFF;
	font-weight:normal;
}
div.contents table.type03 td {
	border:none;
	padding:3px;
}

/* サンプル用テーブル */

div.contents table.type04 {
	border-bottom:1px solid #CCCCCC;
	border-top:none;
	border-left:none;
	width:auto;
	margin:7px 0 30px 0;
}
div.contents table.type04 th {
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-right:none;
	border-bottom:none;
	padding:10px 4px 10px 4px;
	vertical-align:middle;
	text-align:center;
	background-color: #F3F2ED;
	font-weight:normal;
	width:42px;
}
div.contents table.type04 th.vacant {
	border-left:none;
	border-top:none;
	background-color: #FFFFFF;
}
div.contents table.type04 td {
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-right:none;
	border-bottom:none;
	padding:10px 4px 10px 4px;
	vertical-align:middle;
	text-align:center;
	line-height:100%;
	width:38px;
}
div.contents table.type04 td.edge {
	border-right:1px solid #CCCCCC;
}
div.contents table.type04 tr.samples td {
	vertical-align:bottom;
	padding:0;
	width:auto;
	background:url(/catalog/sizai/habaki/images/img_habaki_bg_01.gif) right top repeat-y;
	border:none;
}
div.contents table.type04 td.crack {
	border:none;
	height:10px;
	padding:0;
	width:auto;
}
div.contents table.type04 td.layout {
	padding:0;
	width:auto;
	border:none;
}

/* 一覧表用テーブル */

div.contents table.type05 {
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	width:100%;
	margin:20px 0 20px 0;
}
div.contents table.type05 th {
	padding:10px 5px 10px 5px;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	line-height:130%;
	font-size:90%;
}
div.contents table.type05 td {
	padding:10px 5px 10px 5px;
	vertical-align:middle;
	text-align:center;
	line-height:130%;
	font-size:90%;
}
div.contents table.type05 th.L, div.contents table.type05 td.L {
	text-align:left;
}

/* 中央揃え用テーブル */

div.contents table.type06 th {
	vertical-align:middle;
	text-align:center;
}
div.contents table.type06 td {
	vertical-align:middle;
	text-align:center;
}

/* 注意事項内テーブル */

div.contents table.type07 {
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	width:100%;
	margin:0 0 15px 0;
}
div.contents table.type07 td {
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#FFFFFF;
	padding:12px;
	vertical-align:top;
	text-align:left;
}

div.contents div.box01 {
	border:1px solid #CCCCCC;
	background-color:#F7F5F1;
	padding:16px 16px 0 16px;
	margin:0 0 20px 0;
}
div.contents div.box02 {
	background-color:#F0F5F9;
	padding:16px 16px 0 16px;
	margin:20px 0 0 0;
}
div.contents div.box03 {
	border:1px solid #CCCCCC;
	background-color:#F7F5F1;
	padding:30px 30px 14px 30px;
	margin:20px 0 0 0;
}
div.contents div.box04 {
	border:1px solid #CCCCCC;
	background-color:#ECECEC;
	padding:30px 30px 14px 30px;
	margin:20px 0 0 0;
}
div.contents div.box03 h5 {
	font-size:13px;
	margin:0 0 15px 0;
	padding:20px 0 0 18px;
	line-height:140%;
	background:url(/catalog/sizai/images/img_dot_01.gif) top left repeat-x;
	text-indent:-18px;
}
div.contents div.box03 h5.noborder {
	padding:0 0 0 18px;
	background:none;
}
div.contents div.box03 p.att {
	text-indent:-36px;
	margin-left:36px;
}
div.contents div.howtoeach {
	margin:25px 0 0 0;
}
div.contents div.howtoeach p.left {
	float:left;
	width:400px;
}
div.contents div.howtoeach img {
	float:right;
	width:274px;
}
div.contents div.howtoeachlast {
	background:none;
	padding:0 0 15px 0;
	margin:25px 0 0 0;
}
div.contents div.howtoeachlast p.left {
	float:left;
	width:400px;
}
div.contents div.howtoeachlast img {
	float:right;
	width:274px;
}

div.catalogOld {
	margin:10px 0 30px 0;
}
div.catalogOld th,div.catalogOld td{
	font-size:13px;
}
div.catalogOld div.contents table.type05 th,div.catalogOld div.contents table.type05 td {
font-size:11px;
}


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

/* 品名から検索 文字サイズ20170223追記 */

.stext {
	font-size: 16px;
	border: 1px solid #CCCCCC;
}

/* 表 文字サイズ20170223追記 */

.Ttxt {
	font-size: 16px;
}

/* 総カタTOP タイトル修正20170223追記 */

#pagetitle {
	width: 100%;
	background: url(/common/img/bg_ttl_gray.gif) repeat-x left top;
	text-align:left;
}
#pagetitle h2 {position:relative; z-index:-1; visibility: visible;}

.ttl_digital_catalog {
	width: 920px;
	height: 105px;
	margin: 0 auto;
	background: url(/catalog/img/pagetitle.gif) no-repeat center top;
}


/* Hides from IE-mac ＼*/
* html .clearfix {
	height:1%;
	overflow:visible;
}
/* End hide from IE-mac */

div.contents div.attention {
	border:1px solid #FFB796;
	background-color:#FFDCCC;
	padding:16px 16px 16px 16px;
	margin:30px 0 20px 0;
	text-align:center;
	color:#CC3300;
	font-weight:bold;
}

p.printmejiAtt {
	margin: 10px 0 0 92px;
}