@charset "UTF-8";

@import "base.css";

/** container ***************************************************************************/

div#container {
	background: #0F427B url("image/container.jpg") repeat-x scroll left bottom;
	color: #FFFFFF;
	margin-top: 12px;
}

/** document ****************************************************************************/

div#document {
	background: #0F427B url("image/container.jpg") repeat-x scroll left bottom;
	margin: 0 auto;
	padding-bottom: 75px;
	width: 860px; /* 228 + 6 + 626 */
}
div#document:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/** head ********************************************************************************/

div#head {
	float: left;
	margin-top: -12px;
	padding: 0 5px;
	position: relative;
	width: 218px; /* 228 - 5 * 2 */
}

/* logo */

div#head p.logo {
	margin: 0 -5px;
}

/* menu */

div#head ul.menu {
	margin-top: 25px;
}

div#head ul.menu li {
	background: transparent url("image/menu.jpg") no-repeat scroll left bottom;
	list-style: none;
	padding-bottom: 15px;
	position: relative;
}

div#head ul.menu li.lastchild,
div#head ul.menu ul li {
	background: none;
	padding-bottom: 0;
}

/* link */

div#head ul.link {
	margin: 25px 15px 0;
}

div#head ul.link li {
	list-style: none;
}

/** body ********************************************************************************/

div#body {
	background: transparent url("image/body.jpg") repeat-y scroll left top;
	float: right;
	margin-top: -12px;
	padding: 0 25px;
	position: relative;
	width: 576px; /* 626 - 25 * 2 */
}

div#body * {
	line-height: 1.6;
}

div#body h2,
div#body h3,
div#body h4,
div#body p,
div#body ul,
div#body ol,
div#body dl,
div#body table {
	margin-top: 1.0em;
	position: relative;
}

div#body h1 {
	margin: 0 -25px -1.0em;
}

div#body h2,
div#body h3 {
	margin-right: -25px;
	margin-left: -25px;
}

div#body li {
	margin-top: 0.5em;
	margin-left: 2.5em;
}

div#body li ul,
div#body li ol {
	margin-top: 0;
}

div#body dt {
	border-left: 0.5em solid #CCCCCC;
	color: #CCCCCC;
	font-weight: bold;
	margin-top: 1.0em;
	padding-left: 0.5em;
}

div#body dd {
	border-left: 0.5em solid #EEEEEE;
	padding-left: 0.5em;
}

/* image */

div#body p.image {
	text-align: center;
}

/* signature */

div#body p.signature {
	text-align: right;
}

/* copyright */

div#body p.copyright {
	background: #0F427B url("image/copyright.jpg") no-repeat scroll left top;
	margin: 0 -25px;
	padding: 35px 25px 0;
	text-align: right;
}

/* step */

div#body ol.step li {
	background: transparent url("image/step.jpg") no-repeat scroll center bottom;
	list-style: none;
	margin: 0;
	padding-bottom: 55px;
}

div#body ol.step li.lastchild {
	background: none;
	padding-bottom: 0;
}

div#body ol.step dl {
	background-color: #999999;
	margin: 0 3.0em;
	padding: 1.0em;
}

div#body ol.step dt {
	border: none;
	border-bottom: 0.1em solid #CCCCCC;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}

div#body ol.step dd {
	border: none;
	padding: 0;
}

/* summary */

div#body dl.summary {
	border: 1px solid #CCCCCC;
	width: 576px;
}

div#body dl.summary dt {
	background-color: #2567B3;
	border: none;
	margin: 0;
	padding: 0.5em 9px 0.5em;
}

div#body dl.summary dt a {
	font-weight: bold;
}

div#body dl.summary dd {
	border: none;
	padding: 0 9px 0.9em;
	width: 556px;
}
div#body dl.summary dd:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

div#body dl.summary dd p.image {
	float: left;
	margin-right: 1.0em;
	margin-bottom: 1.0em;
	text-align: left;
}

/* notebox */

div#body dl.notebox {
	border: 0.5em solid #CCCCCC;
	padding: 0.5em;
}

div#body dl.notebox dt {
	border: none;
	border-bottom: 0.1em solid #CCCCCC;
	margin: 0;
	padding: 0;
	padding-bottom: 0.5em;
}

div#body dl.notebox dd {
	border: none;
	margin-top: 0.5em;
	padding: 0;
}

/* benefit */

div#body table.benefit {
	color: #333333;
	margin-right: auto;
	margin-left: auto;
	width: 251px;
}

div#body table.benefit td {
	padding: 0 15px 30px;
	width: 221px; /* 251 - 15 * 2 */
}
div#body table.benefit td.key1 { background: transparent url("image/benefit_key1.jpg") no-repeat scroll left bottom; }
div#body table.benefit td.key2 { background: transparent url("image/benefit_key2.jpg") no-repeat scroll left bottom; }
div#body table.benefit td.key3 { background: transparent url("image/benefit_key3.jpg") no-repeat scroll left bottom; }
div#body table.benefit td.key4 { background: transparent url("image/benefit_key4.jpg") no-repeat scroll left bottom; }

div#body table.benefit td img {
	display: block;
	margin: 0 -15px;
}

/** analysis ****************************************************************************/

div#analysis {
	display: none;
}