/*書式設定
----------------------------------*/

html, body {height: 100%;} 
body {
	margin: 0;
	padding: 0;
	position: relative;
	min-width: 720px; 
	min-height: 200px; 
}
.centerMiddle {
	margin: -100px 0 0 -350px;
	position: absolute; 
	top: 50%; 
	left: 50%; 
	width: 720px;
	height: 200px;
	background-color: #fff;
}
img{
	margin:0;
	padding:0;
	border: 0 none;
	transition: 0.5s;
}

.fade {  
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out;  
transition: 0.3s ease-in-out;  
}

.fade:hover {  
    opacity: 0.5;  
    filter: alpha(opacity=60);  
} 


td{
	margin:0;
	padding:0;
	vertical-align:top;
	text-align: left;
	white-space: normal;
}
a:focus{
	-moz-outline-style:none;
}

.box { 
  text-align: center;
  height:100%;
  min-width:100%;
}
 
.box:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
 
.centered {
  display: inline-block;
  vertical-align:middle;
}

/*====================================
padding
====================================*/
.r50{
	padding: 0px 50px 0px 0px ;
}

.r15{
	padding: 0px 15px 0px 0px ;
}