@charset "utf-8";

/********************************************************************************************

全サイト共通のCSS

*********************************************************************************************/
/*------------------------------------------------------------------------------------------

初期設定

------------------------------------------------------------------------------------------*/
html,body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,table,th,td{
	margin:0;
	padding:0;
}

html{
	font-size:65%;
	letter-spacing:0.03em;
	line-height:1.81;
}

body{
	font-size:125%;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}

address{
	font-style:normal;
}

ul,dl,ol{
	text-indent:0;
}

li{
	list-style:none;
}

img{
	border-style:none;
	vertical-align: bottom;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

th,td{
	padding:5px 7px;
	border:1px solid #ccc;
	text-align:left;
	vertical-align:top;
}

th{
	font-weight:normal;
}

sup{
	vertical-align:super;
}
sub{
	vertical-align:bottom;
}



/*------------------------------------------------------------------------------------------

汎用

------------------------------------------------------------------------------------------*/
/*--------------------------------------------------

clearfix

--------------------------------------------------*/
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {}
.clearfix {display: block;} /* End hide from IE-mac */
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix {
	overflow: hidden;
}



/*--------------------------------------------------

フロート

--------------------------------------------------*/
.fl{ float:left; }
.fr{ float:right; }
.fClear{ clear:both; }



/*--------------------------------------------------

フォントサイズ

--------------------------------------------------*/
.txtS{ font-size:85%; }
.txtL{ font-size:120%; }
.txtXL{ font-size:140%; }




/*--------------------------------------------------

フォントの色

--------------------------------------------------*/
.txtRed{ color:#FF0000; }



/*--------------------------------------------------

テキストの位置

--------------------------------------------------*/
.alignC{ text-align:center; }
.alignL{ text-align:left; }
.alignR{ text-align:right; }

.verticalM{ vertical-align:middle; }
.verticalB{ vertical-align:bottom; }



/*--------------------------------------------------

フォント太さ

--------------------------------------------------*/
.weightNormal{ font-weight:normal; }
.weightBold{ font-weight:bold; }




/*--------------------------------------------------

フォントスタイル

--------------------------------------------------*/
.txtItalic{ font-style:italic; }


/*--------------------------------------------------

余白

--------------------------------------------------*/
.mb0{ margin-bottom:0; }
.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb20{ margin-bottom:20px; }
.mb30{ margin-bottom:30px; }
.mb40{ margin-bottom:40px; }
.mb50{ margin-bottom:50px; }

.mr10{ margin-right:10px; }
.mr20{ margin-right:20px; }
.mr30{ margin-right:30px; }
.mr40{ margin-right:40px; }
.mr50{ margin-right:50px; }

.ml10{ margin-left:10px; }
.ml20{ margin-left:20px; }
.ml30{ margin-left:30px; }
.ml40{ margin-left:40px; }
.ml50{ margin-left:50px; }

.mt0{ margin-top:0; }
.mt10{ margin-top:10px; }
.mt20{ margin-top:20px; }
.mt30{ margin-top:30px; }
.mt40{ margin-top:40px; }
.mt50{ margin-top:50px; }

.mlr0{ margin-left:0; margin-right:0; }
.mlr10{ margin-left:10px; margin-right:10px; }
.mlr20{ margin-left:20px; margin-right:20px; }
.mlr30{ margin-left:30px; margin-right:30px; }
.mlr40{ margin-left:40px; margin-right:40px; }
.mlr50{ margin-left:50px; margin-right:50px; }



.pb0{ padding-bottom:0; }
.pb10{ padding-bottom:10px; }
.pb20{ padding-bottom:20px; }
.pb30{ padding-bottom:30px; }
.pb40{ padding-bottom:40px; }
.pb50{ padding-bottom:50px; }

.pr10{ padding-right:10px; }
.pr20{ padding-right:20px; }
.pr30{ padding-right:30px; }
.pr40{ padding-right:40px; }
.pr50{ padding-right:50px; }

.pl10{ padding-left:10px; }
.pl20{ padding-left:20px; }
.pl30{ padding-left:30px; }
.pl40{ padding-left:40px; }
.pl50{ padding-left:50px; }

.pt0{ padding-top:0; }
.pt10{ padding-top:10px; }
.pt20{ padding-top:20px; }
.pt30{ padding-top:30px; }
.pt40{ padding-top:40px; }
.pt50{ padding-top:50px; }

.plr0{ padding-left:0; padding-right:0; }
.plr10{ padding-left:10px; padding-right:10px; }
.plr20{ padding-left:20px; padding-right:20px; }
.plr30{ padding-left:30px; padding-right:30px; }
.plr40{ padding-left:40px; padding-right:40px; }
.plr50{ padding-left:50px; padding-right:50px; }



/*--------------------------------------------------

横幅指定

--------------------------------------------------*/
.w100{ width:100px; }
.w330{ width:330px; }
.w450{ width:450px; }
.w600{ width:600px; }


.w100per{ width:100%; }



/*--------------------------------------------------

背景色

--------------------------------------------------*/
.bgRed{ background:#FF0000; }



/*--------------------------------------------------

テキスト関連

--------------------------------------------------*/
.alignFit {
	text-align: justify;
}