@charset "utf-8";

/* contents
----------------------------------------------------------- */

.m-x-auto { margin-left: auto; margin-right: auto !important; }

.m-x-0 { margin-left: 0; margin-right: 0 !important; }
.m-x-05 { margin-left:  5px; margin-right:  5px !important; }
.m-x-10 { margin-left: 10px; margin-right: 10px !important; }
.m-x-20 { margin-left: 20px; margin-right: 20px !important; }

.m-y-0 { margin-top: 0; margin-bottom: 0 !important; }
.m-y-05 { margin-top:  5px; margin-bottom:  5px !important; }
.m-y-10 { margin-top: 10px; margin-bottom: 10px !important; }
.m-y-20 { margin-top: 20px; margin-bottom: 20px !important; }

.m-t-0 { margin-top:     0 !important; }
.m-t-05 { margin-top:  5px !important; }
.m-t-10 { margin-top: 10px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-t-30 { margin-top: 30px !important; }
.m-t-40 { margin-top: 40px !important; }
.m-t-50 { margin-top: 50px !important; }

.m-l-0 { margin-left:     0 !important; }
.m-l-05 { margin-left:  5px !important; }
.m-l-10 { margin-left: 10px !important; }
.m-l-20 { margin-left: 20px !important; }
.m-l-30 { margin-left: 30px !important; }
.m-l-40 { margin-left: 40px !important; }
.m-l-50 { margin-left: 50px !important; }

.m-r-0 { margin-right:     0 !important; }
.m-r-05 { margin-right:  5px !important; }
.m-r-10 { margin-right: 10px !important; }
.m-r-20 { margin-right: 20px !important; }
.m-r-30 { margin-right: 30px !important; }
.m-r-40 { margin-right: 40px !important; }
.m-r-50 { margin-right: 50px !important; }

.m-b-0 { margin-bottom:     0 !important; }
.m-b-05 { margin-bottom:  5px !important; }
.m-b-10 { margin-bottom: 10px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.m-b-30 { margin-bottom: 30px !important; }
.m-b-40 { margin-bottom: 40px !important; }
.m-b-50 { margin-bottom: 50px !important; }

.p-x-0 { padding-left: 0; padding-right: 0 !important; }
.p-x-05 { padding-left:  5px; padding-right:  5px !important; }
.p-x-10 { padding-left: 10px; padding-right: 10px !important; }
.p-x-20 { padding-left: 20px; padding-right: 20px !important; }

.p-y-0 { padding-top: 0; padding-bottom: 0 !important; }
.p-y-05 { padding-top:  5px; padding-bottom:  5px !important; }
.p-y-10 { padding-top: 10px; padding-bottom: 10px !important; }
.p-y-20 { padding-top: 20px; padding-bottom: 20px !important; }

.p-t-0 { padding-top:     0 !important; }
.p-t-05 { padding-top:  5px !important; }
.p-t-10 { padding-top: 10px !important; }
.p-t-20 { padding-top: 20px !important; }
.p-t-30 { padding-top: 30px !important; }
.p-t-40 { padding-top: 40px !important; }
.p-t-50 { padding-top: 50px !important; }

.p-l-0 { padding-left:     0 !important; }
.p-l-05 { padding-left:  5px !important; }
.p-l-10 { padding-left: 10px !important; }
.p-l-20 { padding-left: 20px !important; }
.p-l-30 { padding-left: 30px !important; }
.p-l-40 { padding-left: 40px !important; }
.p-l-50 { padding-left: 50px !important; }

.p-r-0 { padding-right:     0 !important; }
.p-r-05 { padding-right:  5px !important; }
.p-r-10 { padding-right: 10px !important; }
.p-r-20 { padding-right: 20px !important; }
.p-r-30 { padding-right: 30px !important; }
.p-r-40 { padding-right: 40px !important; }
.p-r-50 { padding-right: 50px !important; }

.p-b-0 { padding-bottom:     0 !important; }
.p-b-05 { padding-bottom:  5px !important; }
.p-b-10 { padding-bottom: 10px !important; }
.p-b-20 { padding-bottom: 20px !important; }
.p-b-30 { padding-bottom: 30px !important; }
.p-b-40 { padding-bottom: 40px !important; }
.p-b-50 { padding-bottom: 50px !important; }

.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }

.text-kome {
	text-indent: -1em;
	margin-left:  1em;
}
.text-red { color: red; }


.font-size-90p { font-size: 0.9em !important; }
.font-size-80p { font-size: 0.8em !important; }

.w-10p { width:  10%; }
.w-20p { width:  20%; }
.w-30p { width:  30%; }
.w-40p { width:  40%; }
.w-50p { width:  50%; }
.w-60p { width:  60%; }
.w-70p { width:  70%; }
.w-80p { width:  80%; }
.w-90p { width:  90%; }
.w-100p { width:  100%; }

.dsp-b { display: block; }
.dsp-i { display: inline; }
.dsp-ib { display: inline-block; }
.table-box { display: table; }
.table-box > * { display: table-row; }
.table-box > * > * { display: table-cell; }
.va-t, .va-t * { vertical-align: top; }
.va-b, .va-b * { vertical-align: bottom; }
.va-m, .va-m * { vertical-align: middle; }

table.tabe-border {
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-collapse: separate;
	border-spacing: 0;
}
table.tabe-border th, table.tabe-border td {
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding: 0.2em;
}

ul.list-disc {
	list-style: disc;
	font-size: 1em;
}
ul.list-disc > li {
	list-style: disc;
	font-size: 1em;
	margin: 0.5em 0 0 0.2em;
	padding-left: 0;
	background: none;
}

.bg-blue { background-color: #1C2D70 !important; color: white; }
.bg-lightblue { background-color: #4E7CF9 !important; color: white; }


#c_top {
	background:url(../../denki/parts/c_title.jpg) no-repeat;
}
table#category {
	width: 640px;
	margin: 10px;
}
table#category td {
	width: 310px;
	padding: 5px;
	border: 1px dashed #9cf;
}
h4 {
	margin: 0;
	padding: 3px 3px 3px 10px;
	background: url(../../sitemap/parts/title_bg.gif) repeat-y;
	color: #03C;
	font-size: 90%;
	font-weight: bold;
}
h4 a:link,h4 a:visited,h4 a:hover,h4 a:active {
	font-weight: bold;
}
h4 a:link,h4 a:visited {
	color:#03C;
}
h4 a:hover,h4 a:active {
	text-decoration: underline;
}
div.description {
	margin-bottom: 5px;
	padding: 3px 3px 3px 10px;
	color: #69F;
	font-size: 80%;
	text-align: right;
}
ul {
	margin-left: 10px;
}
ul,li {
	list-style-type: none;
}
li {
	padding-left: 12px;
	background: url(../../sitemap/parts/list_btn.gif) no-repeat left center;
}

