@charset	"utf-8";

/* clearfix */
/*************************************************************/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

#special_body{
	text-align:center;
	}

#special_body img {
	}
	
#special_body a:link { color:#0058D0; text-decoration:underline; } 
#special_body a:visited { color:#0058D0; text-decoration:underline; }
#special_body a:hover { color:#0058D0; text-decoration:underline; } 
#special_body a:active { color:#0058D0; text-decoration:underline; }


#special_body h2{
	margin:15px 0 30px 0;
	}

#special_body h3{
	font-size:16px;
	font-weight:bold;
	margin:15px 0;
	padding:5px;
	background-color:#ffcc33;
	}

#special_body ul{
	margin:0 auto;
	width:750px;
	}

#special_body li{
	text-align:left;
	}
	
.photo{
	border:#CCCCCC 1px solid;
	float: right;
	margin-left:20px;
	padding:5px;
	}
	
.detail{
	overflow:hidden;
	}
	
.detail p{
	padding-bottom:20px;
	}


@media screen and (max-width: 640px){

#special_body img {
	width: 100%; 
	border:none;
	}

#special_body ul{
	margin:0 auto;
	width:100%;
	}
	
.photo{
	width: 159px; 
	float: none;
	text-align:center;
	margin:0 auto;
	padding:3px;
	}
.photo img{
   max-width: 159px; /* 最大幅 */
   	}
.detail{
	margin-top:10px;
	}	
.detail img{
   max-width: 13px; /* 最大幅 */
	}	
}