@charset "Shift_JIS";


/*------------------------------------------------

blogTop
	
-------------------------------------------------*/

#blogTop {
background:url(/child/blog/img/top_bg.gif) no-repeat;
width:780px;
height:223px;
margin-bottom:15px;
position:relative;
}

#blogTop h2 {
top:4px;
left:15px;
position:absolute;
}

#blogTop p.read {
top:101px;
left:15px;
position:absolute;
}

#blogTop p.rss {
top:185px;
left:18px;
position:absolute;
}

/*------------------------------------------------

TopContents
	
-------------------------------------------------*/

#TopContents #content01,
#TopContents #content02,
#TopContents #content03{
height:165px;
}

#TopContents #content04 {
height:172px;
}

/*---------IE‚ĚHack---------*/
*+html body #TopContents #content01,
*+html body #TopContents #content02,
*+html body #TopContents #content03,
*+html body #TopContents #content04{
margin-bottom:10px;
}


#TopContents #content01 .leftBox {
background:url(/child/blog/img/01_bg1.gif) no-repeat;
width:382px;
height:165px;
clear:both;
float:left;
position:relative;
}

#TopContents #content02 .leftBox {
background:url(/child/blog/img/02_bg1.gif) no-repeat;
width:382px;
height:165px;
clear:both;
float:left;
position:relative;
}

#TopContents #content03 .leftBox {
background:url(/child/blog/img/03_bg1.gif) no-repeat;
width:382px;
height:165px;
clear:both;
float:left;
position:relative;
}

#TopContents #content04 .leftBox {
background:url(/child/blog/img/04_bg1.gif) no-repeat;
width:382px;
height:172px;
clear:both;
float:left;
position:relative;
}

#TopContents #content01 .leftBox h3,
#TopContents #content02 .leftBox h3,
#TopContents #content03 .leftBox h3,
#TopContents #content04 .leftBox h3 {
top:12px;
left:18px;
position:absolute;
}

#TopContents #content01 .leftBox p,
#TopContents #content03 .leftBox p{
top:56px;
left:40px;
position:absolute;
}

#TopContents #content02 .leftBox p {
top:89px;
left:40px;
position:absolute;
}

#TopContents #content04 .leftBox p.read {
top:56px;
left:40px;
position:absolute;
}

#TopContents #content04 .leftBox p.catch {
top:0;
left:277px;
position:absolute;
}

#TopContents #content01 .rightBox {
background:url(/child/blog/img/01_bg2.jpg) no-repeat;
width:398px;
height:165px;
margin-top:5px;
padding-top:2px;
float:right;
}

#TopContents #content02 .rightBox {
background:url(/child/blog/img/02_bg2.jpg) no-repeat;
width:398px;
height:165px;
margin-top:5px;
padding-top:2px;
float:right;
}

#TopContents #content03 .rightBox {
background:url(/child/blog/img/03_bg2.jpg) no-repeat;
width:398px;
height:165px;
margin-top:5px;
padding-top:2px;
float:right;
}

#TopContents #content04 .rightBox {
background:url(/child/blog/img/04_bg2.jpg) no-repeat;
width:398px;
height:172px;
margin-top:5px;
padding-top:2px;
float:right;
}


/*---------IE‚ĚHack---------*/
*+html body #TopContents #content01 .rightBox,
*+html body #TopContents #content02 .rightBox,
*+html body #TopContents #content03 .rightBox,
*+html body #TopContents #content04 .rightBox{
padding-top:14px;
}

#TopContents #content01 .rightBox dl,
#TopContents #content02 .rightBox dl,
#TopContents #content03 .rightBox dl,
#TopContents #content04 .rightBox dl {
width:380px;
height:42px;
vertical-align:middle;
margin-top:9px;
_margin-top:10px;
margin-left:8px;
}

#TopContents #content01 .rightBox dl dt,
#TopContents #content02 .rightBox dl dt,
#TopContents #content03 .rightBox dl dt,
#TopContents #content04 .rightBox dl dt {
float:left;
width:60px;
height:42px;
}

/*------------------------------------------------

rightArea
	
-------------------------------------------------*/

#rightArea {
width:215px;
float:right;
}

#rightArea #rightnaviArea {
background:url(/child/blog/img/right_bg.gif) repeat;
}

#rightArea #rightnaviArea .profile .img {
padding:6px 0 6px 35px;
}

#rightArea #rightnaviArea .profile .txt {
padding:0 15px;
}

#rightArea #rightnaviArea .recentlyEntry h4,
#rightArea #rightnaviArea .backNumber h4 {
padding:20px 0 10px 10px;
}

