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

#contents h3 {
 font-size:1.6em;
 font-weight:700;
 line-height:1.5;
 color:#822e00;
 padding:8px 0 12px 1em;
}

#contents h4 {
 font-size:1.4em;
 font-weight:700;
 color:#7a5643;
 padding:8px 0 12px 1em;
}

#contents h5 {
 font-size:1.3em;
 font-weight:700;
 color:#006600;
 padding:12px 0 8px 42px;
}


#readbox {
 background:url(../images/basic_spec/spec_bg01.png) no-repeat 0 bottom;
 height:680px;
 width:604px;
 padding:12px 24px 12px 12px;
 margin-bottom:32px;
 margin-left:8px;
}

#contents #readbox p.txt {
 font-size:1.2em;
 padding: 12px 12px 8px 24px;
}

#ltm_house {
 background:url(../images/ltm_house/defBox_bt.png) no-repeat 0 bottom;
 padding-bottom:32px;
}

.basicBox {
 background:url(../images/common/basic_frm2_bd.png) repeat-y 0 0;
 margin-bottom:82px;
 margin-top:62px;
 counter-reset:l_title-counter;
}

#contents .basicBox h3 {
 padding:38px 0 2px 32px;
 position:relative;
 top:-24px;
 font-size:1.8em;
}

#contents .basicBox h3.no1 {
 background:url(../images/common/basic_frm2-1_hd.png) no-repeat 0 0;
}

#contents .basicBox h3.no2 {
  background:url(../images/common/basic_frm2-2_hd.png) no-repeat 0 0;
}

#contents .basicBox h3.no3 {
  background:url(../images/common/basic_frm2-3_hd.png) no-repeat 0 0;
}

#contents .basicBox h3.no4 {
  background:url(../images/common/basic_frm2-4_hd.png) no-repeat 0 0;
}

.basicBox.about10 {
 clear:both;
 
 }
 
.basicBox p.read {
  font-size:1.8em;
  font-weight:700;
  line-height:1.5;
  color:#cc0000;
  padding:0 32px;
 }
 
 .basicBox .d_seismic {
  margin-left:32px;
 }
 
.basicBox .d_seismic dt {
 font-size:1.4em;
 line-height:1.25;
 color:#fff;
 background:#006F72;
 padding:4px 12px;
 width:90px;
}

.basicBox .d_seismic dd {
 font-size:1.2em;
 line-height:1.75;
 color:#454545;
 padding:10px 32px 24px 48px;
}
 
.basicBox.about10 dl {
   padding:0 24px 18px 24px; 
 }
 
.basicBox.about10 dt {
 float:left;
 padding-right:24px;
}

#contents .basicBox.about10 dd h4 {
 color:#2e7b8b;
 margin-bottom:0;
 padding-bottom:0;
}


#contents .basicBox.about10 dd p.txt a {
 color:#555;
}

#contents .basicBox.about10 dd p.txt a:hover {
 color:#e89e1c;
}

.basicBox .lastpara {
 background:url(../images/common/basic_frm2_bt.png) no-repeat 0 bottom;
 padding-bottom:32px !important;
 position:relative;
 bottom:-20px;
 margin-top: -20px !important;
}

#contents h4.l_title {
 font-size:1.6em;
 padding:4px 0 0 28px;
 margin:42px 0 18px 24px;
 width:585px;
 border-bottom:1px solid #2f1b08;
 position: relative;
 overflow: visible;
}
#contents h4.l_title:nth-of-type(1) {
	margin-top: 12px;
}
.l_title::before {
	display: block;
	position: absolute;
	top:0px;
	left:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background:#7a5643;
	font-size: 0.8rem;
	padding:5px 0 0 0;
	height: 20px;
	width: 20px;
	text-align: center;
	color:#fff;
	content:counter(l_title-counter);
	counter-increment: l_title-counter 1;
}
#contents .tag {
	color:#2E0304;
	position: absolute;
	font-size: 0.9rem;
	top:-20px;
	right: 10px;
	width: 200px;
	height: 90px;
	padding: 35px 0 0 62px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	transform: rotate(6deg);
}
#contents h3 .tag {
	right: 40px;
	top:0;
}
#contents .std {
	background:url(../images/basic_spec/tag_st.png) no-repeat 0 bottom;
}
#contents .hig {
	background:url(../images/basic_spec/tag_hi.png) no-repeat 0 bottom;
}
#contents .com {
	background:url(../images/basic_spec/tag_cm.png) no-repeat 0 bottom;
}
#contents .opt {
	background:url(../images/basic_spec/tag_op.png) no-repeat 0 bottom;
}
#contents h4.l_title1 {
 font-size:1.6em;
 padding:4px 0 0 24px;
 margin:8px 0 18px 24px;
 width:260px;
 background:url(../images/basic_spec/title_no1.jpg) no-repeat 0 0;
 border-bottom:1px solid #2f1b08;
}


