@charset "UTF-8";
/* CSS Document */
/*STYLEトップ----------------*/
#styleMainImage{
clear:both;
margin-bottom:20px;
background:url(images/style_image.jpg) no-repeat 0 0;
width:848px;
height:220px;
}


#topstyleProfile{
width:848px;
background:#F7E1E5 url(images/top_title_profile.gif) no-repeat 6px 6px;
margin:0 0 30px 0;
text-align:left;
padding:6px 0;
}

#topstyleProfile .photo{
border:1px solid #FFF;
margin:0 8px 0 70px;
float:left;
}

#topstyleProfile p{
font-size:0.65em;
line-height:140%;
text-align:left;
margin:0 8px 0 0;
float:right;
width:640px;
}

#topStyleLeft{
border:1px solid #CCC;
padding:1px;
width:270px;
float:left;
height:170px;
}

#topStyleMiddle{
border:1px solid #CCC;
padding:1px;
width:270px;
float:left;
margin:0 0 0 13px;
height:170px;
}

#topStyleRight{
border:1px solid #CCC;
padding:1px;
width:270px;
float:right;
height:170px;
}

#topStyleLeft p, #topStyleMiddle p, #topStyleRight p{
font-size:0.65em;
line-height:135%;
text-align:left;
margin:3px 0 0 3px;
}

*+html #topStyleLeft p, *+html #topStyleMiddle p, *+html #topStyleRight p{
font-size:0.65em;
line-height:135%;
text-align:left;
margin:0 0 0 3px;
}


#topStyleLeft .btnMore, #topStyleMiddle .btnMore, #topStyleRight .btnMore{
text-align:right;
margin:10px 1px 1px 0;
}

*+html #topStyleMiddle .btnMore{
text-align:right;
margin:3px 1px 1px 0;
}

*+html #topStyleLeft .btnMore, *+html #topStyleRight .btnMore{
text-align:right;
margin:18px 1px 1px 0;
}

#topStyleRight .btnMore{
_margin:25px 1px 1px 0;
}


#links{
margin:30px 0 20px 0;
clear:both;
}

#links .title{
background:url(images/title_links.gif) no-repeat 0 0;
border:1px solid #CC6699;
margin:0 0 10px 0;
height:20px;
}

#links h3{
position:absolute;
left:-9999px;
}


#linksLeft{
padding:1px;
width:270px;
float:left;
}

#linksMiddle{
padding:1px;
width:270px;
float:left;
margin:0 0 0 13px;

}

#linksRight{
padding:1px;
width:270px;
float:right;
}

#linksLeft .photo, #linksMiddle .photo, #linksRight .photo{
float:left;
margin:0 5px 0 0;
}


#linksLeft p, #linksMiddle p, #linksRight p{
width:140px;
font-size:0.65em;
line-height:135%;
text-align:left;
margin:0 0 0 0;
float:right;
}

#linksLeft .linkTit, #linksMiddle .linkTit, #linksRight .linkTit{
font-size:1.2em;
font-weight:bold;
}

#linksLeft .url, #linksMiddle .url, #linksRight .url{
color:#999999;
}


/*Blog---------------------*/
#blogMainImage{
clear:both;
margin-bottom:20px;
background:url(images/blog_image.jpg) no-repeat 0 0;
width:847px;
height:400px;
}

#leftContents{
width:585px;
float:left;
text-align:left;
}

.blogDate{
background:url(../images/dot_line_gray.gif) repeat-x left bottom;
padding:0 0 7px 0;
font-size:0.8em;
clear:both;
}

.blogTitle{
background:url(../images/dot_line_gray.gif) repeat-x left bottom;
padding:9px 0 9px 0;
font-size:1.0em;
color:#CC3366;
font-weight:bold;
}

.blogText{
font-size:0.8em;
line-height:220%;
margin:15px 0;
}

.blogContinue{
font-size:0.75em;
margin:8px 0;
_font-size:0.65em;
}

.blogPhoto{
float:right;
border:1px solid #CCC;
padding:1px;
margin:0 0 10px 15px;
}

.comment{
font-size:0.67em;
clear:both;
text-align:right;
margin:0 0 40px 0;
}

div #post-message {
margin: 0px 0 20px 0;
border: 1px solid #3399CC;
}
div #post-message p {
margin: 0.6em;
color: #3399CC;
font-size: 0.8em;
}

#commentPost {
margin-bottom: 10px;
text-align: right;
}


#rightContents{
width:220px;
float:right;
text-align:center;
background-color:#ECECEC;
padding:10px 0;
}

