@charset "utf-8";

/* common CSS */
.summerBox .backBtn {
	padding-bottom:10px;
	text-align:center;
}
.summerBox .useLengthTitleBox {
	padding:13px 0 0 7px;
}
.summerBox .useLengthTitleBox h2 {
	float:left;
	width:113px;
}
.summerBox .useLengthTitleBox .useLengthContents {
	float:left;
	width:600px;
}
.useLengthContents dl,
.useLengthContents dt,
.useLengthContents dd {
	padding:0;
	margin:0;
}
.summerBox .useLengthTitleBox .useLengthContents .inBackBtn {
	padding:0 0 10px 138px;
}

/* hint01_01 */
.summerBox h2.titleHint01_01 {
	padding:18px 0 0 0 !important;
	text-align:center;
}
.summerBox .docterRead01 {
	padding:0 23px 0 22px;
}
.docterRead01 .leftRead {
	float:left;
	width:500px;
	padding-top:17px;
}
.docterRead01 .docterIll {
	float:right;
	width:163px;
}

.summerBox .hintArea {
	width:682px;
	height:510px;
	position:relative;
	margin-left:22px;
}
.hintArea .hint01 {
	position:absolute;
	left:0px;
	top:0px;
	z-index:0;
}
.hintArea .hint02 {
	background:url(../hint/images/01_01/dot_line.gif) repeat-x 0px 4px;
	position:absolute;
	left:0px;
	top:196px;
	z-index:0;
}
.hintArea .hint03 {
	background:url(../hint/images/01_01/dot_line.gif) repeat-x 0px 16px;
	position:absolute;
	left:0px;
	top:363px;
	z-index:1;
}

.hintArea .fishIll {
	float:left;
	width:115px;
}
.hintArea .hintTxt {
	float:left;
	width:403px;
}
.hintArea .hintIll {
	float:left;
	width:164px;
}
.hintArea .hintTxt h3 {
	padding:0 0 10px 56px;
}
.summerBox .docterRead02 {
	padding:0 22px 5px 22px;
}
.docterRead02 .docterIll {
	float:left;
	width:110px;
}
.docterRead02 .rightRead {
	float:right;
	width:548px;
	padding-top:15px;
}

/* hint01_02 */
.useLengthContents .level01PageImgL {
	float:left;
	width:296px;
}
.useLengthContents .level01PageImgR {
	float:right;
	width:297px;
}
.useLengthContents .ajiRead {
	padding:0 0 22px 11px;
}
.useLengthContents .nebariRead {
	padding:0 0 7px 11px;
}
.useLengthContents .hozonRead {
	padding-left:11px;
}
.useLengthContents .level01Matome {
	padding:0 0 27px 64px;

}

/* hint01_03 */
.useLengthContents .level02DocterRead {
	padding:0 0 10px 17px;
}
.useLengthContents dl.level02Generality {
	margin-left:3px;
	width:549px;
}
.useLengthContents dl.level02Generality dt {
	width:253px;
	float:left;
}
.useLengthContents dl.level02Generality dt img.titImg {
	margin-left:14px;
}
.useLengthContents dl.level02Generality dd {
	width:296px;
	float:left;
}
.useLengthContents .level02DocterTxt {
	padding:0 0 6px 12px;
}
.useLengthContents .level02Other {
	padding-left:12px;
}
.useLengthContents .level02Matome {
	padding:0 0 15px 49px;
}

/* hint01_04 */
.useLengthContents .sodaIndustry {
	width:533px;
	margin-left:20px;
}

.sodaIndustry .level03DocterRead {
	padding-bottom:25px;
}

.sodaIndustry dl,
.sodaIndustry dt,
.sodaIndustry dd {
	padding:0;
	margin:0;
}
.sodaIndustry dt.detailedTitle {
	padding-bottom:6px !important;
	line-height:0;
}
.sodaIndustry dd.detailedTxt {
	font-size:14px;
	line-height:22px;
	padding:0 5px 18px 5px;
}
.sodaIndustry dd.detailedTxt span {
	color:#C6C;
}

.sodaIndustry .directory {
	background-color:#E1F0FF;
	padding:14px 14px 14px 9px;
	margin:20px 0 13px 0;
}
.sodaIndustry .directory dt {
	padding-bottom:6px !important;
	line-height:0;
}
.sodaIndustry .directory dd {
	padding:0 0 8px 6px !important;
	font-size:13px;
	line-height:20px;
}
.sodaIndustry .directory dd span.rubi {
	font-size:10px;
}
.sodaIndustry .directory dd a {
	color:#333 !important;
	text-decoration:underline !important;
}
.sodaIndustry .directory dd table {
	border-collapse:collapse;
}
.sodaIndustry .directory dd td {
	vertical-align:top;
}
.useLengthContents .level03Matome {
	padding:0 0 15px 38px;
}

/* hint01_04_01 */
/* hint01_04_02 */
.useLengthContents .hydroxide {
	width:560px;
	margin-left:4px;
}
.hydroxide h3.hydTitle {
	padding-left:20px;
}
.hydroxide h3.hydOtherTitle {
	padding:0 0 5px 17px;
}
.hydroxide .hydLeftImg {
	padding-bottom:3px;
	width:292px;
	float:left;
}
.hydroxide .hydRightImg {
	padding-bottom:3px;
	width:257px;
	float:left;
}
.hydroxide .hydOtherImgBox {
	padding:0 0 35px 10px;
}

.useLengthContents .ensoDocterRead {
	padding:10px 0 6px 16px;
}

/* hint01_04_03 */
.useLengthContents .sodaAsh {
	width:563px;
	margin-left:5px;
	padding-top:10px;
}
.sodaAsh h3.ashTitle {
	padding-left:24px;
}
.sodaAsh .ashLeftImg {
	width:291px;
	float:left;
}
.sodaAsh .ashRightImg {
	width:272px;
	float:left;
}
.sodaAsh .ashDocter {
	padding:0 0 19px 4px;
}
.sodaAsh h3.ashOtherTitle {
	padding-left:16px;
}
.sodaAsh .ashOtherImgBox {
	padding:0 0 20px 19px;
}
.sodaAsh dl.makeSalt {
	background-color:#DEF0E7;
	margin:0 15px 16px 16px !important;
	padding:15px 13px 10px 15px !important;
}
.sodaAsh dl.makeSalt dt {
	line-height:0;
	padding:0 0 12px 0 !important;
	margin:0 !important;
}
.sodaAsh dl.makeSalt dd {
	font-size:14px;
	line-height:22px;
}
.sodaAsh dl.makeSalt dd .rubi {
	font-size:10px;
}
.sodaAsh dl.makeSalt dd .colorTxt {
	color:#F60;
}

/* hint01_05 */
.summerBox h2.titleHint01_05 {
	padding:19px 0 0 105px !important;
}
.summerBox .hint01_05FstTxt {
	padding:0 0 4px 101px;
}
.summerBox .hint01_05SndTxt {
	padding-bottom:18px;
	text-align:center;
}
.summerBox .hint01_05MainImg {
	padding-bottom:13px;
	text-align:center;
}
.summerBox h3.subHint01_05 {
	padding:0 0 8px 101px !important;
}
.summerBox .hint01_05SubImg {
	padding:0 0 3px 99px;
}
.summerBox .hint01_05Fish {
	padding:0 0 6px 36px;
}
.summerBox .hint01_05Docter {
	padding-bottom:4px;
	text-align:center;
}