#contents h4.l_title2 {
 font-size:1.6em;
 padding:4px 0 0 24px;
 margin:30px 0 18px 24px;
 width:276px;
 background:url(../images/basic_spec/title_no2.jpg) no-repeat 0 0;
 border-bottom:1px solid #2f1b08;
}

#contents h4.l_title3 {
 font-size:1.6em;
 padding:4px 0 0 24px;
 margin:30px 0 18px 24px;
 width:276px;
 background:url(../images/basic_spec/title_no3.jpg) no-repeat 0 0;
 border-bottom:1px solid #2f1b08;
}

#contents h4.l_title4 {
 font-size:1.6em;
 padding:4px 0 0 24px;
 margin:30px 0 18px 24px;
 width:276px;
 background:url(../images/basic_spec/title_no4.jpg) no-repeat 0 0;
 border-bottom:1px solid #2f1b08;
}


#contents h4.l_title5 {
 font-size:1.6em;
 padding:4px 0 0 24px;
 margin:30px 0 18px 24px;
 width:276px;
 background:url(../images/basic_spec/title_no5.jpg) no-repeat 0 0;
 border-bottom:1px solid #2f1b08;
}


#contents h4.l_title6 {
 font-size:1.6em;
 padding:4px 0 0 24px;
 margin:30px 0 18px 24px;
 width:276px;
 background:url(../images/basic_spec/title_no6.jpg) no-repeat 0 0;
 border-bottom:1px solid #2f1b08;
}


#contents h4.l_title7 {
 font-size:1.6em;
 padding:4px 0 0 24px;
 margin:30px 0 18px 24px;
 width:276px;
 background:url(../images/basic_spec/title_no7.jpg) no-repeat 0 0;
 border-bottom:1px solid #2f1b08;
}

#contents h4.l_title8 {
 font-size:1.6em;
 padding:4px 0 0 24px;
 margin:30px 0 18px 24px;
 width:276px;
 background:url(../images/basic_spec/title_no8.jpg) no-repeat 0 0;
 border-bottom:1px solid #2f1b08;
}

#contents h4.long {
 width:580px;
}

#contents p.txt,
#contents .basicBox p.txt {
 font-size:1.3em;
 line-height:1.75;
 color:#3f1d07;
 padding:4px 12px 8px 28px;
}

#contents .basicBox #player5 {
 margin-left:26px;	
}

#contents li {
 font-size:1.2em;
 line-height:1.5;
}

#contents li.al_right {
 float:right;
}

#contents li.al_left {
 float:left;
}

#contents li a,
#contents p.txt a {
 color:#006633;
}

#contents p.readtxt {
 font-size:1.6em;
 font-weight:700;
 color:#336633;
 line-height:1.6;
 padding:4px 0 8px 2.0em;
}

.spec_box.basic {
 background:url(../images/basic_spec/bacis_spec_img01.png) no-repeat left bottom;
 height:488px;
 position:relative;
}

.spec_box.basic dl {
 position:absolute;
 left:378px
}

.spec_box.basic dl dt {
 font-size:1.3em;
 font-weight:700;
 line-height:1.25;
 color:#685A57;
 width:280px;
}

.spec_box.basic dl dd {
 font-size:1.1em;
 line-height:1.25;
 color:#685a57;
}

.spec_box.basic dl.no1 {
 top:40px;
}

.spec_box.basic dl.no2 {
 top:106px;
}

.spec_box.basic dl.no3 {
 top:190px;
}

.spec_box.basic dl.no4 {
 top:270px;
}

.spec_box.basic dl.no5 {
 top:328px;
}

.spec_box.basic dl.no6 {
 top:420px;
}

.spec_box.basic dl.no7 {
 top:465px;
}

.spec_box.ditails {
 padding:48px 0 0 46px;
}

.spec_box.ditails ol {
 padding:0 0 20px 36px;
}

.spec_box.ditails li {
 font-size:1.2em;
 line-height:1.25;
 color:#685a57;
  list-style-type:decimal;
}

.styles_spec {
 clear:both;
 padding:20px 0 28px 18px;
}

.styles_spec dl {
 float:left;
 width:316px;
}

.styles_spec dt {
 float:left;
 padding-right:10px;
}

.styles_spec dt img {
 border:1px solid #fff;
}

#contents .styles_spec dd p.readtxt {
 font-size:1.2em;
 font-weight:700;
 color:#822e00;
 padding:2px 0 4px 0;
}

#contents .styles_spec dd {
 padding-right:1em;
}

#contents .styles_spec dd p.txt {
 font-size:1.1em;
 line-height:1.5;
}

.styles_spec p.link {
 font-size:1.1em;
 line-height:1.5;
 margin-left:140px;
}

.styles_spec p.link a {
 color:#cb3d12;
}

p.al_right {
 float:right;
 padding:8px 0 8px 8px;
}

p.al_right span {
 display:block;
 padding:4px 0 4px 0;
 width:296px;
}

p.al_left {
 float:left;
 padding:4px 8px 8px 2.8em;
}

