@charset "UTF-8";


/*-------------------------------------------------------------
画像（左）+タイトル（右）+テキスト（右）+詳細ボタン（右）

.bImgTtlTxt
┣ .bImgTxtLeft
｜	┣ img
｜	┗ p.imgCap
｜
┗ .bImgTxtRight
	┣ h5
	┣ p
	┗ p.linkArrow

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

/*共通プロパティ---------------------------------*/
.bImgTtlTxt {
	width: 100%;
}

.bImgTtlTxt .bImgTtlTxtLeft {
	width: 40%;
}
.bImgTtlTxt .bImgTtlTxtLeft p.imgCap {
	margin: 0;
	padding: 5px 0 0 0;
	font-weight: bold;
	text-align: center;
	line-height: 1.4em;
}
.bImgTtlTxt .bImgTtlTxtRight {
	margin: 0 0 0 40%;
	padding: 0 0 0 10px;
}
.bImgTtlTxt .bImgTtlTxtRight h5 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.4em;
}
.bImgTtlTxt .bImgTtlTxtRight p {
	margin: 0 0 5px 0;
}
.bImgTtlTxt .bImgTtlTxtRight p.linkArrow {
	margin: 0;
}
.bImgTtlTxt .bImgTtlTxtRight p.linkArrow a {
	padding: 0 0 0 14px;
	display: block;
	background: url(../../common-img/ico_arrow.gif) no-repeat 1px 4px;
}


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

/*col1（1カラム：100%）*/
.col1 .bImgTtlTxt .bImgTtlTxtLeft { width: 33%; }
.col1 .bImgTtlTxt .bImgTtlTxtRight { margin: 0 0 0 33%; }

/*col2-2（2カラム：33%｜67%）*/
.col2-2 .box1 .bImgTtlTxt .bImgTtlTxtRight { margin: 0; padding: 0; }
.col2-2 .box1 .bImgTtlTxt .bImgTtlTxtLeft p.imgCap { font-size: 0.8em; line-height: 1.4em; }
.col2-2 .box1 .bImgTtlTxt .bImgTtlTxtLeft { float: none; margin: 0 0 10px 0; width: 100%; }

/*col2-3（2カラム：67%｜33%）*/
.col2-3 .box2 .bImgTtlTxt .bImgTtlTxtRight { margin: 0; padding: 0; }
.col2-3 .box2 .bImgTtlTxt .bImgTtlTxtLeft p.imgCap { font-size: 0.8em; line-height: 1.4em; }
.col2-3 .box2 .bImgTtlTxt .bImgTtlTxtLeft { float: none; margin: 0 0 10px 0; width: 100%; }

/*col2-4（2カラム：23%｜77%）*/
.col2-4 .box1 .bImgTtlTxt .bImgTtlTxtLeft { float: none; margin: 0 0 10px 0; width: 100%; }
.col2-4 .box1 .bImgTtlTxt .bImgTtlTxtRight { margin: 0; padding: 0; }
.col2-4 .box1 .bImgTtlTxt .bImgTtlTxtRight h5 { font-size: 1.1em; }
.col2-4 .box1 .bImgTtlTxt .bImgTtlTxtLeft p.imgCap { font-size: 0.8em; }

/*col2-5（2カラム：77%｜23%）*/
.col2-5 .box2 .bImgTtlTxt .bImgTtlTxtLeft { float: none; margin: 0 0 10px 0; width: 100%; }
.col2-5 .box2 .bImgTtlTxt .bImgTtlTxtRight { margin: 0; padding: 0; }
.col2-5 .box2 .bImgTtlTxt .bImgTtlTxtRight h5 { font-size: 1.1em; }
.col2-5 .box2 .bImgTtlTxt .bImgTtlTxtLeft p.imgCap { font-size: 0.8em; }

