@charset "utf-8";
/*--------------------------------------- about.html ---------------------------------------*/
#about {
	width:500px;
}
#about .inside01 {
	background-image: url(../img/about_asb.jpg);
	background-repeat: no-repeat;
	background-position: 330px 30px;
	margin-top:10px;
	margin-bottom:15px;
	padding-right:155px;
	height:220px;
}
#about .inside02 {
	background-image: url(../img/about_sem.jpg);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-right:15px;
	padding-left:160px;
	height:130px;
}
#about .inside03 {
	background-image: url(../img/about_con.jpg);
	background-repeat: no-repeat;
	background-position: 340px 5px;
	margin:10px 0px 20px;
	padding:0px 170px 10px 0px;
	height:100px;
}
#about .inside04 {
	background-image: url(../img/about_pow.jpg);
	background-repeat: no-repeat;
	background-position: 195px 5px;
	margin:10px 0px 0px;
	padding:0px 320px 0px 0px;
	height:130px;
}
#about .inside04 p {
	width:180px;
}
#about .inside03 p {
	margin-left:0px;
}
#about .clr {
	background-image: none;
	margin-bottom:10px;
	padding:0px;
	width:475px;
}
#about .clr02 {
	background-image: none;
	border-bottom:1px solid #4099CE;
	margin-bottom:20px;
	padding:0px 0px 20px;
	width:475px;
}
#about #read{
	background-color:#D6F0FD;
	border:2px solid #4099CE;
	margin:10px auto;
	padding:10px;
	width:320px;
}
#about #read p{
	color:#0068B6;
	font-size:15px;
	font-weight:bolder;
	margin:0px auto;
	width:270px;
}
/*--------------------------------------- about.html ---------------------------------------*/
#users {
	width:500px;
}
#users .inside01 {
	background-image:none;
	margin-top:10px;
}

#users .inside02 {
	background-image: url(../img/users01.jpg);
	background-repeat: no-repeat;
	padding-right:15px;
	padding-left:175px;
	height:190px;
}
#users .clr {
	background-image: none;
	margin-bottom:10px;
	padding:0px;
	width:475px;
}
#users .clr02 {
	background-image: none;
	border-bottom:1px solid #4099CE;
	margin-bottom:20px;
	padding:0px 0px 20px;
	width:475px;
}
#users #read{
	background-color:#D6F0FD;
	border:2px solid #4099CE;
	margin:10px auto;
	padding:10px;
	width:320px;
}
#users #read p{
	color:#0068B6;
	font-size:15px;
	font-weight:bolder;
	margin:0px auto;
	width:270px;
}
/*--------------------------------------- quake.html ---------------------------------------*/
#quake {
	width:500px;
}
#quake .inside01 {
	background-image: url(../img/quake04.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-right:15px;
	padding-left:200px;
	height:200px;
}
#quake .inside02 {
	background-image: url(../img/quake05.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-right:15px;
	padding-left:160px;
	height:200px;
}
#quake .clr {
	background-image: none;
	margin-bottom:10px;
	padding:0px;
	width:475px;
}
#quake .clr02 {
	background-image: none;
	border-bottom:1px solid #4099CE;
	margin-bottom:20px;
	padding:0px 0px 20px;
	width:475px;
}
#quake #read{
	background-color:#D6F0FD;
	border:2px solid #4099CE;
	margin:10px auto;
	padding:10px;
	width:320px;
}
#quake #read p{
	color:#0068B6;
	font-size:15px;
	font-weight:bolder;
	margin:0px auto;
	width:270px;
}

#quake .left{
	float:left;
	width:220px;
}
#quake .right{
	float:right;
	width:230px;
}
#quake .center{
	text-align:center;
}


