@charset "utf-8";
/* CSS Document */

#contentsBlog {
	position:relative;
	width:968px;
	margin:0 auto 0 auto;
}

#contentsBlog #mainBlog {
	margin:0 20px 20px 30px;
	padding: 0 0 0 10px;
	width: 583px;
	float: left;
	overflow: hidden;
}

#contentsBlog #sideNav {
	margin:0 30px 20px 0;
	padding: 0 0 0;
	float:right;
	width: 255px;
	overflow: hidden;
}

#contentsBlog #mainBlog .mainSection {
	margin:10px 0 15px 0;
}

#contentsBlog #sideBlog .sideSection {
	margin:10px 0 15px 0;
	font-size:95%;
}

#contentsBlog #mainBlog .mainSection p {
	margin:15px 0 15px 0;
}

.content-nav {
	margin: 15px 0 15px 0;
	font-size:95%;
}

#contentsBlog #mainBlog .mainTitle h2.pageTitle {
	margin:20px 0 0 0;
	font-size:18px;
	line-height: 150%;
	border-bottom: 1px solid #333333;
}

#contentsBlog #mainBlog .mainTitle h3.pageTitle {
	margin:20px 0 0 0;
	font-size:18px;
	line-height: 150%;
	border-bottom: 1px solid #333333;
}

#contentsBlog #mainBlog h2.sectionTitle,
#contentsBlog #mainBlog .mainSection h2.sectionTitle {
	margin:20px 0 0 0;
	font-size:18px;
	line-height: 150%;
	border-bottom: 1px solid #333333;
}

#contentsBlog #mainBlog h4.sectionTitle,
#contentsBlog #mainBlog .mainSection h4.sectionTitle {
	margin:20px 0 0 0;
	font-size:18px;
	line-height: 150%;
	border-bottom: 1px solid #333333;
}

#contentsBlog #mainBlog .mainSection h5.sectionTime {
	margin:0 0 10px 0;	
	text-align:right;
	font-size:100%;
	font-weight:normal;
}
#contentsBlog #mainBlog .mainSection ul {
	list-style-type:none;
}

#contentsBlog #mainBlog .mainSection ul li.titleList {
	margin:3px 0 3px 0;
	background-image: url(../images/dotline.gif);
	background-position: bottom left;
	background-repeat: repeat-x;

}

#contentsBlog #mainBlog .mainSection dl dt.titleListDate {
	font-size:14px;
	padding: 3px 0 3px 0;
	width:133px;
	float:left;
	line-height: 150%;
	background-image: url(../images/dotline.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	overflow: hidden;
}

#contentsBlog #mainBlog .mainSection dl dd.titleListName {
	font-size:14px;
	padding: 3px 0 3px 0;
	width:450px;
	float:right;
	line-height: 150%;
	background-image: url(../images/dotline.gif);
	background-position: bottom left;
	background-repeat: repeat-x;

}


.mainTitle ul.tagName {
	margin: 0 0 10px 350px;
	text-align:right;
	list-style-type:none;
}

.mainTitle ul.tagName li {
	display:inline;
}

.mainSection li ul li,
.mainSection li {
	margin: 0 0 0 20px;
}
.mainSection h4 {
	font-size:100%;
}

table.blogList {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	padding: 1px 0 1px 10px;
	width: 560px;
}


td.blogTitle {
	float: right;
	line-height: 2;
	width: 400px;
	overflow: hidden;
	background-image: url(../images/dotline.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}

td.blogDate {
	float: left;
	line-height: 2;
	width: 130px;
	text-align: left;
	background-image: url(../images/dotline.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}

#contentsBlog #sideNav .sideSection2 {
	margin:20px 0 0 0;
}

#contentsBlog #sideNav .sideSection h5 {
	margin:20px 0 0 0;
	font-size:110%;
	line-height: 150%;
	border-bottom: 1px solid #333333;
}


#contentsBlog #sideNav .sideSection ul{
	margin:5px 0 20px 0;
	display:inline;
}

#contentsBlog #sideNav .sideSection ul li{
	font-size: 95%;
	list-style-type:none;
	padding: 2px 0 2px;
}

#contentsBlog #sideNav .sideSection ul li ul{
	margin: 0;
	line-height: 1;
}
#contentsBlog #sideNav .sideSection ul li ul li{
	font-size: 95%;
	margin:0 0 0 15px;
}

#contentsBlog #sideNav .sideSection ul li.rank-1  {
	padding-right:7px; font-size: 1.75em; float: left;}
#contentsBlog #sideNav .sideSection ul li.rank-2  {
	padding-right:7px; font-size: 1.75em; float: left;}
#contentsBlog #sideNav .sideSection ul li.rank-3  {
	padding-right:7px; font-size: 1.625em; float: left;}
#contentsBlog #sideNav .sideSection ul li.rank-4  {
	padding-right:7px; font-size: 1.5em; float: left;}
#contentsBlog #sideNav .sideSection ul li.rank-5  {
	padding-right:7px; font-size: 1.375em; float: left;}
#contentsBlog #sideNav .sideSection ul li.rank-6  {
	padding-right:7px; font-size: 1.25em; float: left;}
#contentsBlog #sideNav .sideSection ul li.rank-7  {
	padding-right:7px; font-size: 1.125em; float: left;}
#contentsBlog #sideNav .sideSection ul li.rank-8  {
	padding-right:7px; font-size: 1em; float: left;}
#contentsBlog #sideNav .sideSection ul li.rank-9  {
	padding-right:7px; font-size: 0.95em; float: left;}
#contentsBlog #sideNav .sideSection ul li.rank-10 {
	padding-right:7px; font-size: 0.9em; float: left;}

#banner_blog {
	float: right;
	margin:15px 0 0 0;
}