@charset "utf-8";

/*▽▽▽基本設定はここから▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽*/

/*webで見る全体のデザイン*/
body{
     color:#555555;/*文字の色*/
     font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic",sans-serif;
     margin-top:0px;
     margin-right:0px;
     margin-bottom:0px;
     margin-left:0px;
     padding-top:0px;
     padding-right:0px;
     padding-bottom:0px;
     padding-left:0px;
     background-image:url(images/top/allback.jpg);/*背景の画像*/
     text-align:center;/*pagebodyを中央寄せにする為に使用*/
    }
/*文字などの初期化*/
h1,h2,h3{
         margin-top:0px;
         margin-right:0px;
         margin-bottom:0px;
         margin-left:0px;
         padding-top:0px; 
         padding-right:0px;
         padding-bottom:0px;
         padding-left:0px;
        }
img{
    border:0;
    }
hr{
   display:none;
   }

li{
	list-style-type: none;
}

}
a {
	color: #555555;
}
a:hover {
	color: #5d9808;
}


/*webで見る内側のデザイン*/
#pagebody{
          width:860px;/*自分の幅*/
          margin-top:10px;/*webの上からのスタート位置*/
          margin-right:auto;
          margin-bottom:20px;
          margin-left:auto;
          padding-left:5px;
          padding-right:5px;
          background-image:url(images/top/back_body.jpg);/*背景の画像*/
          background-repeat:repeat-y;/*背景画像を縦に繰り返し使用*/
		  position:relative;/*相対位置への配置*/
}
/*pagebodyの上の両サイドに丸みを付けた画像を重ねる*/
#pagetop{
         background-image:url(images/top/top_top2.jpg);
         width:860px;/*自分の幅*/
         height:120px;
         background-repeat:no-repeat;/*背景画像の繰り返しなし*/
         background-position:top left;/*背景画像を左上を基準に配置*/
         margin-top:0px;
         padding-top:0px;/*pagebodyの右端から使える部分*/
         padding-left:0px;/*pagebodyの右端から使える部分*/
         padding-right:0px;/*pagebodyの右端から使える部分*/
         padding-bottom:0px;/*pagebodyの下から使える部分*/
         padding-left:0px;/*pagebodyの左端から使える部分*/
       }

           }

#topmenu{
}
#topmenu ul{
            list-style-type:none;  /*リストボタンの前の・を消す*/
            width:840px;
            height:24px;
            margin-top:-100px;/*上の画像に重ねる*/
            margin-left:240px;
            margin-bottom:0px;
            margin-right:0px;
         padding-top:0px;/*pagebodyの右端から使える部分*/
         padding-left:0px;/*pagebodyの右端から使える部分*/
         padding-right:0px;/*pagebodyの右端から使える部分*/
         padding-bottom:0px;/*pagebodyの下から使える部分*/
         padding-left:0px;/*pagebodyの左端から使える部分*/
}
#topmenu li{
 float:left;
         margin:0px;
         padding-top:0px;/*pagebodyの右端から使える部分*/
         padding-left:0px;/*pagebodyの右端から使える部分*/
         padding-right:0px;/*pagebodyの右端から使える部分*/
         padding-bottom:0px;/*pagebodyの下から使える部分*/
         padding-left:10px;/*pagebodyの左端から使える部分*/
}

#globalmenu{
}
#globalmenu ul{
            list-style-type:none;  /*リストボタンの前の・を消す*/
            width:840px;
            height:45px;
            margin-top:15px;/*上の画像に重ねる*/
            margin-left:0px;
            margin-bottom:0px;
            margin-right:0px;
         padding-top:0px;/*pagebodyの右端から使える部分*/
         padding-left:0px;/*pagebodyの右端から使える部分*/
         padding-right:0px;/*pagebodyの右端から使える部分*/
         padding-bottom:0px;/*pagebodyの下から使える部分*/
         padding-left:0px;/*pagebodyの左端から使える部分*/

}
#globalmenu li{
 float:left;
         margin:0px;
         margin-left:0px;
         padding-top:7px;/*pagebodyの右端から使える部分*/
         padding-left:0px;/*pagebodyの右端から使える部分*/
         padding-right:0px;/*pagebodyの右端から使える部分*/
         padding-bottom:0px;/*pagebodyの下から使える部分*/
         padding-left:5px;/*pagebodyの左端から使える部分*/
}

