/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
html {overflow-y: scroll;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}
p {margin: 0 0 1em 0;}
ol,ul {list-style: none;}
fieldset,img {border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
caption,th {text-align: left;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}

html {
	margin:0 auto;
	background:url(../images/back2.jpg) no-repeat center top white;
	font-family:Verdana,Meiryo,"���C���I",sans-serif; 
}

body {
	margin:0;
	text-align:center;
	border-top:30px solid #007f87;
}

#contents {
	width:980px;
	border:solid 1px #ccc;
	text-align:left;
	padding-top:30px;
	margin:0 auto;
}

.title{
	overflow:auto;
	width:650px;
	margin:0 0 5px 20px;
}

#TOP_MENU{
	z-index:1;
	position:fixed;
	width:100%;
	background:#007f87;
	padding:5px 0;
	margin-top:-30px;
}

	#TOP_MENU ul{
		margin-left:0;
		*text-align:left;
		*padding-left:1em;
	}
	
	#TOP_MENU li{
		display:inline;
		font-size:90%;
	}
	
	
	#TOP_MENU li a{
		color:#fff;
		text-decoration:none;
		padding:0.2em 0.5em;
	}
	
	#TOP_MENU li a:hover{
		color:#333;
		background:#1BE3EF;
	}

h1 {
	text-align:center;
}

h2 {
	clear:both;
	width:900px;
	height:50px;
	color:#fff;
	font-size:140%;
	font-weight:bold;
	letter-spacing:0.5;
	background-color:#EF701B;
	border-radius:0 50px 50px 0;
}

	h2 img{
		margin:0 10px;
		vertical-align:middle;
	}

h3{
	clear:both;
	border-bottom:1px solid #999;
	border-left:8px solid #0099A2;
	color:#0099A2;
	font-size:120%;
	font-weight:bold;
	padding:0.3em 0.5em;
	margin:0em 0 1em 0;
}

h4{
	display:inline-block;
	border-left:8px solid #F8A910;
	border-radius:5px;
	background:#FF8736;
	color:#fff;
	font-weight:bold;
	letter-spacing:0.15em;
	padding:0.3em 0.5em;
	margin-top:1em;
}

