/*-------------------------------------------------------
*Filename:           common.css
*Description:        SiteCommon CSS
*Website:            http://hoge.com
-------------------------------------------------------
swatch colors


-------------------------------------------------------*/


/*     __Contents common
----------------------------------------------------------- */

p{
   margin-bottom:8px;
}

body {
   text-align:center;
   background: url(../images/common/bg-contents.png) repeat-x;
}

body #wrapper {
   width:100%;
   height: 100%;
   background: url(../images/common/bg-header.png) no-repeat top center;
}

body > #wrapper {
   height: auto;
   min-height: 100%;
}

body #wrapper #header {
   width:100%;
}

.clear {
   clear:both;
}

.fixed{ /zoom : 1; }

.fixed:after {
   content : '';
   display : block;
   clear : both;
}

.myfashion{
   float: left;
   width: 170px;
   position:absolute;
   top:630px;
   left:60px;
}

.marui{
   margin-left:auto;
   width: 170px;
   position:absolute;
   top:630px;
   left:235px;
}

/*     __Page common
----------------------------------------------------------- */

.header-contents {  
   width:917px;
   height:130px;
   margin:0 auto;
   position:relative;
}

*+ html .header-contents {  
   z-index: 500;
}

.header-contents h1 a{
   display:block;
   width:173px;
   height:45px;
   text-indent: -10000px;
   background: url(../images/common/logo.png) no-repeat;   
   position:absolute;
   top:22px;
   left:56px;
}

.header-contents ul.header-navi{
   width:637px;
   height:42px;
   padding:5px 0 0 280px;
   margin-right:-27px;
   position: absolute;
   top:65px;
   left:0;
   background: url(../images/common/bg-header_navi.png) no-repeat;   
}

.header-contents ul.header-navi li{
   height:34px;
   float:left;
}

.header-contents ul.header-navi li.sub{
   height:25px;
}

.header-contents ul.header-navi li a{
   display:block;
   text-indent: -10000px;
   height:35px;
   margin-right:27px;
   float:left;
}

.header-contents ul.header-navi li a#about{
   width:129px;
   height:25px;
   background: url(../images/common/header_navi-about.png) no-repeat;   
}
.header-contents ul.header-navi li a#intro{
   width:129px;
   height:25px;
   background: url(../images/common/header_navi-concept1.png) no-repeat;   
}

.header-contents ul.header-navi li a#sconcept{
   width:129px;
   height:25px;
   background: url(../images/common/header_navi-concept2.png) no-repeat;   
}


.header-contents ul.header-navi li a#about:hover{
   background-position: 0 -35px;
}

body#concept .header-contents ul.header-navi li a#about{
   background-position: 0 -35px;
}

.header-contents ul.header-navi li a#collection{
   width:73px;
   background: url(../images/common/header_navi-collection.png) no-repeat;   
}

.header-contents ul.header-navi li a#collection1{
   width:100px;
   height:25px;
   background: url(../images/common/header_navi-collection1.png) no-repeat;   
}

.header-contents ul.header-navi li a#collection2{
   width:100px;
   height:25px;
   background: url(../images/common/header_navi-collection2.png) no-repeat;   
}

.header-contents ul.header-navi li a#collection3{
   width:100px;
   height:25px;
   background: url(../images/common/header_navi-collection3.png) no-repeat;   
}

.header-contents ul.header-navi li a#collection:hover{
   background-position: 0 -35px;
}

.header-contents ul.header-navi li a#shoplist{
   width:127px;
   background: url(../images/common/header_navi-shoplist.png) no-repeat;   
}

.header-contents ul.header-navi li a#shoplist:hover{
   background-position: 0 -35px;
}

.header-contents ul.header-navi li a#shop{
   width:93px;
   background: url(../images/common/header_navi-shop.png) no-repeat;   
}

.header-contents ul.header-navi li a#shop:hover{
   background-position: 0 -35px;
}

.header-contents ul.header-navi li a#contact{
   width:65px;
   background: url(../images/common/header_navi-contact.png) no-repeat;   
}

.header-contents ul.header-navi li a#contact:hover{
   background-position: 0 -35px;
}

#main{
   width:917px;
   height:622px;
   margin:-23px auto 0;
   position:relative;
   background: url(../images/common/bg-main.png) no-repeat top center;
}

.maincontents{
   width:800px;
   height:480px;
   background: url(../images/common/bg-maincontents.png) no-repeat;
   position: absolute;
   top:37px;
   left:66px;
}

#footer{
   width:917px;
   position: relative;
   margin:-45px auto 0;
   z-index: 9999;
}

#footer .copy{
   width:419px;
   margin:0 auto;
   height:28px;
   background: url(../images/common/copy.png) no-repeat top center;
}

#footer .copy a{
   display:block;
   text-indent: -10000px;
}


/* *****************************************

drop
***************************************** */
/* Basic code - don't modify */

ul.menu {
   list-style:none; margin:0; padding:0;
}

ul.menu * {
   margin:0; padding:0;
}

ul.menu li {
   position:relative;
}

ul.menu ul {
   position:absolute;
   top:34px;
   left:0;
   display:none;
   opacity:0.3;
   background: #ffffff;
	filter: alpha(opacity=30);
   list-style:none;
}

ul.menu ul.about {
   width:129px;
}

*+ html ul.menu ul {
   top:30px;
}

ul.menu ul li {
   position:relative;
   border-top:none;
   width:100px;
   margin:0;
}

ul.menu ul li a {
   display:block;
   background-color:#d1d1d1;
}

ul.menu ul li a:hover {
   opacity:0.7;
	filter: alpha(opacity=70);
}

ul.menu ul ul {
   left:100px;
   top:-1px;
}