@charset "utf-8";
/* CSS Document */

/*ブラウザスタイルの初期化*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
address, caption, cite, code, dfn, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul, li { list-style:none;}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}

fieldset, img { border:0;}
caption, th { text-align:left;}
.center { text-align:center;}
.left { float: left;}
.right { float: right;}
.right2 { text-align: right;}
.bold { font-weight: bold;}
header, section, footer, aside, nav, article, figure { display: block;}

/*画像のボーダーを消去*/
img {
	border: none;
	vertical-align: bottom;
}

/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	_min-height: 1px;
	verflow: hidden;
}
* html .clearfix {
	height: 1px;
	/*Â¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*スペースの指定*/
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}

.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}

.ml5 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml30 { margin-left: 30px !important;}
.ml40 { margin-left: 40px !important;}

.mr5 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr30 { margin-right: 30px !important;}
.mr40 { margin-right: 40px !important;}

.pt5 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt30 { padding-top: 30px !important;}
.pt40 { padding-top: 40px !important;}

.pb5 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb40 { padding-bottom: 40px !important;}

.pl5 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl30 { padding-left: 30px !important;}
.pl40 { padding-left: 40px !important;}

.pr5 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr30 { padding-right: 30px !important;}
.pr40 { padding-right: 40px !important;}

.mbn { margin-bottom: 0 !important;}
.pbn { padding-bottom: 0 !important;}
.mtn { margin-top: 0 !important;}
.ptn { padding-top: 0 !important;}
.mln { margin-left: 0 !important;}
.pln { padding-left: 0 !important;}
.mrn { margin-right: 0 !important;}
.prn { padding-right: 0 !important;}

.h5 { height: 5px;}
.h10 { height: 10px;}
.h15 { height: 15px;}
.h20 { height: 20px;}
.h25 { height: 25px;}
.h30 { height: 30px;}
.h35 { height: 35px;}
.h40 { height: 40px;}
.h45 { height: 45px;}
.h50 { height: 50px;}

/* VideoWidth100% */

.YouTube {
    height: 0;
    padding-bottom: 56.25%;
    padding-top: 30px;
    overflow: hidden;
    position: relative !important;
} 
.YouTube iframe,  
.YouTube object,  
.YouTube embed {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*ここまで初期設定*/