@charset "utf-8";

@import url("home.css?0826");
@import url("/css/guide.css");

/*======================================

	リセット＆基本

=======================================*/

/*----------------------------------
	reset
----------------------------------*/
html { height: 100%; /*overflow-y: scroll;*/ }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote { padding: 0; margin: 0; }
fieldset, img, table { border: none; border: 0; }
table { /*border-collapse: collapse;*/ border-spacing: 0; font-size: inherit; font:100%; line-height: 1.5; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
pre, code, kbd, samp, tt { font-family: monospace; line-height: 99%; }
h1, h2, h3, h4, h5 { font-size: 100%; font-weight: bold; }
em, strong { font-weight: bold; text-decoration: none; }
sub { font-size: x-small; vertical-align: baseline; }

/*----------------------------------
	clearfix
----------------------------------*/
.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
*:first-child+html .cf { zoom: 1; } /* IE7 */

/*----------------------------------
	overflow
----------------------------------*/
.of { overflow: hidden;}

/*----------------------------------
	body
----------------------------------*/
body { color: #333; font-size: 75%; line-height: 150%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }
/* html> */ /**/ /* body { font-size: 12px;} */

/*----------------------------------
	wrapper
----------------------------------*/
#wrapper {
 width: 964px;
 margin: 10px auto; 
}

#wrapper .pan { text-align: left; margin:0 0 10px 0; clear: both;  line-height: 13px; }
#wrapper .pan img {margin: 0 3px;}

/*----------------------------------
	contents
----------------------------------*/
#contents {
	width: 732px;
	float: right;
}

/*----------------------------------
	side_menu
----------------------------------*/
#side_menu  { width: 200px; float: left;}

/*----------------------------------
	common
----------------------------------*/
.small,
.note { font-size: 10px; line-height: 1.5;}
.floatL { float: left; }
.floatR { float: right; }
.alignL { text-align: left; }
.alignR { text-align :right }
.alignC { text-align: center; }
.decimal, .number { margin: 0 0 0 1.5em; list-style: decimal; }
.disc, .ball { margin: 0 0 0 1.5em; list-style: disc; }
.verticalM { vertical-align: middle; }
.verticalT { vertical-align: top; }
.verticalB { vertical-align: bottom; }
.bigLink { font-size: 14px;}

/*----------------------------------
	link
----------------------------------*/
a { color: #333;}
a, a:link, a:active { text-decoration: underline; }
a:focus { outline: none; }
a:hover { text-decoration: none; }
a:visited:hover { text-decoration: none; }
a:visited { text-decoration: underline; }
a:hover img{ opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }
/*----------------------------------
	padding
----------------------------------*/
.ma20 { margin-left: 20px;}
.maL_05 { margin-left: 5px;}
.maT05 { margin-top: 5px;}
.pagT05 { padding-top: 20px;}

/*----------------------------------
	law
----------------------------------*/
ul.law_T_btn{ width: 730px; display: flex; margin-top: 20px; flex-wrap: wrap; justify-content: space-between;}
ul.law_T_btn li a{ display: block; background-color: #f7f7f7; border-color: #DEDFDF; border-width: 1px; border-style: solid; margin-bottom: 10px; height: 80px; width: 356px; display: flex; justify-content: left; align-items: center; }
ul.law_T_btn li a:hover{ text-decoration: underline; color: black; }
ul.law_T_btn li p{ padding-left: 20px; font-size: 16px; font-weight: bold; }
.law_TTL{ margin: 20px 0 10px 0; font-size: 16px; font-weight: bold; }
.law_m_TTL{ font-size: 145%; padding-bottom: 7px; background: url('/ecsuites/img/products/bg_productstitle02.png') no-repeat center bottom; padding-top: 30px; clear: both;margin-bottom: 20px;}
.law_notice{margin-top: 8px; font-size: 90%; }
#contents table.law-list {
  width: 732px;
  text-align: center;
}
#contents table.law-list,table.law-list th,table.law-list td {
  border: 1px solid #e2e2e2;
  border-collapse: collapse;
}
#contents table.law-list td.bl_non {
	border-left-style: none;
}
#contents table.law-list td.br_non {
	border-right-style: none;
}
#contents table.law-list td.im_cet {
	 text-align: center;
}
#contents table.law-list th {
  font-weight: bold;
  background: #f8fbfb;
  padding:4px 10px;
}
#contents table.law-list td {
  text-align: left;
  padding: 4px 10px;
}
#contents table.law-list td.law_L_area{ margin:0 auto;}
#contents table.law-list td.law_L_area p{ margin: 5px; padding:3px 5px; text-align: center; color:#fff; background-color: #a0aab0; font-size:11px;  margin:0 auto; display: block; cursor: pointer; border-radius: 5px;}
#contents table.law-list td.law_L_area a:hover p{ color:#fff; background: red; text-decoration: underline !important;}
.low_b_btn{ clear: both; margin: 0 auto; padding-top: 20px; width: 420px; border-radius: 5px;}
.low_b_btn a:hover p{ color:#fff !important; background: red ;text-decoration: underline !important;}
.low_b_btn p{padding-bottom: 5px; padding-top: 5px; font-size: 17px; color: #fff !important; text-align: center; background-color: #a0aab0; border-radius: 5px;}
.mgT20{ margin-top: 20px;}