@charset "Shift_JIS";
/* CSS Document */

body{

	padding		: 0;

	margin		: 0;

	position	: relative;

	background	: white repeat-x scroll center top;

	font-size	: 75%;

	line-height	: 1.5;}



img{
	border		: 0;
	padding:0;}

h1 {
	font-size:1px;
	height:1px; 
	text-indent:-9999px; 
	margin:-1px 0 0 0;
}


a{
	color			: #993333;

	text-decoration	: none;}


a:hover{
	color			: #993333;

	text-decoration	: none;}

table {
		border:0; cellspacing:0; cellpadding:0;
	}	

/*** base ***/

#wrapper {
	width: 940px;
	text-align	: center;
	margin:auto;
}


#head{
	text-align:left;
	width:940px;
	}
	
#head .navi{
	padding:10px 0 5px 10px;
	}

.cam {
  margin: 0;
  position: absolute;
  left: 750px;
  top: 0;
  display: block;
}
	
	
#contents{
	width:940px;
	text-align	: left;
	}

#contents .main{
	width		: auto;
	text-align	: left;
	width		: 940px;	height:570px;
	margin		: 0 auto; background:url(../images/mon_cam/main3.jpg) no-repeat;
	display: block;
	}
	
#contents .main .change{
	position:relative;
	width		: 150px;
	height:35px;
	top:530px; left:785px;
	text-decoration: none; 
	}	

#contentstop{
	width:940px;
	text-align	: left;
	}
	
#contentstop #left{
	width:470px;
	float:left;
	}	

#contentstop #left .mainimg{
	background:url(../images/mon_cam/in_img01.jpg) no-repeat;
	width:450px;
	height:800px;
	display: block;	
	}

#contentstop #right{
	width:460px;
	text-align	: center;
	float:right;
	}		

#right .click{
    width:157px;
    height:37px;
	margin: 40px 146px 0 146px;
	display:block;
}

#right .click a{
	display:block;
	width:157px;
    height:37px;
	text-decoration: none;
	background-image:url(../images/mon_cam/img_know.gif);
}

#right .click2{
    width:157px;
    height:37px;
	margin: 40px 146px 0 146px;
	display:block;
}

#right .click2 a{
	display:block;
	width:157px;
    height:37px;
	text-decoration: none;
	background-image:url(../images/mon_cam/img_top.gif);
}

 a:hover{
    background-position:0px -37px;
}

.hidden {
	font-size: x-small;
	line-height: 25px;
	visibility : hidden;
	
}
/* トップ */


#foot {
  clear: both;
  margin: 5px 0 0 0;
  position: relative;

}

#foot .rogo{
	width:151px;
	height:117px;
	display: block;
	}
	
 .right{
	width:780px;

	background:url(../images/mon_cam/header_bg.jpg);
	background-repert:repeat-y ;
	text-align:right;
	display: block;
	}

ul#menu{
    list-style:none;
	margin:0 0 0 30px;
	padding-top:10px;
    width:100%;

}
ul#menu li{
    list-style:none;
    float:left;
	margin-left:8px;
    width:168px;
	text-align:right;

}
ul#menu a{
    display:block;
    width:168px;
    height:42px;
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */	
}

a.about{
    background-image:url(../images/mon_cam/menu04.png);
}
a:hover.about{
    background-position:0px -42px;
}
a.suport{
    background-image:url(../images/mon_cam/menu03.png);
}
a:hover.suport{
    background-position:0px -42px;
}
a.shapr{
    background-image:url(../images/mon_cam/menu02.png);
}
a:hover.shapr{
    background-position:0px -42px;
}	
a.form{
    background-image:url(../images/mon_cam/menu01.png);
}
a:hover.form{
    background-position:0px -42px;
}	

.hidden {
	font-size: x-small;
	line-height: 25px;
	visibility : hidden;
	
}


#foot .right .add{
	margin		: 20px 30px 10px 0;
	font-style	: normal;
	text-align	: right;
	}		

#foot .right .add img{
	margin		: 0px 5px 5px 290px;
	float:left;
	}	

#foot .right .news{
	margin		: 5px 30px 5px 0;
	font-style	: normal;
	text-align	: left;
	padding :10px 40px;
	}	

	
#copyright{
	margin		: 5px 0 0 0;
	width		: 100%;
	text-align	: center;
	background:#2f2f2f;
	color:#FFFFFF;
	}
	
/*---下層---*/

#contents h2{
	margin: 30px 20px;
	width:500px;
	height:43px;
	padding:10px 0 0 50px;
	background-image:url(../images/mon_cam/h2_tit.gif);
	text-align:left;
	font-size:16px;
	background-repeat: no-repeat;
	background-position: left;
    display:block;
	}	
	
#contents p{
	text-align	: left;
	margin		: 0 0 10px 20px;
	width:850px;
}

#contents h3{
	margin: 30px 20px;
	width:500px;
	height:30px;
	padding:10px 0 0 20px;
	background-image:url(../images/mon_cam/h3_tit.gif);
	text-align:left;
	font-size:14px;
	background-repeat: no-repeat;
	background-position: left;
	display:block;
	}


#contents .box{
	width:800px;	margin: 0 0 0 20px; 
}

#contents .box .kado  { background-color:#fff; }
#contents .box .kado1 { margin: 0 5px;height:1px;overflow:hidden; background-color:#eee; }
#contents .box .kado2 { margin: 0 3px;height:1px;overflow:hidden; background-color:#eee; }
#contents .box .kado3 { margin: 0 2px;height:1px;overflow:hidden; background-color:#eee; }
#contents .box .kado4 { margin: 0 1px;height:2px;overflow:hidden; background-color:#eee; }
#contents .box  .kado5 { padding:10px;overflow:auto;background-color:#eee;
}
 .boxtext{ 
	text-align	: left;
	padding: 0 0 0 20px;
	width:780px;
}

 .spase{ 
	margin: 0 0 20px 0;
}

.text16{
	font-size:16px;
	line-height:1.3em;
}

#contents .arrow{background:url(../images/common/arrow.gif) no-repeat 0px 3px;
	padding:0px 0px 5px 15px;
	margin:20px 0px 20px 20px;
	clear:both;
	font-size:13px;

}