@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; }

.m_10 {	margin:10px; }
.m_20 {	margin:20px; }
.m_30 { margin:30px; }
.m_40 {	margin:40px; }
.m_50 { margin:50px; }

.mt_10 { margin-top:10px; }
.mt_20 { margin-top:20px; }
.mt_30 { margin-top:30px; }
.mt_40 { margin-top:40px; }
.mt_50 { margin-top:50px; }
.mt_60 { margin-top:60px; }
.mt_70 { margin-top:70px; }
.mt_80 { margin-top:80px; }
.mt_90 { margin-top:90px; }
.mt_100{ margin-top:100px;}

.mb_10 { margin-bottom:10px; }
.mb_20 { margin-bottom:20px; }
.mb_30 { margin-bottom:30px; }
.mb_40 { margin-bottom:40px; }
.mb_50 { margin-bottom:50px; }
.mb_60 { margin-bottom:60px; }
.mb_70 { margin-bottom:70px; }
.mb_80 { margin-bottom:80px; }
.mb_90 { margin-bottom:90px; }
.mb_100{ margin-bottom:100px;}

.ml_10 { margin-left:10px; }
.ml_20 { margin-left:20px; }
.ml_30 { margin-left:30px; }
.ml_40 { margin-left:40px; }
.ml_50 { margin-left:50px; }
.ml_60 { margin-left:60px; }
.ml_70 { margin-left:70px; }
.ml_80 { margin-left:80px; }
.ml_90 { margin-left:90px; }
.ml_100{ margin-left:100px;}

.mr_10 { margin-right:10px; }
.mr_20 { margin-right:20px; }
.mr_30 { margin-right:30px; }
.mr_40 { margin-right:40px; }
.mr_50 { margin-right:50px; }
.mr_60 { margin-right:60px; }
.mr_70 { margin-right:70px; }
.mr_80 { margin-right:80px; }
.mr_90 { margin-right:90px; }
.mr_100{ margin-right:100px;}

.p_10 {	padding:10px; }
.p_20 {	padding:20px; }
.p_30 { padding:30px; }
.p_40 {	padding:40px; }
.p_50 { padding:50px; }

.pt_10 { padding-top:10px; }
.pt_20 { padding-top:20px; }
.pt_30 { padding-top:30px; }
.pt_40 { padding-top:40px; }
.pt_50 { padding-top:50px; }
.pt_60 { padding-top:60px; }
.pt_70 { padding-top:70px; }
.pt_80 { padding-top:80px; }
.pt_90 { padding-top:90px; }
.pt_100{ padding-top:100px;}

.pb_10 { padding-bottom:10px; }
.pb_20 { padding-bottom:20px; }
.pb_30 { padding-bottom:30px; }
.pb_40 { padding-bottom:40px; }
.pb_50 { padding-bottom:50px; }
.pb_60 { padding-bottom:60px; }
.pb_70 { padding-bottom:70px; }
.pb_80 { padding-bottom:80px; }
.pb_90 { padding-bottom:90px; }
.pb_100{ padding-bottom:100px; }

.pl_10 { padding-left:10px; }
.pl_20 { padding-left:20px; }
.pl_30 { padding-left:30px; }
.pl_40 { padding-left:40px; }
.pl_50 { padding-left:50px; }
.pl_60 { padding-left:60px; }
.pl_70 { padding-left:70px; }
.pl_80 { padding-left:80px; }
.pl_90 { padding-left:90px; }
.pl_100{ padding-left:100px;}

.pr_10 { padding-right:10px; }
.pr_20 { padding-right:20px; }
.pr_30 { padding-right:30px; }
.pr_40 { padding-right:40px; }
.pr_50 { padding-right:50px; }
.pr_60 { padding-right:60px; }
.pr_70 { padding-right:70px; }
.pr_80 { padding-right:80px; }
.pr_90 { padding-right:90px; }
.pr_100{ padding-right:100px;}