/* ------------------------------
 resetに関する記述
------------------------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
margin:0; 
padding:0; 
}

table { 
border-collapse:collapse; 
border-spacing:0; 
}

fieldset,img {  
border:0; 
}

address,caption,cite,code,dfn,em,strong,th,var { 
font-style:normal; 
font-weight:normal; 
}

ol,ul { 
list-style:none; 
}

caption,th { 
text-align:left; 
}

h1,h2,h3,h4,h5,h6 { 
font-size:100%; 
font-weight:normal; 
}

q:before,q:after { 
content:''; 
}

abbr,acronym { border:0; 
}





/* ------------------------------
 top
------------------------------ */

#topContainer{
position:absolute;
width:480px;
height:660px;
left:50%;
top:50%;
margin-left:-240px;
margin-top:-330px;
background-image: url("img/topbg.jpg");
background-repeat: no-repeat;
background-color: #44617b;
}


#rights{
position:absolute;
left:0px;
bottom:0px;
width:100%;
height:40px;
padding-top: 10px;
color:#44617b;
background-color: #000;
text-align: center;
font-size: 0.7em
}


#weblogTop{
position:absolute;
left:32px;
top:77px;
width:112px;
height:143px;
display : block;
text-indent: -1000px ;
}


#catalogueTop{
position:absolute;
left:144px;
top:145px;
width:108px;
height:145px;
display : block;
text-indent: -1000px;
}


#aboutTop{
position:absolute;
left:355px;
top:173px;
width:105px;
height:152px;
display : block;
text-indent: -1000px;
}

#updatedTop{
position:absolute;
left:252px;
top:256px;
width:103px;
height:146px;
display : block;
text-indent: -1000px;
}


#logo{
position:absolute;
left:20px;
bottom:65px;
width:205px;
height:33px;
display : block;
}

#whatsBox{
position:absolute;
padding: 5px 7px;
left:18px;
top:310px;
width:200px;
height:240px;
background-color: #b0c4de;
background-image: url("img/whatsnew.gif");
background-repeat: no-repeat;
visibility: hidden;
}

#whatsBox a{  
text-decoration:none;
color:#ff0066;
}

#whatsText{
width:200px;
height:210px;
font-size:0.8em;
font-family : 'Century Gothic','ＭＳ Ｐゴシック',sans-serif ;
color:#333;
overflow: auto;
}


/* ------------------------------
 catalogue
------------------------------ */

#ctlgContainer{
position:absolute;
width:800px;
height:670px;
left:50%;
top:50%;
margin-left:-400px;
margin-top:-335px;
background-image: url("catalogue/img/catalogbg.jpg");
background-repeat: no-repeat;
background-position: 0 30px; 
background-color: #44617b;
}


#zoePic{
position:absolute;
left:170px;
top:76px;
width:73px;
height:84px;
display : block ;
text-indent: -1000px ;
}

a#zoePic:hover{  
background-image: url("catalogue/img/zoepic.jpg");
}

#caitPic{
position:absolute;
left:358px;
top:336px;
width:109px;
height:90px;
display : block ;
text-indent: -1000px;
}

a#caitPic:hover{  
background-image: url("catalogue/img/caitpic.jpg");
}

#lindsayPic{
position:absolute;
left:48px;
top:356px;
width:96px;
height:119px;
display : block ;
text-indent: -1000px;
}

a#lindsayPic:hover{  
background-image: url("catalogue/img/lindsaypic.jpg");
}

#mayPic{
position:absolute;
left:233px;
top:426px;
width:138px;
height:114px;
display : block ;
text-indent: -1000px;
}

a#mayPic:hover{  
background-image: url("catalogue/img/maypic.jpg");
}

#ctlgMenu{
position:absolute;
right:0px;
bottom:0px;
width:120px;
height:100%;
background-color: #000;
}

#menuInfo{
position:absolute;
left:10px;
top:528px;
display : block ;
}

#menuCart{
position:absolute;
left:10px;
top:562px;
display : block ;
}

#menuMail{
position:absolute;
left:10px;
top:595px;
display : block ;
}

#textMenu{
position:absolute;
left:0px;
top:0px;
width:100%;
height:30px;
color:#ff0066;
font-family : 'Century Gothic','ＭＳ Ｐゴシック',sans-serif ;
font-size:1.2em;
background-color: #000;
}