#head{
clear:both;
 float:left;
         width:840px;/*自分の幅*/
         height:200px;
         margin-top:18px;
         margin-left:0px;
         margin-right:0px;
         margin-bottom:0px;
         padding-top:0px;/*pagebodyの右端から使える部分*/
         padding-left:0px;/*pagebodyの右端から使える部分*/
         padding-right:0px;/*pagebodyの右端から使える部分*/
         padding-bottom:0px;/*pagebodyの下から使える部分*/
         padding-left:0px;/*pagebodyの左端から使える部分*/
    }

#head h1{
         background-repeat:no-repeat;/*背景画像の繰り返しなし*/
         background-position:top left;/*背景画像を左上を基準に配置*/
         background-color:#f8f8f7;
         margin:0px;
}




#leftmenu{
float:left;
width:240px;
         margin-top:10px;
         margin-left:0px;
         margin-right:0px;
         margin-bottom:0px;
         padding-top:3px;/*pagebodyの右端から使える部分*/
         padding-left:3px;/*pagebodyの右端から使える部分*/
         padding-right:3px;/*pagebodyの右端から使える部分*/
         padding-bottom:3px;/*pagebodyの下から使える部分*/
         padding-left:3px;/*pagebodyの左端から使える部分*/
}





dl#information1{margin-top:0px;
	           margin-right:0px;
	           margin-bottom:10px;
	           margin-left:10px;
	           padding-top:0px; 
     	       padding-right:0px;
	           padding-bottom:0px;
	           padding-left:0px;
}

dl#information1 dt,
dl#information1 dd{margin-top:0px;
	              margin-right:0px;
	              margin-bottom:0px;
	              margin-left:0px;
	              padding-top:0px; 
     	       padding-right:0px;
	              padding-bottom:0px;
	           padding-left:0px;
}

dl#information1 iframe{width:230px;
                      height:230px;
	   border-top-width:0;
	   border-right-width:0;
	   border-bottom-width:0;
	   border-left-width:0;
	    }



dl#banar{margin-top:0px;
	           margin-right:0px;
	           margin-bottom:10px;
	           margin-left:0px;
	           padding-top:0px; 
     	       padding-right:0px;
	           padding-bottom:0px;
	           padding-left:0px;
}


dl#banar dt,
dl#banar dd{margin-top:0px;
	              margin-right:0px;
	              margin-bottom:0px;
	              margin-left:0px;
	              padding-top:0px; 
     	       padding-right:0px;
	              padding-bottom:0px;
	           padding-left:0px;
}

dl#banar iframe{width:230px;
	   border-top-width:0;
	   border-right-width:0;
	   border-bottom-width:0;
	   border-left-width:0;
float:left; 
clear:both;

   }


#rightmenu{

float:left;
width:600;
         margin-top:10px;
         margin-left:0px;
         margin-right:0px;
         margin-bottom:0px;
         padding-top:3px;/*pagebodyの右端から使える部分*/
         padding-left:3px;/*pagebodyの右端から使える部分*/
         padding-right:3px;/*pagebodyの右端から使える部分*/
         padding-bottom:3px;/*pagebodyの下から使える部分*/
         padding-left:3px;/*pagebodyの左端から使える部分*/

}

#righthead{
clear:both;
float:left;

         margin-top:0px;
         margin-left:0px;
         margin-right:0px;
         margin-bottom:0px;
         padding-top:0px;/*pagebodyの右端から使える部分*/
         padding-left:0px;/*pagebodyの右端から使える部分*/
         padding-right:0px;/*pagebodyの右端から使える部分*/
         padding-bottom:0px;/*pagebodyの下から使える部分*/
         padding-left:0px;/*pagebodyの左端から使える部分*/
         width:594px;/*自分の幅*/
         height:121px;
         background-repeat:no-repeat;/*背景画像の繰り返しなし*/
         background-position:top left;/*背景画像を左上を基準に配置*/


}
#righthead h2{

}

#rightglobal{
clear:both;
float:left;
}
#rightglobal ul{
            list-style-type:none;  /*リストボタンの前の・を消す*/
            width:594px;
            height:150px;
            margin-top:10px;/*上の画像に重ねる*/
            margin-left:0px;
            margin-bottom:0px;
            margin-right:0px;
         padding-top:0px;/*pagebodyの右端から使える部分*/
         padding-left:0px;/*pagebodyの右端から使える部分*/
         padding-right:0px;/*pagebodyの右端から使える部分*/
         padding-bottom:0px;/*pagebodyの下から使える部分*/
         padding-left:0px;/*pagebodyの左端から使える部分*/
}
#rightglobal li{
 float:left;
         padding-top:4px;/*pagebodyの右端から使える部分*/
         padding-left:0px;/*pagebodyの右端から使える部分*/
         padding-right:0px;/*pagebodyの右端から使える部分*/
         padding-bottom:0px;/*pagebodyの下から使える部分*/
         padding-left:3px;/*pagebodyの左端から使える部分*/
}

