@charset "utf-8";
/*------------------
     curve-X3basic 
--------------------*/

#contents h1 {
	font-size: 130%;
	line-height: 40px;
}

#contents h1 img {
	position: absolute;
	margin: -30px 0 0 20px;
}

#firstReading .section {
	margin-bottom: 50px;
}

/* information */
#firstReading div#information p {
	line-height: 1.5;
	margin: 2em 0 2.5em 0;
}

/* box01 */
#firstReading div#box01 p {
	line-height: 1.5;
	text-indent: -1.3em;
	padding-left: 1.3em;
	margin: 2em 0;
}

/* box02 */
#firstReading div#box02 p {
	line-height: 1.5;
}

#firstReading div#box02 div#box02Title h3 {
	float: left;
}

#firstReading div#box02 div#box02Title p {
	float: left;
	font-size: 100%;
	font-weight: normal;
	margin: 0 0 0 30px;
	line-height: 1.8;
}
	
#firstReading div#box02 table {
	border: 1px solid #525252;
	border-collapse: collapse;
	margin: 0 0 1.5em 1.5em;
	width: 80%;
}

#firstReading div#box02 table caption {
	text-align: right;
}

#firstReading div#box02 th {
	padding: 3px 8px;
	font-weight: normal;
	background-color: #666;
	color: white;
	border: 1px solid #525252;
	border-bottom: 3px double #525252;
}

#firstReading div#box02 td {
	padding: 3px 8px;
	border: 1px solid #525252;
}

#firstReading div#box02 #optionPrice {
	margin-top: 30px;
}

#firstReading div#box02 #optionPrice h4 {
	margin-left: 1.3em;
}

#firstReading div#box02 #optionPrice p {
	text-indent: -1.3em;
	padding-left: 1.3em;
	margin-left: 1.3em;
}

/* box03 */
#firstReading div#box03 dl {
	margin: 0 0 1em 1.5em;
	line-height: 1.5;
}

#firstReading div#box03 dt {
	margin-bottom: 0.3em;
}

#firstReading div#box03 dd:before {
	content: "A：";
}

#firstReading div#box03 dd {
	padding-left: 1.7em;
	text-indent: -1.7em;
}


/*---------------*/
/* 申し込みフォーム */
/*---------------*/
.box1 {
	margin-bottom: 3%;
}

#serial input[type="text"] {
	width: 36%;
}

#problem textarea {
	width: 73%;
}

#pre-repair a {
	color: #06F;
	text-decoration: none;
}

#pre-repair a:hover {
	text-decoration: underline;
}

#pre-repair p.note {
	font-size: 95%;
	margin-top: 1em;
	padding-left: 1.5em;
	text-indent: -1.5em;
}

#addressCont {
	margin-bottom: 2%;
}

#addressCont .first {
	margin-top: 30px;
}

#postalCode {
	float: left;
	width: 25%;
	padding-right: 30px;
}

#postalCode input[type="text"] {
	width: 90%;
}

@media only screen and (max-width: 1023px) {

	#contents h1 {
		background: url(../images/g02/curveX3basic.png) no-repeat 62% #262626;
		text-shadow: 2px 2px 3px #000;
	}
	
	#contents h1 img {
		display: none;
	}

	#box01 img {
		max-width: 858px;
	}
	
	#firstReading div#box02 table {
		width: 97%;
	}
	
	#serial input[type="text"] {
		width: 90%;
	}
	
	#problem textarea {
		width: 90%;
	}
	
	#postalCode {
		width: 50%;
	}
}