.profile .title{
background:url(images/r_m_profile.gif) no-repeat 0 0;
width:200px;
height:35px;
margin:0 auto 10px auto;
text-align:left;
}

.profile .title span{
position:absolute;
left:-9999px;
}

.profile .photo{
margin:0 auto;
padding:1px;
border:1px solid #FFF;
}

.profile .text{
width:200px;
margin:8px auto 0 auto;
font-size:0.65em;
line-height:135%;
text-align:left;
color:#666666;
}


.calendar{
width:200px;
background-color:#F6F6F6;
margin:20px auto;
padding:10px 0;
}

.calendar .month{
border-bottom:1px solid #CCC;
padding:0 0 5px 0;
font-size:0.75em;
font-weight:bold;
width:177px;
margin:0 auto;
_margin:0 0 5px 0;
}

*+html .calendar .month{
border-bottom:1px solid #CCC;
padding:0 0 5px 0;
font-size:0.75em;
font-weight:bold;
width:177px;
margin:0 0 5px 0;
}

.calendar table{
padding:5px 0;
border-collapse:collapse;
width:177px;
margin:0 auto;
}

.calendar td{
font-size:0.7em;
width:14%;
}

.calendar td a{
font-weight:bold;
}

.calendar table.days{
border-bottom:1px solid #CCC;
margin:0 auto 5px auto;
}

.calendar table.days td{
font-weight:bold;
_padding-bottom:5px;
font-size:0.65em;
}

*+html .calendar table.days td{
font-weight:bold;
padding-bottom:5px;
font-size:0.65em;
}

.calendar table.days td.sun{
color:#CC6699;
}

.calendar table.days td.sat{
color:#006699;
}

.category .title{
background:url(images/r_m_category.gif) no-repeat 0 0;
width:200px;
height:35px;
margin:0 auto 10px auto;
text-align:left;
}

.category .title span{
position:absolute;
left:-9999px;
}

.category ul, .entory ul{
width:200px;
margin:0 auto 20px auto;
list-style-type:none;
padding:0;
}

.category li, .entory li{
background:url(../images/maker_list.gif) no-repeat 0 6px;
padding:0 0 0 12px;
margin:0 0 5px 0;
font-size:0.65em;
line-height:135%;
text-align:left;
}

.entory .title{
background:url(images/r_m_recent_entory.gif) no-repeat 0 0;
width:200px;
height:35px;
margin:0 auto 10px auto;
text-align:left;
}

.entory .title span{
position:absolute;
left:-9999px;
}

.banner img{
margin:3px 0;
}

/*追加---------------------*/

.comments{
clear: both;
padding-top:2em;
background:url(../images/dot_line_gray.gif) repeat-x left top;
}

.comments label{
display:block;
margin-top:0.5em;
font-size:0.8em;
}

.comments .comments-content{
width:400px;
margin-left: auto;
margin-right: 0 auto 0;
}

.comments .comment-content p{
margin: 0 0 1em 0;
}

.comments #comment-url{
  width: 250px;
}

.comments #comment-text{
width: 400px;
height: 7em;
font-size:  1em;
}

.comment .inner{
text-align: left !important;
font-size: 1.15em !important;
padding: 0 !important;
margin: 0 0 -1em 0 !important;
}

.comment div.comment-header{
text-align: right;
}

.comments-open-data,
.comments-open-text,
.comments-open-footer{
margin-left: auto !important;
margin-right: 0 auto 0 !important;
}

.post-message{
margin-bottom: 1em;
border: 1px solid #CCCCCC !important;
}

.post-message p{
margin: 1em;
font-size:  0.8em;
font-weight: bold;
}

.trackbacks {
margin-top: 3em;
font-size:  0.8em;
}

.trackbacks-info p{
padding: 1em !important;
border: 1px solid #CCCCCC !important;
}

.trackback-content p{
margin: 0;
}

#blogMainImage a{
display: block;
height: 400px;
text-indent: -99999px;
}

/*追加---------------------*/

.pageNav {
clear: both;
height: 1em;
position: relative;
font-size: 0.8em;
}
*html .pageNav {
margin-bottom: 0;
}

/*変更 2009-02-06 ---------------------*/

.pageNav .pnPrev {
left: 0;
position: absolute;
}
.pageNav .pnNext {
right: 0;
position: absolute;
text-align: right;
}

/*追加 2008-09-19 ---------------------*/

.blogMovie {
float:right;
border:1px solid #CCC;
padding:1px;
margin:0 0 10px 15px;
text-align: right;
display: inline;
}