@charset "Shift_JIS";

/* === カテゴリー「RR工法とは」内の共通スタイル定義 === */
#rr0, #rr1, #rr2, #rr3, #rr4, #rr5, #rr6, #rr7 {
	float: right;
	width: 500px;
}

h2 {
	background-image: url(../img/rr/title.gif);
	background-repeat: no-repeat;
/*	height: 36px;
	width: 640px;*/
}

#rr4 h4, #rr5 h4, #rr6 h4, #rr7 h4, #flow {
	position: absolute;
	left: -999px;
	top: -999px;
}

/* --- メニュー部 --- */
#m0 a {
	background-image: url(../img/rr/m01.gif);
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	width: 140px;
}

#m0 a:hover, #m0 a:active {
	background-image: url(../img/rr/m02.gif);
	background-repeat: no-repeat;
}

#m1 a {
	background-image: url(../img/rr/m11.gif);
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	width: 140px;
}

#m1 a:hover, #m1 a:active {
	background-image: url(../img/rr/m12.gif);
	background-repeat: no-repeat;
}

#m2 a {
	background-image: url(../img/rr/m21.gif);
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	width: 140px;
}

#m2 a:hover, #m2 a:active {
	background-image: url(../img/rr/m22.gif);
	background-repeat: no-repeat;
}

#m3 a {
	background-image: url(../img/rr/m31.gif);
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	width: 140px;
}

#m3 a:hover, #m3 a:active {
	background-image: url(../img/rr/m32.gif);
	background-repeat: no-repeat;
}

#m4 a {
	background-image: url(../img/rr/m41.gif);
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	width: 140px;
}

#m4 a:hover, #m4 a:active {
	background-image: url(../img/rr/m42.gif);
	background-repeat: no-repeat;
}

#m5 a {
	background-image: url(../img/rr/m51.gif);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 140px;
}

#m5 a:hover, #m5 a:active {
	background-image: url(../img/rr/m52.gif);
	background-repeat: no-repeat;
}

#m6 a {
	background-image: url(../img/rr/m61.gif);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 140px;
}

#m6 a:hover, #m6 a:active {
	background-image: url(../img/rr/m62.gif);
	background-repeat: no-repeat;
}

#m7 a {
	background-image: url(../img/rr/m71.gif);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 140px;
}

#m7 a:hover, #m7 a:active {
	background-image: url(../img/rr/m72.gif);
	background-repeat: no-repeat;
}

#m8 a {
	background-image: url(../img/rr/m81.gif);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 140px;
}

#m8 a:hover, #m8 a:active {
	background-image: url(../img/rr/m82.gif);
	background-repeat: no-repeat;
}

/* --- 開発の経緯 --- */
#rr0 h3 {
	background-image: url(../img/rr/t0.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 480px;
}

#rr0 li {
	margin-left: 2em;
	/*	padding-left: 1em;*/
	list-style-position: outside;
	list-style-type: disc;
}

/* --- 工法の特徴 --- */
#rr1 h3 {
	background-image: url(../img/rr/t1.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 480px;
}

#rr1 h4 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

#pict1 {
	float: right;
	width: 300px;
	margin-left: 10px;
}

#pict1-1 {
	background-image: url(../img/rr/pict1-1.gif);
	background-repeat: no-repeat;
	text-align: center;
	width: 300px;
	margin-bottom: 10px;
	padding-top: 230px;
}

#pict1-1cap {
	position: absolute;
	left: -999px;
	top: -999px;
}

#pict1-2 {
	background-image: url(../img/rr/pict1-2.gif);
	background-repeat: no-repeat;
	text-align: center;
	width: 480px;
	margin-bottom: 5px;
	padding-top: 250px;
}

#rr1 ol li {
	margin-bottom: 10px;
	margin-left: 1.5em;
	list-style-position: outside;
	list-style-type: decimal;
}

#rr1 ul li {
	margin-bottom: 10px;
	margin-left: 2.5em;
	list-style-position: outside;
	list-style-type: disc;
}

#rr1 .comment, #rr1 .comment span, #rr1 .comment a {
	font-size: 10px;
	line-height: 12px;
	margin-bottom: 15px;
}

#rr1 .comment {
	padding-right: 5px;
	padding-left: 5px;
}
#rr1 .comment a {
	text-decoration: underline;
	color: #000099;
}

/* --- 耐震効果の検討 --- */
#rr2 h3 {
	background-image: url(../img/rr/t2.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 480px;
}

#chart2 p {
	text-align: center;
	margin-bottom: 10px;
}

#pict2 {
	background-image: url(../img/rr/pict2.gif);
	background-repeat: no-repeat;
	height: 220px;
	width: 480px;
	margin-bottom: 20px;
}

#photo2-1 {
	background-image: url(../img/rr/photo2-1.jpg);
	background-repeat: no-repeat;
	text-align: center;
	float: left;
	width: 230px;
	margin-bottom: 15px;
	padding-top: 170px;
}

#photo2-2 {
	background-image: url(../img/rr/photo2-2.jpg);
	background-repeat: no-repeat;
	text-align: center;
	float: left;
	width: 230px;
	margin-bottom: 15px;
	margin-left: 20px;
	padding-top: 170px;
}

#photobox2 {
	clear: both;
}

#photo2-3 {
	background-image: url(../img/rr/photo2-3.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 170px;
	width: 200px;

/*	background-image: url(../img/rr/photo2-3.jpg);
	background-repeat: no-repeat;
	clear: both;
	height: 170px;
	padding-left: 210px;*/
}

#photobox2 p {
	margin-left: 5px;
	padding-top: 110px;
	float: left;
}

/* --- 設計手法の特徴 --- */
#rr3 h3 {
	background-image: url(../img/rr/t3.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 480px;
}

#rr3 h4 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

#rr3 ul li {
	list-style-position: inside;
	list-style-type: disc;
}

#chart3-1 {
	margin-bottom: 15px;
}

#chart3-1 p {
	text-align: center;
	margin-bottom: 5px;
}

#chart3-1 table {
	margin-right: auto;
	margin-left: auto;
}

#chart3-1 th, #chart3-1 td {
	vertical-align: middle;
	padding: 0.5em;
}

#chart3-1 th {
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
}

#chart3-1 td {
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

#chart3-1 .bd {
	border-top: 1px solid #333333;
}

#chart3-2 {
	text-align: center;
}

#chart3-2 p {
	background-image: url(../img/rr/pict3.gif);
	background-repeat: no-repeat;
	text-align: center;
	width: 320px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 200px;
}

/* --- 計画・調査・設計の流れ　計画 --- */
#rr4 h3 {
	background-image: url(../img/rr/t4.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 480px;
}

#rr4 #next a {
	display: block;
	height: 34px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}

/* --- 計画・調査・設計の流れ　調査 --- */
#rr5 h3 {
	background-image: url(../img/rr/t5.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 480px;
}

#rr5 #next a {
	display: block;
	height: 34px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}

/* --- 計画・調査・設計の流れ　常時設計 --- */
#rr6 h3 {
	background-image: url(../img/rr/t6.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 480px;
}

#rr6 #next a {
	display: block;
	height: 34px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}

/* --- 計画・調査・設計の流れ　地震時設計 --- */
#rr7 h3 {
	background-image: url(../img/rr/t7.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 480px;
}