@charset "utf-8";

/* ----------------------------
KONICA MINOLTA PLAZA
CSS Style from Feb 2008 Renewal

/plaza/index.htmlのスタイル
---------------------------- */

/* Flash */
#mainimgarea{
	width: 970px;
	background: url("/plaza/img/bg_mainimgarea.gif") no-repeat left bottom;
	margin: 10px 0 16px 0;
	padding: 0;
	overflow: hidden;
}
#mainimgarea h1{
	margin: 0;
	padding: 0;
}
#noFlashBlock{
	width: 877px;
	border: 4px solid #75a8db;
	margin: 17px 16px;
	padding: 10px 27px 30px 27px;
	overflow: hidden;
}

#contentsArea p.flashDLBox{
	margin: 0 !important;
}

#mainimgarea ul{
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}
#mainimgarea ul li img{
	margin-right: 5px;
	vertical-align: middle;
}
#mainimgarea a{
	color: #4598e5;
}


/* Flash, iPhone */
#noFlashWrapp{
	width: 970px;
	border: none;
/*	margin: 17px 16px; */
/*	padding: 10px 0px 30px 0px; */
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
.noFlashA,
.noFlashB{
	float:left;
	width:320px;
	border-right: solid 1px #c9c9c9;
	padding-bottom: 20px;
}
.noFlashC {
	float:left;
	width:320px;
	padding-bottom: 20px;
}
.noFlashBC {
	float:left;
	width:640px;
	margin: 0 auto 20px auto;
	text-align: center;

}


.noFlashBottom {
	clear:left;
	height: 100px;
	padding: 15px 0 0 20px;
	border-top: solid 1px #c9c9c9;
	
}

.noFlashPic {
	margin: 0 auto;
	text-align: center;
	padding: 0px;
	height: 227px;
}

.noFlashtitle{
	margin: 0;
}

.noFlashBox{
	margin: 5px 0 0 15px;
	font-size: .8em;
	text-align: left;
}

.noFlashBox img{
	margin-right: 5px;
}




/* メイン側 */
#mainContentBlock{
	width: 765px;
	float: left;
	margin: 0 29px 20px 0;
	padding: 0;
	position: relative;
}

/* サブ側 */
#subContentBlock{
	width: 175px;
	float: right;
	margin: 0;
	padding: 0;
}

/* メイン ------------------------------------------------------------------------------------------- */
/* Topics */
#bodyArea #contentsArea .topicsBox{
	width: 765px;
	margin-bottom: 20px;
	overflow: hidden;
}

.topicsList{
	width: 780px;
	list-style: none;
	margin: 20px -20px 0 0 !important;
	padding: 0;
	overflow: hidden;
}
.topicsList li{
	width: 370px;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	font-size: 1.2em;
}
.topicsList dl{
	width: 370px;
	margin: 0;
	padding: 0;
	position: relative;
	min-height: 100px;
}
*html .topicsList dl{
	height: 100px;
}

.topicsList dl dt{
	margin: 0;
	padding-left: 151px;
	font-weight: bold;
}
.topicsList dl dd{
	margin: 0;
	padding-left: 151px;
}
.topicsList .date{
	font-size: .8em;
	display: block;
	font-weight: normal;
	margin-left: -10px;
}
.topicsList dt img,
.topicsList dd img{
	vertical-align: .1em !important;
	margin-left: -10px;
	margin-right: 5px;
}
*html .topicsList dd img{
	vertical-align: .3em;
	margin: 8px 5px 8px -10px;
}
.topicsList .topicsImg{
	position: absolute;
	top: 0;
	left: 0;
	background: url("/plaza/img/bg_topicsphoto.gif") no-repeat left top;
	margin: 0;
	padding: 5px 7px 7px 5px;
}

/* topics画像なし */
.topicsList dl.imgNone dt{
	padding-left: 0;
}
.topicsList dl.imgNone dd{
	padding-left: 0;
}
.topicsList dl.imgNone dd a{
	padding-left: 10px;
}
.topicsList dl dd span.noLinkTxt{
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	margin-left: -10px !important;
}
.topicsListRed {
	color:#ff0000;
}


/* Information */
#bodyArea #contentsArea .informationBox{
	width: 765px;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}

.rssBox{
	font-size: .6em;
	position: absolute;
	right: 10px;
	top: 20px;
}

.rssBox img{
	margin-right: 3px;
}

#bodyArea #contentsArea .infoListBox{
	margin: 10px 0;
	font-size: .8em;
	text-align: right;
}
#bodyArea #contentsArea .infoListBox img{
	margin-right: 3px;
	vertical-align: .1em;
}

.informationList,
.informationList dt,
.informationList dd{
	margin: 0;
	padding: 0;
}

.informationList{
	width: 765px;
	overflow: hidden;
}

.informationList dt{
	float: left;
	margin: 0;
	padding: 6px 0px 8px 83px;
	width: 125px;
	clear: both;
	position: relative;
}

.informationList dd{
	width: 540px;
/*	background: url("/plaza/img/line_solid_gray.gif") no-repeat left bottom;*/
	margin: 0;
	padding: 6px 5px 8px 200px;
}
*html .informationList dd{
	width: auto;
}
*:first-child+html .informationList dd{
	width: auto;
}

.informationIcon{
position: absolute;
left: 0;
}
#bodyArea #contentsArea .informationList dd img{
	vertical-align: .1em;
	margin-left: -10px;
	margin-right: 5px;
}

.informationList dd.note,
.informationList dd.note a{
	color: #ff0000;
}



/* おすすめコンテンツ */
.recommendBox{
	width: 765px;
	overflow: hidden;
}

ul.bnTableBox{
	width: 784px;
	overflow: hidden;
	margin: 0 -20px 0 0;
	padding: 0;
	list-style: none;
}
ul.bnTableBox li{
	width: 176px;
	float: left;
	margin: 10px 20px 0 0;
	padding: 0;
}


/* サブ ------------------------------------------------------------------------------------------- */
.bannerBox{
	width: 175px;
	margin: 0 0 0 0;
	overflow: hidden;
}
.bannerBox li{
	margin: 9px 0;
}

.subBox{
	width: 169px;
	border: 1px solid #dedede;
	margin: 9px 0;
	padding: 2px;
	font-size: 1.2em;
}
.subBox dt{
	margin: 0;
	padding: 0;
}
.subBox dd{
	margin: 0;
	padding: 3px 7px;
}

.subBox ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.subBox ul li{
	margin: 0;
	padding: 0;
}

.detailLink{
	text-align: right;
	font-size: .8em;
	margin: .3em 0 !important;
}
#bodyArea .detailLink img{
	vertical-align: .1em;
}

.closedBox ul{
	font-weight: bold;
	margin: 5px 0 !important;
}

.closedBox ul li.closedTxt{
	color: #ff0000;
}

.subBox .txtS{
	font-size: .7em !important;
}
*html .subBox .txtS{
	font-size: .6em !important;
}
*:first-child+html .subBox .txtS{
	font-size: .6em !important;
}