@CHARSET "utf-8";

@import url("http://fonts.googleapis.com/css?family=Francois+One&Paytone+One");
@import url("http://fonts.googleapis.com/css?family=Paytone+One");
@import url("http://fonts.googleapis.com/css?family=Ubuntu+Condensed");
@import url("http://fonts.googleapis.com/css?family=Chivo");
@import url("http://fonts.googleapis.com/css?family=Aldrich");
@import url("http://fonts.googleapis.com/css?family=Anton");

body {
    font-family: verdana, helvetica, arial, "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", Osaka,"ＭＳ Ｐゴシック", "ＭＳ ゴシック", "MS UI Gothic", sans-serif;
    font-size: x-small;
    line-height: 160%;
    color: #333333;
}
div.layerContainer {
    position:fixed;
    left:0px;
    top:0px;
    background-color:transparent;
    overflow:hidden;
}
div.layer {
    background-color:transparent;
}
div#layerContainer0 div.layer img {
    float:left; margin:0; padding:0; display:inline;
}
div#layerContainer1 div.layer img {
    position:absolute;
    top:    0px;
}
div#layerContainer2 div.layer img {
    position:absolute;
    top:  200px;
}
div#layerContainer3 div.layer img {
    position:absolute;
    top:    0px;
}



div#layerContainerA {
    position:relative; // IEのoverflow:hidden;バグへの対処
    background-color:transparent;
    overflow:hidden;
/*    width: 640px;  /*fixme:windowに合わせて可変*/
    height:480px; /*fixed:contentに合わせて可変*/
    
    font-size: 120%;
    line-height: 150%;

}
div#pageContainer {
    background-color:transparent;
    position:relative;
/*    width: 6400px; /*fixme:page数とpage幅に合わせて可変*/
    height: 480px; /*fixed:contentにに合わせて可変*/
}
div.page {
    background-color:transparent;
    position:relative;
    float:left;
/*    border:1px solid #777777; /*fixme:不要*/
/*    width: 638px; /*fixme:windowに合わせて可変*/
/*    height:478px; /*fixme:contentに合わせて可変*/
}



#gnavi {
    position:absolute;
//    left:0px;
    left:-999px;
    height:360px;
    height:487px;
    width:127px;
    /*padding-bottom: 30px;*/
}
#gnavi ul {
    padding-bottom: 30px;
}
#gnaviUpper {
    background-color: #000000;
}
#gnaviLower {
    height:157px;
    background:transparent;
    padding-top:10px;
}

#gnavi .logo, #gnavi ul li img{
	cursor: pointer;
}
#gnavi .logo{
	padding-bottom: 15px;
}
#gnavi ul li{
	width: 127px;
	background-color: #000000;
	border: none;
}








.page {
    position:relative;
    height:1280px; /*fixed:ページの高さを調整し、回り込みでレイアウトが崩れないようにする。*/
}
.page .pageContent {
    position:relative;
    height:1280px; /*fixed:ページの高さを調整し、回り込みでレイアウトが崩れないようにする。*/
}
.page .pageContent .pageContentL {
    position:absolute;
    left:100px;
    width:600px;
    background:#FFFFFF;
}
.page .pageContent .pageContentR {
    position:absolute;
    position:relative;
    left:710px;
    width:162px;
    background:#FFFFFF;
    text-align:center;
}
.page .pageContent .pageContentL .topMenu {
    background:#FFFFFF;
    width:600px;
margin-bottom:40px; /*fixme:レイヤでメニュー操作が妨げられる現象を回避*/
}
.page .pageContent .pageContentL .topMenu .top img {
    float:right;
}
.page .pageContent .pageContentL .topMenu .buttons {
    clear:both;
    margin:0; padding:0;
}
.page .pageContent .pageContentL .topMenu .buttons li {
    float:left;
}



