@charset "utf-8";

/* ==================================================
layout
================================================== */
/* body
============================== */
body.format_top,
body.format_free {
	color:inherit;
	background-color:#DBD7CE;
}
* html body {
	text-align:center;
}
/* wrapper
============================== */
#tmp_wrapper {
	width:950px;
	margin:0 auto;
	color:inherit;
	background-color:#EDEBE7;
}
* html #tmp_wrapper {
	text-align:left;
}
/* main
============================== */
#tmp_wrap_main {
	padding-bottom:10px;
	clear:both; /* 変更しない */
}
.column_rnavi {
	padding-right:10px;
}
.column_lnavi {
	padding-left:10px;
}
/* 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; /* 変更しない */
}
.format_top .column_full .wrap_col_main {
	width:100%; /* 変更しない */
	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; /* 変更しない */
}
/* free
============================== */
.wrap_col_nm {
	margin-right:-210px; /* デザインによって変更 */
}
.wrap_col_nm2 {
	margin-right:210px; /* デザインによって変更 */
}
.wrap_col_lft_navi {
	width:200px; /* デザインによって変更 */
	margin-right:-210px; /* デザインによって変更 */
}
.wrap_col_rgt_navi {
	width:200px; /* デザインによって変更 */
}
.column_full .col_main {
	margin-left:210px; /* デザインによって変更 */
}
.column_lnavi .col_main {
	margin-left:210px; /* デザインによって変更 */
	padding-top:8px;
}
.column_rnavi .wrap_col_main {
	margin-right:-210px; /* デザインによって変更 */
}
.column_rnavi .col_main {
	margin-right:210px; /* デザインによって変更 */
}

