@charset "utf-8";

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	letter-spacing:1px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body{
	font-size:12px;
}
section,header,footer,aside,article,small,nav{
	display:block;
}
p,img{
	outline:none;
	overflow:hidden;
}
li{list-style:none;}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.clear{clear:both;}
/*---------------------------------*/
/*header*/
header{
	background:black;
	background: -moz-linear-gradient(top,black,mediumblue 70%,blue 80%,dodgerblue);
	background: -webkit-gradient(linear, , , from(#), to(#));
	border-bottom:5px solid white;
	border-top:20px solid mediumaquamarine;
	text-align:center;
	color:white;
}
header a{
	color:white;
	font-size:28px;
}
header>div{
	border-top:5px solid white;
	background:url(../img/head.png);
}
header>div>div{
	border-left:5px solid white;
	border-right:5px solid white;
	width:900px;
	height:150px;
	margin:0 auto;
	padding:30px 20px 10px;
	background: -moz-linear-gradient(top,black,mediumblue 70%,blue 80%,dodgerblue);
}
header h1{
	margin-bottom:20px;
	text-shadow:0 0 5px white;
}
header h1 span{
	font-size:16px;
}
/*---------------------------------*/
/*aside*/
aside{
	height:80px;
	padding-top:20px;
	width:100%;
	background:dodgerblue;
}
aside p{
	width:900px;
	margin:0 auto;
	text-align:center;
	font-size:16px;
	background:dodgerblue;
	color:white;
	line-height:90px;
}
aside span{
	font-weight:bold;
	text-shadow:0 0 5px white;
}
/*---------------------------------*/
/*nav*/
nav{
	height:140px;
	width:100%;
	padding-top:20px;
	background:dodgerblue;
}
nav ul{
	width:900px;
	height:120px;
	margin:0 auto;
}
nav li{
	width:430px;
	height:120px;
	float:left;
	font-size:14px;
	text-align:center;
	padding:0 30px;
	border:5px solid mediumblue;
	background:white;
	cursor:pointer;
}
nav li:first-child{
	margin-right:40px;
}

nav li:last-child{
}
nav li:hover{
	background:white;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
nav p{
	border-left:10px groove red;
	border-right:10px ridge red;
	height:30px;
	margin-top:40px;
}
nav span{
	font-size:24px;
	text-decoration:underline;
	margin-left:20px;
	color:red;
	font-weight:bold;
}
/*---------------------------------*/
/*mark*/
#mark{
	font-size:40px;
	text-align:center;
	background:dodgerblue;
}
#mark ul{
	width:860px;
	margin:0 auto;
	height:80px;
}
#mark li{
	height:80px;
	line-height:80px;
	float:left;
	width:430px;
	color:white;
	font-weight:bold;
}
/*---------------------------------*/
/*wrapper*/
#wrapper{
	margin:0 auto;
	background: -moz-linear-gradient(top,dodgerblue,white);
}
/*---------------------------------*/
/*slider*/
#slider{
	width:900px;
	overflow:hidden;
	margin:0 auto;
	height:2600px; 
/*	height:3100px; */
	border:5px solid mediumblue;
	background:white;
}

/*---------------------------------*/
/*slider*/
#slider>ul{
	width:1800px;
}
#slider>ul>li{
	float:left;
	width:900px;
	background:white;
}
#slider section{
	margin:0 auto;
	width:900px;
	float:left;
	padding:20px;
}
/*---------------------------------*/
/*section*/
section h1{
	font-size:30px;
	padding:60px 20px 0;
	margin-bottom:20px;
	font-weight:normal;
	border-bottom:1px solid black;
	text-align:center;
}
section h1 span{
	color:red;
}
article{
	margin-bottom:100px;
}
article h2{
	background:#eee;
	border-left:10px solid blue;
	border-bottom:1px solid blue;
	font-size:24px;
	height:50px;
	line-height:50px;
	padding-left:10px;
	margin:50px 0 20px;
}
article h3,#pattern h3{
	border-left:20px solid skyblue;
	border-bottom:1px solid skyblue;
	font-size:20px;
	margin:50px 0 20px;
	padding-left:10px;
}
article h4{
	font-weight:normal;
	font-size:16px;
	display:inline-block;
	padding:0 20px 0 5px;
	margin-bottom:20px;
	border-bottom:1px dotted black;
}
article h5{
	background:#ccc;
	font-size:14px;
}