#rightArea #rightnaviArea .recentlyEntry ul li,
#rightArea #rightnaviArea .backNumber ul li {
background:url(/child/blog/img/listIcon01.gif) 0 .3em no-repeat;
padding-left:15px;
margin-left:12px;
}

#rightArea #rightnaviArea .category h4 {
padding:20px 0 8px 10px;
}

#rightArea #rightnaviArea .category ul li {
margin-left:10px;
}

#rightArea #rightnaviArea .category ul li img {
vertical-align:bottom;
}

#rightArea #rightnaviArea .rss .img {
padding:40px 0 4px 35px;
}

#rightArea #rightnaviArea .rss .txt {
text-align:center;
}

#rightArea #rightnaviArea .rightBtm {
background:url(/child/blog/img/right_btm.gif) no-repeat;
width:215px;
height:18px;
}


/*------------------------------------------------

leftArea
	
-------------------------------------------------*/

#leftArea {
width:545px;
float:left;
}

#leftArea #topLink,
#leftArea #btmLink {
text-align:center;
padding-bottom:20px;
}

#leftArea #topLink li,
#leftArea #btmLink li {
display:inline;
}

#leftArea .articleArea .articleTop {
width:545px;
padding-bottom:1px;
}

#leftArea .articleArea .articleTop p.day {
float:left;
color:#999999;
font-weight:bold;
}

#leftArea .articleArea .articleTop p.category {
float:right;
font-size:85%;
}

#leftArea .articleArea .articleTtl {
clear:both;
background:url(/child/blog/img/article_ttl_bg.gif) 0 0 no-repeat;
color:#FFFFFF;
font-weight:bold;
font-size:115%;
padding:6px 10px;
}

/*---------IE‚ĚHack---------*/
*+html body #leftArea .articleArea .articleTtl {
padding:6px 10px 4px 10px;
}


#leftArea .articleArea .articleTtlBtm {
background:url(/child/blog/img/article_ttl_dot.gif) 0 0 no-repeat;
width:545px;
height:2px;
margin-bottom:10px;
}

#leftArea .articleArea .txtArea .imgLeft {
float:left;
margin:0 15px 15px 0;
}

#leftArea .articleArea .txtArea .imgRight {
float:right;
margin:0 0 15px 15px;
}

#leftArea .articleArea .articleBtm {
clear:both;
padding:15px 0 5px 0;
margin-bottom:20px;
text-align:right;
font-size:85%;
color:#666666;
background:url(/child/blog/img/dot01.gif) 0 bottom no-repeat;
}

/*------------------------------------------------

commentArea
	
-------------------------------------------------*/

#commentArea p.ttl {
background:url(/child/blog/img/article_icon01.gif) 0 .3em no-repeat;
padding-left:17px;
margin-bottom:20px;
font-size:85%;
font-weight:bold;
color:#666666;
clear:both;
}

#commentArea .comment {
background:url(/child/blog/img/dot01.gif) 0 bottom no-repeat;
padding-bottom:5px;
margin-bottom:20px;
}

#commentArea .comment .txt {
padding:0 8px;
}

#commentArea .comment .name {
padding-top:10px;
text-align:right;
font-size:85%;
color:#666666;
}

#commentArea #contribute p.ttl {
background:url(/child/blog/img/article_icon02.gif) 0 .3em no-repeat;
padding-left:15px;
margin-bottom:20px;
font-size:85%;
font-weight:bold;
color:#666666;
}

#commentArea #contribute .leftBox {
float:left;
width:175px;
padding-left:5px;
}

#commentArea #contribute .rightBox {
float:right;
width:360px;
}

#commentArea #contribute .rightBox .btn {
padding:5px;
}

#commentArea #contribute p {
line-height:150%;
}

#commentArea #contribute .contributeBtm {
clear:both;
background:url(/child/blog/img/dot01.gif) 0 bottom no-repeat;
width:545px;
height:10px;
margin-bottom:30px;
}

/*------------------------------------------------

trackBackArea
	
-------------------------------------------------*/

#trackBackArea p.ttl {
background:url(/child/blog/img/article_icon01.gif) 0 .3em no-repeat;
padding-left:18px;
margin-bottom:20px;
font-size:85%;
font-weight:bold;
color:#666666;
clear:both;
}

#trackBackArea .url {
border:#999999 solid 1px;
background-color:#FFFFFF;
padding:8px 10px;
margin-bottom:20px;
}

#trackBackArea .trackBack {
background:url(/child/blog/img/dot01.gif) 0 bottom no-repeat;
padding-bottom:8px;
margin-bottom:20px;
}

#trackBackArea .trackBack p.articleTtl {
padding:0 5px 10px 5px;
}

#trackBackArea .trackBack p.articleTtl span {
font-weight:bold;
}

#trackBackArea .trackBack p.txt {
padding:0 5px;
}