/* ==================================================
header
================================================== */
#tmp_wrap_header {
	background:url(/shared/site_english/images/header/wrap_header_bg.gif) 0 100% repeat-x;
	padding-bottom:11px;
}
#tmp_header {
	padding:9px 9px 0;
	color:inherit;
	position:relative;
	background:#B9EAFF url(/shared/images/header/header_bg.jpg) 0 100% no-repeat;
}
#tmp_hlogo {
	float:left;
	position:absolute;
	bottom:37px;
	left:16px;
}
#tmp_hlogo h1,
#tmp_hlogo p {
	font-size:0.1%;
	line-height:0.1;
}
#tmp_means {
	width:205px;
	float:right;
}
#tmp_means_primary {
	padding:0 0 5px 0;
	line-height:0.1;
}
* html #tmp_means_primary {
	padding-bottom:2px;
}
#tmp_means_primary img {
	vertical-align:top;
}
#tmp_means_primary form,
#tmp_means_primary p,
#tmp_means_primary #tmp_search {
	float:left;
}
#tmp_means_primary p {
	margin-right:3px;
}
#tmp_means_primary p#tmp_wrap_query {
	margin-right:0;
}
#tmp_means_primary p#tmp_search_hidden {
	margin-right:0;
}
#tmp_means_secondary {
	margin:0 0 50px 0;
	clear:both;
}
#tmp_query {
	width:145px;
	margin:0 5px 0 0;
	border:1px solid #CDCDCD;
}
* html #tmp_query {
	width:147px;
}
#tmp_means_secondary p {
	float:left;
}
#tmp_means_secondary p#tmp_lang {
	margin:4px 8px 0 0;
}
/* ==================================================
navi
================================================== */
/* pankuzu
============================== */
#tmp_pankuzu {
	padding:0.3em 12px;
	clear:both;
}
/* lnavi
============================== */
#tmp_wrap_lnavi {
	margin-top:9px;
	width:100%;
}
#tmp_lnavi {
	padding:9px;
	color:inherit;
	border:1px solid #DBD7CE;
	background-color:#F3EFCD;
}
#tmp_lnavi_ttl {
	margin-bottom:7px;
	padding:8px 10px;
	color:inherit;
	font-weight:bold;
	border-top:1px solid #BCB5A3;
	border-right:1px solid #E4E1DA;
	border-bottom:1px solid #E4E1DA;
	border-left:1px solid #BCB5A3;
	background:#F6F4E9 url(/shared/images/navi/lnavi/lnavi_ttl.gif) 0 100% repeat-x;
}
#tmp_lnavi_cnt {
	color:inherit;
	width:100%;
	border:1px solid #BCB5A3;
	background-color:#FFFFFF;
}
#tmp_lnavi_img {
	margin-top:-8px;
	margin-left:-10px;
}
#tmp_lnavi ul {
	margin:0;
	padding:0;
	list-style:none;
}
#tmp_lnavi li {
	padding:6px 0;
	background:url(/shared/images/navi/lnavi/lnavi_bg.gif) 0 100% repeat-x;
	border-bottom:1px solid #E6E3DD;
}
#tmp_lnavi li a {
	display:block;
	padding-left:22px;
	background:url(/shared/templates/free/images/contents/list_icon.gif) 10px 0.1em no-repeat;
}
/* pnavi
============================== */
.pnavi {
	clear:both;
}
.ptop {
	margin-top:5px;
	margin-right:25px;
	text-align:right;
	clear:both;
}
.ptop a {
	background:url(/shared/templates/free/images/contents/ptop_bg.gif) 0 0 no-repeat;
	padding:3px 0 3px 35px;
}
/* ==================================================
main
================================================== */
#tmp_main {
	width:100%; /* 変更しない */
	clear:both; /* 変更しない */
}
.col_main2 {
	width:100%;
	background:url(/shared/images/main/cnt_bg_body.gif) 0 0 repeat-y;
}
.col_main3 {
	background:url(/shared/images/main/cnt_bg_top.gif) 0 0 no-repeat;
}
.col_main4 {
	background:url(/shared/images/main/cnt_bg_btm.gif) 0 100% no-repeat;
	padding:22px 25px;
}
*:first-child+html .col_main4 {
	min-height:1%;
}
* html .col_main4 {
	height:1%;
}
/* 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;
}
/* ==================================================
footer
================================================== */
#tmp_footer {
	padding:15px 10px 5px 10px;
	clear:both;
	background:url(/shared/images/footer/footer_bg.gif) 0 100% no-repeat;
}
#tmp_wrap_footer_cnt {
	clear:both;
	padding-top:5px;
	border-top:1px solid #000000
}
#tmp_fnavi {
	list-style:none;
	float:right;
}
#tmp_fnavi li {
	margin-right:7px;
	padding-right:6px;
	border-right:1px solid #000000;
	white-space:nowrap;
	float:left;
}
#tmp_fnavi li.last {
	margin-right:0;
	padding-right:0;
	border-right:0;
}
#tmp_footer_cnt address {
	margin:0;
	float:left;
	font-style:normal;
}
#tmp_footer_cnt address span {
	margin-right:4px;
	padding-right:6px;
	border-right:1px solid #000000;
}
#tmp_copyright {
	text-align:center;
	float:right;
}
/* ==================================================
class
================================================== */
/* text
============================== */
.underline {
	text-decoration:underline; /* 変更しない */
}
.strike {
	text-decoration:line-through; /* 変更しない */
}
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
/* 構築シートによって種類増減 */
.txt_red {
	color:#990000; /* デザインによって変更 */
	background-color:transparent; /* 変更しない */
}
.txt_green {
	color:#007500; /* デザインによって変更 */
	background:transparent; /* 変更しない */
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
.txt_big {
	font-size:140%; /* 変更しない */
}
.txt_small {
	font-size:80%; /* 変更しない */
}
.space_lft1 {
	padding-left:1em; /* 変更しない */
}
p.indent1 {
	text-indent:1em; /* 変更しない */
}
/* image ▼変更しない
============================== */
.float_lft {
	margin-right:20px !important;
	margin-bottom:10px !important;
	clear:both;
	float:left;
}
.float_rgt {
	margin-bottom:10px !important;
	margin-left:20px !important;
	clear:both;
	float:right;
}
.clear {
	clear:both;
}
/* noicon ▼変更しない
============================== */
ul.noicon {
	padding-left:1.5em !important;
	text-indent:-1.5em !important;
	list-style:none !important;
	list-style-image:none !important;
}
ul.noicon ul,
ul.noicon ol {
	text-indent:0 !important;
}
ul ul.noicon {
	text-indent:-1.5em !important;
}
/* ==================================================
parts
================================================== */
/* col2 ▼変更しない
============================== */
table.col2 {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
table.col2 td.col2L,
table.col2 td.col2R {
	vertical-align:top;
	text-align:left;
}
table.col2 td.col2L {
	width:51%;
	padding-right:4%;
}
table.col2 td.col2R {
	width:49%;
	padding:0;
}
div.col2 {
	width:100%;
}
div.col2 div.col2L {
	display:table;
	width:49%;
	margin-right:2%;
	float:left;
}
div.col2 div.col2R {
	display:table;
	width:48%;
	float:left;
}
/* nestcol2 ▼変更しない
============================== */
table.col2 table.col2 td.col2L {
	padding:0;
	border-right:15px solid #FFFFFF;
}
div.col2 div.col2 div.col2L {
	width:48%;
	margin-right:4%;
}
div.col2 div.col2 div.col2R {
	width:47%;
}
/* col3 ▼変更しない
============================== */
table.col3 {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
table.col3 td.col3L,
table.col3 td.col3M,
table.col3 td.col3R {
	vertical-align:top;
	text-align:left;
}
table.col3 td.col3L,
table.col3 td.col3M {
	width:33%;
	padding-right:6%;
}
table.col3 td.col3R {
	width:31%;
	padding:0;
}
div.col3 {
	width:100%;
}
div.col3 div.col3L,
div.col3 div.col3M {
	display:table;
	width:32%;
	margin-right:2%;
	float:left;
}
div.col3 div.col3R {
	display:table;
	width:31%;
	float:left;
}
/* img_cap ▼変更しない
============================== */
table.img_cap {
	margin:0 0 0.3em;
	border-collapse:collapse;
	border-spacing:0;
}
table.img_cap td {
	padding:0;
}
div.img_cap {
	margin:0 0 0.3em;
}
div.img_cap img {
	margin:0 !important;
}
/* ==================================================
system
================================================== */
/* indent ▼変更しない
============================== */
div.section,
blockquote {
	padding:0 0 0 1em;
}
/* bgcolor
============================== */
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
/* 構築シートによって種類増減 */
td.bg_red,
th.bg_red {
	color:inherit;
	background-color:#F1D8D8; /* デザインによって変更 */
}
td.bg_yellow,
th.bg_yellow {
	color:inherit;
	background-color:#EEEDD0; /* デザインによって変更 */
}
td.bg_blue,
th.bg_blue {
	color:inherit;
	background-color:#D5DFF0; /* デザインによって変更 */
}
td.bg_gray,
th.bg_gray {
	color:inherit;
	background-color:#E4E4E4; /* デザインによって変更 */
}
td.bg_purple,
th.bg_purple {
	color:inherit;
	background-color:#D9D9F0; /* デザインによって変更 */
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
/* ==================================================
clearfix
================================================== */
/* for modern browser */
#tmp_footer ul:after,
#tmp_wrap_fnavi:after,
#tmp_contents:after,
#tmp_maincontents:after,
#tmp_header:after,
#tmp_means:after,
#tmp_func_txt:after,
#tmp_func_clr:after,
#tmp_means_primary:after,
#tmp_means_secondary:after,
#tmp_search:after,
#tmp_means_tertiary:after,
#tmp_hnavi:after,
#tmp_gnavi:after,
#tmp_main:after,
#tmp_emergency:after,
#tmp_emergency_cnt:after,
#tmp_emergency_s:after,
#tmp_emergency_s_cnt:after,
.plugin:after,
.pnavi:after,
#tmp_inquiry_cnt:after,
#tmp_feedback_cnt dd:after,
#tmp_publicity_cnt:after,
#tmp_footer:after,
#tmp_fnavi:after,
#tmp_footer_cnt:after,
div.col2:after,
div.col3: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_footer ul,
*:first-child+html #tmp_wrap_fnavi,
*: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_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_means_tertiary,
*:first-child+html #tmp_hnavi,
*:first-child+html #tmp_gnavi,
*:first-child+html #tmp_main,
*:first-child+html #tmp_emergency,
*:first-child+html #tmp_emergency_cnt,
*:first-child+html #tmp_emergency_s,
*:first-child+html #tmp_emergency_s_cnt,
*: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_cnt,
*: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.col3 {
	min-height:1%; /* 変更しない */
}
/* for IE6.0 */
* html #tmp_footer ul,
* html #tmp_wrap_fnavi,
* html #tmp_contents,
* html #tmp_maincontents,
* html #tmp_header,
* html #tmp_means,
* html #tmp_func_txt,
* html #tmp_func_clr,
* html #tmp_means_primary,
* html #tmp_means_secondary,
* html #tmp_search,
* html #tmp_means_tertiary,
* html #tmp_hnavi,
* html #tmp_gnavi,
* html #tmp_main,
* html #tmp_emergency,
* html #tmp_emergency_cnt,
* html #tmp_emergency_s,
* html #tmp_emergency_s_cnt,
* html .plugin,
* html .pnavi,
* html #tmp_inquiry_cnt,
* html #tmp_feedback_cnt dd,
* html #tmp_publicity_cnt,
* html #tmp_footer,
* html #tmp_fnavi,
* html #tmp_footer_cnt,
* html div.col2,
* html div.col3 {
	height:1%; /* 変更しない */
}

