/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// reset
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body { line-height: 1.8em; }

div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,article,aside,dialog,figure,footer,header,hgroup,nav,section,main { display:block; }

ul,ol { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:'';content:none; }

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

table { border-collapse:collapse;border-spacing:0; }

hr {
	display:block;
	height:1px;
	margin:1em 0;
	padding:0;
	border:0;
	border-top:1px solid #cccccc;
}

/*----+
// common
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/
#index #wrapper,
#outline #wrapper,
#contactDoc #wrapper { width: 640px;margin: 0 auto; }
@media (max-width: 736px) {
	#index #wrapper,
	#outline #wrapper,
	#contactDoc #wrapper { width: 100%; }
}

#index header,
#outline header,
#contactDoc header {
	margin: 0 0 20px 0;
	padding: 10px;
	background: #161f47;
}

@media (max-width: 736px) {
	#index header img,
	#outline header img,
	#contactDoc header img { width: 93px; }
}

#index header p,
#outline header p,
#contactDoc header p {
	float: right;
	width: 70px;
	padding: 5px;
	color: #e60012;
	font-weight: bold;
	text-align: center;
	border: solid 1px #252525;
	border-radius: 5px;
	background: #FFFFFF;
}

#index section,
#outline section,
#contactDoc section {
	padding: 30px 10px;
	border-bottom: dashed #5A5A5A 2px;
	box-sizing: border-box;
}

#index section h2,
#outline section h2,
#contactDoc section h2 {
	float: right;
	width: 400px;
	line-height: 1.5em;
	margin: 0 0 20px 0;
}
@media (max-width: 736px) {
	#index section h2,
	#contactDoc section h2 { width: 100%;box-sizing: border-box; }
}

#index section img,
#outline section img,
#contactDoc section img {
	float: left;
	width: 200px;
	margin: 0 20px 0 0;
}
@media (max-width: 736px) {
	#index section img,
	#contactDoc section img{ width: 100px; }
}

#index section p,
#outline section p,
#contactDoc section p {
	font-size: 0.9em;
	color: #3F3F3F;
	line-height: 1.2em;
}

#index header:after,
#index section:after,
#outline header:after,
#outline section:after,
#contactDoc header:after,
#contactDoc section:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.formUnit { width: 600px;margin: 0 auto; }
@media (max-width: 736px) {
.formUnit { width: 320px;margin: 0 auto; }
}

#contactDoc .bredcrumbs { margin: 0 0 40px; }

/*----+
// 181113
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/
.bredcrumbs { margin: 0 0 80px;padding: 0 0 0 10px; }

.bredcrumbs li {
	display: inline-block;
	font-size: 12px;
	list-style: none;
}

.bredcrumbs li:after { content: " > "; }

.bredcrumbs li:last-child:after { content: ""; }

.outlineUnit { margin: 0 0 10px 10px; }
@media (max-width: 736px) {
.outlineUnit { margin: 0 0 0 10px; }
}
@media (max-width: 736px) {
.outlineUnit tr th { width: 4.5em; }
}

.outlineUnit p { margin: 0 0 15px; }

.outlineCnt { margin: 0 0 170px 10px; }

@media (max-width: 736px) {
.outlineCnt { margin: 0 0 100px 15px; }
}

.outlineCnt li {
	margin: 0 0 25px;
	padding: 0 0 0 20px;
	list-style: none;
	background: url(../images/ico_arrow.png) 0 7px no-repeat;
	background-size: 10px auto;
}

@media (max-width: 736px) {
	body#index { width: 100%; }
	body#outline { width: 100%; }
}
@media (max-width: 736px) {
	section h2{
		width: 100%;
	}
}

/*----+
// 181114
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/
.hsl723Cate { padding: 0 0 0 10px;font-size: 14px; }

/*----+
// 200203
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/
.notice{
    margin: 50px 0px 80px 0px;
    text-align: center;
}
.notice p{
    font-size: 32px;

    font-family: serif;
    /* line-height: 1.1em; */
}
.notice div{
    border: 2px solid #000;
    padding: 30px;
    margin: 50px 0px 50px 0px;
    font-size: 24px;
    line-height: 1.8em;
}
.notice div p{
    font-size: 24px;
    color: #000;
}
.notice p .red{
    color: #f00;
}
.notice p .yellow{
    color: #f00;
    background: #fbff00;
}
.notice p.box_red{
    background: #f00;
    color: #fbff00;
    margin-top: 30px;
    padding: 15px;
}