/*general----------------------------------------------------*/

*{

margin: 0px;

padding: 0px;

}

html {

margin:0;

padding:0;

}

body {

background:#000000;

}

body,div,ul,li,table,h1,h2 {

margin:0; 

padding:0;

color:#FFFFFF;

font-size:11px;

font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","ＭＳゴシック";

}

p{

color:#FFFFFF;

line-height:1.8em;

margin-right:11px;

padding:0px 0px 5px 0px;

}

img{

padding:5px 0px 5px 0px;

border:none;

}

a{

color:#0066ff;

}

a:hover{

color:#0066ff;

}

h1 {

text-indent:-5000px;

}

h2 {

text-indent:-5000px;

}

h3{

font-size:12px;

color:#ff6600;

padding-top:10px;

padding-bottom:2px;



}

/*wrapper---------------------------------------------------*/

#wrapper {

width:900px;

height:600px;

position:absolute;

top:50%;

left:50%;

margin-top:-300px;

margin-left:-450px;

text-align:left;

}

/*header----------------------------------------------------*/

#header {

width:900px;

height:42px;

background:#000000;

}

/*main------------------------------------------------------*/

#main {

width:900px;

height:488px;

}

/*mainimg---------------------------------------------------*/

#mainimg {

width:469px;

height:488px;

float:left;

background:url(img/mainimg1.jpg) no-repeat;

position:relative;

}

/*righol----------------------------------------------------*/

#righol {

width:431px;

height:488px;

float:right;

}

/*conhol----------------------------------------------------*/

#conhol {

width:411px;

height:488px;

float:left;

}

/*specer----------------------------------------------------*/

#specer {

width:20px;

height:488px;

float:right;

background:url(img/specer.jpg) no-repeat;

}

/*//////////////////////////////////////////////////////////*/

/*what's new------------------------------------------------*/

/*wheader---------------------------------------------------*/

#wheader {

width:411px;

height:47px;

background:url(img/wheader.jpg) no-repeat;

}

/*wcon------------------------------------------------------*/

#wcon {

width:411px;

height:151px;

background:url(img/wcon.jpg) no-repeat;

}

/*txtarea1---------------------------------------------------*/

#txtarea1 {

width:389px;

height:151px;

overflow:auto;

border: none;

margin:auto;

scrollbar-face-color: #999999;

scrollbar-track-color: #ffffff;

scrollbar-arrow-color: #ffffff;

scrollbar-highlight-color: #ffffff;

scrollbar-shadow-color: #ffffff;

scrollbar-3dlight-color: #ffffff;

scrollbar-darkshadow-color: #ffffff;

}

#txtarea1 ul{

list-style-type:none;

}

#txtarea1 li{

padding-top:8px;

}

/*//////////////////////////////////////////////////////////*/

/*information-----------------------------------------------*/

/*iheader---------------------------------------------------*/

#iheader {

width:411px;

height:55px;

background:url(img/iheader.jpg) no-repeat;

}

/*icon------------------------------------------------------*/

#icon {

width:411px;

height:181px;

background:url(img/icon.jpg) no-repeat;

}

/*txtarea2---------------------------------------------------*/

#txtarea2 {

width:400px;

height:181px;

overflow:auto;

border: none;

/*margin:auto;*/

margin-left:11px;

scrollbar-face-color: #999999;

scrollbar-track-color: #ffffff;

scrollbar-arrow-color: #ffffff;

scrollbar-highlight-color: #ffffff;

scrollbar-shadow-color: #ffffff;

scrollbar-3dlight-color: #ffffff;

scrollbar-darkshadow-color: #ffffff;

}

/*title-----------------------------------------------------*/

.title {

height:auto;

margin-right:11px;

margin-bottom:6px;

border-bottom:thin dotted #999999;

}

/*//////////////////////////////////////////////////////////*/

/*ttitle----------------------------------------------------*/

#ttitle {

width:411px;

height:54px;

background:url(img/ttitle.jpg) no-repeat;

}

/*//////////////////////////////////////////////////////////*/

/*footer&navi-----------------------------------------------*/

/*footer----------------------------------------------------*/

#footer {

width:900px;

height:70px;

background:#000000;

}

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

#navi {

width:900px;

height:33px;

clear:both;

}

/*navset----------------------------------------------------*/

#naviset {

width:431px;

height:33px;

float:right;

}

#naviset ul{

text-indent:-5000px;

overflow:hidden;

list-style:none;

}

#naviset li {

float:left;

}

#sol01 {

display:block;

width:63px;

height:33px;

background:url(img/home.jpg) no-repeat;

}

#sol01:hover{

background:url(img/home.jpg) no-repeat;

background-position:left bottom;

}

#sol01over {

display:block;

width:63px;

height:33px;

background:url(img/home.jpg) no-repeat;

background-position:left bottom;

}

#sol02 {

display:block;

width:95px;

height:33px;

background:url(img/profile.jpg) no-repeat;

}

#sol02:hover{

background:url(img/profile.jpg) no-repeat;

background-position:left bottom;

}

#sol02over {

display:block;

width:95px;

height:33px;

background:url(img/profile.jpg) no-repeat;

background-position:left bottom;

}

#sol03 {

display:block;

width:98px;

height:33px;

background:url(img/history.jpg) no-repeat;

}

#sol04 {

display:block;

width:87px;

height:33px;

background:url(img/diary.jpg) no-repeat;

}

#sol04:hover{

background:url(img/diary.jpg) no-repeat;

background-position:left bottom;

}

#sol04over {

display:block;

width:87px;

height:33px;

background:url(img/diary.jpg) no-repeat;

background-position:left bottom;

}

#sol05 {

display:block;

width:88px;

height:33px;

background:url(img/forfan.jpg) no-repeat;

}

#sol05:hover{

background:url(img/forfan.jpg) no-repeat;

background-position:left bottom;

}

#sol05over {

display:block;

width:88px;

height:33px;

background:url(img/forfan.jpg) no-repeat;

background-position:left bottom;

}

/*subnavi---------------------------------------------------*/

#subnavi {

width:900px;

height:14px;

clear:both;

}

/*navset2---------------------------------------------------*/

#naviset2 {

width:431px;

height:14px;

float:right;

}

#naviset2 ul{

text-indent:-5000px;

overflow:hidden;

list-style:none;

}

#naviset2 li {

float:left;

}

#sol06 {

display:block;

width:208px;

height:14px;

background:url(img/jp.jpg) no-repeat;

}

#sol06:hover{

background:url(img/jp.jpg) no-repeat;

background-position:left bottom;

}

#sol06over {

display:block;

width:208px;

height:14px;

background:url(img/jp.jpg) no-repeat;

background-position:left bottom;

}

#sol07 {

display:block;

width:223px;

height:14px;

background:url(img/en.jpg) no-repeat;

}

#sol07:hover{

background:url(img/en.jpg) no-repeat;

background-position:left bottom;

}

#sol07over {

display:block;

width:223px;

height:14px;

background:url(img/en.jpg) no-repeat;

background-position:left bottom;

}

/*copyset---------------------------------------------------*/

#copyset {

width:900px;

height:23px;

clear:both;

}

/*link------------------------------------------------------*/

#link {

width:35px;

height:23px;

text-indent:-5000px;

background:url(img/linkbtn.jpg) no-repeat;

float:left;

}

/*copy------------------------------------------------------*/

#copy {

width:239px;

height:23px;

background:url(img/copyright.jpg) no-repeat;

float:right;

}

/*///////////////////////////////////////////////////////////*/