@charset "UTF-8";

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

/* general ------------------ */
body {
color:#FFF;
font-size: 11px;
line-height: 15px;	
margin: 0px;
padding: 0px;

background: url(imgs/bg.gif) repeat-x;
background-position: top;
}

a {
color: #FFF;
text-decoration: none;
}

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

img {
border: 0px;
}




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


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

h1 {
position: absolute;
top:17px;
left:0px;
background: url(imgs/title.gif) no-repeat;
width: 355px;
height: 27px;
text-indent: -5000px;
}



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

#naviset {
position: absolute;
top: 77px;
left: 0px;

width:801px;
height:37px;
margin:0px;
overflow:hidden;

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

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

#naviset li {
float:left;
}


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

#sol01 {
display:block;
height:37px;
width:89px;
background:url(imgs/navi01.gif) no-repeat;
}

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

#sol02 {
display:block;
height:37px;
width:158px;
background:url(imgs/navi02.gif) no-repeat;
}

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

#sol03 {
display:block;
height:37px;
width:104px;
background:url(imgs/navi03.gif) no-repeat;
}

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

#sol04 {
display:block;
height:37px;
width:95px;
background:url(imgs/navi04.gif) no-repeat;
}

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




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

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

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

#solphoto {
display:block;
height:37px;
width:95px;
background:url(imgs/navi04.gif) no-repeat;
background-position:left bottom;
}



/* contents area----------------- */
#contentsArea {
position: absolute;
top:114px;
margin: 0px;
padding: 0px;
width: 801px;
height: 394px;
text-align: left;
background:url(imgs/mainVisual.jpg) no-repeat;
}

#contNew {
position: absolute;
top:48px;
left:16px;
margin: 0px;
padding: 0px;
width: 294px;
height: 100px;
overflow:auto;
}

#contTopics {
position: absolute;
top:191px;
left:16px;
margin: 0px;
padding: 0px;
width: 294px;
height: 190px;
overflow:auto;
}

#contOther {
position: absolute;
top:48px;
left:16px;
margin: 0px;
padding: 0px;
width: 294px;
height: 339px;
overflow:auto;
}

#contPhoto {
position: absolute;
top:48px;
left:16px;
margin: 0px;
padding: 0px;
width: 294px;
height: 339px;
overflow: hidden;
}

.title {
margin:7px 0px 0px 0px; 
padding:0px 0px 0px 5px;
border-left: 3px solid #FFF;
font-size:12px;
font-weight: bold;
}

.honbun {
margin:6px 0px 26px 0px; 
padding:0px 0px 0px 5px;
font-size:11px;
line-height:17px;
}

.honbunP P{
margin:3px 0px 0px 0px; 
padding:0px;
}


#ttlWhatsnew {
position: absolute;
top:21px;
left:0px;
margin: 0px;
padding: 0px;
width: 310px;
height: 27px;
text-indent: -5000px;
background:url(imgs/ttlWhatsnew.gif) no-repeat;
}

#ttlTopics {
position: absolute;
top:163px;
left:0px;
margin: 0px;
padding: 0px;
width: 310px;
height: 25px;
text-indent: -5000px;
background:url(imgs/ttlTopics.gif) no-repeat;
}

#ttlInfo {
position: absolute;
top:21px;
left:0px;
margin: 0px;
padding: 0px;
width: 310px;
height: 27px;
text-indent: -5000px;
background:url(imgs/ttlInfo.gif) no-repeat;
}

#ttlPhoto {
position: absolute;
top:21px;
left:0px;
margin: 0px;
padding: 0px;
width: 310px;
height: 27px;
text-indent: -5000px;
background:url(imgs/ttlPhoto.gif) no-repeat;
}





/*banner ---------------------------------------------------*/
#edwin_bnr {
position: absolute;
top:539px;
left:632px;
}



/*footer------------------------------------------*/
#footer {
position: relative;
margin: 10px auto 10px auto;
padding: 0px;
width: 800px;
height: 20px;
color:#666666;
}

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

#qrtext {
position: absolute;
top:0px;
left:85px;
margin: 0px;
padding: 0px;
line-height: 15px;
}

#kshop {
position: absolute;
top:0px;
left:535px;
margin: 0px;
padding: 0px;
}

#copyright {
position: absolute;
top:66px;
left:83px;
margin: 0px;
padding: 0px;
}