@charset "utf-8";
/* CSS Document */

body{
	font-size:13pt;
    margin: 0;  
    padding: 111px 0 55px 0;
	background-color:#eee;
	background-image:url(img_2.jpg);
	background-attachment:fixed;  
}

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;
}

ul,ol,li {
	list-style:none;
}

/*　float解除「clearfix」 */

.clearfix:after{/*for modern browser*/
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {zoom:1; /* for IE 5.5-7*/ }

 
* html body{  
    overflow: hidden; 
}

/* 各要素基本設定 */

h1,h2,h3{
	color:#000;
	margin:10px;
	padding:5px 15px;
	text-shadow: 1px 1px 2px #fff;
}

h1{
	font-size:133%;
}

h2{
	font-size:120%;
}

p{
	width:90%;
	margin:0 auto;
	padding:5px 20px 10px 20px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	line-height:1.2em;
}


img{
	border:none;
	margin:0px 50px 30px 50px;
	max-width:100%;
	-moz-box-shadow: -3px -3px 3px #CCC , 3px 3px 3px #333;
	-webkit-box-shadow: -3px -3px 3px #CCC , 3px 3px 3px #333;
	box-shadow: -3px -3px 3px #CCC , 3px 3px 3px #333;
}

table{
	margin:10px;
}

th,td{
	padding:3px;
}

ul{
	margin:10px;
}

li{
	margin-top:3px;
}

/* 場当たり的クラス */

.left{
	float:left;
	-moz-box-shadow: 5px 5px 3px #666;
	-webkit-box-shadow: 5px 5px 3px #666;
	box-shadow: 5px 5px 3px #666;
}

.right{
	float:right;
	-moz-box-shadow: 5px 5px 3px #666;
	-webkit-box-shadow: 5px 5px 3px #666;
	box-shadow: 5px px 3px #666;
}

.left2{
	float:left;
	width:48%;
	margin-right:0px;
}

.right2{
	float:right;
	width:48%;
	margin-left:49%;
}

.center{
	text-align:center;
	margin:15px auto;
	width:100%;
	clear:both;
}

.navi{
	float:left;
	padding:5px 10px 5px 10px;
	margin:5px;
	background-color:#CCC;
	
background: #fcecfc; /* Old browsers */
background: -moz-linear-gradient(top,  #fcecfc 0%, #f9c2e8 50%, #fcb5e4 53%, #ffe0f5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcecfc), color-stop(50%,#f9c2e8), color-stop(53%,#fcb5e4), color-stop(100%,#ffe0f5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcecfc 0%,#f9c2e8 50%,#fcb5e4 53%,#ffe0f5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcecfc 0%,#f9c2e8 50%,#fcb5e4 53%,#ffe0f5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcecfc 0%,#f9c2e8 50%,#fcb5e4 53%,#ffe0f5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcecfc 0%,#f9c2e8 50%,#fcb5e4 53%,#ffe0f5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcecfc', endColorstr='#ffe0f5',GradientType=0 ); /* IE6-9 */

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}

.navi2{
	float:left;
	border-right:none;
	padding:5px 10px 5px 5px;
	margin:5px;
	background-color:#CCC;
}

.centernv{
	text-align:center;
	margin:15px auto;
	width:100%;
	margin-left:30px;
	margin-right:30px;
	font-weight:bolder;
	padding-bottom:5px;
}



/* 基本レイアウトボックス */

div#wrapper{
	width:92%;
	margin:0 auto;
	padding:50px 0;
	position:relative;
}
   
div#header {
	z-index:10;  
    position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 111px;  
    background-color: #4E9ABE;  
    color: #666;
	padding:30px auto;
	margin:0;
	text-align:center; 
	font-size:large;
	font-family:Georgia, "Times New Roman", Times, serif;
	background:#eeeeee;
	-moz-box-shadow: 2px 2px 3px #333;
	-webkit-box-shadow: 2px 2px 3px #333;
	box-shadow: 2px 2px 3px #333;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #f3f3f3 48%, #eaeaea 51%, #f9f9f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(48%,#f3f3f3), color-stop(51%,#eaeaea), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#f3f3f3 48%,#eaeaea 51%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9f9f9 0%,#f3f3f3 48%,#eaeaea 51%,#f9f9f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#f3f3f3 48%,#eaeaea 51%,#f9f9f9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9f9f9 0%,#f3f3f3 48%,#eaeaea 51%,#f9f9f9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}
  
div#footer {
	clear:both;  
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0;  
    width: 100%;  
    height: 55px;  
    background-color: #4E9ABE;  
    color: #666;
	padding:30px auto;
    text-align:center;
	font-size:large;
	font-family:Georgia, "Times New Roman", Times, serif;
	background:#eeeeee;
	-moz-box-shadow: 2px 2px 3px #333;
	-webkit-box-shadow: 2px 2px 3px #333;
	box-shadow: 2px 2px 3px #333;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #f5f6f6; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f6f6), color-stop(21%,#dbdce2), color-stop(49%,#b8bac6), color-stop(80%,#dddfe3), color-stop(100%,#f5f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
}

div#contents{
	width:960px;
	height:auto;
	margin:0 auto;
	padding:10px;
	background-color:#fff;
	padding:30px 15px;
	font-size:large;
	color:#003;
	-moz-box-shadow: 3px 3px 5px #333;
	-webkit-box-shadow: 3px 3px 5px #333;
	box-shadow: 3px 3px 5px #333;
	position:relative;
	line-height:1.2em;	
}

div#left{
	padding-left:20px;
}

  
* html div#contents{  
    height: 100%;  
    overflow: auto;  
}