#denki {
	width: 660px;
	margin: 10px auto;
	font-size: 13px;
	line-height: 1.6em;
}
#denki img {
	width: 100%;
	height: auto;
	max-width: 100%;
}

#denki p {
	font-size: 1em;
}
#denki h1 { font-size: 1.6em; }
#denki h2 { font-size: 1.5em; }
#denki h3 { font-size: 1.4em; }
#denki h4 { font-size: 1.3em; }
#denki h5 { font-size: 1.2em; }
#denki h6 { font-size: 1.1em; }
#denki .h1 { font-size: 1.6em !important; }
#denki .h2 { font-size: 1.5em !important; }
#denki .h3 { font-size: 1.4em !important; }
#denki .h4 { font-size: 1.3em !important; }
#denki .h5 { font-size: 1.2em !important; }
#denki .h6 { font-size: 1.1em !important; }
.h1, .h2, .h3, .h4, .h5, .h6 { font-weight: bold !important; }


#denki h3 {
	font-size: 1.4em;
} 
#denki h4{
	background: none;
	font-size: 1.3em;
}
#teigi {
	width: 650px;
}
#teigi img {
	width: 100%;
	margin: 0 auto 10px auto;
}
.cap-01 {
	margin-top:30px;
	margin-bottom:20px;
	background:#4E7CF9;
	color:fff;
	border-radius:5px;
	color:#fff;
}
.cap-01 > span{
	font-size:24px;
	background:#E18C00;
	color:#fff;
	padding:5px 10px;
	border-radius:8px;
	position:relative;
	margin-right:1em;
	vertical-align: middle;
}
.cap-01 > span:before {
	content:"";
	background:#E18C00;
	width:14px;
	height:14px;
	transform:rotate(45deg);
	position:absolute;
	bottom:-7px;
	left:0;
	margin-left:21px;
	
}


.cap-02 {
	font-size:18px;
	border-top: 4px double #4E7CF9;
	border-bottom: 4px double #4E7CF9;
	margin:30px auto 20px auto;
	text-align:center;
	padding:10px 0;
	font-size:24px;
	font-weight:bold;
}
.cap-03 {
	font-size:18px;
	background:#4E7CF9;
	color:#ff0;
	font-weight:bold;
	border-radius:10px;
	padding:10px;
	margin-bottom:14px;
	margin-top:30px;
}
.cap-03 > span {
	font-size:15px;
	color:#fff;
	font-weight:normal;
	margin-left:1em;
}

.table-bdr {
	border:1px solid #ddd;
	border-spacing:0;
	border-collapse:collapse;
}
.table-bdr th, .table-bdr td{
	border:1px solid #ccc;
	padding:3px;

}