@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------
	基本設定
----------------------------------------------------*/
body {
 font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
 font-size:14px;
 height:100%;
 padding: 0px 0 0 0;
 line-height:150%;
 background:url(../img/a-back.jpg);
 color:#FFF;
}
#all{
  width:842px;
  margin-right:auto;
  margin-left:auto;
}
#page{
 margin-left:auto;
 margin-right:auto;
 width:842px;
}
.container{
 width:842px;
 margin:0 auto;
}
img {
    border-style:none;
}
h5{
 padding:5px;
 font-size:14px;
 font-weight:900;
 background-color:#FFF;
 color:#382c2f;
 margin-bottom:5px;
}
/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/
#head1 {
    top:auto;
    padding: 0px 0 0 0;
}
    /*background-image:url(../imags/header1.jpg);
    background-position:top;
}*/
.head{
 width:842px;
  margin:0;
}
.head h1{
 margin:0;
}
.navi {
 width:842px;
 margin-left:90px;
}
.head ul {
 width:842px;
 height:154px;
}
.head ul li{
 float: left;
 list-style-type:none;
}
.navi a {
 display:block;
 height:154px;
 text-indent:-9999px;
}
.gm1 a{
 width:115px;
 background:url(../img/gm_cleaning_on.gif) no-repeat 0 0;
}
.gm2 a{
 width:105px;
 background:url(../img/gm_repair_on.gif) no-repeat 0 0;
}
.gm3 a{
 width:163px;
 background:url(../img/gm_top_on.gif) no-repeat 0 0;
}
.gm4 a{
 width:101px;
 background:url(../img/gm_laundry_on.gif) no-repeat 0 0;
}
.gm5 a{
 width:88px;
 background:url(../img/gm_cafe_on.gif) no-repeat 0 0;
}

/*.index .gm1 a, .gm1 a:hover{
 background:url(../img/gm_cleaning_on.gif) no-repeat 0 0;
}
.index .gm2 a, .gm2 a:hover {
 background:url(../img/gm_repair_on.gif) no-repeat 0 0;
}
.index .gm3 a, .gm3 a:hover {
 background:url(../img/gm_top_on.gif) no-repeat 0 0;
}
.index .gm4 a, .gm4 a:hover {
 background:url(../img/gm_laundry_on.gif) no-repeat 0 0;
}
.index .gm5 a, .gm5 a:hover {
 background:url(../img/gm_cafe_on.gif) no-repeat 0 0;
}
*/

  /*  background-image:url(../imags/header.jpg);
}
/*----------------------------------------------------
	コンテンツ
----------------------------------------------------*/
.main {
    text-align:left;
    width:670px;
    float:right;
    margin-bottom:60px;
}
.shoes1 {
    float:left;
}
.shoes2 {
    float:right;
}
#afterbefore{
 width:600px;
 height:200px;
}
#afterbefore p{
 width:200px;
 float:left;
}
#afterbefore img{
 float:right;
}

/*----------------------------------------------------
	サイド
----------------------------------------------------*/
.sidemenw {
 width:150px;
 float:left;
 text-align:left;
}
.sidemenw ul {
 width:150px;
 margin-left:-40px;
}
.sidemenw ul li{
 float: left;
  height:47px;
 list-style-type:none;
}
.sidemenw a {
 display:block;
 height:47px;
 text-indent:-9999px;
}
.gm6 a{
 width:150px;
 background:url(../img/gm_price.gif) no-repeat 0 0;
}
.gm7 a{
 width:150px;
 background:url(../img/gm_campany.gif) no-repeat 0 0;
}
.gm8 a{
 width:150px;
 background:url(../img/gm_message.gif) no-repeat 0 0;
}
.gm9 a{
 width:150px;
 background:url(../img/gm_voice.gif) no-repeat 0 0;
}
.gm10 a{
 width:150px;
 background:url(../img/bn_facebook_2.gif) no-repeat 0 0;
}
.index .gm6 a, .gm6 a:hover {
 background:url(../img/gm_price_on.gif) no-repeat 0 0;
}
.index .gm7 a, .gm7 a:hover {
 background:url(../img/gm_campany_on.gif) no-repeat 0 0;
}
.index .gm8 a, .gm8 a:hover {
 background:url(../img/gm_message_on.gif) no-repeat 0 0;
}
.index .gm9 a, .gm9 a:hover {
 background:url(../img/gm_voice_on.gif) no-repeat 0 0;
}
.index .gm10 a, .gm10 a:hover {
 background:url(../img/bn_facebook_2_on.gif) no-repeat 0 0;
}
/*----------------------------------------------------
	フッター
----------------------------------------------------*/
.footer {
    height:40px;
    clear: both;
    text-align:center;
}
.footer ul{
 color:#FFF;
 font-size:16px;
 font-weight:600;
}
.footer ul li{
    color:#FFF;
    margin:8px;
    float:left;
    list-style-type:none;
}
.footer ul li a:link{
 	color:#FFF;
	text-decoration: none
}
.footer ul li a:visited {
	color:#FFF;
	text-decoration: none
}
.footer ul li a:hover {
    color:#F60;
    text-align:left;
	text-decoration: none; 
 }