/*--------------------------------------- crack.html ---------------------------------------*/
#crack {
	width:500px;
}
#crack .clr {
	background-image: none;
	margin-bottom:10px;
	padding:0px;
	width:480px;
}
#crack .clr02 {
	background-image: none;
	margin-bottom:10px;
	padding-left:20px;
	width:460px;
}
#crack #read{
	background-color:#D6F0FD;
	border:2px solid #4099CE;
	margin:10px auto;
	padding:10px;
	width:320px;
}
#crack #read p{
	color:#0068B6;
	font-size:15px;
	font-weight:bolder;
	margin:0px auto;
	width:270px;
}
#crack #read02{
	border:1px solid #4099CE;
	padding:10px;
	width:470px;
}
#crack #read02 ul li{
	background-image: url(../commonimg/li_point.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	font-size:11px;
	margin:0 auto;
	padding-left:12px;
}
*+html body #crack #read02 ul li{
	background-position: left 5px;
}
* html body #crack #read02 ul li{
	background-position: left 5px;
}
/*--------------------------------------- step.html ---------------------------------------*/
#step .inside01 {
	background-image: url(../img/gangan.jpg);
	background-repeat: no-repeat;
	background-position: 330px 30px;
	margin-top:10px;
	height:200px;
}
#step .inside02 {
	background-image: url(../img/kaidan01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:10px;
	margin-bottom:10px;
	height:90px;
}
#step .inside02 p {
	margin-left:100px;
}
#step .inside03 {
	background-image: url(../img/kaidan02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:10px;
	margin-bottom:10px;
	height:90px;
}
#step .inside03 p {
	margin-left:100px;
}
#step .lh{
	line-height:1.5;
	margin-top:10px;
}
* html body #step .lh{
	line-height:1.5;
	margin-top:0px;
}
#step #read{
	background-color:#D6F0FD;
	border:2px solid #4099CE;
	margin:10px auto;
	padding:10px;
	width:320px;
}
#step #read p{
	color:#0068B6;
	font-size:15px;
	font-weight:bolder;
	margin:0px auto;
	width:270px;
}

/*----------------------- naviz55 -----------------------*/
#naviz55 {
  width:224px;
  height:28px;
  text-align:center;
}
#naviz55 ul {
  margin:0;
  padding:0px;
}
#naviz55 ul li {
  margin:0px;
  padding:0px;
  display:inline;
}
#naviz55 li a {
  display:block;
  text-decoration:none;
  text-indent:-9999px;
  width:224px;
  height:28px;
  float:left;
  margin:0px;
  padding:0px;
}

#naviz55 li#naviz5501 a {
  background: url(../img/z55frc.jpg) no-repeat;
	background-position: left top;
}
#naviz55 li#naviz5501 a:hover {
  background: url(../img/z55frc_o.jpg) no-repeat;
}

/*--------------------------------------- pro_01.html ---------------------------------------*/
.h3_sbttl{
	font-size:14px;
	font-weight:bold;
	border:2px solid #3FB7D4;
	margin:15px 0px;
	padding:5px;
	width:320px;
}
#pro_01 .inside01 {
	background-image:none;
	margin-top:10px;
}
#pro_01 .inside02 {
	background-image: url(../img/pro_01.jpg);
	background-repeat: no-repeat;
	background-position: right 10px;
	margin-top:10px;
	height:200px;
	width:480px;
}
#pro_01 .inside02 p {
	padding:0 200px 15px 0;
}

/*--------------------------------------- pro_03.html ---------------------------------------*/
#pro_03 .inside01 {
	background-image:none;
	margin-top:10px;
}
#pro_03 .inside02 {
	background-image: url(../img/pro_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:10px;
	height: 210px;
}
#pro_03 .inside02 p {
	padding:0 0 15px 270px;
}

