@charset "utf-8";

/*
============================================================
top.css
------------------------------------------------------------

■左カラム
■右カラム
■注文について
■ancArea
■gridInner
■descAreaInner
■aboutMessageArea

作成日：2014.07.25
作成者：
更新日：
更新者：
バージョン： 1.0
会社名：Dynamite Brothers Syndicate

============================================================
*/

/* ---------------------------------------------------------
■ 左カラム
--------------------------------------------------------- */
.columnLeft ul {
	padding-top: 30px; }
	
.columnLeft ul li {
	padding: 0 0 5px;
	margin-bottom: 5px;
	cursor: pointer; }
	
.columnLeft li a {
	color: #808080; }
	
.columnLeft li a:hover {
	color: #222;
	text-decoration: underline; }
	
.columnLeft ul .on a {
	color: #222;
	font-weight: bold; }



/* ---------------------------------------------------------
■右カラム
--------------------------------------------------------- */
.columnMiddle {
	margin-left: 290px;
}
#contentsMainInner {
	padding-bottom: 100px; }
	
#contentsMainInner h3 {
	padding: 3px 0 10px;
	border-bottom: 1px solid #ccc; }

#contentsMainInner h3.category5,
#contentsMainInner h3.category4,
#contentsMainInner h3.category6,
#contentsMainInner h3.category7,
#contentsMainInner h3.category8 {
	padding-left: 40px;
}

#contentsMainInner h3.category5 {
	background: url(../../images/blog/icon_tit01.png) 0 0 no-repeat;
}

#contentsMainInner h3.category4 {
	background: url(../../images/blog/icon_tit02.png) 0 0 no-repeat;
}

#contentsMainInner h3.category6 {
	background: url(../../images/blog/icon_tit03.png) 0 0 no-repeat;
}

#contentsMainInner h3.category7 {
	background: url(../../images/blog/icon_tit04.png) 0 0 no-repeat;
}

#contentsMainInner h3.category8 {
	background: url(../../images/blog/icon_tit05.png) 0 0 no-repeat;
}

#contentsMainInner h4 {
	font-size: 100%;
	font-weight: bold;
	line-height: 22px;
	margin: 10px 0 5px; }
		
#contentsMainInner h5 {
	color: #222222;
	font-size: 83%;
	font-weight: bold;
	margin: 10px 0 5px; }

.toTop {
	clear: both;
	text-align: right; }

.toTop a {
	padding-left: 10px;
	color: #555;
	font-size: 75%;
	line-height: 21px;
	background: url(/images/common/bg_triangle.jpg) no-repeat 0 center; }
	
/* ---------------------------------------------------------
■一覧
--------------------------------------------------------- */
.blogListWrap {
	margin-bottom: 60px;
}
.blogList {
	border-bottom: 1px solid #cccccc;
}
.blogList a {
	padding: 20px 0;
	display: block;
	overflow: hidden;
	_zoom: 1;
}
.blogList a:hover {
	opacity: 0.8;
	text-decoration: none;
}
.blogList .thum {
	float: left;
}
.blogList .thum img {
	width: 120px;
	height: 120px;
	opacity: 1;
}
.blogList .textBody {
	margin-left: 140px;
}
.blogList .textBody .text12 {
	color: #222;
}
.blogList .textBody .category {
	font-size: 75%;
	color: #666;
	line-height: 18px;
}