#link {
	text-align: center;
	margin: 20px 0 30px 0;
}

#link h3 {
	font-size: 16px;
	color: blue;
	padding: 10px 0;
}

.red{color:red;}
.size20{font-size:20px;}
.size30{font-size:30px;}
.size40{font-size:40px;}
.size50{font-size:50px;}
.size60{font-size:60px;}

.tr{text-align:right;}
.tc{text-align:center;}
.tl{text-align:left;}

.pr1{padding-right:10px;}

.ml1{margin-left:10px;}
.ml3{margin-left:30px;}
.ml5{margin-left:50px;}
.ml7{margin-left:70px;}
.ml10{margin-left:100px;}

.mt2{margin-top:20px;}
.mt4{margin-top:40px;}

.bold{font-weight:bold;}
.normal{font-weight:normal;}

.myocho{font-family:"ＭＳ Ｐ明朝";}

.opa5{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	background:none;
}

/*---------------------------------*/
/*type*/
#type{
}
#typetask{
	height:340px;
}
#typetask>div{
	float:left;
	width:420px;
	height:330px;
}
#typetask table{
	margin-left:20px;
	background:#ddd;
}
#typetask tr{
	height:25px;
}
#typetask th,#typetask td{
	background:white;
}
#typetask th{
	text-align:left;
	padding-left:10px;
	background:mediumaquamarine;
}
#typetask td:nth-child(1){
	width:220px;
	padding-left:10px;
}
#typetask td:nth-child(2){
	text-align:right;
	width:140px;
	padding-right:10px;
}
.typemoney{
	text-align:right;
	width:240px;
	padding:10px;
	border:1px dotted #aaa;
	margin:0 auto 0px;
}
.typemoney li{
	line-height:24px;
}
.service dl{
	border:1px solid #ddd;
	border-bottom:none;
	margin:20px 0 40px;
}
.service dt,.service dd{
	float:left;
	padding:10px;
	border-bottom:1px solid #ddd;
	height:80px;
}
.service dt{
	border-right:1px solid #ddd;
	background:honeydew;
	width:250px;
}
.service dd{
	width:588px;
	color:#555;
}
#type .basic dl{
	height:240px;
	width:840px;
}
#type .option dl{
	width:840px;
	height:800px;
}
#ace .basic dl{
	height:640px;
	width:840px;
}
#ace .option dl{
	width:840px;
	height:880px;
}
.option dt{
	font-size:14px;
}
#ace{
	border-left:5px solid mediumblue;
}
/*---------------------------------*/
/*pattern*/
#pattern{
	width:900px;
	margin:50px auto;
	border:5px solid mediumblue;
	padding:10px;
}
#pattern h2{
	font-size:24px;
	height:80px;
	line-height:80px;
	font-weight:normal;
	border-bottom:1px dotted black;
}
#pattern h2 span{
	color:red;
}
#pattern p{
	padding-left:10px;
}
/*---------------------------------*/
/*totop*/
#totop{
	position:fixed;
	right:50%;
	margin-right:-15px;
	bottom:10px;
	cursor:pointer;
	background:white;
	border:1px solid red;
	width:40px;
	height:40px;
	text-align:center;
	padding-top:3px;
}
#totop:hover{
	border:1px solid blue;
}
/*---------------------------------*/
/*#prev*/
#prev,#next{
	position:fixed;
	top:50%;
	left:50%;
	width:80px;
	text-align:center;
	color:red;
}
#prev{
	margin:-25px 0 0 -550px;
}
#next{
	margin:-25px 0 0 470px;
}
#prev img,#next img{
	cursor:pointer;
}
/*---------------------------------*/
/*footer*/
footer{
	text-align:center;
	padding-bottom:100px;
}


/*---------------------------------*/
/*opacity*/
/*
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
*/