/*--------------------------------------- pro_05.html ---------------------------------------*/
#pro_05 .inside01 {
	background-image:none;
	margin-top:10px;
}
#pro_05 .line_b {
	border-bottom:1px solid #3FB7D4;
	margin:5px 0px;
	padding:5px 0px;
}
#pro_05 #result {
	font-size:14px;
	text-align:center;
}
#pro_05 #read{
	background-color:#D6F0FD;
	border:2px solid #4099CE;
	margin:30px auto;
	padding:10px;
	width:330px;
}
#pro_05 #read p{
	color:#333;
	font-size:15px;
	font-weight:bolder;
	margin:0px auto;
	width:280px;
}
/*--------------------------------------- pro_06.html ---------------------------------------*/
#pro_06 .inside01 {
	background-image:none;
	margin-top:10px;
}
#pro_06 .inside11 {
	background-image:none;
	margin-top:10px;
}
#pro_06 .inside11 p {
	color:#000000;
	font-size:12px;
	text-align:center;
	line-height:150%;
}
#pro_06 .inside02 {
	background-image: url(../img/sozai01.jpg);
	background-repeat: no-repeat;
	background-position: right 10px;
	margin-top:10px;
	height:180px;
}
#pro_06 .inside02 p {
	padding:0 0px 15px 0;
}

#pro_06 .inside03 {
	background-image: url(../img/sozai02.jpg);
	background-repeat: no-repeat;
	background-position: right 1px;
	margin-top:10px;
	height:120px;
}
#pro_06 .inside03 p {
	padding:0 0px 15px 0;
}
#pro_06 .inside031 {
	background-repeat: no-repeat;
	background-position: right 1px;
	margin-top:10px;
	height:120px;
}
#pro_06 .inside031 p {
	padding:0 0px 15px 0;
}
#pro_06 .inside04 {
	background-image: url(../img/sozai03.jpg);
	background-repeat: no-repeat;
	background-position: right 1px;
	margin-top:10px;
	height:120px;
}
#pro_06 .inside04 p {
	padding:0 200px 15px 0;
}
#pro_06 .inside041 {
	background-image: url(../img/pro06_4_2.gif);
	background-repeat: no-repeat;
	background-position: right 10px;
	margin-top:10px;
	height:200px;
}
#pro_06 .left{
	float:left;
	width:250px;
}
#pro_06 .right{
	float:right;
	width:230px;
}
#pro_06 .inside041 p {
	padding:0 200px 0px 0;
}
#pro_06 .inside042 {
	background-image: url(../img/pro06_4_3.jpg);
	background-repeat: no-repeat;
	background-position: right 10px;
	margin-top:10px;
	height:140px;
}
#pro_06 .inside042 p {
	padding:0 200px 0px 0;
}
#pro_06 .inside051 {
	background-image: url(../img/pro06_5_3.jpg);
	background-repeat: no-repeat;
	background-position: right 10px;
	margin-top:10px;
	height:280px;
}
#pro_06 .inside051 p {
	color:#000000;
	font-size:12px;
	text-align:center;
	line-height:150%;
}
#pro_06 #p1 p{
	color:#000000;
	font-size:12px;
	text-align:left;
	line-height:150%;
}
#pro_06 #p2 p{
	color:#000000;
	font-size:12px;
	text-align:right;
	line-height:150%;
}

/*--------------------------------------- pro_07.html ---------------------------------------*/
#pro_07 .inside01 {
	background-image:none;
	margin-top:10px;
}
#pro_07 .inside01 p {
	color:#000000;
	font-size:12px;
	text-align:center;
	line-height:150%;
}
#pro_07 .inside02 {
	background-image: url(../img/pro07_15.gif);
	background-repeat: no-repeat;
	background-position: right 10px;
	margin-top:10px;
	height:200px;
}
#pro_07 .inside02 p {
	color:#000000;
	font-size:12px;
	text-align:center;
	line-height:150%;
}
#pro_07 .left{
	float:left;
	width:220px;
}
#pro_07 .right{
	float:right;
	width:230px;
}
#pro_07 .clr {
	clear:both;
	position:relative;
}
#pro_07 .inside03 {
	background-image:none;
	margin-top:10px;
}
#pro_07 .inside03 p {
	color:#000000;
	font-size:12px;
	text-align:left;
	line-height:150%;
}