@charset "utf-8";
/* =======================================================================

   共通リセット
   
======================================================================= */

html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset {
 	margin: 0;
 	padding: 0;
 	line-height: 1.0;
}
table {
 	border-collapse: collapse;
 	border-spacing: 0;
}
ul li, ol li {
 	list-style-type: none;
}
a {
 	text-decoration: none;
}
img {
 	border: 0;
}
img, input, select, textarea {
 	vertical-align: middle;
}
/* For vertical-scrollbar issue */
html {
 	/*overflow: scroll;*/
 	/*overflow: -moz-scrollbars-vertical;*/ /* Firefoxの先行実装 */
 	/*overflow-x: scroll;*/ /* Firefoxで横スクロールバーが表示されない問題を回避 */
}
*:first-child+html * {
 	letter-spacing: 0; /* hasLayout問題を回避 	*/
}

/* :::::::::: clearfix :::::::::: */
.clearfix {
 	display: block;
}

.clearfix:after {
 	content: ".";
 	display: block;
 	clear: both;
 	height: 0;
 	visibility: hidden;
}
	
/* :::::::::: 回り込み、解除 :::::::::: */
.left {
 	float:left;
}
.right {
 	float:right;
}
.clear {
 	clear:both;
 	display:block;
 	margin:0;
 	padding:0;
 	height:0;
 	line-height:0px;
 	font-size:0px;
}
/*画像の左へ回り込み */
img .left {
 	float:left;
 	margin-top:0px;
 	margin-right:0px;
}
/*画像の右へ回り込み */
img .right {
 	float:right;
 	margin-top:0px;
 	margin-left:0px;
 	margin-right:0px;
}

@media screen and (max-width: 767px) {
.right{
    float:none;
	text-align:center;
}

.left{
    float:none;
	text-align:center;
}

}

/* :::::::::: フォント :::::::::: */
p,li,dt,dd {
 	font-size:16px;
 	line-height:180%;
 	color:#4c4c4c;
 	-webkit-text-size-adjust: none;
}
.icon {
 	margin:0;
 	padding:0 5px 0 0;
 	vertical-align:baseline;
}

/* :::::::::: リンクカラー 	:::::::::: */
a:link,
a:visited {
 	color:#000000;
 	text-decoration:underline;
}

a:hover,
a:active {
 	color:#999999;
 	text-decoration:none;
}

/* :::::::::: テキスト非表示 :::::::::: */
.hidden{
 	font-size:0;
 	text-indent:-999999px;
	height:0;
}

/* :::::::::: 寄せ :::::::::: */
.tar{
    text-align:right;
}
.tal{
    text-align:left;
}

.tac{
    text-align:center;
}