@charset "utf-8";

/* ==================================================
layout
================================================== */
/* body
============================== */
body {
	color:#3F3F3F;
	background-color:#8ED2ED;
}
* html body {
	text-align:center;
}
/* wrapper
============================== */
#tmp_wrapper {
	width:980px; /* 固定レイアウトの場合使用 */
/*	min-width:760px; デザインによって変更 */
/*	max-width:1280px; デザインによって変更 */
	margin:0 auto;
	color:inherit;
	background-color:#FFFFFF;
}
* html #tmp_wrapper {
	text-align:left;
}
/* main
============================== */
#tmp_wrap_main {
	padding:10px 20px;
	clear:both; /* 変更しない */
}
/* contents
============================== */
#tmp_contents,
#tmp_maincontents {
	width:100%; /* 変更しない */
}
/* format カラムのレイアウトのbaseロジック
============================== */
.wrap_col_nm {
	width:100%; /* 変更しない */
	float:left; /* 変更しない */
}
.col_nm {
	width:100%; /* 変更しない */
}
.wrap_col_lft_navi {
	float:left; /* 変更しない */
	position:relative; /* 変更しない */
	z-index:1; /* 変更しない */
}
.wrap_col_rgt_navi {
	float:right; /* 変更しない */
}
.column_full .wrap_col_main {
	width:100%; /* 変更しない */
	float:right; /* 変更しない */
}
.column_lnavi .wrap_col_main {
	width:100%; /* 変更しない */
	float:right; /* 変更しない */
}
.column_rnavi .wrap_col_main {
	width:100%; /* 変更しない */
	float:left; /* 変更しない */
}
.col_main {
	padding:3px 0 10px; /* デザインによって変更 */
}
/* top
============================== */
.format_top .column_full .wrap_col_nm {
	margin-right:-210px; /* デザインによって変更 */
}
.format_top .column_full .wrap_col_nm2 {
	margin-right:210px; /* デザインによって変更 */
}
.format_top .column_full .wrap_col_lft_navi {
	width:200px; /* デザインによって変更 */
	margin-right:-210px; /* デザインによって変更 */
}
.format_top .column_full .col_lft_navi {
	padding:10px; /* デザインによって変更 */
	color:inherit;
	background-color:#CCDDEE;
}
.format_top .column_full .wrap_col_rgt_navi {
	width:200px; /* デザインによって変更 */
}
.format_top .column_full .col_rgt_navi {
	padding:10px; /* デザインによって変更 */
	color:inherit;
	background-color:#CCDDEE;
}
.format_top .column_full .col_main {
	margin-left:210px; /* デザインによって変更 */
}
/* free
============================== */
.format_free .wrap_col_nm {
	margin-right:-210px; /* デザインによって変更 */
}
.format_free .wrap_col_nm2 {
	margin-right:210px; /* デザインによって変更 */
}
.format_free .wrap_col_lft_navi {
	width:200px; /* デザインによって変更 */
	margin-right:-210px; /* デザインによって変更 */
}
.format_free .col_lft_navi {
	padding:10px; /* デザインによって変更 */
	color:inherit;
	background-color:#CCDDEE;
}
.format_free .wrap_col_rgt_navi {
	width:200px; /* デザインによって変更 */
}
.format_free .col_rgt_navi {
	padding:10px; /* デザインによって変更 */
	color:inherit;
	background-color:#CCDDEE;
}
.format_free .column_full .col_main {
	margin-left:210px; /* デザインによって変更 */
}
.format_free .column_lnavi .col_main {
	margin-left:210px; /* デザインによって変更 */
}
.format_free .column_rnavi .wrap_col_main {
	margin-right:-210px; /* デザインによって変更 */
}
.format_free .column_rnavi .col_main {
	margin-right:210px; /* デザインによって変更 */
}
/* ==================================================
header
================================================== */
.format_top #tmp_header {
	padding:0 18px 22px;
	background:url(/shared/site_toptech_en/images/header/header_top_bg.jpg) no-repeat left bottom;
}
#tmp_wrap_header {
	background:url(/shared/site_toptech_en/images/header/header_bg.jpg) no-repeat left bottom;
}
.format_free #tmp_header {
	padding:0 18px 13px;
}
#tmp_hlogo {
	color:inherit;
	float:left;
	margin-top:16px;
}
#tmp_hlogo h1,
#tmp_hlogo p {
	font-size:0.1%;
	line-height:0.1;
}
#tmp_means {
	width:331px;
	float:right;
}
* html #tmp_means {
	width:333px;
}
#tmp_means_primary {
	margin:0 0 8px 0;
	font-size:0.1%;
	line-height:0.1;
}
#tmp_hnavi {
	width:355px;
	float:right;
	margin:0 0 8px 0;
	font-size:0.1%;
	line-height:0.1;
}
#tmp_func_lang li {
	float:left;
	list-style:none;
}

