/*全体の設定*/
*{
 margin:0;
 padding:0;
 font-family: メイリオ, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック",  Osaka, sans-serif;
 text-decoration:none;
 list-style-type:none;
}

img{
 vertical-align:text-bottom;
 border:0;
}

.clear{
 clear:both;
 line-height:0.7em;
}

#wrap{
 width:780px;
 margin:0 auto;
}

#head_navi_2 a:link,#head_navi_2 a:visited,#pankuzu a:link,#pankuzu a:visited,#footer a:link,#footer a:visited{ color:#666;}
#head_navi_2 a:hover,#head_navi_2 a:active,#pankuzu a:hover,#pankuzu a:active,#footer a:hover,#footer a:active{ color:#963;}

form input:focus,form textarea:focus{
 background-color:#FFFFCC;
}

/*ナビゲーション 訪問中ページ 設定*/
#visit:link,#visit:visited,#visit:hover,#visit:active{
 background:url(../image/navi_bg_h.gif) no-repeat left top;
}

 /*ヘッダーの設定*/
#header{
	width:780px;
	position:relative;
	left: 26px;

}

h1{
 width:780px;
 padding:2px 0 8px;
 font:0.8em normal;
 text-align:left;
 color:#666;
}

h1 span{
 text-transform:uppercase;
}

 /*ロゴの設定*/
h2{
 width:196px;
 height:51px;
 position:absolute;
 top:-2px;
 left:0;
}

h2 a{
 display:block;
 width:145px;
 height:51px;
 padding:0 0 0 51px;
 background:url(../image/logo_turn.gif) no-repeat left top;
}

 /*ご利用案内、カートの中を見る、お問い合わせの設定*/
#head_navi_1{
 width:335px;
 height:20px;
 position:absolute;
 top:2px;
 left:215px;
}

#head_navi_1 li{
 float:left;
 padding:0 15px 0 0;
}

 /*サイト内検索窓の設定*/
#search{
 width:225px;
 height:30px;
 overflow:hidden;
 position:absolute;
 top:-1px;
 right:0;
 text-align:right;
 font-size:0.8em;
 line-height:1.2em;
}

#keyword{
 vertical-align:bottom;
}

#search button{
 width:48px;
 height:23px;
 background:none;
 border:0;
 cursor:pointer;
 text-align:left;
 vertical-align:middle;
}

*html #search button{/*IE6以前専用設定*/
 margin:0 0 0 5px;
}

*:first-child+html #search button{/*IE7専用設定*/
 margin:0 0 0 5px;
}

/*特集、新入荷〜の設定*/
#head_navi_2{
 width:560px;
 padding:30px 0 30px 220px;
}

*html #head_navi_2{/*IE6修正*/
 padding-bottom:22px;
}

#head_navi_2 li{
 float:left;
 padding:0 7px;
 border-left:1px solid #ccc;
 font-size:0.8em;
 line-height:1.1em;
 white-space:nowrap;
}

#h_l_last{
 border-right:1px solid #ccc;
}

/*コンテンツの設定*/
#contents_box{
 width:780px;
}

/*メインコンテンツの設定*/
#main{
 float:right;
 width:610px;
}

#pankuzu{
 margin:0 0 10px 20px;
 font-size:0.8em;
 color:#999;
}

#pankuzu span{
 margin:0 3px 0 0;
 padding:0 10px 0 3px;
 background:url(../image/pankuzu.gif) no-repeat right center;
 text-transform:uppercase;
}

/*サブコンテンツの設定*/
#sub{
 float:left;
 width:150px;
}

#menu{
 width:150px;
 margin:0 0 30px 0;
}

#menu li{
 width:140px;
 padding:0 0 0 10px;
 border-top:1px dashed #ccc;
 background:url(../image/navi_bg.gif) no-repeat left top;
}

#s_l_last{
 border-bottom:1px dashed #ccc;
}

#menu li a{
 display:block;
 width:140px;
 margin:0 0 0 -20px;
 padding:0 0 0 20px;
 background:url(../image/navi_bg.gif) no-repeat left top;
}

#menu li a:hover,#menu li a:active{
 background:url(../image/navi_bg_h.gif) no-repeat left top;
}

#banner{
 width:150px;
}

#banner li{
 width:150px;
 margin:0 0 15px;
}

/*IE6バグ対応*/
*html #menu li{
 width:130px;
 padding:0 0 0 20px;
}

/*フッターの設定*/
#footer{
 width:780px;
 margin:20px 0 0;
 border-top:1px dashed #ccc;
 text-align:center;
}

#footer ul{
 margin:0 auto;
 padding:6px 0;
 font-size:0.75em;
}

#footer ul li{
 display:inline;
 padding:0 10px;
 border-right:1px solid #999;
 white-space:nowrap;
}

#f_l_first{
 border-left:1px solid #999;
}

#footer span{
 text-transform:uppercase;
}

#footer p{
 width:780px;
 padding:5px 0;
 border-top:1px dashed #ccc;
 text-align:center;
 font-size:0.8em;
 color:#666;
}
