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

* {
		margin: 0;
		padding: 0;
		zoom:1;  /*IE6対策*/

	}
body {
	font-size: 0.875em;
	font-family:
     "Hiragino Kaku Gothic Pro",
     "ヒラギノ角ゴ Pro W3",
     Meiryo,
     "メイリオ",
     Osaka,
    "MS PGothic",
    "ＭＳ Ｐゴシック",
    sans-serif;

    background-color: #015790;
    background-image:url(../images/bg.jpg);
    background-repeat:repeat-x;
    overflow-y: scroll;
	text-align:center;
}
p {
	font-size: 0.875em;
	line-height: 1.2;
}
img {
	   border: none;
}
h1{
	padding: 10px 0 0 10px;
	text-align:left;
}
ul {
	list-style-type:none;
}
/*----------------------------------------
                  layout 
------------------------------------------*/
#container {
	     width:720px;
		 height: auto;
		 margin:0 auto;
		 background-color:#FFF;
 }
#header {
	margin: 0 20px 15px 20px;
}

#nav {
	 width: 680px;
	 height: 36px;
	 background-image:url(../images/menubar.jpg);
	 background-repeat:repeat-x;
}

/*wrapper-------------------------------------*/
#wrapper {
	width:720px;
	height: auto;
	margin: 0 0 20px 0;
  overflow: auto;
}
/*sidebar--------*/
#sidebar {
	width:195px;
	height: auto;
	margin: 0 0 0 20px;
	*margin: 0 0 0 10px;  /*IE6対策*/

	float: left;
}
#sidebar p.banner {
	    padding-bottom:10px;
}

/*content--------*/
#content{
	  width:475px;
	  height: auto;
	  text-align:left;
	  margin: 0 20px 0 0;
			*margin: 0 10px 0 0;   /*IE6対策*/
 
	  float: right;
}
#footer{
	width:720px;
	height: 62px;
	background-color: #EEEEEE;
	background-image: url(../images/footer_back.gif);
	background-repeat: repeat-x;
	background-position:top left;

}
#footer address{
   font-size: 0.8em;
	text-align: center;
	font-style: normal;
	line-height: 5em;
}

/*nav-------------------------------------*/
#nav li{
	display: inline;
	float:left;
}
#nav li a {
    width: 136px;
	height: 36px;
    display: block;
	background-repeat: no-repeat;
}

#nav li#index {
	background-image: url(../images/menu_index.gif);
	background-position: left top;
}
#index a:hover {
	background-image: url(../images/menu_index.gif);
	background-position: left bottom;
}
#products {
	background-image: url(../images/menu_products.gif);
    background-position: left top;
}
#products a:hover {
	background-image: url(../images/menu_products.gif);
	background-position: left bottom;
}
#shop {
	background-image: url(../images/menu_shop.gif);
	background-position: left top;
}
#shop a:hover{
	background-image: url(../images/menu_shop.gif);
	background-position: left bottom;
}
#mail {
	background-image: url(../images/menu_mail.gif);
	background-position: left top;
}
#mail a:hover{
	background-image: url(../images/menu_mail.gif);
	background-position: left bottom;
}