@charset "UTF-8";

.modal-content {
	position:fixed;
	display:none;
	z-index:20000;
	width:90%;
	margin:0 auto;
	padding:0;
	background:#fff;
}

.modal-content #con1 {z-index:20000000000;}
.modal-content p {
	margin:0;
	padding:0;
}

.modal-overlay {
	z-index:10000;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.5);
}

.modal-open {
	color:#00f;
	text-decoration:underline;
}

.modal-open:hover {
	cursor:pointer;
	color:#f00;
}

.modal-close {
	color:#00f;
	text-decoration:underline;
}

.modal-close:hover {
	cursor:pointer;
	color:#f00;
}


.style {top:0!important;}



.modal-content {}
.modal-content dl {}
.modal-content dl dt {font-size:12px;line-height:25px;height:25px;text-align:left;padding:0 0 0 5px;margin:0 0 10px;border-top:3px solid #303030/*--------------color--------------*/;text-shadow:2px 2px 3px #CCC;
/*For Old*/background:#DDD;/*For Old WebKit*/background:-webkit-linear-gradient(#F1F1F1 0%,#DDD 100%);/*For Modern Browser*/background:linear-gradient(#F1F1F1 0%,#DDD 100%);}
.modal-content dl dd {padding:0 2% 5%;text-align: left;font-size:12px;line-height:25px;}

.modal-content dl dd p {font-size: 12px; margin: 0 2% 2%;}
.modal-content dl dd ul.icons {margin: 0;}
.modal-content dl dd ul.icons li {width: 20%;margin: 0 2% 4%;display: inline-block;font-size: 10px;vertical-align: top;text-align: center;}

.modal-content dl dd ul.icons li .icon {width: 100%;height: auto;
border-radius: 6px 6px 6px 6px;        /* CSS3草案 */  
-webkit-border-radius: 6px 6px 6px 6px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 6px 6px 6px 6px;   /* Firefox用 */
overflow: hidden;
margin: 0;
-webkit-box-shadow: 0 0 5px 0 #777; /* Safari, Chrome用 */
  -moz-box-shadow: 0 0 5px 0 #777; /* Firefox用 */
  box-shadow: 0 0 5px 0 #777; /* CSS3 */
  }
.modal-content dl dd ul.icons li .icon img {width: 100%;vertical-align: bottom;}