@charset "utf-8";

/* =========================================================
■Reset of Default Style
========================================================= */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-size: 100%;
	text-align: left;
}
textarea { font-size: 100%; }
img { vertical-align: bottom; }
hr  { display: none; }


/* =========================================================
■body
========================================================= */
body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	color: #000000;
	/*font-family: "HGP教科書体", sans-serif;*/
	font-family:"ＭＳ ゴシック", serif;
	font-size: 89%;
	text-align: center;
}

/* =========================================================
■container
========================================================= */
div#container {
	width: 960px;
	margin: 0 auto;
	background: #FFFFFF;
}

/* =========================================================
■header
========================================================= */
div#header {
	/*background: #FFCCCC;*/
	margin-bottom: 20px;
}
div#header h1 {
	font-size: 150%;
}

/* =========================================================
■wrapper
========================================================= */
div#wrapper:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
div#wrapper {
	display: inline-table;
	min-height: 1%;
	background-image: url("../img/haikei.jpg");
}
/* Hides from IE-mac \*/
* html div#wrapper { height: 1%; }
div#wrapper { display: block; }
/* End hide from IE-mac */


/* =========================================================
■content
========================================================= */
div#content {
	float: right;
	width: 620px;
	padding-right: 20px;
}

div#content p {
	margin: 1em;
}
#content p.graytext{
	font-size: 15px;
	color: #424242;
	float: left;
}

p#content p.bluetext{
	color: #284B5C;
}

/* =========================================================
■sidebar
========================================================= */
div#sidebar {
	font-size: 10px;
	float: left;
	width: 250px;
	font-family: "ヒラギノ角ゴ Pro W3", sans-serif;
	/**background: #FFCC99;*/
	padding-left: 20px;
}

div#sidebar p {
	margin: 0 0 1em;
	padding-left: 5px;
	line-height:13px;
	color: #284B5C;
}
div#sidebar ul {
	margin: 1em 1em 1em 30px;
}
div#sidebar ul li {
	margin: 0 0 0.5em;
}

/* =========================================================
■footer
========================================================= */
div#footer {
	margin: 0 0 0;
	/*background: #CCFFFF;*/
}

#font1{
	font-size: 200px;
}

.underline {
	background-image:url("../img/bou.jpg");
	background-position:bottom;
	padding-bottom: 4px;
	background-repeat:repeat-x;
	color: #284B5C;
	font-size: 25px;
	float: left;
}


dl {
 width:620px;
 font-size: 12px;
 	font-family: "ＭＳ ゴシック", sans-serif;
	color: #424242;
}
dt {
 float:left;
 width:100px;
 padding:5px 0 5px 10px;
 clear:both;

}
dd {
 width:620px;
 margin-left:100px;
 padding:5px 5px 5px 10px;

 
}
/*
ul.navi_menu /*このリストの名前*/
{
margin: 0;
padding: 0;
list-style-type: none;
width: auto;
position: relative;
display: block;
height: 30px;
font-size: 12px;
background-color: #444444; /*リスト全体の背景色*/
font-family: Arial, Helvetica, sans-serif; /*文字のフォント*/
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
}

 #globalnavi{
  margin: 0;
  padding: 0;
  width: 1000px;
  height: 40px;
}

#globalnavi ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#globalnavi li{
  text-indent: -9999px;
  float:left;
  width: 139px;
  margin: 0;
  padding: 0;
}

#globalnavi a{
  display: block;
  width: 100%;
  height: 40px;
  background-image: url(../img/menu.png);
  background-repeat: no-repeat;
}

#menu1 a{background-position: 0px 0px;}
#menu2 a{background-position: -145px 0px;}
#menu3 a{background-position: -283px 0px;}
#menu4 a{background-position: -417px 0px;}
#menu5 a{background-position: -548px 0px;}
#menu6 a{background-position: -686px 0px;}
#menu7 a{background-position: -834px 0px;}

#globalnavi a:hover{
  background-image: url(../img/menu.png);
  background-repeat: no-repeat;
}

#menu1 a:hover{background-position: 0px -54px;}
#menu2 a:hover{background-position: -145px -54px;}
#menu3 a:hover{background-position: -283px -54px;}
#menu4 a:hover{background-position: -417px -54px;}
#menu5 a:hover{background-position: -548px -54px;}
#menu6 a:hover{background-position: -686px -54px;}
#menu7 a:hover{background-position: -834px -54px;}

#menu1 .now{background-position: 0px -54px;}
#menu2 .now{background-position: -145px -54px;}
#menu3 .now{background-position: -283px -54px;}
#menu4 .now{background-position: -417px -54px;}
#menu5 .now{background-position: -548px -54px;}
#menu6 .now{background-position: -686px -54px;}
#menu7 .now{background-position: -834px -54px;}