/* CSS Document */

/* スタイルの初期化 */



body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
able,th,td,embed,object {
margin: 0;
padding: 0;
vertical-align: baseline;

}



/* page
---------------------------------------------------------------------- */

body {
    margin: 0;
    padding: 0;
	text-align:center;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
    background-color: #fdfdfd;
    background-image: url(../images/bacefoot.png);
    background-repeat:repeat-x;
    background-position:bottom;
    }

   
img {margin: 0px; border: 0px; padding : 0px; vertical-align : top}


.rightimg {float: right; margin: 5px; }
.leftimg {float: left; margin: 5px; }
	
a:link {color:#0009e2;}
a:visited {color:#5d12c2; }
a:active {color:#5d12c2; }
a:hover {color:#5d12c2; }


#all {
    padding: 0px 10px;
    width: 950px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-image: url(../images/headback.jpg) ;
    background-repeat: no-repeat;
    background-position:top center;   
	text-align:left;
}

#header {
    margin: 0px;
    padding: 0px 50px  0 0px;
    height: 86px;
    width:900px;
   overflow:hidden;

}
#rogo{
    float:left;
    margin: 10px 0 0 50px;
    padding: 0;
    height: 79px;
    width: 77px;
    background-image: url(../images/rogo.gif);
    background-repeat: no-repeat;
    background-position:top left;
    text-indent:-9989px;
}
*html div#rogo { /*IE6用のハック*/
    margin: 5px 0 0 25px;
}



#rogo a{
    height: 79px;
    width: 77px;
    display:block;
}
#rogo:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/*headright ---------------- */
#headright{
    float:right;
    margin: 0px;
    padding: 0px ;
	width:660px;
}
#headright p{
    text-align:right;
    font-size:9px;
    color:#ccc;
    padding-top: 3px ;
    margin:0;
    height:15px;
    }

#headright p a{
    font-size:9px;
    color:#ccc;
    height:15px;
		width:660px;
    }   

/* gnavi ---------------- */

#gnavi{
    padding: 0px;
    margin: 0px;
    height: 68px;
    width: 660px;
}
#gnavi ul{
    margin:0px;
    padding:0px;
    list-style-type:none;
}

#gnavi ul li{
 display:inline;
    float:left;
    text-indent:-9898px;
}

#gnavi ul li a{
    display:block;
}


#gnavi ul li.homeon{
    width:93px;
    height: 68px;
    background-image: url(../images/g_home_on.png) ;
    background-repeat: no-repeat;
    background-position:bottom center;
}


#gnavi ul li.home a{
    width:93px;
    height: 68px;
    background-image: url(../images/g_home_off.png);
    background-repeat: no-repeat;
    background-position:top center;
}

#gnavi ul li.home a:hover{
    background-image: url(../images/g_home_on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}


#gnavi ul li.serviceon{
    width:135px;
    height: 68px;
    background-image: url(../images/g_service_on.png);
    background-repeat: no-repeat;
    background-position:top center;
}

#gnavi ul li.service a{
    width:135px;
    height: 68px;
    background-image: url(../images/g_service_off.png);
    background-repeat: no-repeat;
    background-position:top center;
}




#gnavi ul li.service  a:hover{
    background-image: url(../images/g_service_on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}



#gnavi ul li.recordon{
    width:112px;
    height: 68px;
    background-image: url(../images/g_record_on.png);
    background-repeat: no-repeat;
    background-position:top center;
}

#gnavi ul li.record a{
    width:112px;
    height: 68px;
    background-image: url(../images/g_record_off.png);
    background-repeat: no-repeat;
    background-position:top center;
}

#gnavi ul li.record a:hover{
    background-image: url(../images/g_record_on.png);
    background-repeat: no-repeat;
    background-position:top center;
}




#gnavi ul li.priceon{
    width:100px;
    height: 68px;
    background-image: url(../images/g_price_on.png);
    background-repeat: no-repeat;
    background-position:top center;
}

#gnavi ul li.price a{
    width:100px;
    height: 68px;
    background-image: url(../images/g_price_off.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}
#gnavi ul li.price a:hover{
    background-image: url(../images/g_price_on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}


#gnavi ul li.abouton{
    width:90px;
    height: 68px;
    background-image: url(../images/g_about_on.png);
    background-repeat: no-repeat;
    background-position:top center;
}

#gnavi ul li.about a{
    width:90px;
    height: 68px;
    background-image: url(../images/g_about_off.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}
#gnavi ul li.about a:hover{
    background-image: url(../images/g_about_on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}

#gnavi ul li.contacton{
    width:129px;
    height: 68px;
    background-image: url(../images/g_contact_on.png);
    background-repeat: no-repeat;
    background-position:top center;
}

