@charset "UTF-8";
/*////////////////////////////////////////////////////////////
Kyokushinkaikan - news.css

Copyright (C) Kyokushinkaikan. All rights reserved.
------------------------------------------------------------

    0. Import External CSS
    1. Common Style


	99. Clearfix

////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
    0. Import External CSS
   ------------------------------------------------------------ */
@import "common.css";

/* ------------------------------------------------------------
    1. Common Style
   ------------------------------------------------------------ */

/* --- Branding --- */
body.pageNews div#branding div.inner {
	background-image: url(/img/news/ph_header_01.jpg);
}

/* --- News Category Icon --- */
li.newsCate1,
li.newsCate2,
li.newsCate3 {
	padding-left: 20px;
	background: url(/img/common/ico_news_01.gif) no-repeat 0 50%;
}

li.newsCate2 {
	background-image: url(/img/common/ico_news_02.gif);
}

li.newsCate3 {
	background-image: url(/img/common/ico_news_03.gif);
}

/* ------------------------------------------------------------
    2. Top Page
   ------------------------------------------------------------ */

/*  -. Title
   ------------------------------------------------- */
div.blkTtl {
	position: relative;
}

ul#newsLegend {
	position: relative;
	top: -37px;
	float: right;
	margin-bottom: -37px;
	font-size: 84%;
}

ul#newsLegend li {
	float: left;
	padding-right: 15px;
}

/*  -. News List Block
   ------------------------------------------------- */
div#blkNewsList {
	clear: both;
	background: url(/img/common/line_01.gif) repeat-x 0 100%;
}

div.newsItem {
	position: relative;
	width: 579px;
	padding: 10px 0;
	background: url(/img/common/line_01.gif) repeat-x 0 0;
}

div.newsItem h2 {
	float: right;
	width: 480px;
	padding: 3em 0 0;
	font-weight: bold;
	line-height: 1.2;
}

div.newsItem div.thumb {
	float: left;
}

div.newsItem ul.info {
	position: absolute;
	top: 18px;
	right: 0;
	width: 480px;
	font-size: 84%;
}

div.newsItem ul.info li {
	float: left;
}

div.newsItem ul.info li.datetime {
	margin-right: 8px;
	font-weight: bold;
}

/* English Site */
div.en div.newsItem {
	padding: 12px 0;
}

div.en div.newsItem h2 {
	float: none;
	width: auto;
	padding-top: 1.8em;
}

div.en div.newsItem ul.info {
	top: 13px;
	right: auto;
	left: 0;
	width: auto;
	font-size: 100%;
}

/* ------------------------------------------------------------
    3. Detail Page
   ------------------------------------------------------------ */

/*  -. Common Style
   ------------------------------------------------- */
div#blkNewsEntry {
	margin-bottom: 15px;
}

/* --- Entry Header --- */
div.entryHeader {
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 16px;
	background: url(/img/common/line_01.gif) repeat-x 0 100%;
}

div.entryHeader .entryTtl {
	padding-top: 1.5em;
	padding-left: 15px;
	padding-bottom: 2px;
	background: url(/img/common/bg_ttl_01.gif) repeat-y 0 0;
	font-size: 117%;
	font-weight: bold;
}

div.entryHeader ul.entryInfo {
	position: absolute;
	top: 0;
	left: 15px;
	font-size: 84%;
}

div.entryHeader ul.entryInfo li {
	float: left;
	padding-right: 10px;
}

/* --- Entry Content --- */
div.entryContent {
	padding-bottom: 60px;
	background: url(/img/common/line_01.gif) repeat-x 0 100%;
}

div.entryContent p {
	margin-bottom: 20px;
}

div.entryContent .imgR {
	padding-left: 30px;
}

.blog_contents_h3 {
	padding-bottom: 8px;
}

.blog_contents_xl {
	padding-bottom: 30px;
}



/* ------------------------------------------------------------
    . 99. Clearfix
   ------------------------------------------------------------ */
ul#newsLegend:after,
div.newsItem:after,
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

ul#newsLegend,
div.newsItem,
.clearfix { display: inline-block; }

/* exclude MacIE5 \*/
* html ul#newsLegend,
* html div.newsItem,
* html .clearfix { height: 1%; }

ul#newsLegend,
div.newsItem,
.clearfix { display: block; }
/* end: exclude MacIE5 */