@charset "UTF-8";

/*-------------------------------------------------------------
カテゴリ別情報ユニット（4.タブ+シンプル+サムネイル）

.bCatList4
┣ .bCatList4Tab
｜	┗ ul #tab-pageu_code
｜		┗ li
｜
┗ .bCatList4Box
	┗.bCatList4BoxInner
		┣ p.bCatList4Rss
		┗ ul
			┗ li
			  ┣ p.bCatList4Date
			  ┣ h5
			  ┗ p.bCatList4Txt
	   
-------------------------------------------------------------*/

/*共通プロパティ---------------------------*/

.bCatList4 {
	width: 100%;
}
.bCatList4Tab {
	padding: 0;
	height: 30px;
	background: url(../../common-img/u_catlist4_tab_bg.gif) repeat-x bottom;
}
.bCatList4Tab ul {
	margin: 0 40px 0 0;
	padding: 0;
	list-style: none;
}
.bCatList4Tab ul li {
	float: left;
	width: 19%;
	height: 30px;
	display: block;
	text-align: center;
	line-height: 30px;
	overflow: hidden;
}
.bCatList4Tab ul li a {
	padding: 0 10px;
	height: 30px;
	display: block;
	overflow: hidden;
	text-decoration: none !important;
}
.bCatList4Tab ul li a.mainBg {
	height: 29px;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
}

.bCatList4Box {
	width: 100%;
}
.bCatList4BoxInner {
	position: relative;
	padding: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
}

/*RSSアイコン*/
.bCatList4BoxInner p.bCatList4Rss {
	position: absolute;
	top: -20px;
	right: 6px;
	margin: 0;
	padding: 0;
	width: 33px;
}
.bCatList4BoxInner p.bCatList4Rss a {
	width: 33px;
	height: 12px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../../common-img/ico_rss.gif) no-repeat;
}

/*リピートブロック*/
.bCatList4Box ul {
	margin: 0;
	padding: 0;
	height: 280px;
	overflow: auto;
	list-style: none;
	list-style-position: outside;
}
.bCatList4Box ul li {
	margin: 0 0 10px 0;
	width: 93%;
}
/*サムネイル*/
.bCatList4Box .bCatList4Img {
	float: left;
	width: 20%;
}
.bCatList4Box .bCatList4Img img {
	width: 100%;
}
.bCatList4Box .bCatList4Inner {
	margin: 0 0 0 20%;
	padding: 0 0 0 10px;
}
/*日付*/
.bCatList4Box p.bCatList4Date {
	margin: 0 0 3px 0;
	font-weight: bold;
	font-size: 0.8em;
}
/*タイトル*/
.bCatList4Box ul li h5 {
	margin: 0 0 3px 0;
	font-size: 1.1em;
}
.bCatList4Box ul li h5 a {
	padding: 0 5px 0 0;
	font-weight: normal;
}
/*NEWアイコン*/
.bCatList4Box ul li h5 img {
	width: 25px;
}
/*一覧用テキスト*/
.bCatList4Box p.bCatList4Txt {
	margin: 0;
}



/*コンテナ別プロパティ---------------------------*/

/*col2-1（2カラム：50%｜50%）*/
.col2-1 .box1 .bCatList4 { font-size: 0.8em; line-height: 1.4em; }
.col2-1 .box1 .bCatList4Box .bCatList4Img { width: 33%; }
.col2-1 .box1 .bCatList4Box .bCatList4Inner { margin: 0 0 0 33%;}
.col2-1 .box1 .bCatList4Box ul li { width: 93%; }

/*col2-2（2カラム：33%｜67%）*/
.col2-2 .bCatList4 { font-size: 0.8em; line-height: 1.4em; }
.col2-2 .box1 .bCatList4Box .bCatList4Img { width: 33%; }
.col2-2 .box1 .bCatList4Box .bCatList4Inner { margin: 0 0 0 33%;}
.col2-2 .box1 .bCatList4Box ul li { width: 90%; }

/*col2-3（2カラム：67%｜33%）*/
.col2-3 .bCatList4 { font-size: 0.8em; line-height: 1.4em; }
.col2-3 .box2 .bCatList4Box .bCatList4Img { width: 33%; }
.col2-3 .box2 .bCatList4Box .bCatList4Inner { margin: 0 0 0 33%;}
.col2-3 .box2 .bCatList4Box ul li { width: 90%; }

/*col2-4（2カラム：23%｜77%）*/
.col2-4 .box1 .bCatList4 { font-size: 0.8em; line-height: 1.4em; }
.col2-4 .box1 .bCatList4Box .bCatList4Img { width: 33%; }
.col2-4 .box1 .bCatList4Box .bCatList4Inner { margin: 0 0 0 33%;}
.col2-4 .box1 .bCatList4Box ul li { width: 90%; }

/*col2-5（2カラム：77%｜23%）*/
.col2-5 .box2 .bCatList4 { font-size: 0.8em; line-height: 1.4em; }
.col2-5 .box2 .bCatList4Box .bCatList4Img { width: 33%; }
.col2-5 .box2 .bCatList4Box .bCatList4Inner { margin: 0 0 0 33%;}
.col2-5 .box2 .bCatList4Box ul li { width: 90%; }