#gnavi ul li.contact a{
    width:129px;
    height: 68px;
    background-image: url(../images/g_contact_off.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}

#gnavi ul li.contact a:hover{
    background-image: url(../images/g_contact_on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}



/* menu---------------- */

#menu{
    padding: 0px 0px 0px 3px;
    margin: 0px;
    width: 157px;
}
#menu ul{
    margin:0px;
    padding:0px;
    list-style-type:none;
}

#menu ul li{
    margin:0px;
    padding:0px;
    text-indent:-9898px;
}

#menu ul li a{
    display:block;
}

#menu ul li.menutitle{
    width:157px;
    height: 34px;
    background-image: url(../images/menutitle_on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}
#menu ul li.menutitle a{
   width:157px;
    height: 34px;
    background-image: url(../images/menutitle.png);
    background-repeat: no-repeat;
    background-position:top center;
}

#menu ul li.menutitle a:hover{
    background-image: url(../images/menutitle_on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}





#menu ul li.menuweb{
    width:157px;
    height: 29px;
    background-image: url(../images/menuweb.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}




#menu ul li.menuweb01{
   width:157px;
    height: 29px;
    background-image: url(../images/menuweb_01on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}


#menu ul li.menuweb01 a{
   width:157px;
    height: 29px;
    background-image: url(../images/menuweb_01.png);
    background-repeat: no-repeat;
    background-position:top center;
}

#menu ul li.menuweb01 a:hover{
    background-image: url(../images/menuweb_01on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}


#menu ul li.menuweb02{
   width:157px;
    height: 28px;
    background-image: url(../images/menuweb_02on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}


#menu ul li.menuweb02 a{
   width:157px;
    height: 28px;
    background-image: url(../images/menuweb_02.png);
    background-repeat: no-repeat;
    background-position:top center;
}

#menu ul li.menuweb02 a:hover{
    background-image: url(../images/menuweb_02on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}


#menu ul li.menuweb03{
   width:157px;
    height: 29px;
    background-image: url(../images/menuweb_03on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}


#menu ul li.menuweb03 a{
   width:157px;
    height: 29px;
    background-image: url(../images/menuweb_03.png);
    background-repeat: no-repeat;
    background-position:top center;
}

#menu ul li.menuweb03 a:hover{
    background-image: url(../images/menuweb_03on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}


#menu ul li.menuweb04{
   width:157px;
    height: 28px;
    background-image: url(../images/menuweb_04on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}


#menu ul li.menuweb04 a{
   width:157px;
    height: 28px;
    background-image: url(../images/menuweb_04.png);
    background-repeat: no-repeat;
    background-position:top center;
}

#menu ul li.menuweb04 a:hover{
    background-image: url(../images/menuweb_04on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}

#menu ul li.menuweb05{
   width:157px;
    height: 28px;
    background-image: url(../images/menuweb_05on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}


#menu ul li.menuweb05 a{
   width:157px;
    height: 28px;
    background-image: url(../images/menuweb_05.png);
    background-repeat: no-repeat;
    background-position:top center;
}

#menu ul li.menuweb05 a:hover{
    background-image: url(../images/menuweb_05on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}


#menu ul li.menucross{
    width:157px;
    height: 28px;
    background-image: url(../images/menucross.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}


#menu ul li.menucross01{
   width:157px;
    height: 29px;
    background-image: url(../images/menucross_01on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}


#menu ul li.menucross01 a{
   width:157px;
    height: 29px;
    background-image: url(../images/menucross_01.png);
    background-repeat: no-repeat;
    background-position:top center;
}

#menu ul li.menucross01 a:hover{
    background-image: url(../images/menucross_01on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}


#menu ul li.menucross02{
   width:157px;
    height: 28px;
    background-image: url(../images/menucross_02on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}


#menu ul li.menucross02 a{
   width:157px;
    height: 28px;
    background-image: url(../images/menucross_02.png);
    background-repeat: no-repeat;
    background-position:top center;
}

#menu ul li.menucross02 a:hover{
    background-image: url(../images/menucross_02on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}


#menu ul li.menucross03{
   width:157px;
    height: 29px;
    background-image: url(../images/menucross_03on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}


#menu ul li.menucross03 a{
   width:157px;
    height: 29px;
    background-image: url(../images/menucross_03.png);
    background-repeat: no-repeat;
    background-position:top center;
}

#menu ul li.menucross03 a:hover{
    background-image: url(../images/menucross_03on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}


#menu ul li.menucross04{
   width:157px;
    height: 28px;
    background-image: url(../images/menucross_04on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}


#menu ul li.menucross04 a{
   width:157px;
    height: 28px;
    background-image: url(../images/menucross_04.png);
    background-repeat: no-repeat;
    background-position:top center;
}

