@charset "utf-8";
/*===========================================================
    RESET STYLE and COMMON SETTINGS
===========================================================*/

/*-------------------------------------
 RESET
--------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 14px;
font-family: inherit;
vertical-align: baseline;
}
a, a:link, a:visited, a:hover, a:active{text-decoration:none}
table{border-collapse:separate; border-spacing:0;}
th, td {text-align:left; font-weight:normal;}
img, iframe {border:none; text-decoration:none;}
ol, ul{list-style:none;}
input, textarea, select, button {font-size:100%; font-family:inherit;}
select{margin:inherit;}
hr{margin:0; padding:0; border:0; color:#000; background-color:#000; height:1px}

/*-------------------------------------
 COMMON (font family, color, font style)
--------------------------------------*/
body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #474747;
	line-height: 1.5;
	text-align:center;
	background:#eee;/*仮*/
}

address,h1,h2,h3,h4{
	font-style: normal;
	font-weight: normal;
}

/*-------------------------------------
 clearfix
--------------------------------------*/
.clearfix{ /zoom : 1; }
.clearfix:after{ content: ''; display:block; clear:both; height:0;}

/*-------------------------------------
 float
--------------------------------------*/
.floatL{ float: left;}
.floatR{ float: right;}
/* Float Clear */
.clear{
	clear: both;
	zoom: 1;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}

/*-------------------------------------
 text align and text hidden
--------------------------------------*/
.posiLeft{ text-align: left !important; }
.posiRight{ text-align: right !important; }
.posiCenter{ text-align: center !important;}
.vTop{ vertical-align: top !important;}
.vMiddle{ vertical-align: middle !important;}
.vBottom{ vertical-align: bottom !important;}
.hidden {visibility: hidden;}

/*-------------------------------------
 link
--------------------------------------*/
a:link{
	color: #00f;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover{
	color:#f30;
	text-decoration: none;
}
a:active{
	text-decoration: none;
}

#cbody a:link{ text-decoration: underline;}
#cbody a:visited{ text-decoration: underline;}
#cbody a:hover{ text-decoration: underline;}
#cbody a:active{ text-decoration: underline;}

a:has(img) {
	display: inline-block;
}

/*-------------------------------------
 font color, weight, size
--------------------------------------*/
.notes{ color:#C00;}
.notesBold{ color:#C00; font-weight:bold;}
.font_em{ font-weight: bold !important;}
.fs11{ font-size: 11px !important;}
.fs12{ font-size: 12px !important;}
.fs14{ font-size: 14px !important;}

/*-------------------------------------
 margin
--------------------------------------*/
.mt0{ margin-top: 0 !important;}
.mt5{ margin-top: 5px !important;}
.mt10{ margin-top: 10px !important;}
.mt15{ margin-top: 15px !important;}
.mt20{ margin-top: 20px !important;}
.mt30{ margin-top: 30px !important;}

.mb0{ margin-bottom: 0 !important;}
.mb5{ margin-bottom: 5px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb15{ margin-bottom: 15px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb30{ margin-bottom: 30px !important;}

.ml0{ margin-left: 0 !important;}
.ml5{ margin-left: 5px !important;}
.ml10{ margin-left: 10px !important;}
.ml15{ margin-left: 15px !important;}
.ml20{ margin-left: 20px !important;}
.ml35{ margin-left: 35px !important;}

.mr0{ margin-right: 0 !important;}
.mr5{ margin-right: 5px !important;}
.mr10{ margin-right: 10px !important;}
.mr15{ margin-right: 15px !important;}
.mr20{ margin-right: 20px !important;}

/*-------------------------------------
 padding
--------------------------------------*/
.pt0{ padding-top: 0 !important;}
.pb0{ padding-bottom: 0 !important;}
.pl0{ padding-left: 0 !important;}
.pr0{ padding-right: 0 !important;}

/*-------------------------------------
 table
--------------------------------------*/
table{
	border-collapse:collapse;
	width:100%;
}

th, td{
	border:1px solid #bbb;
	font-size:14px;
	line-height:1.4;
	padding: 3px 3px 3px 8px;
	word-break: break-all;
}

th{
	background:#ddd;
}

/*必須アイコン*/
.must{
	background:url(../images/icon_must.gif) no-repeat right center #ddd;
}

.must_left{
	background:url(../images/icon_must.gif) no-repeat left 4px center #ddd;
}

.noborderTable th{
	background:#fff;
	border:none;
	padding: 2px;
	vertical-align: middle;
}

.noborderTable td{
	border:none;
	padding: 2px;
	vertical-align: middle;
}

/*-------------------------------------
 hr
--------------------------------------*/
hr.line {
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	color: #ddd;
	background: none;
	height: 1px;
	margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/*-------------------------------------
 width
--------------------------------------*/
.w10per{width: 10% !important;}
.w20per{width: 20% !important;}
.w25per{width: 25% !important;}
.w50per{width: 50% !important;}
.w75per{width: 75% !important;}
.w95per{width: 95% !important;}
.w98per{width: 98% !important;}
.w100per{width: 100% !important;}

.w150px{width:150px !important;}
.w310px{width:310px !important;}

/*-------------------------------------
 word-break
--------------------------------------*/
table.wordBreak td{word-break: break-all;}

/*-------------------------------------
 文字色
--------------------------------------*/
.red_shin { color: #FF0000; }

/*-------------------------------------
 display
--------------------------------------*/
.dflex { display: flex; }