@charset "UTF-8";

/* Information
------------------------------------------

Description: Top CSS 

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

/*==================================================
*	01. Content
*	02. ClearFix
==================================================*/

/*--------------------------------------------------
  01. Content
--------------------------------------------------*/
/*------------------------------------- Commons --*/
#container {
	overflow: hidden;
}
#containerInner {
	width: 960px;
	margin-right: -16px;
}
#container .block,
#container .bnr {
	margin: 0 16px 16px 0;
	float: left;
}
#container .block {
	border: 1px solid #DFDFDF;
	position: relative;
	background: #FFF;
}
#container .new {
    position: absolute;
    left: 5px;
    top: 5px;
}
#container .img {
	padding: 11px 0 5px;
	margin: 0 11px;
	border-bottom: 5px solid #000;
}
#container .block a:hover {
	text-decoration: none;
}
#container .blockHead,
#container .blockCont,
#container .blockFoot {
	margin: 0 11px;
}
#container .blockHead {
    position: relative;
}
#container .blockFoot {
	padding-bottom: 11px;
}
#container .date {
	margin: 10px 0;
	font-size: 100%;
	line-height: 1;
	color: #000;
}
#container .tag img {
	margin: 0 5px 5px 0;
}
#container .title {
	margin: 5px 0 15px;
	font-weight: bold;
}
#container .bnrHead {
	margin-bottom: 0;
	padding-bottom: 20px;
}
#container .blockCont a {
	font-size: 120%;
	line-height: 1.5;
	color: #999;
}
#container .blockFoot {
	margin-top: 20px;
	position: relative;
}
#container .logo {
	position: absolute;
	left: 0;
	bottom: 7px;
}
#container .more {
	text-align: right;
}
#container .more a {
	display: block;
	background: url(/shared/img/top/readmore_on.gif) no-repeat right bottom;
	position: relative;
}
#container .bnr a:hover {
	opacity: 0.7;
}
/*--------------------------------- Block class --*/
/* size */
#container .block,
#container .w1 { width: 222px; }
#container .w2 { width: 462px; }
#container .w4 { width: 942px; }

#container .block .title,
#container .w1 .title { font-size: 140%; line-height: 1.43; }
#container .w2 .title { font-size: 160%; line-height: 1.38; }
#container .w4 .title { font-size: 240%; line-height: 1.25; }

#container .w4 {
	position: relative;
}
#container .w4 .img {
	margin: 0;
	padding: 11px;
	float: left;
	border-bottom: none;
}
#container .w4 .date {
	margin: 15px 0 20px;
}
#container .w4 .title {
	margin: 15px 0 10px;
}
#container .w4 .sub {
	margin-bottom: 12px;
	font-size: 140%;
	font-weight: bold;
}
#container .w4 .blockHead,
#container .w4 .blockCont,
#container .w4 .blockFoot {
	margin-left: 692px;
}
#container .w4 .blockFoot {
	width: 70px;
	height: 17px;
	position: static;
}
#container .w4 .more {
	position: absolute;
	right: 11px;
	bottom: 11px;
}

/* category */
#container .ap .title { color: #993366; }
#container .kr .title { color: #BBAA66; }
#container .fr .title { color: #6E8639; }
#container .ad .title { color: #E77722; }
#container .pj .title { color: #7C4600; }
#container .rc .title { color: #397C86; }
#container .ap .img { border-bottom: 5px solid #993366; }
#container .kr .img { border-bottom: 5px solid #BBAA66; }
#container .fr .img { border-bottom: 5px solid #6E8639; }
#container .ad .img { border-bottom: 5px solid #E77722; }
#container .pj .img { border-bottom: 5px solid #7C4600; }
#container .rc .img { border-bottom: 5px solid #397C86; }

/*----------------------------------- Functions --*/
#container .enlarger {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
#container .on .img { border-bottom: 5px solid #FFF; }
#container .w4 .on .img { border-bottom: none; }
#container .on .more img { visibility: hidden; }
#container .ap .on { background: #E9D4DF !important; }
#container .kr .on { background: #EEEAD9 !important; }
#container .fr .on { background: #f0f3eb !important; }
#container .ad .on { background: #FBECE1 !important; }
#container .pj .on { background: #F2E8DD !important; }
#container .rc .on { background: #E7F1F2 !important; }
#container .pu .on { background: #E9E9E9 !important; }
#container .tk .on { background: #E9E9E9 !important; }

/*--------------------------------------------------
  02. ClearFix
--------------------------------------------------*/
#containerInner:after,
#container .block:after {
	content: "";
	display: block;
	clear: both;
}

/* tmp */
#container #lasoraseedBnr {
	margin-right: 130px;
}
#container #kura {
	margin-right: 17px;
}
#container #honma {
	margin-left: -1px;
}
#container #koide {
	margin-left: -1px;
}
#container #takahashi {
	margin-bottom: 10em;
}