@charset "utf-8";
/* CSS Document */

/* =============================================================================
	My Cloud アプリ お知らせ用css
	/support/mycloudapps/information/important/20170620/
	
	「MapMark」サービス終了について
============================================================================= */
div.info20170620	{}

div.info20170620 dl	{}
div.info20170620 dl dt	{ border: 1px solid #CCCCCC; padding: 6px 10px; font-weight: bold; background: #def4fe; }
div.info20170620 dl dt span	{
	display: inline-block;
	color: #fff;
	margin-right: 0.5em;
	padding: 5px 10px;
	background: #0096DC;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	}
div.info20170620 dl dd	{ border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; margin: 0 0 15px; padding: 0; }
div.info20170620 dl dd > p.tit	{ padding: 6px 10px; margin: 0; }
div.info20170620 dl dd > p.tit span	{
	display: inline-block;
	font-weight: bold;
	color: #333;
	margin-right: 0.5em;
	padding: 5px 10px;
	background: #FFD70A;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	}
div.info20170620 dl dd div.cont	{ margin: 0 3.4em; }

div.info20170620 dl dd div.cont div.divide > .tit	{
	display: inline-block;
	font-weight: bold;
	color: #fff;
	padding: 5px 20px;
	background: #666;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
	border-radius: 20px;
	}
	
div.info20170620 dl dd div.cont div.divide ol li .img	{ display: block; margin: 0.5em 0; padding: 1em; background: #e3eff4; text-align: center; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px; }


/* margin padding */
.pl10	{ padding-left: 1em!important; }