@import url("reset.css");

body{
background-color: #eeeeee;
}

a:hover {
color: #ff9900;
}

p {
margin-bottom: 0.5em;
line-height: 1.5em;
}

strong {
font-weight: bold;
}

label {
display: block;
margin-bottom: 1.0em;
}

input {
width: 200px;
}

textarea {
width: 300px;
height: 150px;
}

form span {
color: #ff0000;
font-size: 0.8em;
}

/* layout */
#contents {
margin: 0 auto;
position: relative;
width: 800px;
height: 100%;
background-color: #ffffff;
border-left: 5px solid #ff9900;
border-right: 5px solid #ff9900;
padding: 0 10px;
padding-bottom: 10px;
}

/* site title */
h1 {
font-weight: bold;
background-color: #ff9900;
padding: 5px;
font-size: 1.5em;
border-left: 4px double #ffffff;
border-right: 4px double #ffffff;
border-bottom: 4px double #ffffff;
text-align: center;
}

h2, div.sl {
display: inline;
font-weight: bold;
}

/* sub title */
div.subtitle {
margin: 20px 0;
border-bottom: 1px solid #cccccc;
padding: 5px;
width: auto;
font-weight: bold;
}
div.subtitle span {
font-size: 0.8em;
font-weight: normal;
color: #ff0000;
margin-left: 1.0em;
}
/* profile */
div.prof_left {
float: left;
}
div.prof_left img {
border: 5px solid #cccccc;
}
div.prof_right {
margin-left: 120px;
}

/* fav */
div#fav {
overflow: auto;
max-height: 250px;
}
div.site {
padding: 1.0em;
margin-bottom: 0.5em;
background-color: #ffffcc;
}
div.site h2 {
float: left;
font-weight: bold;
margin-bottom: 0.5em;
}
div.site span {
font-size: 0.8em;
color: #ff0000;
margin-left: 1.0em;
}
div.site .desc {
clear: both;
margin-bottom: 0.5em;
}
div.site .newslink {
text-align: right;
}

/* news */
#news {
float: left;
width: 650px;
}

#news_fav {
font-size: 0.7em;
float: right;
width: 130px;
padding-left: 10px;
border: 1px dotted #cccccc;
}
#news_fav p {
}
#news_fav .subtitle {
margin-top: 1.0em;
background-color: #cccccc;
font-weight: bold;
padding: 0.3em;
}
#news_fav .desc {
margin-bottom: 1.0em;
}

/* pankuzu */
#pankuzu {
text-align: right;
font-size: 0.7em;
margin-top: 0.5em;
}

/* footer */
#footer {
clear: both;
font-size: 0.8em;
margin-top: 2.0em;
border-top: 1px dotted #999999;
padding: 1.0em 0;
text-align: center;
}