@charset "UTF-8";

.clearfix{
	zoom: 1;
}

.clearfix:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	zoom: 1;
}

p{
	font-size:12px;
	color: #666666;
}

/*----------------------------*/

body{
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

#wrapper{
	width: 818px;
	background: #CCCCCC;
	margin: 0px auto;
	padding: 0px;
	background: url(img/comon/bg_main.jpg) repeat-y;
}

#header{
	width: 818px;
	height: 126px;
	margin: 0px;
	padding: 0px;
	background: url(img/comon/header_bg.jpg) no-repeat;
}

#image-field{
	width: 776px;
	height: 232px;
	margin: 0px auto;
	padding: 8px 0px 0px 0px;
}

#main-navi{
	width: 776px;
	height: 62px;
	margin: 0px auto;
	padding: 0px;	
}

#container{
	width: 800px;
	margin: 0px auto;
	padding: 0px;
}


#side-navi{
	width: 192px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 12px;
	
}

#main{
	width: 588px;
	float: right;
	margin: 0px;
	padding: 0px;
}
#footer{
	clear: both;
	width: 818px;
	height: 104px;
	background: #333333;
	margin: 0px auto;
	padding: 0px;
}

span.point001{
	color:#3A7D12;
	font-weight: bold;
}

/* HEADER
==================================================*/
h1{
	font-size: 12px;
	margin: 0px;
	padding: 5px 3px 0px 3px;
	background: #FFFFFF;
	font-weight: normal;
	color: #666666;
	text-align: right;
}
p.saite-title{
	padding: 0px 0px 0px 28px;
	margin: 37px 0px 0px 0px;
	float: left;
	text-indent:-9999px;
	font-size: 1px;
}

.header_navi {
	padding: 47px 23px 0px 0px;
	margin: 0px;
	width: 211px;
	height: 56px;
	float: right;
}

/* MAIN-NAVI
==================================================*/
#main-navi ul {
	width: 776px;
	height: 51px;
	list-style: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#main-navi li{
	width: 117px;
	height: 51px;
	float: left;
	display: block;
	margin: 0px 0px 0px 2px;
	padding: 0px;
}

#main-navi li.heme-back{
	width: 62px;
	height: 51px;
	display: block;
	margin: 0px;
	padding: 0px;
}



p.content{
	margin: 10px 10px 0px 10px;
	padding: 5px;
	width: 170px;
	background: #666699;
	color: #FFFFFF;
	font-weight: bold;
}

/* SIDE NAVI
==================================================*/

#side-navi div.model-title {
	margin: 0px 0px 4px 0px;
	padding: 0px;
	height: 22px;
}

#side-navi div.model-title p{
	margin: 0px;
	padding: 0px;
	width: 141px;
	float: left;
}

#side-navi div.model-title p.go-modellist{
	margin: 0px;
	padding: 0px;
	width: 51px;
	float: right;
}

#side-navi p.ban-option{
	margin: 5px 0px;
	padding: 0px;
}

#side-navi p.camera_in {
	text-align: center;
	margin: 3px 0 7px 0;
}

#side-navi p.camera_out {
	text-align: center;
	margin: 8px 0 7px 0;
}

/* ---------------------------------------------*/

#side-navi div.modellist-bg {
	width: 192px;
	margin: 0px;
	padding:0px;
	background: url(img/comon/bg_modellist_bg.jpg) repeat-y;
}

#side-navi p{
	margin:0px;
	padding: 0px;
}

#side-navi div.modellist{
	margin: 6px 9px;
	padding: 0px;
	width: 171px;
	border-left: 3px #0F78A6 solid;
}

#side-navi div.modellist h3{
	font-size: 14px;
	margin:0px 0px 3px 3px;
	padding: 0px 0px 2px 2px;
	float: left;
	width: 105px;
	border-bottom: 1px dotted #7D7D7D;
}

#side-navi div.modellist h3 a{
	text-decoration: none;
	color: #0F78A6;
}

#side-navi div.modellist h3 a:hover{
	text-decoration:underline;
}

#side-navi div.modellist p{
	margin: 0px 0px 0px 6px;
	width: 105px;
	font-size:10px;
	word-break:break-all;
}
#side-navi div.modellist p.model-image{
	float: right;
	margin: 0;
	width: 49px;
}

#side-navi div.modellist p a{
	text-decoration: none;
	color: #5D5D5D;
}

#side-navi div.modellist p a:hover{
	text-decoration:underline;
}

#side-navi p.model-l{
	margin: 0px 0px 0px 9px;
}
/* ---------------------------------------------*/

div.office-address{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background: url(img/comon/offidce_address_bg.jpg) bottom;
	height: 115px
}

#side-navi div.office-address p{
	margin: 0px 0px 3px 12px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 1.2em;
}

/* ---------------------------------------------*/

#side-navi ul {
	margin: 10px 0px 30px 0px;
	padding: 0px;
	list-style: none;
}
#side-navi ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}




/* FOOTER
==================================================*/

#footer {
	background: url(img/comon/bg_footer.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
}

#footer p{
	text-align: center;
	padding-top: 18px;
	line-height: 1.8em;
	font-size: 10px;
	margin: 0px;
}

#footer p a{
	color: #3D3D3D;
}

#footer p.copy{
	text-align: right;
	margin: 13px 10px 0px 0px;
}