/*col2-6（2カラム：38%｜62%）*/
.col2-6 .box1 .bImgTtlTxt .bImgTtlTxtLeft { float: none; margin: 0 0 10px 0; width: 100%; }
.col2-6 .box1 .bImgTtlTxt .bImgTtlTxtRight { margin: 0; padding: 0; }
.col2-6 .box1 .bImgTtlTxt .bImgTtlTxtRight h5 { font-size: 1.1em; }
.col2-6 .box1 .bImgTtlTxt .bImgTtlTxtLeft p.imgCap { font-size: 0.8em; }

/*col2-7（2カラム：62%｜38%）*/
.col2-7 .box2 .bImgTtlTxt .bImgTtlTxtLeft { float: none; margin: 0 0 10px 0; width: 100%; }
.col2-7 .box2 .bImgTtlTxt .bImgTtlTxtRight { margin: 0; padding: 0; }
.col2-7 .box2 .bImgTtlTxt .bImgTtlTxtRight h5 { font-size: 1.1em; }
.col2-7 .box2 .bImgTtlTxt .bImgTtlTxtLeft p.imgCap { font-size: 0.8em; }

/*col2-8（2カラム：固定｜可変）*/
.col2-8 .box2 .bImgTtlTxt .bImgTtlTxtLeft { float: none; margin: 0 0 10px 0; width: 100%; }
.col2-8 .box2 .bImgTtlTxt .bImgTtlTxtRight { margin: 0; padding: 0; }
.col2-8 .box2 .bImgTtlTxt .bImgTtlTxtRight h5 { font-size: 1.1em; }
.col2-8 .box2 .bImgTtlTxt .bImgTtlTxtLeft p.imgCap { font-size: 0.8em; }

/*col2-9（2カラム：可変｜固定）*/
.col2-9 .box2 .bImgTtlTxt .bImgTtlTxtLeft { float: none; margin: 0 0 10px 0; width: 100%; }
.col2-9 .box2 .bImgTtlTxt .bImgTtlTxtRight { margin: 0; padding: 0; }
.col2-9 .box2 .bImgTtlTxt .bImgTtlTxtRight h5 { font-size: 1.1em; }
.col2-9 .box2 .bImgTtlTxt .bImgTtlTxtLeft p.imgCap { font-size: 0.8em; }

/*col3-1（3カラム：33%｜34%｜33%）*/
.col3-1 .bImgTtlTxt .bImgTtlTxtLeft { float: none; margin: 0 0 10px 0; width: 100%; }
.col3-1 .bImgTtlTxt .bImgTtlTxtRight { margin: 0; padding: 0; }
.col3-1 .bImgTtlTxt .bImgTtlTxtRight h5 { font-size: 1.1em; }
.col3-1 .bImgTtlTxt .bImgTtlTxtLeft p.imgCap { font-size: 0.8em; line-height: 1.4em; }

/*col3-2（3カラム：25%｜50%｜25%）*/
.col3-2 .box1 .bImgTtlTxt .bImgTtlTxtLeft { float: none; margin: 0 0 10px 0; width: 100%; }
.col3-2 .box1 .bImgTtlTxt .bImgTtlTxtRight { margin: 0; padding: 0; }
.col3-2 .box1 .bImgTtlTxt .bImgTtlTxtRight h5 { font-size: 1.1em; }
.col3-2 .box1 .bImgTtlTxt .bImgTtlTxtLeft p.imgCap { font-size: 0.8em; }

.col3-2 .box3 .bImgTtlTxt .bImgTtlTxtLeft { float: none; margin: 0 0 10px 0; width: 100%; }
.col3-2 .box3 .bImgTtlTxt .bImgTtlTxtRight { margin: 0; padding: 0; }
.col3-2 .box3 .bImgTtlTxt .bImgTtlTxtRight h5 { font-size: 1.1em; }
.col3-2 .box3 .bImgTtlTxt .bImgTtlTxtLeft p.imgCap { font-size: 0.8em; }

/*col3-3（3カラム：25%｜25%｜50%）*/
.col3-3 .box1 .bImgTtlTxt .bImgTtlTxtLeft { float: none; margin: 0 0 10px 0; width: 100%; }
.col3-3 .box1 .bImgTtlTxt .bImgTtlTxtRight { margin: 0; padding: 0; }
.col3-3 .box1 .bImgTtlTxt .bImgTtlTxtRight h5 { font-size: 1.1em; }
.col3-3 .box1 .bImgTtlTxt .bImgTtlTxtLeft p.imgCap { font-size: 0.8em; }

