@charset "utf-8";

/* ==================================================
layout
================================================== */
/* main
============================== */
#tmp_wrap_main {
	clear:both; /* 変更しない */
}
.format_free #tmp_wrap_main {
	padding:0 10px;
}
/* contents
============================== */
#tmp_contents,
#tmp_maincontents {
	width:100%; /* 変更しない */
}
#tmp_contents {
	padding:0 0 10px;
}
/* ==================================================
header
================================================== */
#tmp_header {
	clear:both;
}
#tmp_hm {
	padding:7px 10px 4px 9px;
	border-bottom:1px solid #999999;
	background:-moz-linear-gradient(center top, #FFFFFF, #DDDDDD);/* Firefox */
	background:-webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#DDDDDD));/* Safari,Chrome */
}
#tmp_hlogo {
	float:left;
}
#tmp_hlogo h1 img,
#tmp_hlogo p img {
	vertical-align:top;
}
#tmp_means {
	margin:10px 0 0;
	float:right;
}
#tmp_header .to_pc a {
	width:80px;
	display:block;
	border-radius:4px;         /* CSS3 */
	-webkit-border-radius:4px; /* Webkit */
	-moz-border-radius:4px;    /* Mozilla */
	background:-moz-linear-gradient(center top, #87419E, #6A478D);/* Firefox */
	background:-webkit-gradient(linear, center top, center bottom, from(#87419E), to(#6A478D));/* Safari,Chrome */
	color:#FFFFFF;
	background-color:#6A478D;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
/* search
============================== */
#tmp_search {
	clear:both;
	padding:9px 20px;
	color:inherit;
	background-color:#F3EAF4;
	border-top:1px solid #FFFFFF;
}
#tmp_search dl {
	display:table;
	width:100%;
}
#tmp_search dt {
	display:table-cell;
	width:76px;
	margin:3px 3px 0 0;
	color:#443426;
	font-size:85.7%;
	font-weight:bold;
	vertical-align:middle;
}
#tmp_search dd {
	display:table;
	width:100%;
}
#tmp_search dd .box {
	margin:0 4px 0 0;
}
#tmp_query {
	width:100%;
	min-height:22px;
	box-sizing:border-box;      /* CSS3 */
	-webkit-box-sizing:border-box; /* Webkit */
	-moz-box-sizing:border-box;    /* Mozilla */
	border:1px solid #AAAAAA;
	vertical-align:middle;
}
#tmp_search dd .btn {
	display:table-cell;
	width:50px;
}
#tmp_func_sch_btn {
	width:50px;
	min-height:22px;
	border-radius:2px;         /* CSS3 */
	-webkit-border-radius:2px; /* Webkit */
	-moz-border-radius:2px;    /* Mozilla */
	color:#FFFFFF;
	background-color:#333333;
	background:-moz-linear-gradient(center top, #777777, #333333);/* Firefox */
	background:-webkit-gradient(linear, center top, center bottom, from(#777777), to(#333333));/* Safari,Chrome */
	border:none;
	font-weight:bold;
	vertical-align:middle;
}
/* hnavi
============================== */
#tmp_hnavi {
	padding:10px;
	font-weight:bold;
	list-style:none;
	list-style-image:none;
}
#tmp_hnavi li {
	padding:0 0 0 10px;
	margin:0 10px 0 0;
	background:url(/shared/templates/smartphone_top/images/list_icon.gif) no-repeat 0 0.2em;
	float:left;
}
/* ==================================================
main
================================================== */
#tmp_main {
	width:100%; /* 変更しない */
	clear:both; /* 変更しない */
}
/* emergency
============================== */
.box_emergency2 {
	clear:both;
	border-bottom:3px solid #FFAAAA;
}
.box_emergency2_ttl {
	padding:3px 10px 2px;
	color:#FFFFFF;
	background-color:#CD1212;
	background:-moz-linear-gradient(center top, #EA1515, #CD1212);/* Firefox */
	background:-webkit-gradient(linear, center top, center bottom, from(#EA1515), to(#CD1212));/* Safari,Chrome */
}
.box_emergency2_ttl h2 {
	font-size:114.3%;
}
.box_emergency2_cnt ul {
	list-style:none;
	list-style-image:none;
}
.box_emergency2_cnt p {
	line-height:1.2;
}
.box_emergency2_cnt p,
.box_emergency2_cnt li {
	padding:6px 10px;
	border-bottom:1px solid #CCCCCC;
}
.box_emergency2_cnt p:last-child,
.box_emergency2_cnt li:last-child {
	border-bottom:none;
}
.box_emergency2_cnt .related_btn p {
	line-height:1.6;
}
/* ==================================================
footer
================================================== */
#tmp_footer {
	clear:both;
	font-weight:bold;
}
/* fnavi
============================== */
#tmp_fnavi {
	text-align:center;
	clear:both;
}
#tmp_fnavi ul {
	list-style:none;
	list-style-image:none;
}
#tmp_fnavi li {
	margin:0 0 10px;
	padding:0 5px;
	display:inline-block;
	border-right:1px solid #000000;
}
#tmp_fnavi li:last-child {
	padding:0;
	border-right:none;
}
/* footer_cnt
============================== */
#tmp_footer_cnt {
	clear:both;
	font-size:85.7%;
	padding:10px 12px;
	color:#FFFFFF;
	background-color:#6A478D;
	background:-moz-linear-gradient(center top, #6A478D, #87419E);/* Firefox */
	background:-webkit-gradient(linear, center top, center bottom, from(#6A478D), to(#87419E));/* Safari,Chrome */
}
#tmp_footer_cnt address {
	font-style:normal;
}
/* ==================================================
class
================================================== */
/* text
============================== */
.underline {
	text-decoration:underline; /* 変更しない */
}
.strike {
	text-decoration:line-through; /* 変更しない */
}
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
/* 構築シートによって種類増減 */
.txt_red {
	color:#D71313; /* デザインによって変更 */
	background-color:transparent; /* 変更しない */
}
.txt_green {
	color:#0C7E19; /* デザインによって変更 */
	background:transparent; /* 変更しない */
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
.txt_big {
	font-size:130%;
}
.txt_small {
	font-size:86%;
}
.space_lft1 {
	padding-left: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 {
	margin-left:3.2em !important;
	text-indent:-1.5em !important;
	list-style:none !important;
	list-style-image:none !important;
}
ul.noicon ul,
ul.noicon ol,
ul.noicon p,
ul.noicon h1,
ul.noicon h2,
ul.noicon h3,
ul.noicon h4,
ul.noicon h5,
ul.noicon h6,
ul.noicon table,
ul.noicon div {
	text-indent:0 !important;
}
ul ul.noicon,
ol ul.noicon {
	margin-left:1.5em !important;
	text-indent:-1.5em !important;
}
/* ==================================================
parts
================================================== */
/* col2 ▼変更しない
============================== */
table.col2 {
	width:99%;
	border-collapse:collapse;
	border-spacing:0;
}
table.col2 td.col2L,
table.col2 td.col2R {
	padding:0;
	vertical-align:top;
	text-align:left;
}
table.col2 td.col2L {
	width:50%;
	border-right-width:15px;
}
#tmp_main table.col2 td.col2L {
	border-right:15px solid #FFFFFF;
}
table.col2 td.col2R {
	width:50%;
}
div.col2 {
	width:100%;
}
div.col2 div.col2L {
	display:table;
	width:48.5%;
	margin-right:2%;
	float:left;
}
div.col2 div.col2R {
	display:table;
	width:48.5%;
	float:left;
}
/* nestcol2 ▼変更しない
============================== */
table.col2 table.col2 td.col2L {
	padding:0;
}
div.col2 div.col2 div.col2L {
	width:47.5%;
	margin-right:4%;
}
div.col2 div.col2 div.col2R {
	width:47.5%;
}
/* fixed_col2 ▼変更しない
   編集領域には使わない（イベントカレンダー・定型等に使う）
============================== */
div.fixed_col2 {
	width:100%;
}
div.fixed_col2 div.fixed_col2L {
	display:table;
	width:48.5%;
	margin-right:2%;
	float:left;
}
div.fixed_col2 div.fixed_col2R {
	display:table;
	width:48.5%;
	float:right;
}
/* col3 ▼変更しない
============================== */
table.col3 {
	width:99%;
	border-collapse:collapse;
	border-spacing:0;
}
table.col3 td.col3L,
table.col3 td.col3M,
table.col3 td.col3R {
	padding:0;
	vertical-align:top;
	text-align:left;
}
table.col3 td.col3L,
table.col3 td.col3M {
	width:33.33%;
	border-right-width:15px;
}
#tmp_main table.col3 td.col3L,
#tmp_main table.col3 td.col3M {
	border-right:15px solid #FFFFFF;
}
table.col3 td.col3R {
	width:33.33%;
}
div.col3 {
	width:100%;
}
div.col3 div.col3L,
div.col3 div.col3M {
	display:table;
	width:31.7%;
	margin-right:2%;
	float:left;
}
div.col3 div.col3R {
	display:table;
	width:31.7%;
	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;
}
/* layouttable ▼変更しない
============================== */
table.layouttable {
	border-collapse:collapse;
	border-spacing:0;
}
table.layouttable td {
	padding:0 15px 0 0;
	vertical-align:top;
	text-align:left;
}
/* ==================================================
system
================================================== */
/* indent ▼変更しない
============================== */
div.section,
blockquote {
	padding:0 0 0 1em;
}
/* bgcolor
============================== */
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
/* 構築シートによって種類増減 */
td.bg_pink,
th.bg_pink {
	color:inherit;
	background-color:#FFEAEA; /* デザインによって変更 */
}
td.bg_yellow,
th.bg_yellow {
	color:inherit;
	background-color:#FFF7D5; /* デザインによって変更 */
}
td.bg_blue,
th.bg_blue {
	color:inherit;
	background-color:#E3EEFB; /* デザインによって変更 */
}
td.bg_gray,
th.bg_gray {
	color:inherit;
	background-color:#EEEEEE; /* デザインによって変更 */
}
td.bg_green,
th.bg_green {
	color:inherit;
	background-color:#EBF8E7; /* デザインによって変更 */
}
td.bg_purple,
th.bg_purple {
	color:inherit;
	background-color:#F1E8F7; /* デザインによって変更 */
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
/* ==================================================
clearfix
================================================== */
/* for modern browser */
.col_nm:after,
#tmp_contents:after,
#tmp_maincontents:after,
#tmp_header:after,
#tmp_hm:after,
#tmp_hnavi:after,
#tmp_main:after,
#tmp_footer:after,
div.col2:after,
div.fixed_col2:after,
div.col3:after {
	content:""; /* 変更しない */
	display:block; /* 変更しない */
	clear:both; /* 変更しない */
}

