@charset "utf-8";
/* CSS Document */

/* =============================================================================
	My Cloud アプリ お知らせ用css
	/support/mycloudapps/information/important/
============================================================================= */

/* ---------------------------------------------------------------------------
	common
--------------------------------------------------------------------------- */


div.InfoMainte	{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

div.InfoMainte dl	{}
div.InfoMainte dl dt	{ border: 1px solid #CCCCCC; padding: 6px 10px; font-weight: bold; background: #def4fe; }
div.InfoMainte dl dt span	{ position:relative; display: inline-block; padding: 6px 10px 6px 3em; }
div.InfoMainte dl dt span:before	{
	content:'Q';
	position:absolute;
	left:0;
	top:0;
	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.InfoMainte dl dd	{ border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; margin: 0 0 15px; padding: 6px 10px; }
div.InfoMainte dl dd > p.tit	{ position:relative; padding: 6px 10px 6px 3em; margin: 0; }
div.InfoMainte dl dd > p.tit:before 	{
	content:'A';
	position:absolute;
	left:0;
	top:0;
	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.InfoMainte dl dd div.cont	{ margin: 0 3.4em; }
div.InfoMainte dl dd div.cont p	{ margin: 0 0 1em; }

div.InfoMainte 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.InfoMainte 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; }

div.InfoMainte dl dd ul	{ margin: 0 1.8em; }



/* margin padding */
.pl10	{ padding-left: 1em!important; }

/* text */
.textnormal	{ font-weight: normal!important; }
.textbig	{ font-size: 120%!important; }