@charset "utf-8";

* {margin: 0; padding: 0;}

body {
background: #EFEEEB url(http://img01.ti-da.net/usr/m/a/r/marieroakpine/bg_02.gif) repeat-x;
/* background: #DAD2B7 url(http://img01.ti-da.net/usr/marieroakpine/bg.jpg) repeat-x; */
color: #333;
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-size: 62.5%; /* Resets 1em to 10px */
}

img {border: 0;}
input, textarea, table {
color: #333;
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-size: 1em;
}

a:link, a:visited {
color: #558;
text-decoration: none;
}
a:hover {
color: #558;
text-decoration: underline;
}


/*-------------------------
       USEFUL-CLASS
-------------------------*/
.align_c {text-align: center;}
.align_l {text-align: left;}
.align_r {text-align: right;}
.auto {margin: auto;}
.clear {clear: both;}
.float_l {float: left;}
.float_r {float: right;}
.small {font-size: .8em;}
.w100 {width: 100%;}


/*-------------------------
       FRAME
-------------------------*/
#blogtitle {
color: #fff;
height: 35px;
line-height: 1em;
overflow: hidden;
width: 940px;
}
#container{
background: url(http://img01.ti-da.net/usr/marieroakpine/container_bg.jpg) repeat-y;
padding: 0 0 30px 0;
width:940px;
}
#links, #links2 {width: 200px;}
#content {
font-size: 1.3em;
width: 540px;
}
#foot {
background: url(http://img01.ti-da.net/usr/marieroakpine/foot_bg.jpg) repeat-x;
color: #fff;
letter-spacing: .1em;
padding: 50px;
}


/*-------------------------
       HEAD/FOOT
-------------------------*/
#blogtitle h1 {
font-size: 1.1em;
padding: 7px 0 4px 0;
}
#blogtitle a {color: #fff;}

.topicpass {
background: url(http://img01.ti-da.net/usr/marieroakpine/path_bg.jpg) repeat-y;
height: 30px;
line-height: 30px;
overflow: hidden;
padding: 0 0 0 220px;
}
.index_path {
height: 20px;
line-height: 20px;
}


/*-------------------------
       LINKS
-------------------------*/
.sidetitle {
background: url(http://img01.ti-da.net/usr/marieroakpine/sidetitle_bg.jpg) no-repeat;
color: #fff;
font-size: 1.2em;
font-weight: bold;
line-height: 31px;
overflow: hidden;
padding: 0 5px 0 15px;
}
#links .side{
font-size: 1.2em;
line-height: 150%;
margin: 5px 15px 10px 15px;
}
#links2 .side{
font-size: 1.1em;
line-height: 130%;
margin: 5px 5px 10px 5px;
}

a.aside:link, a.aside:visited {
background: url(http://img01.ti-da.net/usr/marieroakpine/aside_off.gif) no-repeat 0px 2px;
padding: 0 0 0 15px;
}
a.aside:hover {
background: url(http://img01.ti-da.net/usr/marieroakpine/aside_on.gif) no-repeat 0px 2px;
color: #c60;
padding: 0 0 0 15px;
text-decoration: none;
}

#links2 p {
font-size: 1.1em;
margin: 0 0 10px 0;
}
#links2 input.text {
border: 1px solid #ccc;
width: 130px;
}

/* PROF */
.photo, .nickname {
font-weight: bold;
padding: 5px 0 0 0;
text-align: center;
}

/* CALENDER */
.calender {
font-size: 1.1em;
line-height: 1em;
padding: 0 0 10px 0;
text-align: center;
}
.calendarhead {
padding: 0 0 5px 0;
font-weight: bold;
}
.calendartable {margin: auto;}
.calendarwd {
border-right: 1px solid #C9C0A1;
padding: 4px;
}
.calendard {
color: #666;
border-bottom: 1px solid #B79F99;
border-right: 1px solid #B79F99;
padding: 4px;
}
.sat {color: #3366CC;}
.sun {color: #990000;}
.today {font-weight: bold;}
.calendartable a {
color: #333;
text-decoration: underline;
}

/* RSS */
.rss {text-align: center;}
.rss li {
display: inline;
font-weight: bold;
list-style-type: none;
margin: 5px;
}


/*-------------------------
       NEWS/TOPCS
-------------------------*/
#news {
background: url(http://img01.ti-da.net/usr/marieroakpine/news_bg2.jpg) no-repeat bottom;
margin: 0 0 20px 0;
padding: 0 0 11px 0;
}
div.rss_list {
background: url(http://img01.ti-da.net/usr/marieroakpine/news_line.gif) repeat-x bottom;
font-size: .9em;
margin: 0 15px;
padding: 3px 0;
}


/*-------------------------
       CONTENT
-------------------------*/
.blog {margin: 0 20px;}
h2 {
background: url(http://img01.ti-da.net/usr/marieroakpine/h2_bg.jpg) no-repeat;
color: #F1EFEC;
font-size:1em;
line-height: 30px;
overflow: hidden;
padding: 0 5px 0 15px;
}
h2 a.aposted {color: #F1EFEC;}
.blogbody {margin: 0 0 20px 0;}
.main {padding: 10px 15px;}
.main img{
margin: 0px 5px 5px 5px;
max-width: 100%;
}
.posted {
background: url(http://img01.ti-da.net/usr/marieroakpine/posted_bg.jpg) no-repeat;
line-height: 30px;
padding: 0 3px;
}
.tag_list {
font-size: .9em;
margin-right: -8px;
}


/*-------------------------
       COMMENT/TB
-------------------------*/
#tbSpace, #comSpace {
font-size: .9em;
padding: 0 15px;
}

.tbUrl,
.comments-head, .trackback-head {
border-bottom: 1px solid #666;
font-weight: bold;
margin: 20px 0 5px 0;
}
.trackback-url {
background: #EFEEEB;
/* background: #DAD2B7; */
border: 0px solid #666;
color: #558;
font-size: 1em;
font-weight: bold;
margin: 0 0 10px 0;
}
.comments-body, .trackback-body {
font-size: .9em;
}
.trackback-post, .comments-post {
margin: 0 0 10px 0;
border-top: 1px dotted #990;
text-align: right;
font-size: .9em;
}

.form th, .form td {
padding: 5px 0;
vertical-align: top;
}
.form th {width: 120px;}
#author,#email, #url, #text{
width: 340px;
border: 1px solid #ccc;
}