@charset "utf-8";

/* ==================================================
contents
================================================== */
/* list_table
============================== */
table.list_table {
	width:100%;
	line-height:1.2;
	border-collapse:collapse;
	border-spacing:0;
}
table.list_table td {
	padding:0;
	vertical-align:top;
	text-align:left;
}
table.list_table .date {
	width:70px;
	padding:0 0 0 5px;
	color:#666666;
	background-color:transparent;
}
table.list_table .icon {
	width:90px;
}
table.list_table p {
	margin:0 0 0.8em;
	vertical-align:middle;
}
/* info, new
============================== */
#tmp_info,
#tmp_new {
	margin:0 0 14px;
	clear:both;
}
#tmp_info_ttl,
#tmp_new_ttl {
	margin:0 0 15px;
}
#tmp_info_cnt,
#tmp_new_cnt {
	width:100%;
}
#tmp_info_cnt ul {
	margin:0 0 15px 20px;
	list-style-image:url(/shared/templates/free/images/contents/list_icon.gif);
}
#tmp_info_cnt li {
	margin:0 0 0.5em;
}
.readall {
	padding:0 0 0 13px;
}
.readall p {
	margin:0 13px 0 0;
	float:left;
}
/* banner
============================== */
#tmp_banner {
	margin:0 0 20px;
	padding:4px 0 4px 4px;
	background:url(/shared/templates/top/images/banner_bg.gif) repeat-y left top;
	border:1px solid #CCCCCC;
	clear:both;
}
#tmp_banner ul {
	list-style:none;
	list-style-image:none;
}
#tmp_banner li {
	float:left;
}
#tmp_banner li img {
	vertical-align:top;
}
/* shiro
============================== */
#tmp_shiro {
	margin:0 0 20px;
	clear:both;
}
#tmp_shiro_cnt {
	padding:18px 5px 30px;
	color:inherit;
	background:#F0F0F0 url(/shared/templates/top/images/shiro_cnt_bg.jpg) no-repeat left bottom;
}
#tmp_shiro_cnt .shori_cnt {
	margin:0 0 17px;
	padding:17px 0 23px;
	background:url(/shared/templates/top/images/shori_bg.gif) repeat-x left bottom;
}
#tmp_shiro_cnt .shori_cnt .hayawakari {
	width:150px;
	float:left;
}
#tmp_shiro_cnt .shori_cnt .hoho {
	width:290px;
	float:right;
}
#tmp_shiro_cnt .shori_cnt .hoho p {
	margin:0 0 8px;
}
#tmp_shiro_cnt .shori_cnt .hoho ul {
	list-style:none;
	list-style-image:none;
}
#tmp_shiro_cnt .shori_cnt .hoho li {
	margin:0 10px 0 0;
	float:left;
}
#tmp_shiro_cnt .shori_cnt .hoho li.last {
	margin-right:0;
}
#tmp_shiro_cnt .shori_cnt .hoho li img {
	vertical-align:top;
}
/* ==================================================
clearfix
================================================== */
/* for modern browser */
.readall:after,
#tmp_banner ul:after,
#tmp_shiro:after,
#tmp_shiro_ttl:after,
#tmp_shiro_cnt:after,
#tmp_shiro_cnt .shori_cnt:after,
#tmp_shiro_cnt .shori_cnt .hoho ul:after,
.clearfix:after {
	content:"."; /* 変更しない */
	display:block; /* 変更しない */
	height:0; /* 変更しない */
	font-size:0.1%; /* 変更しない */
	line-height:0.1; /* 変更しない */
	clear:both; /* 変更しない */
	visibility:hidden; /* 変更しない */
}
/* for IE7.0 */
*:first-child+html .readall,
*:first-child+html #tmp_banner ul,
*:first-child+html #tmp_shiro,
*:first-child+html #tmp_shiro_ttl,
*:first-child+html #tmp_shiro_cnt,
*:first-child+html #tmp_shiro_cnt .shori_cnt,
*:first-child+html #tmp_shiro_cnt .shori_cnt .hoho ul,
*:first-child+html .clearfix {
	min-height:1%; /* 変更しない */
}
/* for IE6.0 */
* html .readall,
* html #tmp_banner ul,
* html #tmp_shiro,
* html #tmp_shiro_ttl,
* html #tmp_shiro_cnt,
* html #tmp_shiro_cnt .shori_cnt,
* html #tmp_shiro_cnt .shori_cnt .hoho ul,
* html .clearfix {
	display:inline-block; /* 変更しない */
}
/* ==================================================
smartphone
================================================== */
#tmp_smartphone {
	display:none;
	padding:36px 0 35px;
	border-bottom:1px solid #0E3765;
	background:url(/shared/images/main/smartphone_bg.jpg) repeat-x left top;
}
#tmp_smartphone p {
	width:980px;
	margin:0 auto;
	text-align:center;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px),only screen and (-webkit-min-device-pixel-ratio : 1.5),only screen and (min-device-pixel-ratio : 1.5) {
	/* スマートフォン向けCSSの内容
	Case1
	 デバイスの最小幅：320pxより大きい場合
	 デバイスの最大幅：480pxより小さい場合
	Case2
	 デバイスの解像度：1.5より大きい場合（Webkit用）
	Case3
	 デバイスの解像度：1.5より大きい場合
	*/
.format_top #tmp_wrapper {
	background:url(/shared/images/main/body_bg.jpg) no-repeat center 151px;
}
#tmp_smartphone {
	display:block;
}
}
/* ==================================================
print
================================================== */
@media print {
#tmp_wrap_main {
	background-color:#FFFFFF !important;
}
/* for IE7.0 */
*:first-child+html .format_top {
	background:url(/shared/images/main/body_bg.jpg) no-repeat center top;
}
*:first-child+html #tmp_gnavi ul li span {
	visibility:hidden;
}
*:first-child+html #tmp_shiro_cnt .shori_cnt .hoho {
	width:291px;
}
/* for IE6.0 */
* html .format_top {
	background:url(/shared/images/main/body_bg.jpg) no-repeat center top;
}
* html #tmp_gnavi ul li span {
	visibility:hidden;
}
* html #tmp_shiro_cnt .shori_cnt .hoho {
	width:291px;
}
/* for Firefox */
#tmp_main:after,
.col_nm:after {
	content:""; /* 変更しない */
	height:1px; /* 変更しない */
}
}