@charset "UTF-8";

body {
	background-color: #EFEFEF;
}

#container01{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-image: url(../images/cmn/puppy.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#container02{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-image: url(../images/cmn/foot_mark.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#header {
	height: 180px;
	width: 800px;
}
h1 {
	text-indent: -9999px;
}

#step {
	background-image: url(../images/cmn/step_ul_bgi.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 48px;
	padding-right: 4px;
	float: left;
	margin-top: 4px;
}


#step ul {
	background-color: #FFFFFF;
}
#step li {
	display: block;
	height: 200px;
	width: 48px;
	margin-bottom: 4px;
	background-color: #FFFFFF;
}

#step li a {
	opacity:0.65;
}

#step li a:hover {
	opacity:1.0;
}

#chapter {
	padding: 12px;
	float: left;
	width: 174px;
	margin-top: 4px;
	background-color: #E6F5FF;
	border: 1px solid #0099FF;
}

#chapter li {
	background-image: url(../images/cmn/chapter_li_mark.gif);
	background-repeat: no-repeat;
	line-height: 1.5;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #0099FF;
	padding-bottom: 6px;
	display: block;
	padding-top: 6px;
	padding-left: 14px;
	font-size: 10px;
	background-position: left;
	color: #808080;
}
#chapter li a {
	text-decoration: none;
}


#contents {
	float: left;
	width: 516px;
	margin-top: 4px;
	margin-bottom: 35px;
	margin-left: 4px;
	border: 1px solid #0099FF;
	padding-top: 11px;
	padding-right: 11px;
	padding-bottom: 200px;
	padding-left: 11px;
}



#pageHeader {
	background-color: #0099FF;
	height: 54px;
	width: 516px;
	margin-bottom: 4px;
}
#contents h2 {
	font-family: "Arial Black";
	font-size: 30px;
	color: #FFFFFF;
	background-color: #0099FF;
	height: 54px;
	width: 504px;
	padding-left: 12px;
	line-height: 54px;
}
#contents h2 span {
	font-size: 42px;
}
#contents h2 img {
	margin-left: 7.5px;
}



#contents h3 {
	font-size: 16px;
	line-height: 40px;
	background-image: url(../images/cmn/contents_h3.gif);
	height: 40px;
	width: 492px;
	padding-left: 24px;
	margin-bottom: 18px;
	margin-top: 6px;
}

.column {
	background-color: #E6FFFF;
	padding: 12px;
	width: 492px;
	margin-top: 18px;
	margin-bottom: 18px;
}

.tips {
	background-color: #F4FFFF;
	width: 468px;
	margin-top: 18px;
	margin-bottom: 18px;
	border: 1px solid #0099FF;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
}

.tips,
.caution {
	margin-left: 0px;
	text-indent: 0px;
}

.tips h4 {
	font-family: "Arial Black";
	font-size: 30px;
	background-color: #0099FF;
	background-image: url(../images/cmn/tips.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 54px;
	color: #FFFFFF;
	text-indent: 54px;
	line-height: 54px;
	margin-bottom: 18px;
	margin-top: 12px;
}

.caution {
	width: 468px;
	margin-top: 18px;
	margin-bottom: 18px;
	border: 1px solid #FF0000;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	background-color: #FFF0F0;
}

.caution h4 {
	font-family: "Arial Black";
	font-size: 30px;
	background-color: #FF0000;
	background-image: url(../images/cmn/attention.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 54px;
	color: #FFFFFF;
	text-indent: 54px;
	line-height: 54px;
	margin-bottom: 18px;
	margin-top: 12px;
}

#contents li img {
	margin-top: 6px;
	margin-bottom: 18px;
}
#contents li {
	line-height: 1.5;
	list-style-position: inside;
	margin-left: 12px;
	text-indent: -12px;
}

#contents li p {
	line-height: 1.5;
	text-indent: 0px;
}

#yomikata {
	width: 516px;
	border-collapse:separate;
	border-spacing:4px;
}

#yomikata th {
	width: 110px;
	vertical-align: middle;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #0099FF;
	padding:10px 0;
}

#yomikata td {
	vertical-align:middle;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #0099FF;
}


#contentsChapter #reference {
	width: 516px;
	border-collapse:separate;
	border-spacing:4px;
}

#contentsChapter #reference th {
	width: 48px;
	vertical-align: bottom;
	background-color:#0099FF;
}

#contentsChapter #reference td {
	padding: 10px;
	background-color:#E6F5FF;
}

#contentsChapter li {
	background-image: url(../images/cmn/chapter_li_mark.gif);
	background-repeat: no-repeat;
	line-height: 1.5;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #0099FF;
	padding-bottom: 6px;
	display: block;
	padding-top: 6px;
	background-position: -2px;
	padding-left: 25px;
	list-style-type: none;
}
#contentsChapter li a {
	text-decoration: none;
}

.pageNavi ul {
	text-align: right;
	margin-bottom: 18px;
	margin-top: 18px;
}
.pageNavi li {
	display: inline;
}

.pageView	{
	width: 800px;
	height: 50px;
}

.pageView ul .left {
	height: 50px;
	width: 100px;
	float: left;

}

.pageView ul .right {
	height: 50px;
	width: 100px;
	float: right;
}

.pageView li a	{
	opacity: 0.3;
}

.pageView li a:hover	{
	opacity: 1.0;
}

#footer {
	height: 46px;
	width: 760px;
	padding-right: 20px;
	padding-left: 20px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #0099FF;
	clear: both;
}




#footer address {
	font-size: 10px;
	color: #000066;
	text-align: right;
	line-height: 46px;
}