@charset "utf-8";

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

全サイト共通のCSS

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

初期設定

------------------------------------------------------------------------------------------*/
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%;
	line-height:1.51;
}

body{
	font-size:120%;
}

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

p{
	margin-bottom:1em;
}

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:text-top;
}
sub{
	vertical-align:text-bottom;
}



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

汎用

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

clearfix

--------------------------------------------------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac ¥*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



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

フロート

--------------------------------------------------*/
.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; }



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

フォント太さ

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



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

フォントスタイル

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


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

余白

--------------------------------------------------*/
.mb0{ margin-bottom:0; }
.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; }






