@charset "utf-8";
/* CSS Document */

/*
 distance [
----------------------------------------------------------- */
#distance { 
width:1px;
height:50%;
background-color:#fc6;
margin-bottom:-252px; /* half of container's height */
float:left;
		}

/*
 container [
----------------------------------------------------------- */
#container {
width:955px;
height:504px;
margin:0 auto;
text-align:center;
clear:left;
}


/*

ヘッダ

*/
#head{
width:955px;
background:url(../img/head_back.gif) repeat-x;
height:58px;
}
#head ul{
float:left;
width:707px;
height:58px;
}
#head ul li{
float:left;
height:58px;
}
#head a{
display:block;
text-indent:-10000px;
height:58px;
}
#head .lineup_bar a{width:108px;background:url(../img/lineup_bar.gif) left top no-repeat;}
#head .brandconcept_bar a{width:142px;background:url(../img/brandconcept_bar.gif) left top no-repeat;}
#head .craftandheritage_bar a{width:163px;background:url(../img/craftandheritage_bar.gif) left top no-repeat;}
#head .category_bar a{width:108px;background:url(../img/category_bar.gif) left top no-repeat;}
#head .shoplist_bar a{width:112px;background:url(../img/shoplist_bar.gif) left top no-repeat;}
#head .news_bar a{width:74px;background:url(../img/news_bar.gif) left top no-repeat;}
#head h1{
float:left;
width:212px;
height:58px;
padding-left:36px;
background:url(../img/head_back.gif) repeat-x;
}
#head h1 a{
display:block;
width:212px;
height:58px;
background-image:url(../img/kinoshohampu_logo.gif);
background-position:right;
background-repeat:no-repeat;
}
/*

フッタ

*/
#foot{
width:955px;
height:19px;
background:url(../img/foot_back.gif) repeat-x;
}
#foot #footcontent{
float:left;
width:657px;
height:14px;
font-size:10px;
line-height:100%;
text-align:left;
padding-top:5px;
padding-left:10px;
}

#foot #footcontent2{
float:left;
width:657px;
height:22px;
font-size:10px;
line-height:100%;
text-align:left;
padding-top:0px;
padding-left:10px;
}

#foot #copyright{
display:block;
float:left;
width:288px;
height:19px;
background-image:url(../img/copyright.gif);
text-indent:-10000px;
}
/*

コンテンツ

*/
#content{
width:955px;
text-align:left;
}
#content #tabbar{
width:955px;
height:27px;
background:url(../img/tab_back.gif) repeat-x;
}
#content #tabbar h5{
width:212px;
height:27px;
position:relative;
left:743px;
}
#content #tabbar h5 a{
display:block;
width:212px;
height:27px;
background:url(../img/shoping_tab.gif) no-repeat;
text-indent:-10000px;
}