#renderTest .topMenu {
    background:#FFFFFF;
    width:600px;
}
#renderTest .topMenu .top img {
    float:right;
}
#renderTest .topMenu .buttons  {
    clear:both;
    margin:0; padding:0;
}
.page .pageContent .pageContentL .topMenu .buttons {
    padding-top:20px;
    padding-bottom:20px;
}
#renderTest .topMenu .buttons li {
    float:left;
}
#renderTest #btn1 { position:absolute; top:0px; left:0px; }
#renderTest #btn2 { position:absolute; top:0px; left:0px; }
#renderTest #btn3 { position:absolute; top:0px; left:0px; }



/*page.0*/
#page0 {
    width:4000px;
}
/*page.1*/
#page1 #btn1 {
    position:absolute;
    top:485px;
    left:339px;
}
/*page.2*/
#page2 .pageContent .pageContentL {
    background:transparent;
}
#page2 #conImg2 {
    margin-top:120px;
}
#page2 #btn2 {
    position:absolute;
    top:455px;
    left:570px;
}
/*page.3*/
#page3 .pageContent .pageContentL {
    background:transparent;
}
#page3 #conImg3 {
    margin-top:90px;
    margin-left:440px;
}
#page3 #btn3 {
    position:absolute;
    top:345px;
    left:697px;
}
/*page.4 gallery index*/
#books {
    padding:20px;
}
/*page.5 gallery*/
#bookContent {
    padding:10px 20px;
}
#books img {
    margin:20px 20px;
}
#books hr {
    margin:0px;
    border:none;
    border-top:1px solid #DDDDDD;
}
/*page.7 archives*/
#page7 #product {
    padding-top:20px;
    overflow:hidden; width:600px; /*fixme:firefoxでのズレ防止*/
}
#page7 #archivesContent0,
#page7 #archivesContent1,
#page7 #archivesContent2 {
    margin:0px 20px 0px 20px;
    background:#F8F8F8;
    background:#FFFFFF;
}
#page7 .pageContentR {
    height:100%;
}
/*page.9 blog*/
#page9 .pageContent .pageContentR {
    text-align:left;
    font-size:12px;
    padding:140px 2px 20px 20px;
    height:100%;
}
#page9 .pageContent .pageContentR hr {
    border:none;
    border-top:1px solid #000000;
}
#page9 .pageContent .pageContentR span {
    line-height:20px;
}
#page9 .pageContent .pageContentR .inner {
    margin-left:20px;
}
#page9 #blogContent0,
#page9 #blogContent1,
#page9 #blogContent2 {
    /*padding:0 20px;*/
    /*text-align:center;*/
}
#article {position:relative;}
#page9 #article {
    overflow:hidden; width:600px; /*fixme:firefoxでのズレ防止*/
}

/****************************************/
/****************************************/
/************** blog index **************/
/****************************************/
/****************************************/
.blogENTRIESitem,.blogARCHIVEitem,.blogARCHIVEmonth {
    font-size:10px;
}
.blogENTRIESitem.blogIndexHasAPointer {
    color:#AAAAAA; /*ENTRIESのアイテムにマウスオーバー時の色を指定して下さい。*/
}
.blogARCHIVEitem.blogIndexHasAPointer {
    color:#AAAAAA; /*ARCHIVEのアイテム(月)にマウスオーバー時の色を指定して下さい。*/
}
.blogARCHIVEmonth.blogIndexHasAPointer {
    color:#AAAAAA; /*ARCHIVEのアイテム(ブログタイトル)にマウスオーバー時の色を指定して下さい。*/
}
/****************************************/
/****************************************/
/****************************************/
/****************************************/
/****************************************/
/*page.10 info*/
#page10 #section {
    text-align:center;
    overflow:hidden; width:600px; /*fixme:firefoxでのズレ防止*/
}

