@charset "Shift_JIS";

/*タイトル*/
#bg_title {
	width: 100%;
	height: 250px;
	background-color: #7F7F7F;
}
#title {
	width: 800px;
	height: 250px;
	margin: 0px auto; 
	text-align: left;
	background-image: url(../images/tatami02_03.jpg);
	background-repeat: no-repeat;
}
#title h3 {
	display: none;
}
#title p {
	position: relative;
	top: 110px;
	left: 20px;
	color: #113300;
	font-size: 18px;
	font-weight: bold;
	line-height: 120%;
}
#title ul {
	position: relative;
	top: 90px;
	left: 20px;
	margin: 0px;
	padding: 0px;
}
#title li {
	color: #FFFFFF;
	font-weight: bold;
	line-height: 120%;
}
#title li.text_01 {
	position: relative;
	top: 34px;
	left: 10px;
}
#title li.text_02 {
	position: relative;
	top: 54px;
	left: 10px;
}
#title li.text_03 {
	position: relative;
	top: -26px;
	left: 170px;
}
#title li.text_04 {
	position: relative;
	top: -6px;
	left: 170px;
}

/*ラップ01*/
#mainContents .wrap_01 {
	float: left;
	width: 190px;
}

/*ラップ02*/
#mainContents .wrap_02 {
	float: right;
	width: 590px;
}

/*ナビ01*/
#navi_01 {
	margin-bottom: 10px;
}
#navi_01 h4 {
	width: 190px;
	height: 20px;
	margin-bottom: 10px;
	display: block;
	background-image: url(../images/tatami02_06.gif);
	background-repeat: no-repeat;
}
#navi_01 ul {
	margin: 0px;
	padding: 0px;
}
#navi_01 li.img_01 a {
	width: 190px;
	height: 50px;
	margin-bottom: 5px;
	display: block;
	background-image: url(../images/tatami02_11.gif);
	background-repeat: no-repeat;
}
#navi_01 li.img_02 a {
	width: 190px;
	height: 50px;
	margin-bottom: 5px;
	display: block;
	background-image: url(../images/tatami02_18.gif);
	background-repeat: no-repeat;
}
#navi_01 li.img_03 a {
	width: 190px;
	height: 50px;
	margin-bottom: 5px;
	display: block;
	background-image: url(../images/tatami02_20.gif);
	background-repeat: no-repeat;
}
#navi_01 li.img_04 a {
	width: 190px;
	height: 50px;
	display: block;
	background-image: url(../images/tatami01_23.gif);
	background-repeat: no-repeat;
}

/*ナビ02*/
#navi_02 {
	background-color: #FFF7CC;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	padding: 9px;
}
#navi_02 h4 {
	width: 170px;
	height: 175px;
	margin-bottom: 10px;
	display: block;
	background-image: url(../images/tatami01_26.gif);
	background-repeat: no-repeat;
}

/*ナビ03*/
#navi_03 h4 a {
	width: 190px;
	height: 270px;
	margin-bottom: 10px;
	display: block;
	background-image: url(../images/deck01_27.gif);
	background-repeat: no-repeat;
}

/*ナビ04*/
#navi_04 h4 a {
	width: 190px;
	height: 270px;
	display: block;
	background-image: url(../images/reform_24.gif);
	background-repeat: no-repeat;
}

/*右側カテゴリ01*/
.category_01 {
	clear: both;
	margin-bottom: 20px;
}
.category_01 p {
	margin-bottom: 10px;
	color: #6BB324;
}
.category_01 dl {
	float: left;
	width: 190px;
	margin: 0px;
	padding: 0px;
}
.category_01 dl.space {
	margin-right: 10px;
}
.category_01 dd {
	margin: 0px;
	padding: 0px;
}
.category_01 dd.comment_01 {
	height: 80px;
	margin-bottom: 5px;
	padding: 5px;
	background-color: #FFF7CC;
}
.category_01 dd.botton a {
	width: 190px;
	height: 20px;
	margin-bottom: 10px;
	display: block;
	background-image: url(../images/botton_01.gif);
	background-repeat: no-repeat;
}
.category_01 dd.botton a:hover {
	background-image: url(../images/bottonA_01.gif);
	background-repeat: no-repeat;
}
.category_01 h5.img_01 {
	width: 590px;
	height: 20px;
	margin-bottom: 10px;
	display: block;
	background-image: url(../images/tatami02_08.gif);
	background-repeat: no-repeat;
}
.category_01 h5.img_02 {
	width: 590px;
	height: 20px;
	margin-bottom: 10px;
	display: block;
	background-image: url(../images/tatami02_29.gif);
	background-repeat: no-repeat;
}
.category_01 h5.img_03 {
	width: 590px;
	height: 20px;
	margin-bottom: 10px;
	display: block;
	background-image: url(../images/tatami02_43.gif);
	background-repeat: no-repeat;
}

/*右側カテゴリ02*/
.category_02 {
	clear: both;
	margin-bottom: 20px;
}
.category_02 dl {
	float: left;
	width: 140px;
	margin: 0px;
	padding: 0px;
}
.category_02 dl.space {
	margin-right: 10px;
}
.category_02 dd {
	margin: 0px;
	padding: 0px;
}
.category_02 dd.comment_01 {
	height: 120px;
	margin-bottom: 5px;
	padding: 5px;
	background-color: #FFF7CC;
}
.category_02 dd.botton a {
	width: 140px;
	height: 20px;
	margin-bottom: 10px;
	display: block;
	background-image: url(../images/botton_02.gif);
	background-repeat: no-repeat;
}
.category_02 dd.botton a:hover {
	background-image: url(../images/bottonA_02.gif);
	background-repeat: no-repeat;
}
.category_02 h5.img_01 {
	width: 590px;
	height: 20px;
	margin-bottom: 10px;
	display: block;
	background-image: url(../images/tatami01_48.gif);
	background-repeat: no-repeat;
}