/* --- Default Style -------------------------------------------------------- */

body {
	font-family: 'メイリオ', meiryo, 'lucida grande', tahoma, verdana, arial, 'hiragino kaku gothic pro', 'ms pgothic', sans-serif;
}
body.stop {
	width: 100%;
	background: transparent;
	position: fixed;
}

img.ng {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
}
br.clear {
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	line-height: 1px;
	display: block;
	overflow: hidden;
	clear: both;
}

#head_box {
	width: 1040px;
	margin: 0 auto;
}
#foot_box {
	margin: 45px 0 0;
	padding: 30px 0 90px;
	color: #382E24;
	text-align: center;
	background: #dacaae;
}

#pg-Top {
	display: none;
	position: fixed;
	z-index: 150;
	right: 20px;
	bottom: 20px;
}
#pg-Top a {
	width: 60px;
	height: auto;
	padding: 20px 0;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	background: #444;
	border-radius: 5%;
	display: block;
}
#pg-Top > * {
	opacity: 0.75;
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: 'alpha(opacity=75)';
}

/* -------------------------------------------------------- Default Style --- */


#contents {
	font-size: 9pt !important;
}

#howto_main {
	width: 1040px;
	margin: 0 -30px;
	position: relative;
}
#howto_main a {
	text-decoration: underline;
}
#howto_main a:hover {
	text-decoration: none;
}
#howto_main a:hover img {
	opacity: 0.9;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: 'alpha(opacity=90)';
}

#howto_main h2 {
	width: 100%;
	height: 500px;
	background: url('../img/bg_left.png') transparent no-repeat -15px bottom;
	position: relative;
}
#howto_main h2 img,
#howto_main h2 span {
	font-size: 75%;
	font-weight: normal;
	vertical-align: top;
	position: absolute;
}
#howto_main h2 img.txt {
	top: 80px;
	left: 24px;
}
#howto_main h2 img.img {
	top: -15px;
	right: 24px;
}
#howto_main h2 span {
	top: 310px;
	left: 32px;
}

#howto_main p {
	width: 100%;
	height: 180px;
	text-align: center;
	background: url('../img/part.png') transparent repeat-x;
	position: relative;
	z-index: 5;
}
#howto_main p.next {
	margin: 0 0 -120px;
	padding: 50px 0 0;
	background-position: 0 top;
}
#howto_main p.sub {
	margin: -100px 0;
	padding: 0 0 80px;
	background-position: 0 bottom;
}
#howto_main p.sub a {
	position: absolute;
	top: 40px;
}
#howto_main p.sub a.p1 {
	left: 46px;
}
#howto_main p.sub a.p2 {
	left: 288px;
}
#howto_main p.sub a.p3 {
	right: 288px;
}
#howto_main p.sub a.p4 {
	right: 46px;
}

#howto_main dl {
	width: 995px;
	margin: 0 auto -30px;
	position: relative;
	z-index: 10;
}
#howto_main dl dd.body {
	width: 945px;
	padding: 5px 25px;
	text-align: center;
	background: url('../img/point/body.png') transparent repeat-y 0 0;
}
#howto_main dl span,
#howto_main dl strong, #howto_main dl em,
#howto_main dl b, #howto_main dl i {
	font-size: 105%;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	display: block;
}
#howto_main dl em {
	margin: 9px 0 3px;
}
#howto_main dl i {
	padding: 10px 5px;
	line-height: 1.8;
}
#howto_main dl img.txt {
	margin: 0 auto 20px;
}
#howto_main dl strong,
#point1 ul {
	width: 820px;
	margin: 5px auto 20px;
	padding: 20px;
	background: #FFFCCD;
	border: 2px #F9F3A1 solid;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
}
#point1 ul li {
	width: 260px;
	vertical-align: top;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
#point1 ul li.sec2 {
	margin: 0 20px;
}
#point1 ul li span {
	width: 254px;
	padding: 10px 3px 5px;
}
#point1 ul li.sec2 span {
	margin: 0 -10px;
	padding: 10px 12px 5px;
	border-left: 1px #F9B solid;
	border-right: 1px #F9B solid;
}
#point2 ul {
	width: 785px;
	margin: 5px auto;
}
#point2 ul li {
	height: 220px;
	padding: 30px 0;
	border-top: 1px #6BE solid;
	position: relative;
}
#point2 ul li:first-child {
	padding-top: 5px;
	border-top: none;
}
#point2 ul li span {
	height: 220px;
	position: absolute;
}
#point2 ul li span.img {
	width: 390px;
	background: #999;
	overflow: hidden;
	left: -45px;
}
#point2 ul li span.txt {
	width: 510px;
	padding: 0 0 20px;
	background: url('../img/bg_right.png') transparent no-repeat 20px bottom;
	right: -96px;
	bottom: 10px;
}
#point3 span {
	width: 845px;
	margin: 5px auto 0;
}
#point3 span.img img {
	margin-left: 10px;
	background: #999;
}
#point3 span.img img:first-child {
	margin-left: 0;
}
#point3 span.txt {
	height: 200px;
	margin: 0 -16px;
	padding: 30px 66px 0;
	background: url('../img/bg_right.png') transparent no-repeat 480px bottom;
}
#point4 ul {
	width: 840px;
	margin: 0 auto 20px;
}
#point4 ul li {
	width: 240px;
	padding: 15px 20px;
	vertical-align: top;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
#point4 ul li span.img {
	width: 220px;
	height: 330px;
	margin: 0 auto 15px;
	background: #999;
	overflow: hidden;
}
#point4 ul li span.txt i {
	padding: 9px 3px 3px;
	font-size: 100%;
	line-height: 1.5;
}

#howto_main div.search {
	width: 900px;
	height: 120px;
	margin: 75px auto 0;
	text-align: center;
	position: relative;
	z-index: 5;
}
#howto_main div.search a {
	position: absolute;
	bottom: 0;
}
#howto_main div.search a.left {
	left: 0;
}
#howto_main div.search a.right {
	right: 0;
}