html #MAIN { line-height:140%; }
hr { display:none; }

/*--------------------
 OVERRIDE RESET 
----------------------*/
#CONINNER {
	background:transparent;
	background-color:#fff;
}
#CONTENTS {
	width:auto;
	padding-bottom:0;
}

/*--------------------
 LOCAL PAGE COMMON
----------------------*/
#MAIN h1,
#MAIN h2,
#MAIN h3,
#MAIN h4 { font-weight:normal; }

#MAIN ul,
#MAIN li,
#MAIN p,
#MAIN h1,
#MAIN h2,
#MAIN h3,
#MAIN h4,
#MAIN dl,
#MAIN figure { margin:0; padding:0; }

#MAIN a:visited,
#MAIN a:focus,
#MAIN a:hover,
#MAIN a:active,
#MAIN a { /*color:#000;*/ text-decoration:none; }

#MAIN img { vertical-align:bottom; border:none; }
#MAIN li { list-style:none; }

#MAIN dt,
#MAIN dd { margin:0; padding:0; float:none; }


#MAIN div:after,
#MAIN aside:after,
#MAIN header:after,
#MAIN footer:after,
#MAIN main:after,
#MAIN ul:after,
#MAIN dl:after,
#MAIN .d-block:after { content:""; display:block; clear:both; float:none; }

/* button layout */
#MAIN .button { display:table; width:100%; }
#MAIN .button > * {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
	position:relative;
	opacity:1;
	
}
#MAIN .button > *:after {
	position:absolute;
	content:'';
	display:block;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#fff;
	opacity:0;
	transition:opacity .3s ease;
}
#MAIN .button > *:hover:after {
	opacity:.5;
}


/* font common */
#MAIN [class*="head-level"],
#MAIN [class*="weight-level-"] { line-height:100%; }

#MAIN .f-white { color:#fff; }
#MAIN .f-black { color:#000; }
#MAIN .f-pink,
#MAIN em { color:#e3007f; }

/* line-height control */
#MAIN .lineH-ll { line-height:180%; }
#MAIN .lineH-l { line-height:160%; }
#MAIN .lineH-m { line-height:140%; }

/* common setting */
#MAIN img.w100 { width:100%; }
#MAIN .f-right { float:right; }
#MAIN .f-left { float:left; }
#MAIN .inblock { display:inline-block; vertical-align: middle; }
#MAIN .inblock.w100 { width:100%; }
#MAIN .txt-center { text-align:center; }
#MAIN .txt-left { text-align:left; }
#MAIN .LH100 { line-height:100%; }
#MAIN .strong { font-size:120%; }
#MAIN .block-center { margin-left:auto; margin-right:auto; }
#MAIN .d-block { display:block; }
#MAIN .key-blue { color:#0a265d; }
#MAIN .border-box { box-sizing:border-box; }
#MAIN .H100 { height:100%; }
#MAIN .relative { position:relative; }

#MAIN .round-container {
	box-sizing:border-box;
	width:100%;
	padding:25px 20px;
	border-radius:10px;
}

#MAIN .section h2 { margin-left:auto; margin-right:auto; }

/* Page common */
#MAIN .section > .inner {
	box-sizing:border-box;
	max-width:880px;
	margin-left:auto;
	margin-right:auto;
}

#MAIN .section .round-container.bg-cleam {
	background-color:#f7f0cf;
}
#MAIN .section .round-container.bg-white {
	background-color:#fff;
}

#MAIN .section.drop-white {
	background-image:url(../images/bg_drop_white.jpg);
}
#MAIN .section.drop-cleam {
	background-image:url(../images/bg_drop_cleam.jpg);
}
#MAIN .section.drop-yellow {
	background-image:url(../images/bg_drop_yellow.jpg);
}

#MAIN .section.equipment h3 {
	position:relative;
}
#MAIN .section.equipment h3 span:after {
	content:"";
	display:inline-block;
	position:absolute;
	top:30%;
}

#MAIN .section.router {
	background-color:#000;
}


#MAIN .section.router > .inner {
	padding:0;
	position:relative;
}