/*==========================================================================
	reset
==========================================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small,strong,
sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
ul,ol,li,dl,dt,dd{list-style-type:none;list-style-position:outside;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{text-decoration:none;}
img{vertical-align:top;border:0;}
del{text-decoration:line-through;}
hr{display:block;height:0;border:0;margin:0;padding:0;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
em,strong{ font-weight: bold;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
input,select,textarea{margin:0;padding:0;vertical-align:baseline;}



html,
body{
	height: 100%;
	background: url(../../img/common/bg_pp.png);
	background-size: 84px;
}

body{
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-size: 14px;
}

/*--------------------------------------------------------------------------
	#page
--------------------------------------------------------------------------*/
#page{
	min-width: 1100px;
	min-height: 650px;
	height: 100%;
	background:
		url(../img/bg02.png) no-repeat 100% 0,
		url(../img/bg01.png) no-repeat 0 100%;
	background-size: cover, cover;
}


/*--------------------------------------------------------------------------
	header
--------------------------------------------------------------------------*/
header h1{
	z-index: 500;
	position: fixed;
	top: 0;
	left: 0;
}


/*--------------------------------------------------------------------------
	#main
--------------------------------------------------------------------------*/
#main{
	width: 100%;
	height: 100%;
	letter-spacing: -0.4em;
	text-align: center;
}

#main:before{
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

#main	.sec{
	display: inline-block;
	width: 720px;
	padding-bottom: 60px;
	letter-spacing: 0;
  vertical-align: middle;
  text-align: left;
	font-size: 20px;
	line-height: 2.2;
}

#main	.sec h2{
	padding-bottom: 30px;
}

#main	.sec ul{
	float: left;
	box-sizing: border-box;
	padding-right: 10px;
}

.ul01{
	width: 240px;
}
.ul02{
	width: 300px;
}
.ul03{
	width: 180px;
}

#main	.sec a{
	color: #000;
	text-decoration: none;
	text-shadow:
		-1px -1px 0px #fff,
		1px -1px 0px #fff,
		1px 1px 0px #fff,
		-1px 1px 0px #fff;
}
#main	.sec a:hover{
	text-decoration: underline;
}