#attn {
 clear:both;
 width:540px;
 padding:12px 30px;
 margin:24px auto;
 text-align:center;
 border:1px solid #990000;
}

#attn p.readtxt {
 font-size:1.4em;
 font-weight:700;
 line-height:1.25;
 padding-bottom:18px;
}

ul.wstad {
 padding:4px 0 32px 28px;
}

ul.dupmer {
 padding:8px 0 32px 28px;
}

#contents ul.wstad li {
 font-size:1.4em;
 line-height:1.5;
 color:#4e3300;
 padding-bottom:6px;
}

#contents ul.dupmer li {
 font-size:1.6em;
 line-height:1.5;
 font-weight:700;
 color:#aa0000;
 padding-bottom:6px;
}

ul.wstad li strong {
 color:#990000;
}

#contents table {
 width:616px;
 margin:0 0 32px 18px;
 border-spacing:1px;
 border-collapse:separate;
}

#contents th {
 font-size:1.3em;
 font-weight:700;
 line-height:1.5;
 color:#fff;
 padding:4px 8px;
 width:120px;
 background:#653300;
 border-bottom:#6B360F 2px solid;
 text-align:center;
 vertical-align:middle;
}

#contents td {
 font-size:1.3em;
 line-height:1.5;
 color:#4e3300;
 padding:4px 8px;
 border:1px solid #4e3300;
 background:#fff;
}

#contents td.pars {
 width:120px;
 background:#EAE0C7;
 vertical-align:middle;
}

#contents .specNavi {
 padding:0px;
}

#contents .specNavi li {
 float:left;
 padding-left:5px;
 background:url(../images/basic_spec/link_arrow.png) no-repeat 1px 50%;
 padding-bottom:9px;
}

#contents .specNavi li.current {
 padding-bottom:0;
}

.specNavi li.current a {
 display:block;
 padding-bottom:9px;
 background:url(../images/basic_spec/link_arrowup.png) no-repeat 50% bottom;
}

.specNavi li.first {
 background:none;
}

#player4 {
 text-align:center;
}

#contents #fourprmBox {
	position:relative;
	left:-36px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 610px;
	height: 425px;
	margin-bottom: 48px;
	background-image: url('../images/home/six_safety_bg.png');
	background-repeat: no-repeat;
	background-position: 0 24px;
	-webkit-background-size:contain;
	background-size:contain;
}

#contents #fourprmBox h3 {
 position: absolute;
 top:120px;
 left:192px;
 z-index: 1;
 padding: 0;
 text-align:center;
}

#contents #fourprmBox dl,
#contents #fourprmBox dd {
 background:none;
}

#contents #fourprmBox dl {
 position:absolute;;
}
#contents #fourprmBox dl:nth-of-type(1) {
	top:34px;
	left: 32px;
}
#contents #fourprmBox dl:nth-of-type(2) {
	top:34px;
	left: 346px;
}
#contents #fourprmBox dl:nth-of-type(3) {
	top:172px;
	left: 14px;
}
#contents #fourprmBox dl:nth-of-type(4) {
	top:172px;
	left: 404px;
}
#contents #fourprmBox dl:nth-of-type(5) {
	top:308px;
	left: 38px;
}
#contents #fourprmBox dl:nth-of-type(6) {
	top:305px;
	left: 328px;
}

#contents #fourprmBox dt{
 margin-bottom: 6px;
 font-size:1.7em;
 font-weight:700;
 line-height:1.25;
 color:#333;
 text-align: center;
}
#contents #fourprmBox dl:nth-of-type(4) dt {
	-webkit-transform: translateX(-2.5em);
	-ms-transform: translateX(-2.5em);
	-o-transform: translateX(-2.5em);
	transform: translateX(-2.5em);
}
#contents #fourprmBox dd {
	
}

#contents #fourprmBox ul {
 width: 220px;
 padding: 0;
list-style-type: none;
}
#contents #fourprmBox li {
 float:none;
 position: relative;
 width: 220px;
 margin-left: 0;
 font-size:1.3em;
 font-weight:400;
 line-height:1.25;
 text-align:left;
 padding: 0 0 2px 0.4em;
    list-style-type: none;
}

#contents #fourprmBox dl:nth-of-type(3) li {
	width: 168px;
}

#contents #fourprmBox dl:nth-of-type(4) li {
	/*width: 78px;*/
	/*display: inline-block;*/
}

#contents #fourprmBox li a {
 color:#454040;
 text-decoration:none;
}

#contents #fourprmBox li a:hover {
 color:#bd411b;
 border-bottom:1px dotted #bd411b;
}
#contents #fourprmBox dl:nth-of-type(6) li {
    width: 245px;
}

/*--- clear fix ---*/

.styles_spec,
.styles_spec dl,
.basicBox,
.specNavi,
.basicBox dl {
 zoom:1;
}

.styles_spec:after,
.styles_spec dl:after,
.basicBox:after,
.specNavi:after,
.basicBox dl:after {
 display:block;
 clear:both;
 content:'';
 height:0px;
 overflow:hidden;
}