@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0}
a{ text-decoration:none}
ul,ol{ list-style:none}
img{ vertical-align:middle}

/* @end*/
html{font-size:85%}
#wrapper {
  max-width: 940px;
  margin: 0 auto;
  background-color:#DCEBFA;
}

img{ max-width: 80%;
}

html{
	font-family:Verdana, Geneva, sans-serif;
	line-height: 1.5}

h1,h2,h3,h4,h5,h6{ margin-bottom: 24px}
h1{
	font-size:3em;/*48px*/
	line-height:1;/* 48px */
	margin-bottom:0.5em}

h2{
	font-size:2.25em;/* 36px */
	line-height:1.3333;/* 48px */
	margin-bottom:0.667em}
h3{
	font-size:1.5em;/* 24px */
	line-height:1;/* 24px */
	margin-bottom:1em;
	background-color: #A0CDDC;
	padding: 2px;
	color: #FFF;
	text-indent: 0.5em;}
	
hgroup h2,h3,h4,h5,h6{
	font-size: 16px;
	line-height: 1.5;
	
}/* 24px */

header{
	text-align:center;
	padding-top: 12px;
	background:#344376;
	}
header h1{
	margin-bottom:12px}
header h2{
	color:white}
.hi{
	
	float: right;
}
	

nav{
	margin-bottom:24pt;
	background-color:#AFB9DC;
	background: -moz-linear-gradient(top, rgba(125,73,52,1) 0%, rgba(43,21,18,1) 88%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,73,52,1)), color-stop(88%,rgba(43,21,18,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(125,73,52,1) 0%,rgba(43,21,18,1) 88%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(125,73,52,1) 0%,rgba(43,21,18,1) 88%); /* Opera 11.10+ */
background: linear-gradient(to bottom, rgba(125,73,52,1) 0%,rgba(43,21,18,1) 88%); /* W3C */
}
nav ul{
	overflow:hidden}
nav ul li{width: 25%; float:left} 
nav ul li a{
	display:block; 
	color:#d8c2a4;
	padding:0.75em 0;
	background:#5469B4;
	}
nav ul li a:hover{
	color:white;
	background-color:#A0BEE1}
/*@end*/
#contents{
	width:90%;
	margin:0 auto;
	text-align:left;
}
#contents p{
	margin-bottom: 12px;
	text-align: left;
	margin-left: 10px;
	}
#contents h4{
	font-size:1.2em;
	margin: 0 0 10px 10px;
	
}
#contents img{
	margin-bottom:24px;
	box-shadow:0 0 5px #2f1f1f}
footer{
	color:white;
	text-align:center;
	padding:1.5em 0;
	background:url(../images/footer_bg.png)}
#niti{
	background-color:#E6E6E6;
	padding: 10px;
	margin-bottom:20px
	}
#niti p{
	margin-left:25px;}

#tec{
	background-color:#FFF;
	padding: 15px;
	margin:20px 0 20px 0}
#tec p{
	margin-right:10px}
#intro h3{
	padding: 2px;
	color: #000;
	text-indent: 0;
	background-color:#DCEBFA;
	}
.modoru{
	text-align: center;
	background-color: #ACB7DB;
	width: 170px;
	margin: 5px;
}
/*768px*/
/*768px*/
@media screen and (min-width : 768px){
#contents { text-align : left}

html{
	}
}
@media screen and (min-width:1024px){
#contents{text-align:left;}

html{
	font-size:100%}
}