.ex{
	z-index:0;
	width:550px;
	margin:10px auto 30px auto;
	padding:0.5em 1em;
	color:#fff;
	font-size:105%;
	letter-spacing:0.01em;
	line-height:1.2;
	background:#007f87;
	border-radius:10px;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

.biz{
	font-weight:bold;
	font-size:120%;
}

.section{
	padding-top:30px;
}

.txt{
	overflow:auto;
	width:800px;
	margin:2em auto 1em auto;
	line-height:1.5;
}

	.txt img{
		margin:0.5em 0.5em 0 0;
	}

.create{
	text-align:center;
	margin-bottom:20px;
}

	.create a{
		border-radius:10px;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
		letter-spacing:0.1em;
		padding:0.8em 1.2em;
		background: rgb(247,78,59); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(247,78,59,1) 0%, rgba(239,83,62,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(247,24,0,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,78,59,1)), color-stop(50%,rgba(239,83,62,1)), color-stop(51%,rgba(246,41,12,1)), color-stop(71%,rgba(240,47,23,1)), color-stop(100%,rgba(247,24,0,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(247,78,59,1) 0%,rgba(239,83,62,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(247,24,0,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(247,78,59,1) 0%,rgba(239,83,62,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(247,24,0,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(247,78,59,1) 0%,rgba(239,83,62,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(247,24,0,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(247,78,59,1) 0%,rgba(239,83,62,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(247,24,0,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f74e3b', endColorstr='#f71800',GradientType=0 ); /* IE6-9 */
	}
	
	.create a:hover{
		background: rgb(244,110,95); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(244,110,95,1) 0%, rgba(239,83,62,1) 50%, rgba(242,74,55,1) 51%, rgba(240,47,23,1) 71%, rgba(244,72,56,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,110,95,1)), color-stop(50%,rgba(239,83,62,1)), color-stop(51%,rgba(242,74,55,1)), color-stop(71%,rgba(240,47,23,1)), color-stop(100%,rgba(244,72,56,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(244,110,95,1) 0%,rgba(239,83,62,1) 50%,rgba(242,74,55,1) 51%,rgba(240,47,23,1) 71%,rgba(244,72,56,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(244,110,95,1) 0%,rgba(239,83,62,1) 50%,rgba(242,74,55,1) 51%,rgba(240,47,23,1) 71%,rgba(244,72,56,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(244,110,95,1) 0%,rgba(239,83,62,1) 50%,rgba(242,74,55,1) 51%,rgba(240,47,23,1) 71%,rgba(244,72,56,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(244,110,95,1) 0%,rgba(239,83,62,1) 50%,rgba(242,74,55,1) 51%,rgba(240,47,23,1) 71%,rgba(244,72,56,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f46e5f', endColorstr='#f44838',GradientType=0 ); /* IE6-9 */
	}

.dl{
	text-align:center;
	margin-bottom:40px;
}

	.dl a{
		border-radius:10px;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
		letter-spacing:0.1em;
		padding:0.8em 1.2em;
		background: rgb(73,155,234); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(73,155,234,1) 0%, rgba(0,81,244,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,155,234,1)), color-stop(100%,rgba(0,81,244,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(73,155,234,1) 0%,rgba(0,81,244,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(73,155,234,1) 0%,rgba(0,81,244,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(73,155,234,1) 0%,rgba(0,81,244,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(73,155,234,1) 0%,rgba(0,81,244,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#0051f4',GradientType=0 ); /* IE6-9 */
	}
	
	.dl a:hover{
		background: rgb(122,179,232); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(122,179,232,1) 0%, rgba(60,121,242,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,179,232,1)), color-stop(100%,rgba(60,121,242,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(122,179,232,1) 0%,rgba(60,121,242,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(122,179,232,1) 0%,rgba(60,121,242,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(122,179,232,1) 0%,rgba(60,121,242,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(122,179,232,1) 0%,rgba(60,121,242,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ab3e8', endColorstr='#3c79f2',GradientType=0 ); /* IE6-9 */
	}

.download{
	text-align:center;
	margin:30px auto;
}

.download li {
	display:inline;
	margin:0 10px;
}

	.download a{
		border-radius:10px;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
		letter-spacing:0.1em;
		padding:0.8em 1.2em;
		background: #3b679e; /* Old browsers */
background: -moz-linear-gradient(top,  #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(50%,#2b88d9), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	}
	
	.download a:hover{
		background: #476d9b; /* Old browsers */
background: -moz-linear-gradient(top,  #476d9b 0%, #4194d8 50%, #3486c9 51%, #8bbee5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#476d9b), color-stop(50%,#4194d8), color-stop(51%,#3486c9), color-stop(100%,#8bbee5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #476d9b 0%,#4194d8 50%,#3486c9 51%,#8bbee5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #476d9b 0%,#4194d8 50%,#3486c9 51%,#8bbee5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #476d9b 0%,#4194d8 50%,#3486c9 51%,#8bbee5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #476d9b 0%,#4194d8 50%,#3486c9 51%,#8bbee5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#476d9b', endColorstr='#8bbee5',GradientType=0 ); /* IE6-9 */
	}
	
#footer{
	clear:both;
	padding:15px;
	color:#fff;
	font-size:80%;
	text-align:center;
	background-color:#007f87;
}

ol,ul{
margin-left:1em;
}

ul.disc {
	margin:0.5em 1em;
}

	ul.disc li{
		list-style:disc;
		margin-left:1em;
	}

ul.service{
	margin-bottom:1em;
}

	ul.service li{
		float:left;
		
		margin-left:25px;
	}
	
	ul.service li.waku img{
		border:1px solid #ccc;
		border-radius:10px;
		background:#fff;
		margin:0;
	}
	
	ul.service li.waku img:hover{
		background: rgb(255,250,237); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(255,250,237,1) 0%, rgba(255,246,216,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,250,237,1)), color-stop(100%,rgba(255,246,216,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,250,237,1) 0%,rgba(255,246,216,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,250,237,1) 0%,rgba(255,246,216,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,250,237,1) 0%,rgba(255,246,216,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,250,237,1) 0%,rgba(255,246,216,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffaed', endColorstr='#fff6d8',GradientType=0 ); /* IE6-9 */
	}

ul.flow{
	width:800px;
	margin:0;
}

	ul.flow li{
		float:left;
		width:192px;
		margin-right:10px;
	}
	
	ul.flow li.end{
		margin-right:0;
	}
	
	ul.flow li img{
		border:1px solid #ccc;
		margin:0;
	}

	ul.flow li div{
		height:4.5em;
		background:#333;
		color:#fff;
		font-size:90%;
		padding:0.5em;
	}

table.tb01,
table.tb02{
	width:780px;
	border-collapse: separate;
	border-spacing:5px;
	margin:0.5em;
}

	table.tb01 th,
	table.tb02 th{
		background:#ddd;
		font-size:95%;
		text-align:center;
		padding:0.5em 0;
	}
	
	table.tb01 th{
		width:20%;
	}
		table.tb02 th.w10{
			width:10%;
		}
		
		table.tb02 th.w15{
			width:15%;
		}
		
		table.tb02 th.w20{
			width:20%;
		}
		
		table.tb02 th.w25{
			width:25%;
		}
		
		table.tb02 th.w30{
			width:30%;
		}
		
	table.tb01 td,
	table.tb02 td{
		background:#fff;
		text-align:center;
		font-size:95%;
		padding:0.2em 0.5em;
		border-bottom:1px solid #ccc;
	}

.pagetop{
	z-index:1;
	position:fixed;
	bottom:30px;
	right:25px;
	text-align:center;
	margin:1em 0;
}

	.pagetop span.up{
		background:#0099A2;
		color:#fff;
		font-weight:bold;
		font-size:150%;
		border-radius:30px;
		padding:0.15em 0.3em;
	}
	
	.pagetop span.top{

		font-weight:bold;
		padding:0 0.2em;
	}
	
	.pagetop a{
		text-decoration:none;
		color:#333;
		filter: alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
	}
	
	.pagetop a:hover{
		filter: alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
	}

.b{
	font-weight:bold;
}

.f_small{
	font-size:90%;
}

.clear{
	clear:both;
}

.center{
	text-align:center;
}

.mid{
	vertical-align:middle;
}

.news {
	border:solid 1px #ccc;
	padding:0.5em;
	margin:50px 30px 0 30px;
}