#rightrecommentedtitle {
clear:both;
float:left;
         width:590px;/*自分の幅*/
         height:35px;
         margin-top:10px;
         margin-left:0px;
         margin-right:0px;
         margin-bottom:0px;
         padding-top:0px;/*pagebodyの右端から使える部分*/
         padding-left:0px;/*pagebodyの右端から使える部分*/
         padding-right:0px;/*pagebodyの右端から使える部分*/
         padding-bottom:0px;/*pagebodyの下から使える部分*/
         padding-left:0px;/*pagebodyの左端から使える部分*/
}

#rightrecommentedtitle img{
}

#rightrecommented {
clear:both;
float:left;
         width:590px;/*自分の幅*/
         height:155px;
         margin-top:0px;
         margin-left:0px;
         margin-right:0px;
         margin-bottom:0px;
         padding-top:3px;/*pagebodyの右端から使える部分*/
         padding-left:3px;/*pagebodyの右端から使える部分*/
         padding-right:3px;/*pagebodyの右端から使える部分*/
         padding-bottom:3px;/*pagebodyの下から使える部分*/
         padding-left:3px;/*pagebodyの左端から使える部分*/

}

#rightrecommented img{
clear:both;
float:left;
         margin-right:5px;/*pagebodyの右端から使える部分*/
}

#rightrecommented h5{
float:left;
font-size:0.8em;
text-align:left;
margin:0px;
}

#rightrecommented h5.price{
font-size:1.0em;
text-align:right;
padding-left:10px;
padding-right:5px;
color: #ff0000;
margin:0px;
}

#rightrecommented p{
font-size:0.8em;
text-align:left;
padding-left:0px;
margin:0px;
}

#rightrecommentedshop {
clear:both;
float:left;
         width:590px;/*自分の幅*/
         height:55px;
         margin-top:-40px;
         margin-left:0px;
         margin-right:0px;
         margin-bottom:0px;
         padding-top:3px;/*pagebodyの右端から使える部分*/
         padding-left:3px;/*pagebodyの右端から使える部分*/
         padding-right:3px;/*pagebodyの右端から使える部分*/
         padding-bottom:3px;/*pagebodyの下から使える部分*/
         padding-left:3px;/*pagebodyの左端から使える部分*/
}

#rightrecommentedshop img{
         margin-top:0px;
         margin-left:50px;
         margin-right:0px;
         margin-bottom:0px;
         padding-top:0px;/*pagebodyの右端から使える部分*/
         padding-left:50px;/*pagebodyの右端から使える部分*/
         padding-right:0px;/*pagebodyの右端から使える部分*/
         padding-bottom:0px;/*pagebodyの下から使える部分*/
         padding-left:0px;/*pagebodyの左端から使える部分*/
}


dl#information4{
margin-top:0px;
	           margin-right:0px;
	           margin-bottom:10px;
	           margin-left:0px;
	           padding-top:0px; 
     	       padding-right:0px;
	           padding-bottom:0px;
	           padding-left:0px;
}


dl#information4 dt,
dl#information4 dd{
                     margin-top:0px;
	              margin-right:0px;
	              margin-bottom:0px;
	              margin-left:0px;
	              padding-top:0px; 
     	       padding-right:0px;
	              padding-bottom:0px;
	           padding-left:0px;
}

dl#information4 iframe{width:594px;
	   border-top-width:0;
	   border-right-width:0;
	   border-bottom-width:0;
	   border-left-width:0;
	    }

/*▽▽▽TOPページフッター設定ここから▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽*/

#pagebodyfooter{
clear:both;
          width:840px;
          height:50px;
          border-top-width:1px;
          border-top-style:dotted;
          border-top-color:#555555;
         color:#999999;
        font-size:12px;
	 text-align:center;
        margin-top:20px;
         margin-left:-15px;
         margin-right:0px;
         margin-bottom:0px;
         padding-top:0px;/*pagebodyの右端から使える部分*/
         padding-left:0px;/*pagebodyの右端から使える部分*/
         padding-right:0px;/*pagebodyの右端から使える部分*/
         padding-bottom:10px;/*pagebodyの下から使える部分*/
         padding-left:0px;/*pagebodyの左端から使える部分*/
}


/*△△△TOPページフッターの設定ここまで△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△*/

/*clearfix（ここは変更しないように）
------------------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
*html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */