@charset "euc-jp";

/* ########## h-TITLE ########## */
h1{
font-weight: 700;
font-size: 160%;
background: url(/image/contents_image/h1_cat_border.gif) repeat-x left bottom;
margin-top: 0.5em;
margin-bottom: 0.8em;
}
	h1 span.border{
	display: block;
	padding: 0 0 0.3em 0;
	/* IE hack */_padding-bottom: 0.2em;
	background: url(/image/contents_image/h1_border.gif) no-repeat left bottom;
	}
h2 {
	font-size: 140%;
	font-weight: 700;
	padding: 0 0 0 8px ;
	margin-bottom: 0.8em;
	border-left: 8px solid #2F4F8E;
	border-bottom: 1px solid #2F4F8E;
	}


h4 {
font-weight: 400;
color: #FFF;
padding-left: 0.5em;
background-color: #666;
margin-bottom: 0.8em;
}
	h4.related {
		font-weight: 400;
		color: #FFF;
		padding-left: 0.5em;
		background-color: #666;
		margin: 0;
	}
h3{
font-weight: 700;
background: url(../image/contents_image/h3_dec.gif) 0 50% no-repeat;
padding: 0 0 0 15px;
margin: 0 0 0.7em 0.6em;
}

/* ########## Base Paragraph ########## */
.prg_box {
	margin-left: 1.8em;
	margin-bottom: 2.5em;
	line-height: 1.6em;
}

.prg_box1 {
	margin-left: 1.8em;
	margin-bottom: 1em;
	line-height: 1.6em;
}

.lines {
	line-height: 1.6em;
	}

/* ########## Frot position ########## */
.float_r {
	float: right;
	margin-left: 10px;
	}	

/* ########## Contents Block ########## */

.onebox {
	width: 558px;
	/*IE_huck*/_width: 558px;
	margin-left: 20px;
	margin-bottom: 30px;
	padding: 10px;
	border: 1px solid #CCC;
}
.wide_onebox600 {
	width: 578px;
	_width: 578px;
	margin-bottom: 30px;
	padding: 10px;
	border: 1px solid #CCC;
}

/* kanren Link use */
.kanrenbox {
	width: 578px;
	/*IE_huck*/_width: 578px;
	margin-bottom: 15px;
	padding: 10px;
	border: 1px solid #CCC;
}
/* kanren Link use */

.twobox_left {
	float: left;
	width: 253px;
	margin-left: 20px;
	margin-right: 10px;
	padding: 10px;
	margin-bottom: 30px;
	border: 1px solid #CCC;
}

.twobox_right {
	float: left;
	width: 253px;
	padding: 10px;
	margin-bottom: 30px;
	border: 1px solid #CCC;
}

.wide_twobox_left {
	float: left;
	width: 263px;
	margin-right: 10px;
	padding: 10px;
	margin-bottom: 30px;
	border: 1px solid #CCC;
}

.wide_twobox_right {
	float: left;
	width: 263px;
	padding: 10px;
	margin-bottom: 30px;
	border: 1px solid #CCC;
}

.box_bottom15 {
	margin-bottom: 15px;
	}
.box_bottom30 {
	margin-bottom: 30px;
	}
	
.box_500 {
	width: 500px;
	margin: 0 auto 30px auto;
	clear: both;
	}
.box_marginleft20px {
	width: 580px;
	margin-left: 20px;
	margin-bottom: 30px;
	clear: both;
	}
.box_next {
	width: 160px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left:440px;
	clear: both;
	}

/* ########## List-setting ########## */

ul.list_box {
	margin-left: 20px;
	}
	
	ul .disc {
		list-style-type: disc;
		list-style-position: outside;
		line-height: 2em;
		} 
	ul .number {
		list-style-type: decimal;
		list-style-position: outside;
		line-height: 2em;
		} 
	ul .alpha {
		list-style-type: lower-alpha;
		list-style-position: outside;
		line-height: 2em;
		} 


/* ########## Table-setting ########## */

table.chart01 {
	width: 100%;
	border: 1px solid #CCC;
	}
	table.chart01 tr {
		border-top: 1px solid #CCC;
		border-left: 1px solid #CCC;
		}
		table.chart01 tr.gray {
			background-color: #CCC;
			}
	table.chart01 th {
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		padding-left: 10px;
		}
		table.chart01 th.yellow {
			background-color: #FFFFCC;
			}
	table.chart01 td {
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		padding-left: 10px;
		}

table.chart02 {
	width: 100%;
	border: 1px solid #CCC;
	}
	table.chart02 tr.gray {
		background-color: #CCC;
		}
	table.chart02 th {
		padding-left: 10px;
		}
		table.chart02 th.yellow {
			background-color: #FFFFCC;
			}
	table.chart02 td {
		padding-left: 10px;
		}

/* ########## Right-MENU ########## */

#sideMenu {
font-weight: 700;
text-decoration: none;
}

#sideMenu ul {
margin: 0px;
width: 240px;
}

#sideMenu ul.root-cat li {
border-left: solid 1px #767676;
border-right: solid 1px #767676;
}


/*-- ROOT CATEGORY ------*/
#sideMenu ul.root-cat{
border-top: solid 1px #767676;
}

#sideMenu .root-cat li.item {
list-style-type: none;
display: block;
}

#sideMenu .root-cat .item a,
#sideMenu .root-cat .current a{
display: block;
text-decoration: none;
background: url(/image/contents_image/side_menu_bottom.gif) repeat-x left bottom;
padding: 8px 6px 8px 15px;
/* IE hack */_width: 219px;
}

#sideMenu .root-cat .noitem {
display: block;
text-decoration: none;
background: url(/image/contents_image/side_menu_bottom.gif) repeat-x left bottom;
padding: 8px 6px 8px 15px;
/* IE hack */_width: 219px;
}

#sideMenu .root-cat .item a:hover,
#sideMenu .root-cat .current {
display: block;
background: url(/image/contents_image/side_menu_bottom.gif) repeat-x left bottom;
background-color:  #eee;
}


/*-- SUB CATEGORY ------*/
#sideMenu ul.sub-cat{
padding-bottom:3px;
margin-bottom: 3px;
}

#sideMenu .sub-cat li.item {
list-style-type: none;
display: block;
}

#sideMenu .sub-cat .item a,
#sideMenu .sub-cat .current a {
display: block;
text-decoration: none;
border-bottom: dashed 1px #666;
padding: 8px 6px 6px 25px;
/* IE hack */_width: 209px;
}

#sideMenu .sub-cat .item a:hover,
#sideMenu .sub-cat .current {
display: block;
background-color: #eee;
}