#tmp_func_txt {
	margin:0 7px 0 0;
	font-size:0.1%;
	line-height:0.1;
	float:left;
}
#tmp_func_txt dt {
	margin:0 8px 0 0;
	float:left;
}
#tmp_func_txt dd {
	margin:0 1px 0 0;
	float:left;
}
#tmp_func_clr {
	float:left;
}
#tmp_func_clr dt {
	margin:0 3px 0 0;
	float:left;
}
#tmp_func_clr dd {
	margin:0 1px 0 0;
	float:left;
}
#tmp_means_secondary {
	margin:0 0 5px 0;
	clear:both;
}
#tmp_search dt {
	margin:0 4px 0 0;
	font-size:0.1%;
	line-height:0.1;
	float:left;
}
#tmp_search dd {
	float:left;
}
#tmp_search dd p {
	float:left;
}
#tmp_search dd p.sitemap {
	margin:0 0 0 10px;
}
#tmp_query {
	width:105px;
	margin:0 5px 0 0;
	border:1px solid #CCCCCC;
}
* html #tmp_query {
	width:104px;
}
/* ==================================================
navi
================================================== */
/* gnavi
============================== */
#tmp_gnavi {
	color:inherit;
	clear:both;
}
#tmp_gnavi ul {
	width:940px;
	margin:0 0 0 20px;
	font-size:0.1%;
	line-height:0.1;
	list-style:none;
	background:url(/shared/site_toptech_en/images/navi/gnavi/gnavi_shadow.jpg) repeat-x left bottom;
	padding-bottom:5px;
}
#tmp_gnavi ul li {
	float:left;
}
#tmp_gnavi ul li img {
	vertical-align:top;
}

