@charset "Shift_JIS";

* {
	margin:0;
	padding:0;
	font-family:verdana, arial, sans-serif;
	font-size:10px;
	line-height:180%;
	color: #666666;
	
}

a {

color: #996633;
text-decoration:none;
}

a:hover {

color: #3366CC;
text-decoration:none;

}

div.clear {

clear:both;
height:35px;

}

.red
{
color:#CC0000;}

/* -----body----- */

body {

/* background: url(img/common/haikei01.jpg) center; */
background-color:#FFFFFF;
}

/* ----- firefox ----- */

html  {
	overflow-y:scroll;
}

/* -----center ----- */

div#toppage01 {


overflow:auto;
    height:320px;
    width:600px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-190px;
    margin-left:-300px;
}

div#mapping01 {
position:absolute;
top:50px; left:0px;
width:600px;
height:100px;

display: block;
background: url(img/common/trans.gif) repeat;
}

div#toppage02 {


position:relative;
width:600px;
height:320px;
z-index:-1;
}


/* -----toppage ----- */

div#toppage01 h1 {

position:absolute;
top:50px;
padding:10px 0;

}

div#toppage02 h2 {
position:absolute;
top:115px;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 100%;
font-weight:normal;
font-size:16px;

letter-spacing: 0px;

}

p.top_p01 {
position:absolute;
top:140px;
font-size:10px;
line-height:140%;
}

p.top_p02 {
position:absolute;
top:180px;
font-size:10px;
line-height:140%;
z-index:10;
}

p.closed {
position:absolute;
top:210px;
font-size:10px;
line-height:140%;
}


img#map {

position:absolute;
top:0px;right:0px;

}

div#navi {

position:absolute;
top:68px; left:0px;
height:50px;
padding:0px 10px 0px 140px;


}



/* -----toppage _noscript----- */

div#toppage01_no h1 {

position:absolute;
top:50px;
}

div#toppage01_no h2 {
position:absolute;
top:110px;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 100%;
font-weight:normal;
font-size:16px;
text-transform: uppercase;
letter-spacing: 0px;

}


img#map_no {

position:absolute;
top:15px;right:0px;

}


/* -----collections navibox----- */

div#center {

	
}

div#wrapper {

position:relative;
}

div#collection_box {

position:relative;
z-index:50
}

div#navigation_area {

position:absolute;
width:320px;
height:150px;
z-index:70;
top:170px;
background: url(img/common/trans.gif) repeat;
}

div#navigation_area h1{

position:absolute;
top:15px; left:40px;

}

div.navi {

position:absolute;
top:20px; left:170px;
width:150px;

}

div.navi img{
position:absolute;
}

img#collection {

top:0px; 
background: url(img/common/trans.gif) repeat;

}

img#shop {

top:22px; 
background: url(img/common/trans.gif) repeat;

}


img#news {

top:26px;
background: url(img/common/trans.gif) repeat;

}

img#collection_diary {

top:46px;
background: url(img/common/trans.gif) repeat;

}

img#checklists  {

top:68px;
background: url(img/common/trans.gif) repeat;

}

img#pottodiary  {

top:68px;
background: url(img/common/trans.gif) repeat;

}


img#rere  {

top:89px;
background: url(img/common/trans.gif) repeat;

}


img#contact {

top:112px;
background: url(img/common/trans.gif) repeat;

}

img#newsletter {

top:128px;
background: url(img/common/trans.gif) repeat;

}

div#navigation_hit {

position:absolute;
width:100%;
height:180px;
background-color:#E8E8E8;
top:170px;
z-index:60;
}

div.collections_listbox {

position:absolute;
top:20px; left:350px;

}

div.collections_listbox p{

color:#996633;

}


ul.collection_ul {

list-style:none;

}

ul.collection_ul li {

padding:0px 0;
margin:4px 0;
}


div.sumbnail{

position:absolute;
top:10px;left:430px;

}
/* -----collections contents----- */

div#main-contents {

position:absolute;
background-color:#FFFFFF;
top:0px; left:320px;
width:640px;
height:550px;
z-index:0;
}

div.collection_image {
width:630px;
position:relative;
margin:50px 0 10px 0;
}

div.collection_image img{


}

div.details {

float:left;
width:215px;
margin-top:10px;

}

div.details p{

line-height:130%;
color:#999999;
margin:5px 0 0 40px;;
}

div.collection_dis {

float:left;
width:420px;
margin:10px 0;

}




div.collection_dis h2{


position:relative;

margin:15px 0 10px 0;
}

p.dis_text {

position:relative;

color: #666666;
}

p.pdf {

margin:5px 0 0 0;
}


div.clear {

clear:both;

}

p#copyright {

color :#999999;
margin:10px 0 ;

}

/* ----- stage----- */


div#stage {

position:absolute;
top:0px; left:0px;
width:100%;
height:650px;
z-index:80;

color:#CCCCCC;

}

div#stage a{

color:#CCCCCC;
}

div#stage a:hover{

color:#FFFFFF;
}



div#onstage {

position:absolute;
top:45px; left:0px;
width:100%;
height:90%;
z-index:85;

color: #CCCCCC;


}

p#stage_closer {

position:absolute;
top:10px; right:50px;
font-size:12px;

}

p.stage_copy {

position:absolute;
bottom:10px; right:40px;
color:#999999;

}

p#next_season {
position:absolute;
right:50px; top:10px;
color:#999999;
}

p#pre_season {
position:absolute;
left:20px; top:10px;
color:#999999;
}

/* -----collection01 stage----- */



div.images {
	position:relative;
	width:920px;
	height:450px;
	overflow:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top: 50px;
	margin-bottom: 0;
}

div.images img{

margin:5px;

}

div.images p{

color:#CCCCCC;
margin:0 0 10px 20px;

}



