#containerContents {
	margin-left:auto;
	margin-right:auto;
	width:980px;
	font-size:14px;
	color:#000;
}

#howToIndexH1Title{
	background-image:url(../img/howToIndex/howToIndexH1Title.png);
	background-repeat:no-repeat;
	height:56px;
	margin-left:14px;
}

.h1BoxLong{
	clear:both;	 /* スマホレイアウト乱れ対策 */
	height:80px; /* スマホレイアウト乱れ対策 */
}
.h1BoxLong p {
	margin-left:30px;
}

#howToMap {
	clear:both;
	width:100%;
	margin-top:50px;
}

#howToMap a {
	color:#3c8d1f;
}

#generateQrcode {
	width:485px;
	float:left;
	background-color:#e7e7e7;
	height:500px;
}

#readQrcode {
	width:485px;
	float:right;
	background-color:#e7e7e7;
	height:500px;
}

.mapTitle {
	background-image:url(../img/howToIndex/titleBar.png);
	background-repeat: repeat-x;
	height:77px;
	font-size:180%;
	padding:30px 0 0 30px;
	margin-bottom:-30px;	/*	paddingとの兼ね合い	*/
}

.imageCell {
	padding:20px 0;
}

.imageCell div {
	display:table-cell;
	vertical-align:middle;
}

.cellImage  {
	width:169px;
	height:132px;
}

.cellImage img {
    border: 1px solid #000;
    margin-left: 12px;
}

.cellIntroduction {
	padding:0 16px;
}

.cellTitle {
	font-size:125%;
	font-weight:bold;
	padding:13px 0px;
	line-height:130%;
}

.cellSentence {
	font-size:88%;
}

#generateList {
	list-style:none;
	font-size:120%;
	padding:20px;
}

#generateList li a{
	padding: 7px 0px 7px 50px;
	background: url(../img/howToIndex/generateListImage.png) no-repeat 20px 11px;
	margin-bottom:1px;
	display:block;
	font-size:90%;
	color:#3c8d1f;
}

/*#generateList li a:hover{
	text-decoration:none;
}*/

hr {
	border:none;
	border-top:1px dotted #1a1a1a;
	width:96%;
	height:1px;
	margin-left:2%;
}

#relatedPage {
	padding:20px 0;
}

#relatedPage p {
	float:left;
	font-size:120%;
	margin-left:30px;
}

/* 上書き */
#howToMap .smallText a {
	color:#000;
	text-decoration:underline;
	
}