@charset "UTF-8";

/*
:: reset & base style sheet
:: last update 2008-10-06
*/

/*==================================================

:: css for �쌴�e�c - official web site for top
:: http://kawahara-tetsu.com/ ::

:: copyright (c) 2008 kawahara tetsu, all rights reserved.
:: author - sunny coding department

==================================================*/
* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}

* html #more {
behavior: expression(IEPNGFIX.fix(this));
}
/*========== body ==========*/
div#wrapper {
margin: 0px auto;
width: 900px;
background-image: url(../img/background/syouwakan.jpg);
background-repeat: no-repeat;
text-align: left;
}

div#container {
width: 900px;
height: 560px;
position: relative;
}

/*========== drag-box ==========*/
div.drag-box { 
border: 1px solid #999999;
background-color: #333333; 
color: #ffffff;
cursor: move; 
filter:alpha(opacity=85); /*IE*/
-moz-opacity:0.85; /*FF*/
opacity:0.85;
}


div#link {
padding: 5px;
position: absolute;
width: 250px;
height: 330px;
top: 190px;
left: 50px;
}

div#profile {
padding: 5px;
position: absolute;
width: 280px;
height: 370px;
top: 130px;
left: 130px;
}

div#works {
padding: 5px;
position: absolute;
width: 350px;
height: 470px;
top: 0px;
left: 250px;
}

div#topics {
padding: 5px;
position: absolute;
width: 250px;
height: 370px;
top: 85px;
left: 370px;
}

div#more {
padding: 5px;
position: absolute;
width: 120px;
height: 120px;
top: 45px;
left: 30px;
}

div#syouwakan {
padding: 5px;
position: absolute;
width: 220px;
height: 60px;
top: 10px;
left: 550px;
}

div#book {
padding: 10px 0px;
text-align: center;
position: absolute;
width: 220px;
height: 420px;
top: 80px;
left: 580px;
}

div#menu {
padding: 5px;
position: absolute;
width: 250px;
height: 130px;
top: 295px;
left: 20px;
}

div#blog {
padding: 5px;
position: absolute;
width: 205px;
height: 45px;
top: 475px;
left: 300px;
}

div#hanko{
padding: 5px;
position: absolute;
width: 32px;
height: 32px;
top: 400px;
left: 800px;
}


/*========== list ==========*/
ul {
margin-left: 15px;
}

li.linkLi {
margin-bottom: 7px;
}

ul.profileUl {
margin-top: 10px;
margin-left: 0px;
list-style: none;
}

li.profileLi {
margin-bottom: 7px;
}

ul.worksUl {
margin-top: 10px;
margin-left: 0px;
list-style: none;
}

li.topicsLi {
margin-top: 10px;
}



/*========== end ==========*/