/* pankuzu
============================== */
#tmp_pankuzu {
	padding:0.3em 20px;
	color:inherit;
	clear:both;
}
/* lnavi
============================== */
/* event_cal
============================== */
#tmp_event_cal {
	padding:8px;
	background:#FFFFFF url(/shared/images/navi/event/cal_ttl_bg.gif) repeat-x left top;
	border:1px solid #B4B4B4;
	border-top:2px solid #999999;
}
*:first-child+html #tmp_event_cal {
	min-height:1%;
}
* html #tmp_event_cal {
	height:1%;
}
/* event_cal_ttl */
#tmp_event_year {
	float:left;
	margin:5px 0 0 0;
}
#tmp_event_month {
	float:right;
}
/* event_cal_cnt */
#tmp_event_cal_cnt {
	width:100%;
	clear:both;
}
#tmp_event_cal_cnt .calendar,
#tmp_event_cal_cnt .calendar td,
#tmp_event_cal_cnt .calendar th {
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #737E99;
}
#tmp_event_cal_cnt .calendar {
	width:100%;
	margin:5px 0 7px;
}
#tmp_event_cal_cnt .calendar th {
	font-weight:normal;
}
#tmp_event_cal_cnt .calendar td {
	text-align:center;
}
#tmp_event_cal_cnt .calendar .today {
	display:block;
	color:#000000;
	background-color:#FFFFCC !important;
	font-weight:bold;
}
#tmp_event_cal_cnt .calendar a {
	color:#000000;
	background-color:#FFFFFF;
}
#tmp_event_cal_cnt .calendar th.sun,
#tmp_event_cal_cnt .calendar td.sun a {
	color:#CC0000 !important;
	background-color:#FFFFFF;
}
#tmp_event_cal_cnt .calendar th.sat,
#tmp_event_cal_cnt .calendar td.sat a {
	color:#3333CC !important;
	background-color:#FFFFFF;
}
/* cal_navi */
#tmp_cal_navi {
	list-style:none;
}
#tmp_cal_navi li {
	float:left;
	line-height:1.1;
}
#tmp_cal_navi .prev {
	padding:0 6px 0 12px;
	border-right:1px solid #000000;
}
#tmp_cal_navi .prev a {
	display:inline-block;
	margin:0 0 0 -12px;
	padding:0 0 0 12px;
	background:url(/shared/images/navi/event/cal_prev.gif) no-repeat left center;
}
#tmp_cal_navi .next {
	padding:0 0 0 6px;
}
#tmp_cal_navi .next a {
	display:inline-block;
	padding:0 12px 0 0;
	background:url(/shared/images/navi/event/cal_next.gif) no-repeat right center;
}
#tmp_cal_navi .list {
	float:right;
}
/* rnavi
============================== */
/* pnavi
============================== */
.pnavi {
	background: url(/shared/site_toptech_en/images/navi/pnavi/pnavi_bg.gif) repeat-x left bottom;
	padding:0 0 1px 0;
	clear:both;
}
.pnavi .ptop {
	margin-bottom:0 !important;
}
.ptop {
	text-align:right;
	clear:both;
}
/* ==================================================
main
================================================== */
.format_top #tmp_main {
	width:100%; /* 変更しない */
	color:inherit;
	background-color:#FFFFFF;
	clear:both; /* 変更しない */
	padding:24px 0 22px;
}
.format_free #tmp_main {
	width:100%; /* 変更しない */
	color:inherit;
	background-color:#FFFFFF;
	clear:both; /* 変更しない */
}
/* emergency
============================== */
#tmp_emergency {
	margin-bottom:10px;
	border:5px solid #FF0000;
	clear:both;
}
#tmp_emergency_ttl {
	padding:0 10px;
	color:inherit;
	background-color:#FF0000;
}
#tmp_emergency_ttl h2 {
	font-size:130%;
}
#tmp_emergency_cnt {
	padding:10px;
}
#tmp_emergency_cnt ul {
	margin-left:20px;
}
#tmp_emergency_cnt ul li {
	margin-bottom:0.3em;
}
/* emergency_s
============================== */
#tmp_emergency_s {
	margin-bottom:10px;
	border:5px solid #FF0000;
	clear:both;
}
#tmp_emergency_s_ttl {
	padding:0 10px;
	color:inherit;
	background-color:#FF0000;
}
#tmp_emergency_s_ttl h2 {
	font-size:120%;
}
#tmp_emergency_s_cnt {
	padding:10px;
}
#tmp_emergency_s_cnt ul {
	margin-left:20px;
}
#tmp_emergency_s_cnt ul li {
	margin-bottom:0.3em;
}
/* update
============================== */
#tmp_update {
	text-align:right;
}
/* plugin 変更しない
============================== */
.plugin {
	margin:0 0 10px;
	padding:10px;
	border:1px solid #CCCCCC;
	clear:both;
}
.plugin .plugin_img {
	margin:0 10px 0 0 !important;
	font-size:0.1%;
	line-height:0.1;
	float:left;
}
.plugin p {
	margin:0 !important;
}
/* inquiry
============================== */
#tmp_inquiry {
	margin:0 0 10px;
	border:1px solid #CCCCCC;
	clear:both;
}
#tmp_inquiry_ttl {
	padding:0.2em 10px;
	color:#32393D;
	background-color:#DDEEFF;
	border-bottom:1px solid #CCCCCC;
	background:#E9E9E9 url(/shared/site_toptech_en/images/main/inquiry/inquiry_ttl_bg.jpg) repeat-x left top;
	font-weight:bold;
}
#tmp_inquiry_ttl p {
	margin-bottom:0 !important;
}
#tmp_inquiry_cnt {
	padding:7px 15px;
}
#tmp_inquiry_cnt p {
	margin-bottom:0 !important;
}
#tmp_inquiry_cnt .inquiry_parts {
	margin:0 0 0.8em;
}
#tmp_inquiry_cnt .inquiry_btn {
	margin:0.3em 0 0;
}
/* feedback
============================== */
#tmp_feedback {
	margin:0 0 20px;
	border:1px solid #CCCCCC;
}
#tmp_feedback_ttl {
	padding:0.2em 0.5em;
	color:#FFFFFF;
	font-weight:bold;
	background:#7F7F7F url(/shared/site_toptech_en/images/main/feedback/feedback_ttl_bg.jpg) repeat-x left top;
	border-bottom:1px solid #CCCCCC;
}
#tmp_feedback_ttl p {
	margin-bottom:0 !important;
}
#tmp_feedback_cnt {
	padding:10px 15px;
	color:inherit;
}
#tmp_feedback_cnt dt {
	margin:0 0 0.5em 0;
	font-weight:bold;
	clear:both;
}
#tmp_feedback_cnt dd {
	margin:0 0 0.5em 0;
	clear:both;
}
#tmp_feedback_cnt dd p {
	display:inline;
	margin:0 1em 0 0;
	float:left;
}
#tmp_feedback_cnt .submit {
	margin:0.8em 0 0 0 !important;
	clear:both;
}
/* ==================================================
banner
================================================== */
#tmp_publicity {
	padding:0 0 0 10px;
	clear:both;
	margin:0 0 20px 0;
}
#tmp_publicity ul {
	list-style-type:none;
}
#tmp_publicity ul li {
	float:left;
	margin:0 0 0 10px;
}
#tmp_publicity ul li a {
	display:inline-block;
	margin:0 0 10px 0;
}
/* ==================================================
footer
================================================== */
#tmp_footer {
	padding:15px 20px;
	color:#FFFFFF;
	background-color:#276D98;
	clear:both;
	line-height:1.1 !important;
}
#tmp_footer address {
	margin:0 0 0.2em;
	font-style:normal;
}
#tmp_copyright {
	clear:both;
}
/* ==================================================
clearfix
================================================== */
/* for modern browser */
#tmp_contents:after,
#tmp_maincontents:after,
#tmp_header:after,
#tmp_means:after,
#tmp_func_lang:after,
#tmp_func_txt:after,
#tmp_func_clr:after,
#tmp_means_primary:after,
#tmp_means_secondary:after,
#tmp_search:after,
#tmp_hnavi:after,
#tmp_gnavi:after,
#tmp_gnavi ul:after,
#tmp_main:after,
.plugin:after,
.pnavi:after,
#tmp_inquiry_cnt:after,
#tmp_feedback_cnt dd:after,
#tmp_publicity ul:after,
#tmp_footer:after,
#tmp_fnavi:after,
#tmp_footer_cnt:after {
	content:"."; /* 変更しない */
	display:block; /* 変更しない */
	height:0; /* 変更しない */
	font-size:0.1%; /* 変更しない */
	line-height:0.1; /* 変更しない */
	clear:both; /* 変更しない */
	visibility:hidden; /* 変更しない */
}
/* for IE7.0 */
*:first-child+html #tmp_contents,
*:first-child+html #tmp_maincontents,
*:first-child+html #tmp_header,
*:first-child+html #tmp_means,
*:first-child+html #tmp_func_lang,
*:first-child+html #tmp_func_txt,
*:first-child+html #tmp_func_clr,
*:first-child+html #tmp_means_primary,
*:first-child+html #tmp_means_secondary,
*:first-child+html #tmp_search,
*:first-child+html #tmp_hnavi,
*:first-child+html #tmp_gnavi,
*:first-child+html #tmp_gnavi ul,
*:first-child+html #tmp_main,
*:first-child+html .plugin,
*:first-child+html .pnavi,
*:first-child+html #tmp_inquiry_cnt,
*:first-child+html #tmp_feedback_cnt dd,
*:first-child+html #tmp_publicity ul,
*:first-child+html #tmp_footer,
*:first-child+html #tmp_fnavi,
*:first-child+html #tmp_footer_cnt,
*:first-child+html div.col2,
*:first-child+html div.fixed_col2,
*:first-child+html div.col3 {
	min-height:1%; /* 変更しない */
}
/* for IE6.0 */
* html #tmp_contents,
* html #tmp_maincontents,
* html #tmp_header,
* html #tmp_means,
* html #tmp_func_lang,
* html #tmp_func_txt,
* html #tmp_func_clr,
* html #tmp_means_primary,
* html #tmp_means_secondary,
* html #tmp_search,
* html #tmp_hnavi,
* html #tmp_gnavi,
* html #tmp_gnavi ul,
* html #tmp_main,
* html .plugin,
* html .pnavi,
* html #tmp_inquiry_cnt,
* html #tmp_feedback_cnt dd,
* html #tmp_publicity ul,
* html #tmp_footer,
* html #tmp_fnavi,
* html #tmp_footer_cnt,
* html div.col2,
* html div.fixed_col2,
* html div.col3 {
	height:1%; /* 変更しない */
}
/* ==================================================
social_plugins
================================================== */
#tmp_wrap_social_plugins {
	margin:0 0 10px;
	clear:both;
}
#tmp_social_plugins {
	float:right;
}
#tmp_social_plugins #tmp_twitter,
#tmp_social_plugins #tmp_facebook,
#tmp_social_plugins #tmp_update {
	float:left;
}
#tmp_social_plugins #tmp_update {
	margin-bottom:0;
	margin-left:10px;
}
#tmp_social_plugins #tmp_twitter,
#tmp_social_plugins #tmp_facebook {
	padding:2px 0 0;
	line-height:0;
}
#tmp_social_plugins #tmp_twitter a.twitter-share-button {
	padding:0 10px 0 0;
	line-height:1.2;
}
#tmp_facebook #fb-root {
	display:none;
}
#tmp_wrap_social_plugins:after,
#tmp_social_plugins:after {
	content:"."; /* 変更しない */
	display:block; /* 変更しない */
	height:0; /* 変更しない */
	font-size:0.1%; /* 変更しない */
	line-height:0.1; /* 変更しない */
	clear:both; /* 変更しない */
	visibility:hidden; /* 変更しない */
}
/* for IE7.0 */
*:first-child+html #tmp_wrap_social_plugins,
*:first-child+html #tmp_social_plugins {
	min-height:1%; /* 変更しない */
}
/* for IE6.0 */
* html #tmp_wrap_social_plugins,
* html #tmp_social_plugins {
	display:inline-block; /* 変更しない */
}
/*20170201追加対応分*/
#tmp_social_plugins .social_media_btn {
	float:left;
}
#tmp_social_plugins .twitter_btn {
    margin: 2px 2px 0px 0;
}
#tmp_social_plugins .facebook_btn {
    margin: 0;
}