@charset "utf-8";


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 Reset CSS
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
	}
ul,ol,li{
	list-style:none;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym {
	border:0;font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
hr {
	display:none;
	}
a {
	color:#000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
img{
	vertical-align: bottom;
}

/* clearfix
----------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}/*IE7用*/

/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */


/*　画像の影　*
----------------------------------------------------------*/
.shadow{
	-webkit-box-shadow: 0px 0px 8px 2px #c3c3c3;
	-moz-box-shadow: 0px 0px 8px 2px #c3c3c3;
	box-shadow: 0px 0px 8px 2px #c3c3c3;
	background:#fff;
	position:relative;
	text-align:left;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 layout
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.fl { float:left; }
.fr { float:right; }

.ta_c { text-align:center; }
.ta_l { text-align:left; }
.ta_r { text-align:right; }
.va_b {	vertical-align:bottom; }