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

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

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

.section {
	margin-bottom: 5%;
}

.sectionIn {
	padding: 15px 15px 0;
}

.sectionEnd {
	padding-bottom: 5%;
}

.t_styles {
	border-radius: 5px;
	height: 24px;
}

.t2_styles {
	border-radius: 3px;
	height: 24px;
}

.ttlImg {
	position: absolute;
	margin: -52px 0 0 10px;
}

h2#t01 { background: url(../images/order/ttl_01.png) no-repeat #333333 85px; }

h3#t02 { background: url(../images/order/ttl_02.png) no-repeat #444444 10px; margin-bottom: 1.5em; }

h3#t03 { background: url(../images/order/ttl_03.png) no-repeat #444444 10px; margin-bottom: 1.5em; }

h3#t04 { background: url(../images/order/ttl_04.png) no-repeat #444444 10px; }

h3#t05 { background: url(../images/order/ttl_05.png) no-repeat #444444 10px; margin-bottom: 1.5em; }

.basicTable th {
	background-color: #666;
	color: white;
	padding: 5px 10px;
}

.basicTable th.longCom {
	width: 24%;
}

.basicTable td {
	padding: 5px 10px;
}

.basicTable td.codeNum {
	font-size: 103%;
}

.basicTable td img {
	padding: 10px 0;
}

#topImage {
	margin: 0 0 30px 0;
	padding: 0;
}

#box02 h4 {
	margin-bottom: 0.5em;
}

#box02 h4:before {
	content: "●";
}

#box02 div {
	margin-bottom: 40px;
}

#box03 p {
	line-height: 1.5;
}

#box03 figure {
	float: left;
	margin: 30px 20px 0 0;
}

#box03 figure.end {
	margin-right: 0;
}

#box03 figure figcaption {
	margin: 10px 0;
	text-align: center;
}

#box04 table.basicTable td.bDotR {
	border-right: 1px dotted #525252;
}

#box04 table.basicTable td.bDotL {
	border-left: 1px dotted #525252;
}

#box04 table.basicTable td.bDotB {
	border-bottom: 1px dotted #525252;
}

#box04 table.basicTable td.bDotT {
	border-top: 1px dotted #525252;
}

#box04 table.basicTable td.bBold,
#box04 table.basicTable th.bBold{
	border-bottom: 2px solid #525252;
}

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

	#topImage img {
		width: 858px;
	}
	
	#box01 table img {
		width: 120px;
	}
	
	#box01 table th.longCom {
		width: 18%;
	}

}