@charset "utf-8";

/* ---------------------------------------------------------
default
--------------------------------------------------------- */
body,h1,h2,h3,h4,h5,h6,div,form,td{
	margin:0 0 0 0;
	padding:0 0 0 0;
	}

img{
	margin:0px;
	border:0px;
	padding: 0;
}

/* ---------------------------------------------------------
font
--------------------------------------------------------- */
body, h1, h2, h3, h4, h5, td, th{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight : normal;
	font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Roboto,'Noto Sans', 'Noto Sans CJK JP', 'Noto Sans CJK JP Subset',メイリオ,Meiryo,sans-serif;
}

.red   { color : #B00000; }
.blue  { color : #2C2C65; }
.blue2 { color : #2B45C1; }
.white { color : #FFFFFF; }
.gray  { color : #333333; }
.gray2 { color : #666666; }
.gray3 { color : #4B4B4B; }

.font8 { font-size: 8px; }
.font10{ font-size: 10px; }
.font11{ font-size: 11px; }
.font12{ font-size: 12px; }
.font13{ font-size: 13px; }
.font14{ font-size: 14px; }
.font15{ font-size: 15px; }
.font19{ font-size: 19px; }

.font8b	{ font-size: 8px; font-weight:bold; }
.font10b{ font-size: 10px; font-weight:bold; }
.font11b{ font-size: 11px; font-weight:bold; }
.font12b{ font-size: 12px; font-weight:bold; }
.font13b{ font-size: 13px; font-weight:bold; }
.font14b{ font-size: 14px; font-weight:bold; }
.font15b{ font-size: 15px; font-weight:bold; }
.font18b{ font-size: 18px; font-weight:bold; }
.font19b{ font-size: 19px; font-weight:bold; }

.fontb{ font-weight : bold; }
.fontn{ font-weight : normal; }

.LH160 { line-height: 1.6;}
.LH140 {line-height: 1.4;}
.LH130 {line-height: 1.3;}	
.LH120 {line-height: 1.2;}


/* ---------------------------------------------------------
common
--------------------------------------------------------- */
*{ 
    margin:0;padding:0; 
}
 
html{ 
    height:100%; 
} 

body{
	background-color:#FFFFFF;
	color : #000000;
	text-align:center;
	height : 100%;
	min-width: 1070px;
}

body > #container{
	height:auto;
	text-align: center;
}

a{
	text-decoration:underline;
	color:#2B45C1;
}
a:visited{
	text-decoration:underline;
	/*color:#7C2953;*/
}
a:hover{
	text-decoration:underline;
	color:#0076E1;
}

a.white{
	text-decoration:underline;
	color:#FFFFFF;
}
a.white:visited{
	text-decoration:underline;
	color:#FFFFFF;
}
a.white:hover{
	text-decoration:underline;
	color:#FFFFFF;
}

.clear		{ clear : both; }
.fLeft		{ float : left; }
.fRight		{ float : right;}

.vMiddle	{ vertical-align : middle; }

.tLeft		{ text-align : left; }
.tRight		{ text-align : right; }
.tCenter	{ text-align : center; }

.top0		{ margin-top : 0px; }
.top1		{ margin-top: 1px;}
.top3		{ margin-top: 3px;}
.top5		{ margin-top : 5px; }
.top8		{ margin-top : 5px; }
.top10		{ margin-top : 10px;}
.top15		{ margin-top : 15px;}
.top20		{ margin-top : 20px;}
.top25		{ margin-top : 25px;}
.top30		{ margin-top : 30px;}
.top40		{ margin-top : 40px;}
.top50		{ margin-top : 50px;}
.top60		{ margin-top : 60px;}
.top70		{ margin-top : 70px;}

.btm0		{ margin-bottom : 0px; }
.btm3		{ margin-bottom : 3px; }
.btm5		{ margin-bottom : 5px; }
.btm10		{ margin-bottom : 10px;}
.btm15		{ margin-bottom : 15px;}
.btm20		{ margin-bottom : 20px;}
.btm25		{ margin-bottom : 25px;}
.btm30		{ margin-bottom : 30px;}
.btm35		{ margin-bottom : 35px;}
.btm40		{ margin-bottom : 40px;}
.btm50		{ margin-bottom : 50px;}
.btm70		{ margin-bottom : 70px;}
.btm90		{ margin-bottom : 90px;}

.right1		{ margin-right : 1px; }
.right3		{ margin-right : 3px; }
.right5		{ margin-right : 5px; }
.right7		{ margin-right : 7px; }
.right10	{ margin-right : 10px; }
.right15	{ margin-right : 15px; }
.right25	{ margin-right : 25px; }
.right30	{ margin-right : 30px; }
.right45	{ margin-right : 45px; }
.right50	{ margin-right : 50px; }

.left3		{ margin-left : 3px; }
.left5		{ margin-left : 5px; }
.left10	{ margin-left : 10px; }
.left15	{ margin-left : 15px; }
.left30	{ margin-left : 30px; }
.left200	{ margin-left : 200px; }

.colw10{ width:10%; }
.colw12{ width:12%; }
.colw14{ width:14%; }
.colw15{ width:15%; }
.colw17{ width:17%; }
.colw20{ width:20%; }
.colw25{ width:25%; }
.colw30{ width:30%; }
.colw36{ width:36%; }
.colw40{ width:40%; }
.colw50{ width:50%; }

.pad_left5 { padding-left: 5px;}
.width100fLeft { float: left;
	width: 100px;}

.outlineFix{ overflow:hidden; }

h1{ 
	margin : 0;
	padding : 5px 15px 0px 0px;
	text-align : right;
	font-size: 11px;
	color : #21214B;
 }


/* ---------------------------------------------------------
header
--------------------------------------------------------- */

header{
	width:100%;
	border-bottom:1px solid #CCC;
	border-bottom:1px solid #001853;
}

header .header-main{
	width:100%;
	background: #001853;
}

header .header-main .inner{
	width:1070px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:15px 0 10px 0;
	position: relative;
}

header .header-main .inner h1{
	position:absolute;
	color:#FFF;
	left:210px;
	top:32px;
	font-size:12px;
}

header .header-main .inner .logoArea img{
	width:180px;
	height: auto;
}

header #pankuzu .main{ 
	width:1070px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-size:12px;
	padding:12px 0;
	color:#333333;	
	}

header #pankuzu .main a{ color:#666666; }
header #pankuzu .main a:hover{ color:#999999; }