#menu ul li.menucross04 a:hover{
    background-image: url(../images/menucross_04on.png) ;
    background-repeat: no-repeat;
    background-position:top center;
}






/*contents---------------- */


#contents {
    padding-bottom: 30px ;
    width: 950px;
    margin-top: 25px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
	overflow:hidden;
}
#leftcont{
    float:left;
    width: 160px;
    margin: 0;
    padding:5px 0px 30px 30px;

}   



#rightcont {
    padding: 20px 50px 20px  0px;
    float: right;
    width: 660px;
    margin: 0px;
    font-size: 11px;
    color: #cccccc;
}

* html #rightcont {
    padding: 20px 30px 20px  0px;
}

#leftcont:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#leftcont {
  min-height: 1px;
}

* html #leftcont {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#rightcont :after {
    content: "";
    clear: both;
    height: 0;
    visibility: hidden;
}

#rightcont {
  min-height: 1px;
}

* html #rightcont{
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/*footer---------------- */

#footer {
    background-image: url(../images/footer.png);
    background-repeat: no-repeat;
    background-position:bottom center;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    height: 159px;
    width:970px;
    font-size: 11px;
    color: #cccccc;
    padding: 0;
	text-align:left;
}

#footer p.copyright {
    text-align:center;
    font-size:10px;
    color:#ccc;
    padding-top:4px;
}


/*foot  list ----*/

#footer ul.serv{
    margin:20px 0 0 250px;
    padding:0;
    width: 670px;
}

#footer ul.serv li{
    display:inline;
    float:left;
    font-size: 11px;
    font-weight:bold;
    color: #989899;
    padding:0 10px;
}

#footer ul.serv li a{
    display:block;
    color: #989899;
}
#footer ul.serv li a:hover{
    color: #00cc99;
}


/*foot  list 2l --*/
#footer ul.serv li.x2l{
    display:inline;
    float:left;
    font-size: 11px;
    color: #989899;
    padding:0 10px;
    width:320px;
}

#footer ul.serv li.x2l a{
    display:block;
    width:320px;
}

#footer ul.serv li.x2l ul.selistleft{
    float:left;
    width:150px;
    margin:0;
    padding:0;
}
#footer ul.serv li.x2l ul.selistleft li{
    font-size: 10px;
    color: #cccccc;
    width:150px;
	line-height:140%;
}
#footer ul.serv li.x2l ul.selistleft li a{
    font-size: 10px;
    color: #cccccc;
    width:150px;
	line-height:140%;
}

#footer ul.serv li.x2l ul.selistright{
    float:left;
    color: #cccccc;
    width:150px;
    margin:0;
    padding-left:5px;
	line-height:140%;
}
#footer ul.serv li.x2l ul.selistright li{
    font-size: 10px;
    color: #cccccc;
    width:150px;
	line-height:140%;
}
#footer ul.serv li.x2l ul.selistright li a{
    font-size: 10px;
    color: #cccccc;
    width:150px;
	line-height:140%;
}

#footer ul.serv:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


/*contact---------------- */


#toconta {
width:620px;
text-align:center;
font-size:11px;
    padding:20px  10px 20px 30px;
	background:url(../images/tocont.jpg) top left no-repeat;
		margin-top:80px;
	margin-bottom:30px;
}


#toconta  p.sarlist a {
	padding :1px  8px;
	border-left:1px solid #999999;
	}

.last{
	padding :1px  8px;
	border-left:1px solid #999999;
		border-right:1px solid #999999;
	}

.tocont  a img {
	height:55px;
	margin:0px 0px 50px:0px;
}

.tocont a:hover  img  {
	opacity:0.8;
	filter:alpha(opacity=80);
}





/* 空きの調整
---------------------------------------------------------------------- */
.pb20px{
padding-bottom:20px;
}
.pb10px{
padding-bottom:10px;
}
.mb20px{
margin-bottom:20px;
}
.mb10px{
margin-bottom:10px;
}

.mb2px{
margin-bottom:2px;
}


.mb30px{
margin-bottom:30px;
}

.pt20px{
padding-top:20px;
}
.pt10px{
padding-top:10px;
}

.mt300px{
margin-top:300px;
}
.mt20px{
margin-top:20px;
}
.mt10px{
margin-top:10px;
}

.mt80px{
margin-top:80px;
}

.mtb310px{
margin-top:310px;
margin-bottom:10px;
}

/* form---------------- */
.dl {
width:570px;
padding-left:30px;
}	
	
.dt {	
	display: block;
	float: left;
	clear: left;
width:220px;
background:url(../images/dtback.jpg) top left no-repeat;
padding:5px;
	font-size: x-small;
	}

.dd {
width:310px;
padding:5px ;
margin:0;
color:#666;
	font-size: x-small;
	background:url(../images/ddbottom.png) bottom left no-repeat;
	}