@charset "utf-8";

/**-----------------------------------------------------------------------------**/
/** 共通 **/
/**-----------------------------------------------------------------------------**/
/** video **/
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
/** box **/
section{
	padding:60px 0 50px 0;
}
div.box980,
nav#pankuzu,
h1{
	width:980px;
	margin:0 auto;
}
div.box460{
	width:460px;
}
div.boxInline{
	width:455px;
    display:inline-block;
    vertical-align:top;
	margin-top:20px;
}
.borderBo{
	border-bottom:1px solid #57A092;
}
.whiteBox{
	background:#FFF;
}
.boderR{
border-right: 1px solid #57A092;
}
.paR20{
padding-right: 20px;
}
/** contents **/
section p{
	padding:0 0 18px 0;
}
/** pankuzu **/
nav#pankuzu{
	padding:0 0 40px 0;
	text-align:right;
}
/** headline **/
h1{
	color:#57A092;
	font-size:233%;
	line-height:0.9em;
	font-weight:normal;
	letter-spacing:0.1em;
	padding:0 0 30px 0;
}
h1 span{
	font-size: 50% !important;
	color:#444;
	letter-spacing:0;
}
section h2{
	border-left:5px solid #57A092;
	font-size: 191% !important;
	font-weight:normal;
	padding:5px 0 0 20px;
	line-height:1.05em;
	margin:0 0 30px 0;
}
section h2 span{
	color:#57A092;
	font-size: 65% !important;
}
section h3{
	color:#57A092;
	margin:0 0 15px 0;
	font-size: 125% !important;
}
/** table **/
table{
	border-collapse:collapse;
	width:100%;
	text-align:left;
}
table th,
table td{
	border-bottom:1px solid #CCC;
	text-align:left;
}
table.harf th{
	padding:5px 3px;
}
table.wide{
	margin:30px 0 70px 0;
}
table.wideB tr:nth-child(2n+0) {
    background: #F5F5F5;
	}
table.wide td,
table.wide th{
	padding:10px 3px;
}
table.wideB{
	margin:30px 0 70px 0;
	width: 100% !important;
}
table.wideB td,
table.wideB th{
	padding:10px 3px;
}
table.wideB th{
width:200px;
table-layout: fixed;
}
table.wideB th.second{
width:100px !important;
table-layout: fixed;
}
input{
cursor:pointer;
}

input.orange{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #ff8620), color-stop(0.00, #f0ad0f));
background: -webkit-linear-gradient(top, #f0ad0f 0%, #ff8620 88%);
background: -moz-linear-gradient(top, #f0ad0f 0%, #ff8620 88%);
background: -o-linear-gradient(top, #f0ad0f 0%, #ff8620 88%);
background: -ms-linear-gradient(top, #f0ad0f 0%, #ff8620 88%);
background: linear-gradient(to bottom, #f0ad0f 0%, #ff8620 88%);
border:2px solid #ff8620;
color: #FFF;
padding: 10px 20px;
font-weight: bold;
cursor:pointer;
}
/** contactArea＆linkButton **/
section p.link,
section#contactArea p.link{
	text-align:center;
}
section p.link{
	padding:50px 0 10px 0;
}
section#contactArea p.link{
	padding:0;
}
section p.link a,
ul.link a{
	margin:0 5px;
	padding:12px 20px 10px 20px;
	color:#FFF;
	background:#555;
	line-height:1.0em;
	text-decoration:none;
	font-weight:bold;
	border-radius: 3px;        
    -webkit-border-radius: 3px;/* Safari,Google Chrome */  
    -moz-border-radius: 3px;/* Firefox */  
}
section#contactArea p.link a{
	color:#57A092;
	background:#FFF;
	padding:10px 40px;
}
section#contactArea{
	background-color:#57A092;
	padding:30px 0 30px 0;
}
/**-----------------------------------------------------------------------------**/
/*--header--*/
/**-----------------------------------------------------------------------------**/
header{
	padding:0 0 40px 0;
}
header p#logo{
	padding:35px 0 0 10px;
}
/*--nav--*/
header nav ul li{
	float:left;
	text-align:center;
}
header nav ul li a{
	text-decoration:none;
}
header nav ul li.border{
	border-left:1px solid #DDD;
}
nav ul li#navHome,
nav ul li#navUser,
nav ul li#navContact{
	padding:52px 15px 0 15px;
}
nav ul li#navService,
nav ul li#navService-sp{
	padding:30px 15px 0 15px;
}
header nav ul li.border a{
	padding:0 3px 10px 3px;
	display:block;
}
header nav ul li.border a:hover,
body#home header nav ul li#navHome a,
body#service header nav ul li#navService a,
body#service-sp header nav ul li#navService-sp a,
body#user header nav ul li#navUser a,
body#contact header nav ul li#navContact a{
	border-bottom:2px solid #57A092;
}
header nav ul li#navNew,
header nav ul li#navCustomer,
header nav ul li#navManager{
	line-height:1.5em !important;
	margin:0 0 0 5px;
	padding:30px 0 10px 0;
}
header nav ul li#navCustomer,
header nav ul li#navManager{
	width:100px;
}
header nav ul li#navNew{
	width:150px;
}
header nav ul li#navNew a,
header nav ul li#navCustomer a,
header nav ul li#navManager a{
	color:#FFF;
}
header nav ul li#navCustomer{
	background:url(../image/navBase-customer.gif) no-repeat;
}
header nav ul li#navManager{
	background:url(../image/navBase-manage.gif) no-repeat;
}
header nav ul li#navNew{
	background:url(../image/navBase-new.gif) no-repeat;
}

