#modal-content{
   width:80%;
   max-width:1200px;
   margin:0;
   padding:10px 10px;
   border-radius:5px;
   background:#fff;
   position:fixed;
   display:none;
   z-index:5;
   max-height:95%;
   overflow:auto;
}
/*-------------------close button-------------------------*/
#modal-content #modal_close{
	text-align:center;
	margin:10px 0;
}
#modal-content #modal-close{
	display:inline-block;
	cursor:pointer;
	background:#666;
	color:#fff;
	padding:5px 25px;
	border-radius:5px;
}
#modal-content #modal-close:hover{
	opacity:0.7;
}
/*------------------xdomain用---------------*/
#modal_area iframe{
	width:100%;
	border:none;
}
/*別窓ボタン*/
#otherwindow{
	margin-bottom:7px;
}
#otherwindow a{
	background:#aaa;
	display:inline-block;
	color:#fff;
	border-radius:5px;
	padding:3px 10px;
}
#otherwindow a:hover{
	opacity:0.7;
}
/*-------------imgmodal()用-----------*/
#modal_img{
	text-align:center;
	padding-top:20px;
}
#modal_img img{
	display:inline-block;
}
/*-----------------overlay--------------------*/
#modal-overlay{
   z-index:4;
   display:none;
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:120%;
   background-color:rgba(0,0,0,0.75);
}
/*
	クラス追加でJSのonclick属性付加
	◆modalimg
	画像の場合
	hrefに画像URL指定
	
	◆modalinline
	インライン要素の場合
	hrefにid指定(＃含まず)
	
	◆modalxdomain
	クロスドメインの場合
	hrefにurlを指定
	
	◆modalajax
	サーバー内のファイルの場合
	hrefにurlを指定



	//クロスドメインの場合
	<p><a href="http://www.yahoo.co.jp/" onclick="javascript:xdomainmodal(this);return false;">xdomainmodal</a></p>
	
	//インライン要素の場合
	<p><a href="◆id(シャープなし)◆" onclick="javascript:inlinemodal(this);return false;">inline</a></p>
	
	//画像の場合
	<p><a href="img/user_icon.jpeg" onclick="javascript:imgmodal(this);return false;">img</a></p>
	
	//サーバー内ファイルの場合
	<p><a href="test.php" onclick="javascript:ajaxmodal(this);return false;">ajax</a></p>

//--------------ウィンドウ幅指定バージョン----------------

	//クロスドメインの場合
	<p><a href="http://www.yahoo.co.jp/" onclick="javascript:xdomainmodal2(this,【width】);return false;">xdomainmodal</a></p>
	
	//インライン要素の場合
	<p><a href="◆id(シャープなし)◆" onclick="javascript:inlinemodal2(this,【width】);return false;">inline</a></p>
	
	//画像の場合
	<p><a href="img/user_icon.jpeg" onclick="javascript:imgmodal2(this,【width】);return false;">img</a></p>
	
	//サーバー内ファイルの場合
	<p><a href="test.php" onclick="javascript:ajaxmodal2(this,【width】);return false;">ajax</a></p>










*/