/* -----collections archive----- */


div#collections_archive {

width:630px;
position:relative;
margin:50px 0 30px 0;

}

div.archive_itembox {

margin:20px 0;
}

div.archives_image {


width:170px;
float:left;

}

div.archives_image img{

margin-right:20px;
}

div.archive_entry {
float:left;
width:440px;

}

div.archive_entry h3{

margin:0 0 10px 0 ;

}


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

div.news_contents {

position:relative;
width:600px; 
margin:40px 0 20px 0px;
z-index:0;

}

div#news_header {

position:relative;
height:55px; width:600px;
margin:20px 0;
background:url(img/news/line_top.gif) repeat-x bottom;

}

img.rssimage {

position:absolute;
top:10px; right:10px;

}

div#news {

position:relative;
width:600px;
margin:20px 0 0 0;

}


p.news_date {

position:relative;
margin:10px 0;
font-weight:bold;

}

div.news_image {

position:relative;
width:570px;

}

div.news_title {

position:relative;
margin:10px 0;
line-height:150%;
font-weight:bold;
width:570px;

}
div.news_title a{
color:#333333;
}

div.news_title a:hover {
color:#993300;

}


div.news_des {

position:relative;
line-height:150%;
width:570px;

}

div.news_footer {



}

img.pagetop {

float:right;

}

img.line {

margin:10px 0 0 0;

}

div#news_bottom {

position:relative;
width:600px; height:30px;
background:url(img/news/line_bottom.gif) repeat-x bottom;
text-align:center;
margin-top:10px;
}


div#news_bottom p{


}

p.next {

position:absolute;
right:0px;top:0px;
text-align:right;

}

p.prev {

position:absolute;
left:0px;top:0px;

}


/* -----news archive----- */

div#news_archives {

position:relative;
width:600px;

}

p.archives_date {

position:relative;
float:right;
text-align:right;
width:110px;
font-weight:bold;

}

p.archive_title {

position:relative
float:left;
width:470px;
font-weight:bold;
}

p.archive_title a{

color:#333333;

}

p.archive_title a:hover{

color:#993300;
}

img.archive_line {
clear:both;
position:relative;
margin:10px 0;

}


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

div#shop_contents {

position:relative;
margin:20px 0 0 0;
width:640px;


}

div.image_area {

position:absolute;
bottom:10px;
left:0px;
width:520px;

}

div#image_area img{

position:absolute;
bottom:-360px;

}

div.text_area {
position:absolute;
top:110px; right:0px;
width:300px;height:240px;
padding:10px;
z-index:1;
background-color:#FFFFFF;
filter: alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;
}

div#icons_list {

position:relative;
width:280px;

}

div.icons_list img{

margin:0 1px;

}

div.item_des {

margin:10px 0;
}

p.description {


}
div.optional1 {
position:relative;
margin:10px 0 0 0;
}

div.optional2 {
position:relative;

}


div.optional3 {
position:relative;

}

p.price {

position:relative;

}

p.stytus {

position:relative;
}

div.optional4 {
position:relative;
margin-bottom:10px;

}

p.contact {


}

p.contact a{


}

div#sumbnails_area {

position:absolute;
top:390px;
width:640px;


}

div.sumbnails_line {

margin-bottom:10px;
}

div#sumbnails {

position:relative;
width:540px;
}

div#sumbnails img{

}

p#show_sumbnailstage{

position:absolute;
top:10px; right:0px;

}


/* -----shop sumbnail stage----- */

div#sumbnail_stage {

position:absolute;
top:160px; left:320px;
width:640px; height:350px;
background-color:#FFFFFF;
z-index:10;
-moz-opacity:0.9;
opacity:0.9;
display:none;
}

div#sumbnail_onstage {

position:absolute;
top:160px; left:320px;
width:640px; height:350px;
background-color:#FFFFFF;
z-index:11;

}

img#onstage_line {

position:absolute;
top:0px;
}

div#sumbnail_onstage_text {

position:absolute;
right:10px; top:40px;
width:90px;
padding:0 0 0 10px;
border-left:#999999 dotted 1px;
}


div#sumbnail_onstage_inner {

margin: 30px 0 10px 10px;
width:520px; height:320px;

}

img#sumbnail_stage_closer {

position:absolute;
top:10px; right:10px;

}

/* -----contact contents----- */

div#contact_contents {

position:relative;
margin:40px 0 0 0;
}

div#mapimage {

position:relative;
top:50px;
width:640px;
text-align:right;


}

div#shopinfo {

position:relative;
top:-50px;

}

div#shopinfo h2{

margin:10px 0 0 0;

}

div#shopinfo p{

margin:10px 0 0 0;
line-height:150%;

}


/* -----news letter----- */

div#newsletter_contents {

position:relative;
top:110px;
width:640px; 

}

div#newsletter {


}

div#newsletter h2{

margin:10px 0 0 0;

}

div#newsletter p{

width:500px;
margin:10px 0 0 0;
line-height:180%;

}

div#submition {

position:relative;
margin:20px 0 0 0;
height:120px;


}

div#submition p{

margin:10px 20px;

}

img#submitimage{

position:absolute;
top:40px; left:20px;

}

img#deleteimage{

position:absolute;
top:80px; left:20px;

}

form#submit_newsletter {

position:absolute;
top:30px; 
left:80px; width:500px;
}

form#delete_newsletter {

position:absolute;
top:70px; 
left:80px; width:500px;
}

div#submition img{

marign:0 20px;

}

input {

margin:10px 10px;


}

/*input.enter{

background-color:transparent;
background-image:url(img/mailservice/input_haikei.gif);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:0px 100%;
border:1px;
padding:0.15em;


}

*/

p#option {

margin:20px 0;
line-height:150%;
color:#999999;

}