/* CSS Document */

html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}

body {
	margin: 0;     /* setting border: 0 hoses ie5 win window inner well border */
	padding: 0;
	font-family: verdana, 'trebuchet ms', sans-serif;
	text-align: center;
	color: #4d4d4d;
/* center on ie */
}

/* no ie mac \*/
* html .wrapper { height: 1%; }


/* page layout */

body {
	text-align: center;
	background-color: #fff;
} /* center on ie */

#wrapper {
	position: relative;
	margin: 0 auto; /* center on everything else */
	width: 800px;
	font-size: 90%;
	text-align: left;
/*	border-left: #cfcfcf 1px solid;
	border-right: #cfcfcf 1px solid;
	border-bottom : #cfcfcf 1px solid;  */
	background : url(file:///C:/Documents and Settings/おひさまのいえ/Application Data/IBM/Homepage Builder Version 10/tmp/cache/www.otomarihoiku.jp/img_index/back001.jpg) no-repeat;
}

#header {
	width: 800px;
	margin: 0;
	padding: 0;
}

#header h1 {
	margin: 0;
	padding: 0;
}

#hdlink {
	position: relative;
	top: -100px;
	margin-right: 20px;
	font-size: 75%;
	float: right;
	z-index: 3;
}

#container {
	width: 800px;
	position: relative;
	margin: 10px 0 0 0;
	padding: 0;
	clear: both;
}

#leftarea {
	width: 540px;
	margin: 0;
	padding: 0;
	float: left;
	overflow: auto;
}

#rightmenu {
	width: 250px;
	height: 1%;
	margin: 0 0 0 540px;
	padding: 0;
	text-align: right;
	background: transparent;
}

#rightmenu ul {
	margin: 0;
	padding: 0;
}

#rightmenu ul li {
	margin: 0 0 40px 0;
	font-size: 100%;
	color: #FFF;
	font-weight: bold;
}

#rightmenu a {
	color: #adcf4f;
	text-decoration: none;
}

#rightmenu a:hover {
	color: #f7f282;
}

#mgroup02 {
	margin: 0 0 50px 0;
	padding: 0;
}

#mgroup02 ul {
	margin: 0;
	padding: 0;
}

#mgroup02 ul li {
	margin: 0 0 10px 0;
	padding: 0;
}


#mgroup03 h3 {
	margin: 0 0 5px 20px;
	padding: 3px 10px 3px 0;
	border-bottom: 1px #993300 solid;
}

#mgroup03 ul {
	margin: 8px 10px 20px 0;
	padding: 0;
}

#mgroup03 ul li {
	margin: 0 0 7px 20px;
	padding: 0;
	font-size: 90%;
}


#banner {
	margin: 50px 0 0 15px;
	padding: 0;
}

#ban01 {
	height: 80px;
	margin: 0;
	padding: 0;
}

#ban01 a {
	width: 200px;
	height: 80px;
	display: block;
	background : url(file:///C:/Documents and Settings/おひさまのいえ/Application Data/IBM/Homepage Builder Version 10/tmp/cache/www.otomarihoiku.jp/img_bann/jet_banner.gif);
	text-indent: -9999px;
}

#ban01 a:hover {
	background : url(file:///C:/Documents and Settings/おひさまのいえ/Application Data/IBM/Homepage Builder Version 10/tmp/cache/www.otomarihoiku.jp/img_bann/jet_banner_f2.gif);
}


#footer {
	width: 100%;
	margin: 50px 0 0 0;
	padding: 10px 0 15px 0;
	text-align: center;
	line-height: 1.4em;
	background: #efefef;
}

#copy {
	margin: 15px 0 15px 0;
	font-size: 70%;
}

#pgtop {
	margin: 10px 10px 20px 0;
	padding: 0;
	font-size: 70%;
	float: right;
}


/*   style   */
.t180 {
	font-size: 180%;
}

.t160 {
	font-size: 160%;
}

.t150 {
	font-size: 150%;
}

.t140 {
	font-size: 140%;
}

.t130 {
	font-size: 130%;
}

.t130k {
	font-size: 130%;
	color: #101010;
	font-weight: bolder;
}

.t130gr {
	font-size: 130%;
	color: #58b123;
	font-weight: bolder;
}

.t130or {
	font-size: 130%;
	color: #58b123;
	font-weight: bolder;
}

.t120 {
	font-size: 120%;
}

.t120gb {
	font-size: 120%;
	color: #005F27;
	font-weight: bolder;
}

.t110 {
	font-size: 110%;
}

.t100 {
	font-size: 100%;
}

.t100k {
	font-size: 100%;
	color: #000;
	font-weight: bolder;
}

