@charset "utf-8";

/* ==================================================
contents
================================================== */
.format_top h1 {
	float:left;
	padding-left:30px;
}
#tmp_topmenu {
	float:right;
	width:240px;
}
#tmp_topmenu ul {
	clear:both;
	list-style:none;
	font-size:0;
}
#tmp_topmenu ul img {
	vertical-align:top;
}
#tmp_navi_language {
	margin-top:10px;
	margin-bottom:22px;
}
#tmp_navi_language li {
	float:left;
}
#tmp_target {
	list-style:none;
	padding-left:20px;
}
#tmp_target li {
	float:left;
}
#tmp_func {
	padding:10px 25px 10px 40px;
}
#tmp_func #tmp_hnavi {
	float:right;
	width:461px;
}
#tmp_gnavi {
	padding:4px 0;
	background:url(../images/top_gnavi_bg.jpg) no-repeat top;
}
#tmp_main .col_nm {
	float:left;
}
#tmp_main .col_rgt_navi {
	float:right;
	width:370px;
}
#tmp_info {
	width:440px;
	float:left;
	background:#FFF url(../images/info_bg_top.jpg) no-repeat left top;
}
#tmp_info_ttl {
	padding-top:15px;
	padding-left:20px;
}
#tmp_info_cnt {
	padding:0 20px 20px;
	min-height:70px;
    height:auto !important;
    height:90px;
	background:url(../images/info_bg_bottom.gif) no-repeat right bottom;
}
#tmp_info_cnt ul {
	margin:0 0 0 20px;
	padding-bottom:10px;
}
#tmp_info_cnt li {
	margin-top:0.5em;
	list-style-image:url(../../free/images/contents/list_icon.gif);
}
#tmp_menu_lft {
	list-style-type:none;
	float:left;
}
#tmp_menu_lft li {
	font-size:0;
	margin-bottom:5px;
}
#tmp_menu_rgt {
	list-style-type:none;
	float:right;
}
#tmp_menu_rgt li {
	font-size:0;
	margin-bottom:5px;
}
#tmp_main .col_nm {
	width:440px;
}
#tmp_main {
	padding:20px 40px 10px;
}
/* ==================================================
clearfix
================================================== */
/* for modern browser */
.clearfix:after,
#tmp_flash:after,
#tmp_target:after,
#tmp_navi_language:after {
	content:"."; /* 変更しない */
	display:block; /* 変更しない */
	height:0; /* 変更しない */
	font-size:0.1%; /* 変更しない */
	line-height:0.1; /* 変更しない */
	clear:both; /* 変更しない */
	visibility:hidden; /* 変更しない */
}
/* for IE7.0 */
*:first-child+html .clearfix,
*:first-child+html #tmp_flash,
*:first-child+html #tmp_target,
*:first-child+html #tmp_navi_language {
	min-height:1%; /* 変更しない */
}
/* for IE6.0 */
* html .clearfix,
* html #tmp_flash,
* html #tmp_target,
* html #tmp_navi_language {
	display:inline-block; /* 変更しない */
}
/* ==================================================
smartphone
================================================== */
#tmp_smartphone {
	display:none;
}
@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より大きい場合
	*/
#tmp_smartphone {
	display:block;
	font-size:180%;
	text-align:center;
	line-height:1.2;
	margin:10px;
	color:#FFFFFF;
	text-shadow:1px 1px 1px #000000;
	background:-moz-linear-gradient(center top, #684D22, #816029);/* Firefox */
	background:-webkit-gradient(linear, center top, center bottom, from(#684D22), to(#816029));/* Safari,Chrome */
}
#tmp_smartphone a {
	display:block;
	padding:10px 0;
	color:#FFFFFF;
	text-decoration:none;
}
}
/* ==================================================
print
================================================== */
@media print {
/* for IE7.0 */
*:first-child+html #tmp_gnavi ul li span {
	visibility:hidden;
}
/* for IE6.0 */
* html #tmp_gnavi ul li span {
	visibility:hidden;
}
/* for Firefox */
#tmp_main:after,
.col_nm:after {
	content:""; /* 変更しない */
	height:1px; /* 変更しない */
}
}