#page10 #infoContent0,
#page10 #infoContent1,
#page10 #infoContent2 {
    font-family: "Oswald";
    text-align:center;
    /*
    overflow:hidden;
    position:relative;
    */
}
#page10 .infoUpdated {
  /*font-family: 'Anton';*/
    font-family: "Oswald";
}
#page10 .infoTitle {
  /*font-family: 'Anton';*/
    font-family: "Oswald";
}
#page10 .infoDescription {
}
#page10 .infoExtraItem.over span { color:#AAAAAA; } /*over*/
/*page.11 shoplist*/
#page11 #shoplist1 {
    font-family: "Oswald";
    position:absolute;
    left:0px;
    top:110px;
    padding:20px;
    width:160px;
    height:100%;
}
#page11 #shopcontent1 {
    position:absolute;
    left:200px;
    top:110px;
    padding:20px;
    width:360px;
    height:100%;
}
#page11 #shoplist1 li {
    padding:0px 0 0 0px;
}
#page11 #subCategolyRole li, #shopRole li, #returnSubCategolyRole {
    font-family: 'Francois One';
    font-size:12px;
    font-weight:400;
    line-height:20px;
}
#page11 #shopRole { margin-left:10px; }
#page11 #shopRole li {
    padding:0px 0 0 0px;
}

/****************************************/
/****************************************/
/************ shoplist index ************/
/****************************************/
/****************************************/
#page11 #shopRole ul li.over_hasAShop span {
    color:#AAAAAA; /*ショップリスト(直接表示)でマウスオーバーしたときのテキストの色を指定して下さい。*/
}
#page11 #subCategolyRole ul li.over_hasAShop span {
    color:#AAAAAA; /*ショップリスト(直接表示)でマウスオーバーしたときのテキストの色を指定して下さい。*/
}
#page11 #subCategolyRole ul li.over_hasShops span {
    color:#FFD700; /*ショップリスト(階層を持場合)でマウスオーバーしたときのテキストの色を指定して下さい。*/
}
/****************************************/
/****************************************/
/****************************************/
/****************************************/
/****************************************/




#gnavi .logo, #gnavi ul li img, #NVy_logo{ cursor: pointer; }
.topMenu .top img { cursor: pointer; }
.topMenu .buttons img { cursor: pointer; }
#btn1, #btn2, #btn3 { cursor: pointer; }
#page4 #books img { cursor: pointer; }
.cursorPointer { cursor: pointer; }






/*gallery*/
#wakGalleryG2_Overlay{
    position:fixed;
    top:0; left:0; z-index:9999; width:100%; height:100%;
    overflow:hidden; background:url(../images/overlay.png) repeat 0 0;
}
#wakGalleryG2_Front {
    position:fixed; top:0; left:0; z-index:10000;
}
#wakGalleryG2_ImageBox{
    float:left;
}
#wakGalleryG2_ProductLink{
    width:200px;
    position:absolute; top:0; right:0;
}
#wakGalleryG2_returnExt {
    height:2000px;
}
#wakGalleryG2_ProductLink a {
    text-decoration:none;
    color:#BBBBBB;
}
#wakGalleryG2_Control{
    text-decoration:none;
    color:#BBBBBB;
    width:200px;
    position:absolute; bottom:0; right:0;
}




#footer{
    z-index: 10000;
    position: fixed;
    bottom: 0px;
    padding: 2px 0px 2px 0px;
    width: 100%;
	background: url(../imgs/contents/footer_bg.png) repeat-x left bottom;
}
#footer a {
    text-decoration:none;
    color:#FFFFFF;
    margin-left:10px;
}




#initLoading {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:50000;
    background:#FFFFFF;
    text-align:center;
}
#initLoading img {
    marginLeft:auto;
    marginRight:auto;
    position:absolute;
	top:50%;
	left:50%;
}




/*
#blogAddMainImgSliderContent {
    border:1px solid #FF0000;
}
#blogAddMainImgSliderContent img {
    border:1px solid #FF0000;
}
*/