/* トップページ専用 */ 


/* MAIN_AREA
**************************************/
#MAIN_AREA {
	padding-top: 20px;
}
	#MAIN_AREA #MAIN_BANNER {
		margin-bottom: 20px;
		padding: 25px;
		background-color: rgba(100, 100, 100, 0.5);
	}
		#MAIN_AREA #MAIN_BANNER canvas {
			width: 640px;
			height: 360px;
			background-color:#FFFFFF;
		}
	#MAIN_AREA #CONTENTS_MENU {
		padding: 0 10px;
	}
		#MAIN_AREA #CONTENTS_MENU h1 {
			margin-bottom: 20px;
			padding-left: 32px;
			color: #333333;
			font-weight: bold;
			font-family: "Noto Sans Japanese", sans-serif;
			font-weight: 300;
			line-height: 48px;
			background: url(/bin/image/top/icon_menu_title.png) no-repeat scroll 0 0;
			background-size: 30px 43px;
		}
		#MAIN_AREA #CONTENTS_MENU li {
			display: inline-block;
			width: 160px;
			margin-right: 5px;
		}
			#MAIN_AREA #CONTENTS_MENU li a {
				text-decoration: none;
			}
			#MAIN_AREA #CONTENTS_MENU li a:before {
				content: "";
				display: block;
				padding-top: 85px;
				text-align: center;
			}
			#MAIN_AREA #CONTENTS_MENU li dl {
				padding: 5px;
				border: 1px solid #00accf;
				border-radius: 5px;
				background: #FFFFFF;
			}
				#MAIN_AREA #CONTENTS_MENU li dl dt {
					margin-bottom: 5px;
					padding-bottom: 5px;
					border-bottom: 1px solid #cccccc;
					color: #333333;
					font-size: 16px;
					font-family: "Noto Sans Japanese", sans-serif;
					font-weight: 300;
					text-align: center;
				}
				#MAIN_AREA #CONTENTS_MENU li:hover dl dt {
					text-decoration: underline;
				}
				#MAIN_AREA #CONTENTS_MENU li dl dd {
					position: relative;
					color: #666666;
					font-size: 12px;
				}
				#MAIN_AREA #CONTENTS_MENU li dl dd:after {
					content: "";
					position: absolute;
					right: -4px;
					bottom: -4px;
					display: inline-block;
					width: 18px;
					height: 18px;
					background: #00accf url(/bin/image/design/bg/bg_gmenu_radius.png) no-repeat scroll 0 0;
				}
		
			/* web */
			#MAIN_AREA #CONTENTS_MENU li.web_block a:before {
				background: url(/bin/image/top/icon_menu_web.png) no-repeat scroll 10px 0;
				background-size: 140px auto;
			}
			/* application */
			#MAIN_AREA #CONTENTS_MENU li.application_block a:before {
				background: url(/bin/image/top/icon_menu_application.png) no-repeat scroll 10px 0;
				background-size: 140px auto;
			}
			/* tool */
			#MAIN_AREA #CONTENTS_MENU li.tool_block a:before {
				background: url(/bin/image/top/icon_menu_tool.png) no-repeat scroll 10px 0;
				background-size: 140px auto;
			}
			/* consulting */
			#MAIN_AREA #CONTENTS_MENU li.consulting_block a:before {
				background: url(/bin/image/top/icon_menu_consulting.png) no-repeat scroll 10px 0;
				background-size: 140px auto;
			}
	#MAIN_AREA #NEWS_BLOCK {
		margin-bottom: 20px;
	}
		#MAIN_AREA #NEWS_BLOCK > p {
			padding: 5px;
			border: 1px solid #00accf;
			font-size: 12px;
		}
	.remodal {
		border-radius: 10px;
	}
	.remodal .contents {}
		.remodal .contents h1 {
			padding-bottom: 10px;
			margin-bottom: 20px;
			border-bottom: 1px solid #cccccc;
			font-size: 16px;
			font-weight: bold;
		}
		.remodal .contents p {
			max-width: 80%;
			margin: auto;
			margin-bottom: 1em;
			text-align: left;
		}
		.remodal .contents p.name {
			text-align: right;
		}