@charset "utf-8";


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	file name : howto.css

 : :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* ********************************************************************************
 * div#header
 * ******************************************************************************** */
div#header {
	height: 96px;
}


/* ********************************************************************************
 * div#content
 * ******************************************************************************** */
div#content {
	width: 980px;
	margin: 0 auto;
}

/* div.top */
div#content div.top {
	display: block;
	width: 980px;
	height: 10px;
	background: url(../assets/images/bg_content_top_980.gif) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}
/* div.bottom */
div#content div.bottom {
	display: block;
	width: 980px;
	height: 10px;
	background: url(../assets/images/bg_content_btm_980.gif) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}

/* div#contentInner
 * ******************************************************************************** */
div#contentInner {
	background-color: #FFF;
}


/* div#textArea
 * ******************************************************************************** */
div#content div#textArea {
	display: inline;
	float: left;
	width: 622px;
	margin: 10px 0 5px 20px;
}

/* h2 */
div#content div#textArea h2 {
	margin-bottom: 25px;
}
/* h3 */
div#content div#textArea h3 {
	margin-bottom: 20px;
}
/* p */
div#content div#textArea p {
	line-height: 1.4;
}
/* dl */
div#content div#textArea dl {
	margin-top: 25px;
	line-height: 1.4;
}
div#content div#textArea dl dt {
	font-weight: bold;
}
/* ul.list */
div#content div#textArea ul.list {
	line-height: 1.4;
}
div#content div#textArea ul.list li {
	padding-left: 1em;
	text-indent: -1em;
}
/* ul.caution */
div#content div#textArea ul.caution {
	margin-top: 15px;
	line-height: 1.6;
	font-size: 85%;
}
div#content div#textArea ul.caution li {
	padding-left: 1em;
	text-indent: -1em;
}


/* p.caution */
div#content div#textArea p.caution {
	font-size: 85%;
}

/* a:link, a:visited */
div#content div#textArea a:link,
div#content div#textArea a:visited {
	text-decoration: underline;
}
/* a:hover */
div#content div#textArea a:hover {
	text-decoration: none;
}


/* div#imageArea
 * ******************************************************************************** */
div#content div#imageArea {
	float: right;
	width: 338px;
}

/* p#img1 */
div#content div#imageArea p#img1 {
	margin: 71px 0 0 120px; 
}
/* p#img2 */
div#content div#imageArea p#img2 {
	margin: 23px 0 0 76px; 
}