#textMenu a{  
text-decoration:none;
color:#ff0066;
}

#textMenu a:hover{  
color:#666;
}

/* ------------------------------
 about
------------------------------ */

#aboutContainer{
position:absolute;
width:800px;
height:670px;
left:50%;
top:50%;
margin-left:-400px;
margin-top:-335px;
background-image: url("about/img/aboutbg.jpg");
background-repeat: no-repeat;
background-position: 145px 135px; 
background-color: #000;
z-index:1;
}

#gssContainer{
position:absolute; left:60px; top:25px;
width:295px; height:275px;
visibility: hidden;
z-index:7;
}

#openGss{
	position:absolute;
	left:240px;
	top:360px;
	width:65px;
	height:90px;
	display : block;
	text-indent: -1000px;
	z-index:2;
}

#brocContainer{
position:absolute; left:380px; top:20px;
width:385px; height:170px;
visibility: hidden;
z-index:8;
}

#openBroc{
	position:absolute;
	left:545px;
	top:220px;
	width:70px;
	height:115px;
	display : block;
	text-indent: -1000px;
	z-index:3;

}

#orderContainer{
position:absolute; left:0px; top:320px;
width:300px; height:265px;
visibility: hidden;
text-align: center;
z-index:9;
}

#openOrder{
	position:absolute;
	left:380px;
	top:375px;
	width:70px;
	height:80px;
	display : block;
	text-indent: -1000px;
	z-index:4;
}

#ninaContainer{
position:absolute; left:500px; top:260px;
width:300px; height:380px;
visibility: hidden;
text-align: center;
z-index:10;
}

#ninaContainer a{
text-decoration:none;
color:#ff0066;
}

#ninaContainer a:link{
color:#ff0066;
}


#openNina{
	position:absolute;
	left:165px;
	top:155px;
	width:115px;
	height:50px;
	display : block;
	text-indent: -1000px;
	z-index:5;
}

#ssContainer{
position:absolute; left:300px; top:340px;
width:190px; height:190px;
visibility: hidden;
z-index:11;
}

#openSS{
	position:absolute;
	left:610px;
	top:410px;
	width:100px;
	height:90px;
	display : block;
	text-indent: -1000px;
	z-index:6;
}


.dialog {
 width:100%;
 height:100%;
 margin:0px auto;
 color:#000;
 font-family:'Century Gothic','ＭＳ Ｐゴシック',sans-serif ;
 font-size:10px;
 line-height:20px; 
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:10px;
}

.dialog .ft .c {
 height:10px;
}

.dialog .hd {
 background:transparent url(about/img/r_bg_top.gif) no-repeat 0px 0px;
 margin-right:10px; /* space for right corner */
}

.dialog .hd .c {
 background:transparent url(about/img/r_top.gif) no-repeat right 0px;
 margin-right:-10px; /* pull right corner back over "empty" space (from above margin) */
}


.dialog .bd .c .gss {
 height:270px;
 margin:0px ;
 background:#fff url(about/img/gss_bg.jpg) no-repeat -1px 110px;
 padding:5px 15px ;
}

.dialog .bd .c .broc {
 height:150px;
 margin:0px ;
 background:#fff url(about/img/broc_bg.jpg) no-repeat 250px 10px;
 padding:5px 15px ;
}

.dialog .bd .c .order {
 height:220px;
 margin:0px ;
 background:#fff url(about/img/order_bg.jpg) no-repeat 15px 0px;
 padding:65px 15px 0px ;
}

.dialog .bd .c .nina {
 height:330px;
 margin:0px ;
 background:#fff ;
 padding:5px 15px ;
 text-decoration:none;
}

.dialog .bd .c .Ss {
 height:170px;
 margin:0px ;
 background:#fff ;
 padding:5px 15px ;
}


.dialog .ft {
 background:transparent url(about/img/r_bg_bottom.gif) no-repeat 0px 0px;
 margin-right:10px;
}

.dialog .ft .c {
 background:transparent url(about/img/r_bottom.gif) no-repeat right 0px;
 margin-right:-10px;
}



/* ------------------------------
IE6でのちらつき防止
------------------------------ */

html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}