@charset "UTF-8";


/* CSS Document */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{
    color:#000;background:#FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;padding:0;
}
table{
    border-collapse:collapse;border-spacing:0;
}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;font-weight:normal;
}
li { list-style:none; } caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{
    font-size:100%;font-weight:normal;
}
q:before,q:after{ content:''; }
abbr,acronym{ border:0;font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
legend{ color:#000; }
/*ーーーーーーーーーーーーーここまでリセットcssですーーーーーーーーーーーーー*/

div#page{
    width: 850px;  
    margin: 0 auto;  
    text-align: center;  
    background-image: url("tomeiback2.png");
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

footer{
    clear:both;
	font-size: 10px;
	text-align: center;
}

body{
    background-image: url("backhp.jpg");
	background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    font-family:serif;
	
}

nav li{
   color: #000000s;
   font-size: 17px;
   padding:30px 0px;
   display:inline;
}
nav{
   margin:10px auto;
   height:30px;
}
nav li a{
   color: #666;
}
nav li:hover > a{
   color: #7FFFD4;
}


.explain{
    font-size: 14px;
}

a:hover img{
  opacity:0.6;
  filter: alpha(opacity=60);
}


hr{
   margin:100px auto 10px auto;
}

.clear{
   margin:40px;
}
.clearm{
	margin:10px;
	}
.clearb{
	margin:400px;
	}
.box {
	display: inline-block;
	height:350px;
	margin:10px
}

/* ハックでIE6,7のみに適用 */
html*.box {
	display: inline;
	zoom: 1;
}

.info{
	text-align:left;
}
.kousin {
		overflow:auto;
		width:350px; height:300px;
		text-align:left;
		font-size:small;
	}
a:link { color: #7F7F7F; }
a:visited { color: #7F7F7F; }
a:hover { color: #3F99C4; }
a:active { color: #ff8000; }

.sample_03{
margin:0px;
width: 500px;
height:300px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.sample_03 th{
width:100px;
padding:4px;
text-align: left;
vertical-align: top;
color: #444;
background-color: #fafafa;
border-left: 3px double #999;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.sample_03 td{
width:400px;
padding:4px;
text-align: left;
background-color: #fafafa;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.box2{
	float:left;
	}
.boxend{
	float:clear;
	}
.cdj{
	padding-right:20px;
	}
	
.center{
	width: 720px;
	margin:0 auto;
	}
	
.text{
	text-align:left;
	font-size:small;
	width:720px;
}