@charset"UTF-8";


/*------▼WHOLE STRUCTURE------*/

body {
margin:0;
padding:0;
color:#aaa;
background:#222 url(../images/bg.gif);
font:14px/1.4 Verdana,sans-serif;
}

h1,h2,h3,h4,p {
margin:0;
padding:0;
}

img {
border:none;
vertical-align:bottom;
}

ul {
margin:0;
padding:0;
list-style:none;
}

a:link,a:visited {
color:#aaa;
text-decoration:underline;
}

a:hover,a:active {
color:#ccc;
text-decoration:none;
}

#container {
position:relative;
width:800px;
/*margin:0 auto 0;*/
background-color:#222;
}

/*------▼HEADER------*/

h1#logo {
position:absolute;
top:74px;
left:27px;
color:#ddd;
font-size:180%;
font-weight:normal;
background:url(../images/logo.gif) no-repeat;
}

h1#logo a {
width:224px;
height:72px;
display:block;
text-indent:-9999px;
}

/*------▼PROFILE------*/

/*--WinIE4-6 MacIE4-5--*/
*html #profile {
margin:196px 0 0 24px;
width:200px;
}

#profile {
float:left;
margin:196px 0 0 24px;
width:224px;
text-align:right;
}

h2#name {
color:#ddd;
font-size:120%;
}

p#site {
margin:5px 0 0 0;
padding:0 12px 0 0;
font-size:70%;
background:url(../images/y-right.gif) no-repeat right 70%;
}

p#mail {
margin:2px 0 0 0;
padding:0 13px 0 0;
font-size:70%;
background:url(../images/y-right.gif) no-repeat right 70%;
}

p.profileTitle,p.profileTitle2 {
color:#ddd;
padding:0 0 15px 0;
background:url(../images/li-profile.gif) no-repeat right 80%;
}

p.profileTitle {
margin:45px 0 0 0;
}

p.profileTitle2 {
margin:35px 0 0 0;
}

ul.profileList {
font-size:80%;
}

/*--WinIE4-6 MacIE4-5--*/
*html .profileList li {
margin:0 0 6px 0;
line-height:1.4;
}

/*--IE7--*/
*:first-child+html .profileList li {
margin:0 0 8px 0;
line-height:1.4;
}

.profileList li {
margin:0 0 8px 0;
line-height:1.2;
}

li.bottomList {
margin:0;
padding:0 0 7px 0;
background:url(../images/li-profile.gif) no-repeat right bottom;
}


/*------▼ARCHIVE------*/

#archive {
float:left;
margin:100px 0 0 27px;
width:505px;
text-align:right;
}

#archive h3 {
color:#ddd;
font-size:180%;
font-weight:normal;
margin:0 0 4px 0;
}

h3.pd{
clear:both;
padding:5px 0 0 0;
}

.imageL {
float:left;
width:245px;
margin:0 15px 18px 0;
}

.imageR {
float:right;
width:245px;
margin:0 0 18px 0;
}

.imageL img,.imageR img {
border:5px solid #000;
}

.imageL h4,.imageR h4 {
font-size:90%;
font-weight:normal;
margin:7px 0 0 0;
}

.imageL p,.imageR p {
font-size:70%;
}


/*------▼FOOTER------*/

#footer {
clear:both;
text-align:right;
width:780px;
}

p.pageTop{
margin:0 0 0 auto;
padding:20px 10px 0 0;
font-size:80%;
background: url(../images/y-top.gif) no-repeat right 90%;
}

p#copy{
font-size:70%;
padding:10px 0 20px 0;
}