/* ニュース専用===================================================
 詳細ページ
=========================================================== */

html{background-color:#999}

/* 詳細ページ */
/* -------------------------------------------------------- */

#newsDetails{
	background: url(../news/images/news-frame02.gif) repeat-y 0px 0px;
	padding: 0px;
	width: 700px;
	margin: 0px;
}

#newsDetailsBtm{
	background: url(../news/images/news-frame03.gif) no-repeat 0px bottom;
	padding: 0px 0px 50px;
	width: 700px;
}

#newsDetailsTop{
	background: url(../news/images/news-frame01.gif) no-repeat 0px 0px;
	padding: 10px 10px 0px;
	width: 680px;
}


#newsBase{
	width:660px;
	margin:0 auto
}

/* ニュースタイトル */
#newsBase h2.h2text{
	font-size: 1.154em !important;
	background: url(../common/h2-point.gif) no-repeat 0px bottom !important;
	padding: 1px 0px 5px 16px;
	margin: 0px 0px 5px;
}

#newsBase p{line-height: 1.6;}
#newsBase p.newsData{
	font-size: 0.846em;
	margin: 0px 0px 3px;
}

#newsBase p.newsData img{
	vertical-align: middle; margin-bottom:3px
}


/* ソーシャルボタン領域 */
#newsBase .social-clear {
	zoom: 1;
	margin-bottom: 10px;
	}
#newsBase .social-clear:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}
	
#newsBase .social-clear div {
	float: left;
}

/* ニュース詳細領域の任意装飾用 */
html body #newsBase em{
	font-style: italic !important;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo !important;
	font-family/**/:/**/"MS PGothic"; /* ==IE 6== */
}

#newsBase ul{margin-left: 25px;}
#newsBase ul li{list-style:disc;}

#newsBase ol {margin-left: 20px;}
#newsBase ol li{list-style:decimal;}
*#newsBase ol{margin-left: 25px;} /* IE7 and below */
_#newsBase ol{margin-left: 25px;}  /* IE6 */

#newsBase table,#newsBase th,#newsBase td{ border:solid 1px #333}
#newsBase th,#newsBase td{ padding:5px;}

/* 画像配置領域 */
#newsBase .newsImg01,#newsBase .newsImg02,#newsBase .newsImg03{font-size: 0.769em;}
#newsBase .newsImg01 img,#newsBase .newsImg02 img,#newsBase .newsImg03 img{ margin-bottom:3px}

/* 1枚の場合 */
#newsBase .newsImg01{text-align: center; margin-top:20px}

/* 2・3枚の場合 */
#newsBase .newsImg02,#newsBase .newsImg03{
	margin:20px auto 0;
	width:660px;
	zoom: 1;
}
#newsBase .newsImg02:after,#newsBase .newsImg03:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}
#newsBase .newsImg02 ul li,#newsBase .newsImg03 ul li{list-style:none !important}
#newsBase .newsImg02 ul{margin-left:-20px !important;display:inline-block;/* IE7 */}
#newsBase .newsImg03 ul{margin-left:-15px !important;display:inline-block;/* IE7 */}

#newsBase .newsImg02 ul li{ float:left; margin-left:20px; text-align:center; width:320px}
#newsBase .newsImg03 ul li{
	float:left;
	margin-left:15px;
	text-align:center;
	width:210px
}


/* 一覧ページ */
/* ----------------------------- */
#newsCategory{
	background: #e1ffbc;
	margin: 15px 0px 0px;
	padding: 5px 10px;
	position: relative;
}

#newsCategory h2{
	font-size: 1.308em;
	font-weight: bold;
	color:#333;
}
#newsCategory #newsSelect{
	position: absolute;
	top: 7px;
	right: 5px;
}
#newsCategory select{ font-size:0.846em}

#newsList{margin: 20px 0px;}

.newsListBlock{
	padding: 3px 3px 6px;
	margin-bottom: 7px;
	border-bottom: 1px solid #d2d2d2;
}

.newsListBlock:before,
.newsListBlock:after{
	 content:"";
    display:block;
    overflow:hidden;
}
.newsListBlock:after {clear:both;}
.newsListBlock {zoom:1;} /* For IE 6/7*/

.newsListBlock p{ float:left; margin-right:10px; margin-bottom:10px}

.newsListBlock dl,.newsListBlock dt,.newsListBlock dd{ margin:0; padding:0}
.newsListCategory{ font-size:0.923em}
.newsListCategory img{
	vertical-align: middle;
	margin: 0px 0px 0.3em 5px;
}