/*col2-6（2カラム：38%｜62%）*/
.col2-6 .bCatList4 { font-size: 0.8em; line-height: 1.4em; }
.col2-6 .box1 .bCatList4Box .bCatList4Img { width: 33%; }
.col2-6 .box1 .bCatList4Box .bCatList4Inner { margin: 0 0 0 33%;}
.col2-6 .box1 .bCatList4Box ul li { width: 90%; }

/*col2-7（2カラム：62%｜38%）*/
.col2-7 .bCatList4 { font-size: 0.8em; line-height: 1.4em; }
.col2-7 .box2 .bCatList4Box .bCatList4Img { width: 33%; }
.col2-7 .box2 .bCatList4Box .bCatList4Inner { margin: 0 0 0 33%;}
.col2-7 .box2 .bCatList4Box ul li { width: 90%; }

/*col2-8（2カラム：固定｜可変）*/
.col2-8 .box2 .bCatList4 { font-size: 0.8em; line-height: 1.4em; }
.col2-8 .box2 .bCatList4Box .bCatList4Img { width: 33%; }
.col2-8 .box2 .bCatList4Box .bCatList4Inner { margin: 0 0 0 33%;}
.col2-8 .box2 .bCatList4Box ul li { width: 90%; }

/*col2-9（2カラム：可変｜固定）*/
.col2-9 .box2 .bCatList4 { font-size: 0.8em; line-height: 1.4em; }
.col2-9 .box2 .bCatList4Box .bCatList4Img { width: 33%; }
.col2-9 .box2 .bCatList4Box .bCatList4Inner { margin: 0 0 0 33%;}
.col2-9 .box2 .bCatList4Box ul li { width: 90%; }

/*col3-1（3カラム：33%｜34%｜33%）*/
.col3-1 .bCatList4 { font-size: 0.8em; line-height: 1.4em; }
.col3-1 .bCatList4Box .bCatList4Img { width: 33%; }
.col3-1 .bCatList4Box .bCatList4Inner { margin: 0 0 0 33%;}
.col3-1 .bCatList4Box ul li { width: 90%; }

/*col3-2（3カラム：25%｜50%｜25%）*/
.col3-2 .box1 .bCatList4 { font-size: 0.8em; line-height: 1.4em; }
.col3-2 .box1 .bCatList4Box .bCatList4Img { width: 33%; }
.col3-2 .box1 .bCatList4Box .bCatList4Inner { margin: 0 0 0 33%;}
.col3-2 .box1 .bCatList4Box ul li { width: 90%; }

.col3-2 .box3 .bCatList4 { font-size: 0.8em; line-height: 1.4em; }
.col3-2 .box3 .bCatList4Box .bCatList4Img { width: 33%; }
.col3-2 .box3 .bCatList4Box .bCatList4Inner { margin: 0 0 0 33%;}
.col3-2 .box3 .bCatList4Box ul li { width: 90%; }

/*col3-3（3カラム：25%｜25%｜50%）*/
.col3-3 .box1 .bCatList4 { font-size: 0.8em; line-height: 1.4em; }
.col3-3 .box1 .bCatList4Box .bCatList4Img { width: 33%; }
.col3-3 .box1 .bCatList4Box .bCatList4Inner { margin: 0 0 0 33%;}
.col3-3 .box1 .bCatList4Box ul li { width: 90%; }

.col3-3 .box2 .bCatList4 { font-size: 0.8em; line-height: 1.4em; }
.col3-3 .box2 .bCatList4Box .bCatList4Img { width: 33%; }
.col3-3 .box2 .bCatList4Box .bCatList4Inner { margin: 0 0 0 33%;}
.col3-3 .box2 .bCatList4Box ul li { width: 90%; }

/*col3-4（3カラム：50%｜25%｜25%）*/
.col3-4 .box2 .bCatList4 { font-size: 0.8em; line-height: 1.4em; }
.col3-4 .box2 .bCatList4Box .bCatList4Img { width: 33%; }
.col3-4 .box2 .bCatList4Box .bCatList4Inner { margin: 0 0 0 33%;}
.col3-4 .box2 .bCatList4Box ul li { width: 90%; }

.col3-4 .box3 .bCatList4 { font-size: 0.8em; line-height: 1.4em; }
.col3-4 .box3 .bCatList4Box .bCatList4Img { width: 33%; }
.col3-4 .box3 .bCatList4Box .bCatList4Inner { margin: 0 0 0 33%;}
.col3-4 .box3 .bCatList4Box ul li { width: 90%; }

/*col3-5（3カラム：固定｜可変｜固定）*/
.col3-5 .bCatList4 { font-size: 0.8em; line-height: 1.4em; }
.col3-5 .bCatList4Box .bCatList4Img { width: 33%; }
.col3-5 .bCatList4Box .bCatList4Inner { margin: 0 0 0 33%;}
.col3-5 .bCatList4Box ul li { width: 90%; }

/*col4（4カラム：25%｜25%｜25%｜25%）*/
.col4 .bCatList4 { font-size: 0.8em; line-height: 1.4em; }
.col4 .bCatList4Box .bCatList4Img { width: 38%; }
.col4 .bCatList4Box .bCatList4Inner { margin: 0 0 0 38%;}
.col4 .bCatList4Box ul li { width: 85%; }

/*サイドバーエリア*/
#usersidearea .bCatList4Box .bCatList4Img { width: 33%; }
#usersidearea .bCatList4Inner { margin: 0 0 0 33%;}
#usersidearea .bCatList4Box ul li { width: 90%; }