.t100or {
	font-size: 100%;
	color: #FF7E00;
	font-weight: bolder;
}

.t100gr {
	font-size: 100%;
	color: #005F27;
	font-weight: bolder;
}

.t90 {
	font-size: 90%;
}

.t90or {
	font-size: 90%;
	color: #FF7E00;
	font-weight: bolder;
}

.t90bw {
	font-size: 90%;
	color: #9b4224;
	line-height: 110%;
}

.t85bw {
	font-size: 85%;
	color: #9b4224;
	line-height: 110%;
}

.t80 {
	font-size: 80%;
}

.t80or {
	font-size: 80%;
	color: #FF7E00;
}

.t70 {
	font-size: 70%;
}

.t70pk {
	font-size: 70%;
	color: #eb6ea0;
	font-weight: bolder;
}

.tc_bl {
	color: #4b65d9;
}

.tc_rd {
	color: #c74238;
}

.tc_gy {
	color: #898989;
}

.tbl_th01 {
	background-color: #dbebc4;
	color: #333333;
	text-align: center;
}

.ls10 {
	margin-left: 8px;
}

.ls20 {
	margin-left: 20px;
}


#att {
	margin: -18px 0 0 -30px;
	padding: 0;
	font-size: 100%;
}

#att dl {
	margin: 0;
	padding: 0;
}

#att dl dt {
	width: 12px;
	margin: 0;
	padding: 0;
	float: left;
}

#att dl dd {
	margin: 0;
	padding: 0;
}


/*   layout   */

#tp_t01 p {
	width: 520px;
	margin: 10px 0 10px 30px;
	font-size: 90%;
	line-height: 130%;
	color: #333;
}

#tp_t02 p {
	margin: 20px 0 10px 270px;
	font-size: 70%;
	color: #333;
}

.tp_txt {
	width: 500px;
	margin: 0 0 0 25px;
	font-size: 90%;
	line-height: 130%;
	color: #4d4d4d;
}

#cont_t01 p {
	width: 520px;
	margin: 10px 0 10px 50px;
	font-size: 90%;
	line-height: 130%;
	color: #333;
}


/*   index   */

#mainimg {
	margin: 0 0 0 10px;
	padding: 0;
}

#news dt {
	width: 100px;
	font-size: 90%;
	color: #777;
	float: left;
}

#mainana {
	margin: 15px 5px 15px 15px;
	padding: 10px;
	border: 1px #996666 dashed;
}

#mainana p {
	font-size: 95%;
	line-height: 1.4em;
}


/*   Q & A   */

#ct_qa01 {
	margin: 2px 0 10px 20px;
	padding: 0;
}

#ct_qa01 h2 {
	margin: 0;
	padding: 7px 0 3px 10px;
	border-top: 1px #cd5510 solid;
	border-left: 5px #cd5510 solid;
}

#ct_qa01 dl {
	margin: 20px 0 20px 10px;
	padding: 0;
}

#ct_qa01 dt {
	margin:0 0 5px 0;
	padding: 0 0 3px 5px;
	border-bottom: 1px #FFCC00 dashed;
}

#ct_qa01 dd {
	margin: 5px 0 20px 10px;
	padding: 0;
	line-height: 1.3em;
}


/*   how to    */

#howto {
	margin: 2px 0 20px 20px;
	padding: 0;
}

#howto h2 {
	margin: 0 0 10px 0;
	padding: 7px 0 3px 10px;
	border-top: 1px #cd5510 solid;
	border-left: 5px #cd5510 solid;
}

#howto h3 {
	margin: 0 0 10px 20px;
	padding: 0;
}

#howto h4 {
	width: 90%;
	margin: 0 0 10px 30px;
	padding: 3px 0 3px 8px;
	border-left: 3px #cd5510 solid;
	background: #ffebcd;
}


#howto_01,
#howto_02 {
	margin: 10px 0 20px 0;
	padding: 0;
}

#howto_01 dl,
#howto_02 dl {
	margin: 20px 0 0 30px;
	padding: 0;
}

#howto_01 dt,
#howto_02 dt {
	margin: 10px 0 3px 5px;
	padding: 0;
}

#howto_01 dd,
#howto_02 dd {
	margin: 0 0 25px 10px;
	padding: 0;
	font-size: 90%;
}

#howto_01 ul,
#howto_02 ul {
	margin: 0 0 3px 15px;
	padding: 0;
}

#howto_01 a {
	color: #FF3300;
}

#howto_01 a:visited {
	color: #FF3300;
}

#howto_02 a {
	color: #009933;
}

#howto_02 a:visited {
	color: #009933;
}