@charset "utf-8";

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

全サイト共通のCSS

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

初期設定

------------------------------------------------------------------------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, q, pre, table, caption, colgroup, col, tbody, thead, tfoot, tr, th, td, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, span, a, img, em, ins, del, cite, abbr, sup, sub, dfn, code, var, samp, kbd, object, script, noscript, style, iframe, embed, param, map, area,
menu, hr, address, small, strong, i, b,
article, aside, figure, footer, header, hgroup, nav, section, figcaption, time, video, audio, mark, ruby, rt, rp, bdo, source, canvas, details, summary, command,
datalist, keygen, output, progress, meter{
	margin:0;
	padding:0;
}

html{
	font-size:65%;
	line-height:1.51;
}

body{
	font-size:120%;
}

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

address{
	font-style:normal;
}

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

li{
	list-style-type:none;
}

img{
	border-style:none;
}

p{
	margin-bottom:1em;
}

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

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

th{
	font-weight:normal;
}

address, article, aside, figure, figcaption, footer, header, hgroup, hr, legend, menu, nav,  section, summary{
	display:block;
}



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

汎用

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

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; }
.txtGray1{ color:#666; }
.txtBlue1{ color:#0061A9; }


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

テキストの位置

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

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



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

フォント太さ

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

.mr5{ margin-right:5px; }
.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; }



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

横幅指定

--------------------------------------------------*/
.w10{ width:10px; }
.w20{ width:20px; }
.w30{ width:30px; }
.w40{ width:40px; }
.w50{ width:50px; }
.w60{ width:60px; }
.w70{ width:70px; }
.w80{ width:80px; }
.w90{ width:90px; }
.w100{ width:100px; }
.w130{ width:130px; }
.w150{ width:150px; }
.w180{ width:180px; }
.w190{ width:190px; }
.w200{ width:200px; }
.w230{ width:230px; }
.w240{ width:240px; }
.w250{ width:250px; }
.w260{ width:260px; }
.w270{ width:270px; }
.w280{ width:280px; }
.w290{ width:290px; }
.w300{ width:300px; }
.w310{ width:310px; }
.w320{ width:320px; }
.w330{ width:330px; }
.w340{ width:340px; }
.w360{ width:360px; }
.w370{ width:370px; }
.w380{ width:380px; }
.w390{ width:390px; }
.w400{ width:400px; }
.w450{ width:450px; }
.w460{ width:460px; }
.w470{ width:470px; }
.w490{ width:490px; }
.w500{ width:500px; }
.w510{ width:510px; }
.w600{ width:600px; }


.w100per{ width:100%; }




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

インデント

--------------------------------------------------*/
.indent1{ margin-left:1em; text-indent:-1em; }
.indent2{ margin-left:2em; text-indent:-2em; }
.indent3{ margin-left:3em; text-indent:-3em; }
.indent3_7{ margin-left:3.7em; text-indent:-3.7em; }
.indent3_7{ margin-left:45px; text-indent:-45px; }
.indent4{ margin-left:4em; text-indent:-4em; }



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

背景色

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