@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:2.0;
}

body{
	font-size:120%;
}

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

address{
	font-style:normal;
}

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

li{
	list-style-type:none;
}

img{
	border-style:none;
}

p{
	margin-bottom:1em;
	letter-spacing:-0.005em;
}

table{
	border-collapse:collapse;
	border-spacing:0;
	word-break: break-all;
}

th,td{
	padding:5px 7px;
	border:1px solid #ccc;
}

th{
	font-weight:normal;
}

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

small{
	font-size:100%;
}


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

汎用

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

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%; }
.txt110{ font-size:110%;}
.txt90{ font-size:90%;}
.txt80{ font-size:80%;}
.txt70{ font-size:70%;}




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

フォントの色

--------------------------------------------------*/
.txtC1{ color:#0E378B; }
.txtC2{ color:#CC3300; }
.txtC3{ color:#F60;}
.txtC4{ color:#1397D8; }
.txtC5{ color:#16AC72; }
.txtC6{ color:#F4B700; }
.txtC7{ color:#E97863; }
.txtC8{ color:#CCC; }
.txtC9{ color:#00634E; }
.txtC10{ color:#FF6600; }
.txtC11{ color:#B63900; }
.txtC12{ color:#8376B5; }



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

テキストの位置

--------------------------------------------------*/
.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; }
.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb20{ margin-bottom:20px; }
.mb30{ margin-bottom:30px; }
.mb40{ margin-bottom:40px; }
.mb50{ margin-bottom:50px; }
.mb60{ margin-bottom:60px; }
.mb70{ margin-bottom:70px; }

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

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

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

.mtb0{ margin-top:0; margin-bottom:0; }
.mtb5{ margin-top:5px; margin-bottom:5px; }
.mtb10{ margin-top:10px; margin-bottom:10px; }
.mtb20{ margin-top:20px; margin-bottom:20px; }
.mtb30{ margin-top:30px; margin-bottom:30px; }
.mtb40{ margin-top:40px; margin-bottom:40px; }
.mtb50{ margin-top:50px; margin-bottom:50px; }

.mlr0{ margin-left:0; margin-right:0; }
.mlr5{ margin-left:5px; margin-right:5px; }
.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; }
.pb5{ padding-bottom:5px; }
.pb10{ padding-bottom:10px; }
.pb20{ padding-bottom:20px; }
.pb30{ padding-bottom:30px; }
.pb40{ padding-bottom:40px; }
.pb50{ padding-bottom:50px; }

.pr0{ padding-right:0; }
.pr5{ padding-right:5px; }
.pr10{ padding-right:10px; }
.pr20{ padding-right:20px; }
.pr30{ padding-right:30px; }
.pr40{ padding-right:40px; }
.pr50{ padding-right:50px; }
.pr60{ padding-right:60px; }

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

.pt0{ padding-top:0; }
.pt5{ padding-top:5px; }
.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; }
.plr5{ padding-left:5px; padding-right:5px; }
.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; }
.w110{ width:110px; }
.w120{ width:120px; }
.w130{ width:130px; }
.w140{ width:140px; }
.w150{ width:150px; }
.w160{ width:160px; }
.w170{ width:170px; }
.w180{ width:180px; }
.w190{ width:190px; }
.w200{ width:200px; }
.w210{ width:210px; }
.w220{ width:220px; }
.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; }
.w350{ width:350px; }
.w360{ width:360px; }
.w370{ width:370px; }
.w380{ width:380px; }
.w390{ width:390px; }
.w400{ width:400px; }
.w410{ width:410px; }
.w420{ width:420px; }
.w430{ width:430px; }
.w440{ width:440px; }
.w450{ width:450px; }
.w460{ width:460px; }
.w470{ width:470px; }
.w480{ width:480px; }
.w490{ width:490px; }
.w500{ width:500px; }
.w510{ width:510px; }
.w520{ width:520px; }
.w530{ width:530px; }
.w540{ width:540px; }
.w550{ width:550px; }
.w560{ width:560px; }
.w570{ width:570px; }
.w580{ width:580px; }
.w590{ width:590px; }
.w600{ width:600px; }
.w610{ width:610px; }
.w620{ width:620px; }
.w630{ width:630px; }
.w640{ width:640px; }
.w650{ width:650px; }
.w660{ width:660px; }
.w670{ width:670px; }
.w680{ width:680px; }
.w690{ width:690px; }
.w700{ width:700px; }
.w710{ width:710px; }
.w720{ width:720px; }
.w730{ width:730px; }
.w740{ width:740px; }
.w750{ width:750px; }
.w760{ width:760px; }
.w770{ width:770px; }
.w780{ width:780px; }
.w790{ width:790px; }
.w800{ width:800px; }
.w100per{ width:100%; }



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

背景色

--------------------------------------------------*/
.bgC1{ background:#E4F1F8; }
.bgC2{ background:#F4F4F4; }
.bgC3{ background:#EFEFEF; }






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

インデント

--------------------------------------------------*/
.indent1{ margin-left:1em; text-indent:-1em; }
.indent2{ margin-left:2em; text-indent:-2em; }
.indent3{ margin-left:3em; text-indent:-3em; }
.indent4{ margin-left:4em; text-indent:-4em; }
.indent5{ margin-left:5em; text-indent:-5em; }
.indent6{ margin-left:6em; text-indent:-6em; }




