/*COMMON=========================================*/
html {
    font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
    font-size: 14px;
    line-height: 1.5em;
	color:#333;
}

body { background: url(../img/bg01.gif) repeat-x; }
h1, h2, h3, h4, h5, p, ul, li, ol { margin:0; padding:0; }
img { vertical-align: middle; border:none; }
li { list-style-type:none; }
a, a:hover , a:visited{  color:#004c9e; text-decoration:underline; }
a:hover {text-decoration:none;}

.pdf {
	padding:3px 25px;
	height:50px;
	background:url(../img/bg09.gif) no-repeat;
}
p .pagetop {
	padding:3px 0 3px 25px;
	height:50px;
	background:url(../img/bg08.gif) no-repeat;
	font-size:13px;
}


/*HEADER=========================================*/
.page-header {
    margin: 0 auto;
	padding:0;	
    width: 960px;
    height: 160px;
	position:relative;
}
.page-header h1 { 
	margin:0;
	padding-top:24px;
}
.page-header nav {
	position:absolute;
	top : 114px;
	left : 230px;
}
.page-header nav ul li{
	margin-right:25px;
	display:inline;
}
.page-header #comingsoon{
	position:absolute;
	top: -26px;
	left : 327px;
	z-index:3;
}

.page-header .logo {
	position:absolute;
	top : 106px;
	left : 845px;
}
.page-header .logIn {
	padding-top:10px;
	position:absolute;
	top : 5px;
	left : 710px;
	width:250px;
	height:42px;
	background:url(../img/bg10.gif);
	text-align:center;
}
.page-main {
	margin:0 auto;	
	width:960px;
	position:relative;
}
.page-main .btn{
	position:absolute;
	top:156px;
	left:612px;
}
.container {
	margin:30px auto 60px;
	width:960px;
}
.ouboBtn{
	padding-top:15px;	
	background:#eee;
	text-align:center;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	
}
.ouboBtnBg{
	height:16px;
	background:url(../img/bg03.gif) top no-repeat;
}


/*CONTENTS01=========================================*/
.contents01 {
	margin:0 auto;	
	padding:20px 30px 30px;
	width:900px;	
	background:url(../img/bg02.gif) repeat-y;
}
.contents01 p img {
	margin:15px 0;
}


/*CONTENTS02=========================================*/
.contents02 {
	margin:0 auto;
	padding:20px 30px 30px;
	width:900px;		
	background:url(../img/bg02.gif) repeat-y;
}
.contents02 .bg{
	background:url(../img/bg05.gif) center repeat-y;
}
.contents02 ul.function{
	width:900px;
}
.contents02 ul.function li{
	width:420px;
	float:left;
}
.contents02 ul.function li.left{
	margin-right:60px;
}
.contents02 ul.function li p.txt{
	margin:5px 0 15px;
}
.contents02 h3 {
	margin:0;
	padding-left:24px;
	background:url(../img/bg04.gif) no-repeat;
	font-size:18px;
	font-weight:bold;
	color:#004c9e;
}
.contents02 .line{
	clear:both;
	background:url(../img/bg06.gif) bottom no-repeat;
	height:30px;
}
.contents02 .mTop{
	margin-top:30px;
}
.contents02 .txtSpace{
	letter-spacing:-0.04em;
}
.contents02 .manual{
	margin-top:30px;
	padding:20px 40px 0;
	width:820px;
	height:45px;
	background:url(../img/bg07.gif) no-repeat;
	position:relative;
	overflow:hidden;
}
.contents02 .manual h3{
	margin:0;
	padding:0;
	background:none;
	font-size:18px;
	font-weight:bold;
	color:#004c9e;
}
.contents02 .manual ul {
	position: absolute;
	top: 22px;
	left: 195px;
}
.contents02 .manual ul li {
	margin:0 5px 0 0; 
	padding:0;
	width:auto;
	float:left;
	display:inline;
}
.mBot{
	margin-bottom:0;
}


/*PAGETOP=========================================*/
.pagetop {
	margin:0 auto;
	padding:20px 0 30px;
	width:960px;
	text-align:right;
}


/*FOOTER=========================================*/
.page-footer {
	border-top:1px solid #ddd;
}
.copyright {
	margin:0 auto;
	padding:20px 0;
	width:960px;
	position:relative;
}
.copyright img {
	position:absolute;
	top : 28px;
	left:645px;
}
.copyright p {
	font-size:13px;
}