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

#nippon h3{
	background:url(../../images/pc/branch/h3_pbbs_nippon.gif) no-repeat 0px 0px;
}

#nanba h3{
	background:url(../../images/pc/branch/h3_pbbs_nanba.gif) no-repeat 0px 0px;
}

#tani9 h3{
	background:url(../../images/pc/branch/h3_pbbs_tani9.gif) no-repeat 0px 0px;
}

#kyoubashi h3{
	background:url(../../images/pc/branch/h3_pbbs_kyoubashi.gif) no-repeat 0px 0px;
}

h3{
	margin:0px 15px;
}

div.list{
	margin:12px 40px 30px;
	font-size:smaller;
}

.list ul{
	position:relative;
	clear:both;
	margin-bottom:30px;	
}

.list ul li{
	padding-left:60px;
	padding-right:20px;
	z-index:2;
	position:relative;
}

.list ul li.image{
	width:150px;
	margin-right:0px;
	padding:0px;
}

.list ul li.image p{
	width:150px;
	background:url(../../images/pc/branch/pbbs_photo_frame.gif) no-repeat 0px -10px !important;
}

.list ul li.image p span.top{
	width:150px;
	height:10px;
	background:url(../../images/pc/branch/pbbs_photo_frame.gif) no-repeat 0px 0px !important;
	display:block;
}

.list ul li.image p span.bottom{
	width:150px;
	height:30px;
	background:url(../../images/pc/branch/pbbs_photo_frame.gif) no-repeat 0px -570px !important;
	display:block;

}

.list ul li.image a{
	width:100%;
	height:100%;
	display:block;
}


.list ul li.image img{
	width:120px;
	margin:2px 15px 0px;
}

.list ul li.date{
	text-align:right;
}

.list ul li.title{
	padding-top:10px;
	padding-left:55px;
	font-size:14px;
	font-weight:bold;
	height:25px;
	overflow:hidden;
}

.list ul li.body{
	z-index:10;
}

.list ul li.body div{
	width:450px;
}

.list ul li.bottom{
	position:absolute;
	z-index:0;
	width:540px;
	height:19px;
	margin:0px;
	padding:0px;
}

.list ul.cel1 li.image
,.list ul.cel3 li.image{
	float:left;	
	display:inline;
}

.list ul.cel2 li.image
,.list ul.cel4 li.image{
	float:right;	
	display:inline;
}

.list ul.cel2 li.body
,.list ul.cel4 li.body{
	padding-left:30px;
	padding-right:50px;
	overflow:hidden;
}

.list ul.cel2 li.date
,.list ul.cel4 li.date{
	margin-right:180px;
}

/*
cel1 写真左
*/
.list ul.cel1 li.body
,.list ul.cel1 li.date{
	margin-left:150px;
	background:url(../../images/pc/branch/pbbs_back_cel1.gif) repeat-y 0px 0px;
}

.list ul.cel1 li.title{
	background:url(../../images/pc/branch/pbbs_top_cel1.gif) no-repeat right top;
}

.list ul.cel1 li.bottom{
	background:url(../../images/pc/branch/pbbs_bottom_cel1.gif) no-repeat center center;
	bottom:-13px;
	right:-2px;
}


/*
cel2　写真右
*/
.list ul.cel2 li{
	background:url(../../images/pc/branch/pbbs_back_cel2.gif) repeat-y 0px 0px;
}

.list ul.cel2 li.title{
	padding-left:30px;
	background:url(../../images/pc/branch/pbbs_top_cel2.gif) no-repeat left top;
}

.list ul.cel2 li.bottom{
	background:url(../../images/pc/branch/pbbs_bottom_cel2.gif) no-repeat center center;
}

/*
cel3
*/

.list ul.cel3 li.body
,.list ul.cel3 li.date{
	margin-left:150px;
	background:url(../../images/pc/branch/pbbs_back_cel3.gif) repeat-y 0px 0px;
}

.list ul.cel3 li.title{
	background:url(../../images/pc/branch/pbbs_top_cel3.gif) no-repeat right top;
}

.list ul.cel3 li.bottom{
	background:url(../../images/pc/branch/pbbs_bottom_cel3.gif) no-repeat center center;
	bottom:-13px;
	right:-2px;
	
}

/*
cel4　写真右
*/
.list ul.cel4 li{
	background:url(../../images/pc/branch/pbbs_back_cel4.gif) repeat-y 0px 0px;
}

.list ul.cel4 li.title{
	padding-left:30px;
	background:url(../../images/pc/branch/pbbs_top_cel4.gif) no-repeat right top;
}

.list ul.cel4 li.bottom{
	background:url(../../images/pc/branch/pbbs_bottom_cel4.gif) no-repeat center center;
}