@charset "UTF-8";

* {
margin: 0px;
padding: 0px;
}

/* general ------------------ */
body {
color:#333;
font-size:12px;
line-height:16px;	
margin:0px;
padding:0px;
}

a {
color:#333;
text-decoration: underline;
}

a:hover {
color:#666;
text-decoration: underline;
}

img {
border:0px;
vertical-align:top;
vertical-align:bottom;
}


#bg01 {
background: url(image/bg01.gif) repeat-x #b19e84;
background-position: top;
}

/* wrapper ----------------- */
#wrapper {
position: relative;
margin: 0px auto 0px auto;
padding: 0px;
width: 870px;
height:100%;
text-align: left;
}


/*titlelogo---------------------------------------------------*/

h1 {
margin:0px auto 0px auto;
padding:0px;
background: url(image/header.gif) no-repeat;
width: 870px;
height: 60px;
text-indent: -5000px;
}



/*naviset---------------------------------------------------*/

#naviset {
margin:0px auto 0px auto;
padding:0px 10px 0px 10px;
width:850px;
height:31px;
margin:0px;
overflow:hidden;

background: url(image/naviBg.gif) repeat-x;
}

#naviset ul{
overflow:hidden;
text-indent:-5000px;
list-style:none;
}

#naviset li {
float:left;
}


/*navi------------------------------------------------*/

#sol01 {
display:block;
height:31px;
width:84px;
background:url(image/navi01.gif) no-repeat;
}

#sol01:hover{
background:url(image/navi01.gif) no-repeat;
background-position:left bottom;
}

#sol02 {
display:block;
height:31px;
width:154px;
background:url(image/navi02.gif) no-repeat;
}

#sol02:hover{
background:url(image/navi02.gif) no-repeat;
background-position:left bottom;
}

#sol03 {
display:block;
height:31px;
width:107px;
background:url(image/navi03.gif) no-repeat;
}

#sol03:hover{
background:url(image/navi03.gif) no-repeat;
background-position:left bottom;
}

#sol04 {
display:block;
height:31px;
width:108px;
background:url(image/navi04.gif) no-repeat;
}

#sol04:hover{
background:url(image/navi04.gif) no-repeat;
background-position:left bottom;
}

#sol05 {
display:block;
height:31px;
width:100px;
background:url(image/navi05.gif) no-repeat;
}

#sol05:hover{
background:url(image/navi05.gif) no-repeat;
background-position:left bottom;
}


/*navi rollover--------------------------------------------------*/

#solhome {
display:block;
height:31px;
width:84px;
background:url(image/navi01.gif) no-repeat;
background-position:left bottom;
}

#solinfo {
display:block;
height:31px;
width:154px;
background:url(image/navi02.gif) no-repeat;
background-position:left bottom;
}

#solgal {
display:block;
height:31px;
width:107px;
background:url(image/navi03.gif) no-repeat;
background-position:left bottom;
}

#solforfan {
display:block;
height:31px;
width:108px;
background:url(image/navi04.gif) no-repeat;
background-position:left bottom;
}


/* contents area----------------- */
#contentsArea01 {
position:relative;
margin: 0px auto 0px auto;
padding: 0px;
width: 870px;
height: 516px;
text-align: left;
background:url(image/keyVisual01.jpg) no-repeat;
}

#contentsArea02 {
position:relative;
margin: 0px auto 0px auto;
padding: 0px;
width: 870px;
height: 516px;
text-align: left;
background:url(image/keyVisual02.jpg) no-repeat;
}

#contentsArea03 {
position:relative;
margin: 0px auto 0px auto;
padding: 0px;
width: 870px;
height: 516px;
text-align: left;
background:url(image/keyVisual03.jpg) no-repeat;
}

#contentsArea04 {
position:relative;
margin: 0px auto 0px auto;
padding: 0px;
width: 870px;
height: 516px;
text-align: left;
background:url(image/keyVisual04.jpg) no-repeat;
}


/* contents */
#whatsnew {
position:absolute;
top:388px;
left:445px;
width:385px;
height:auto;
}

.whonbun {
line-height:19px;
}

#txtArea {
position:absolute;
top:60px;
left:445px;
width:415px;
height:268px;
overflow:auto;
}

#txtAreaB {
position:absolute;
top:60px;
left:445px;
width:415px;
height:455px;
overflow:auto;
}

.title {
margin:0px; 
padding:15px 0px 0px 5px;
height:21px;
font-size:13px;
color:#697f8e;
font-weight:bold;
}

.honbun {
margin:0px; 
padding:2px 8px 15px 12px;
font-size:12px;
line-height:16px;
}


/* photo */
#photoset {
position:absolute;
top:73px;
left:447px;
margin:0px;
padding:0px;
width:415px;
height:455px;
overflow:auto;
}

#photoset ul{
list-style:none;
}

#photoset ul:after{
display: block;
height: 0;
visibility: hidden;
clear: both;
content: ".";
}

#photoset li {
margin-bottom:9px;
float:left;
}

.leftspace {
margin-right:9px;	
}


/*footer------------------------------------------*/
#kshopfooter {
position: absolute;
top:15px;
left:580px;
margin: 0px;
padding: 0px;
}

#footer {
position: relative;
margin: 0px auto 0px auto;
padding: 0px;
width: 870px;
height: 129px;
background:url(image/footer.gif) no-repeat;
}

#qrcode {
position: absolute;
top:15px;
left:25px;
margin: 0px;
padding: 0px;
}

#qrtitle {
position: absolute;
top:14px;
left:120px;
margin: 0px;
padding: 0px;
font-size:13px;
letter-spacing: 0.1em;
}

#qrtext {
position: absolute;
top:44px;
left:120px;
margin: 0px;
padding: 0px;
line-height: 16px;
letter-spacing: 0.1em;
}


/* bnr */
#bnrKnit {
	position:absolute;
	top:290px;
	left:22px;
}