@charset "UTF-8";


/*---------- ページ全体の指定 ----------*/

html, body, header, section, article, nav, footer,
div, span, p, h1, h2, h3, h4,
ul, ol, li, dl, dt, dd,
table, tr, th, td, tbody, thead, tfoot {
  margin: 0;
  padding: 5;
}

img {border: 0;}

#site-box { 
	height: 300px;	/*ヘッダーの高さ*/
	width: 900px;	/*ヘッダーの幅*/
	position: relative;
	background: url(img/yousei.jpg) no-repeat;	/*ヘッダー背景画像の読み込み*/
	margin-right: auto;
	margin-left: auto;
}


body {
  width: 1000px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  color: #696969;
  font: 14px/1.231 'ヒラギノ角ゴ pro W3', "Hiragino KaKu Gothic Pro", Osaka, sans-serif;
  background: url(img/A1.png) repeat center top;	/*背景色、背景画像の読み込み＆X軸(横軸)にリピート上部に配置*/
  line-height: 1.7;
}

 
/*コンテンツの設定*/
.contents{ 
  width:1000px;/*実際のホームページの横幅*/
  margin-left: auto;
  margin-right: auto;
  background-image:url(img/900.png);/*コンテンツの背景の色*/
  background-repeat:repeat;/*背景画像が繰り返す設定*/
  position:relative;/*相対位置で指定する*/
}

.main p{
  width:700px;
  padding: 150px;
  text-align: left;
  font-size: 14px;
 position:relative;/*相対位置で指定する*/
}

.aa{
  margin-left: 50px;
  font-size: 14px;
 position:relative;/*相対位置で指定する*/
}

a:link {
  color: #ff1493;
  text-decoration: none;
}

a:hover {
  color: #ee82ee;
}

a:visited {
  color: #ee82ee;
}

.sitemei {
  padding: 0px 0px 0px 20px;
  text-align: left;
  font-size: 14px;
  color:#FFFFFF;
}

.menseki {
  text-align: left;
  font-size: 10px;
  color:#FFFFFF;
  width: 800px;
  padding : 5px 0px 0px 20px;
}

/*---------- ヘッダー ----------*/

.header h1 {
  margin: 10px 0px 0px 0px;
  text-align: center;
  color: #696969;
  font-size: 18px;
}

.header p {
  margin: 40px 0px 0px 0px;
  text-align: center;
  color: #696969;
  font-size: 12px;
}

#page_top {
  margin: 0;
  padding: 0;
}

/*---------- 入力 ----------*/

.input {
  margin: 10px 0px 0px 15px;
  text-align: left;
}

/*---------- コンテンツ ----------*/

article {
  width: 800px;
  margin: 0 0 0px 0;
}

section {
  width: 800px;
  margin: 0 0 0px 0;
}

section h2 {
  margin: 0 0 0px 0;
  font-size: 14px;
  color: #ffffff;
  border-bottom: solid 1px;
}

section p {
  margin: 0 0 0px 0;
  line-height: 1.8;
}

section .gray_bg {
  margin: 0px 0 0px 0;
  line-height: 1.7;
  letter-spacing: 1px;
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  background-color: #eeeeee;
}

section .gray_bg p {
  line-height: 1.7;
  letter-spacing: 1px;
}

section img.picture {
  margin: 0 0px 0px 0;
  float: left;
}

section img.picture_r {
  margin: 0 0 0px 0px;
  float: right;
}



section span.blue {
  color: #007bbb;
}

section span.pink {
  color: #c53d43;
}

section span.brown {
  color: #993300;
}

section span.brown_b {
  color: #993300;
  font-weight: bold;
}

section span.green {
  color: #00ae4f;
}

section table.table_line {
  width: 800px;
  border-collapse: collapse;
  border: solid 1px #bbbbbb;
  margin : 0px  0 0px 0;
}

section td.table_line {
  border-collapse: collapse;
  border: solid 1px #bbbbbb;
  padding : 0px 0px 0px 0px;
}


/*---------- ナビ ----------*/

nav {
  width: 200px;
  text-decoration: none;
  margin: 0 0 10px 0;
}

nav h2 {
  padding: 5px 0 3px 14px;
  font-size: 14px;
  color: #696969;
}

nav ul {
  width: 200px;
}

nav li {
  width: 200px;
  list-style: none;
  text-align: center;
}

nav li a {
  padding: 10px;
  display: block;
  font-weight: bold;
  text-decoration: none;
}

nav li a:hover {
  display: block;
  font-weight: bold;
  text-decoration: none;
}

/*---------- アコーディオン ----------*/

section h1{
text-align: left;
background-color:;
color:#696969;
margin: 5px 0 3px 15px;
}

.title{
padding: 5px 0 3px 15px;
width: 300px;
font-size: 14px;
text-align: left;
color: #696969;
border-bottom: solid 1px;
border-bottom-color: #cccccc;
}

.content p{
text-align: left;
padding: 5px 0 3px 14px;
width: 800px;
height:100%;
color: #696969;
}


/*---------- トップに戻る ----------*/

#page_back {
  margin: 0 0 8px 0;
  padding: 0 6px 0 0;
  text-align: right;
}


/*---------- フッター ----------*/

#footer {
  width: 1000px;
  height:50px;
  margin-left: auto;
  margin-right: auto;
  position:absolute;
  color: #333333;
  text-align: center;
  border-top: solid 1px;
  border-top-color: #cccccc;
  background-color: #a9a9a9;
}