/**-----------------------------------------------------------------------------**/
/*--footer--*/
/**-----------------------------------------------------------------------------**/
footer{
	padding:42px 0 25px 0;
}
footer p,
footer small{
	font-size:91%;
	line-height:1.6em;
	padding:0 0 20px 0;
}
footer small{
	float: right;
	margin: 5px 0 0 0;
}
footer ul li{
list-style: none;
float: left;
}
footer ul li a{
border-right: 1px solid #DDD;
padding: 0 10px;
}
/** pageTop **/
div#page-top {
	position: fixed;
	right: 10px;
}
/**-----------------------------------------------------------------------------**/
/*--serviceページ--*/
/**-----------------------------------------------------------------------------**/
ul.link{
	padding:25px 0 0 0;
}
ul.link li{
	float:left;
	list-style:none;
	text-align:center;
	margin:0 5px 0 0;
}
p.linkAp{
background: url(../image/service-sp_ap02.png) left no-repeat;
padding: 5px 0 5px 40px;
}
p.linkGo{
background: url(../image/service-sp_go02.png) left no-repeat;
padding: 5px 0 5px 40px;
}

/**-----------------------------------------------------------------------------**/
/*--loginページ--*/
/**-----------------------------------------------------------------------------**/
h2.loginCustomer{
	background:url(../image/login_customer.gif) no-repeat left;
	padding:0 0 0 80px;
	border:none;
}
h2.loginManager{
	background:url(../image/login_manager.jpg)no-repeat left;
	padding:0 0 0 80px;
	border:none;
}
/**-----------------------------------------------------------------------------**/
/*--TOPページ--*/
/**-----------------------------------------------------------------------------**/
/*--mainimage--*/
div#mainImage,
div#mainImage ul{
	margin:0 auto;
	z-index:1;
	}
div#mainImage{
	position:relative;
}
div#mainImage ul li{
	margin:0 auto;
	background:#CCC;
}
div#mainImage ul li img{	
	max-width: 100%;
	height: auto;
	width /***/: auto;
}
div#mainImage div#onImage{
	width:980px;
	height:100%;
	position:absolute;
	left:50%;
	margin:0 0 0 -490px;
	background:url(../image/top-mainImage02.png) left repeat-y;
	z-index:2;
}
div#mainImage div#onImage p{
	width:460px;
	text-align:center;
	z-index:3;
}
div#mainImage div#onImage p img{
	position:absolute;
	max-height:60%;
	width /***/: auto;
	top:28%;
	left:8%;
}
/*--headline--*/
body#home h1{
	text-align:center;
	font-weight:normal !important;
	padding:70px 0 0 0 !important;
	color:#444 !important;
	font-size:108% !important;
	line-height:2.0em;
}
/**-----------------------------------------------------------------------------**/
/*--表示コンテンツ--*/
/**-----------------------------------------------------------------------------**/
div#contentsInfo p.floatL{
	margin:0 20px 0 0;
	padding:0 0 10px 0;
}
div#contentsInfo h3{
	border-bottom:1px solid #57A092;
	width:320px;
	margin:0 0 12px 140px;
	padding:3px 0 10px 0;
}
div#contentsInfo h3.none{
	border-bottom:none;
	width:100%;
	margin:0 0 12px 0;
	padding:3px 0 10px 0;
}
div#contentsInfo ul li{
	float:left;
	margin:0 10px 0 0;
	list-style:none;
	border:1px solid #DDD;
	line-height:0;
}


/**-----------------------------------------------------------------------------**/
/*--after--*/
/**-----------------------------------------------------------------------------**/

div.box980:after {
	clear: both;
	content: "";
	border: 0 none;
	display: block;
}