.col3-3 .box2 .bImgTtlTxt .bImgTtlTxtLeft { float: none; margin: 0 0 10px 0; width: 100%; }
.col3-3 .box2 .bImgTtlTxt .bImgTtlTxtRight { margin: 0; padding: 0; }
.col3-3 .box2 .bImgTtlTxt .bImgTtlTxtRight h5 { font-size: 1.1em; }
.col3-3 .box2 .bImgTtlTxt .bImgTtlTxtLeft p.imgCap { font-size: 0.8em; }

/*col3-4（3カラム：50%｜25%｜25%）*/
.col3-4 .box2 .bImgTtlTxt .bImgTtlTxtLeft { float: none; margin: 0 0 10px 0; width: 100%; }
.col3-4 .box2 .bImgTtlTxt .bImgTtlTxtRight { margin: 0; padding: 0; }
.col3-4 .box2 .bImgTtlTxt .bImgTtlTxtRight h5 { font-size: 1.1em; }
.col3-4 .box2 .bImgTtlTxt .bImgTtlTxtLeft p.imgCap { font-size: 0.8em; }

.col3-4 .box3 .bImgTtlTxt .bImgTtlTxtLeft { float: none; margin: 0 0 10px 0; width: 100%; }
.col3-4 .box3 .bImgTtlTxt .bImgTtlTxtRight { margin: 0; padding: 0; }
.col3-4 .box3 .bImgTtlTxt .bImgTtlTxtRight h5 { font-size: 1.1em; }
.col3-4 .box3 .bImgTtlTxt .bImgTtlTxtLeft p.imgCap { font-size: 0.8em; }

/*col3-5（3カラム：固定｜可変｜固定）*/
.col3-5 .box2 .bImgTtlTxt .bImgTtlTxtLeft { float: none; margin: 0 0 10px 0; width: 100%; }
.col3-5 .box2 .bImgTtlTxt .bImgTtlTxtRight { margin: 0; padding: 0; }
.col3-5 .box2 .bImgTtlTxt .bImgTtlTxtRight h5 { font-size: 1.1em; }
.col3-5 .box2 .bImgTtlTxt .bImgTtlTxtLeft p.imgCap { font-size: 0.8em; }

.col3-5 .box3 .bImgTtlTxt .bImgTtlTxtLeft { float: none; margin: 0 0 10px 0; width: 100%; }
.col3-5 .box3 .bImgTtlTxt .bImgTtlTxtRight { margin: 0; padding: 0; }
.col3-5 .box3 .bImgTtlTxt .bImgTtlTxtRight h5 { font-size: 1.1em; }
.col3-5 .box3 .bImgTtlTxt .bImgTtlTxtLeft p.imgCap { font-size: 0.8em; }

/*col4（4カラム：25%｜25%｜25%｜25%）*/
.col4 .bImgTtlTxt .bImgTtlTxtLeft { float: none; margin: 0 0 10px 0; width: 100%; }
.col4 .bImgTtlTxt .bImgTtlTxtRight { margin: 0; padding: 0; }
.col4 .bImgTtlTxt .bImgTtlTxtRight h5 { font-size: 1.1em; }
.col4 .bImgTtlTxt .bImgTtlTxtLeft p.imgCap { font-size: 0.8em; }

/*サイドバーエリア*/
#usersidearea .bImgTtlTxt .bImgTtlTxtLeft { float: none; margin: 0 0 10px 0; width: 100%; }
#usersidearea .bImgTtlTxt .bImgTtlTxtRight { margin: 0; padding: 0; }
#usersidearea .bImgTtlTxtRight h5 { font-size: 1.1em; }
#usersidearea .bImgTtlTxt .bImgTtlTxtLeft p.imgCap { font-size: 0.8em; }