@charset "shift_jis";

/*---------- Ieセンタリング用 ----------*/

body{
	text-align: center;
}

#container{
	text-align: left;
}

/*---------- 全般 ----------*/

body{
	background-color: #eee; /* 背景色 */
	background-image: url(./img/back.gif);
	background-repeat: repeat-y;
	background-position: 50% 0%;
	color: #000;     /* 標準の文字色 */
	font-size: 100%; /* 標準の文字の大きさ */
	font-family: Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 180%; /* 行間 */
	margin: 0px;
	padding: 0px;
}

h1{
	color: #444444;
	font-size: 300%;
	margin: 20px 0px;
	padding: 0px;
}

h2{
	clear: both;
	width: 98%;
	color: #2485c0;
	font-size: 150%;
	margin: 1em 0px 0px 0px;
	padding: 3px;
	background-color: #dad8bf;
}

h3{
	clear: both;
	color: #444444;
	font-size: 120%;
	margin: 1em 0px 0px 0px;
	padding: 0 0 0 30px;
	background: url(./img/arrow.gif) no-repeat 0 40%;
}

h5{
	color: #444444;
	font-size: 100%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin: 0.5em 0px 0px 0px;
	padding: 0 0 0 30px;
	background: url(./img/arrow.gif) no-repeat 0 40%;
}

h6{	/* h3と clear 行を除いて同じ */
	color: #444444;
	font-size: 120%;
	margin: 1em 0px 0px 0px;
	padding: 0 0 0 30px;
	background: url(./img/arrow.gif) no-repeat 0 40%;
}

/* 配置調整用？ */
h4{
	font-size: 120%;
	margin: 2em 0px 0px 0px;
	padding: 0px;
}

/* リンク */
a{
	color: #2485c0;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

a img{
	border: none;
}

/* 段落 */
p{
	padding: 0px;
	margin: 0.5em;
}

/* 非序列リスト */
ul{
	list-style-type: circle;
	margin: 1em 1em 1em 0px;
	padding: 0px 0px 0px 0.5em;
}

/* 非序列リスト */
ul{
	list-style-type: circle;
	margin: 1em 1em 1em 2.5em;
	padding: 0;
}

ul li{
	margin: 0;
	padding: 0 0 0 0.5em;
}

/* 序列リスト */
ol{
	margin: 1em 1em 1em 1.5em;
	padding: 0 0 0 1.5em;
}

ol li{
	margin: 0;
	padding: 0;
}

hr{
	clear: both;
	visibility: hidden;
}

/*---------- 構造 ----------*/

#container{
	background-color: #e0e0d0;
	background-image: url(img/byakurenbo.gif);
	background-repeat: repeat-y;
	background-position: right top;
	/* background-attachment: fixed; */
	margin: 0px auto;
	padding: 10px 20px;
	width: 700px; /* 幅 */
}

#header{
	margin: 50px 0;
}

#contents{

}

#main_section{
	float: left;
	width: 590px;
	margin: 0 0 30px 0;
}

#bottom_section{
	clear: both;
}

#bottom_address{
	float: right;
	width: 300px;
	margin: 10px 0 0 10px;
	background-color: #eed;
	padding: 5px;
}

#linklist{
	float: left;
	width: 600px;
	margin: 0 0 0 10px;
}

#footer{
	border-top: #ccc solid 1px;
	margin: 10px 0 0 0;
	font-size: 70%;
}

#indent3em {
	text-indent: 3em
}

#indent4em {
	text-indent: 3em
}

/*---------- header ----------*/

#header p{
	margin: 0px;
}

/*---------- footer ----------*/

#footer p{
	margin: 0px;
}

/*---------- その他 ----------*/

/* ページのトップへ */
.top{

}

.box221{
  float: left;
  margin-right: 1em;
  width: 35em;/*全体の幅*/
  font-size: 12pt;/*文字サイズ*/
  border: solid 1px #616162;
  }
.box222{
  background-color: #CBCBCC;
  padding: 2px;
  border-style: solid;
  border-width: 1px;
  border-color: #FDFDFE #9A9A9B #9A9A9B #FDFDFE;
  }
.box223{
  border: solid 1px #818182;
  }
.box224{
  background-color: #E2E2E3;
  padding: 1px;
  border-style: solid;
  border-width: 1px;
  border-color: #FDFDFE #DADADB #DADADB #FDFDFE;
  }
.addresstext{/*内容部分*/
  background-color: #eeeedd;
  padding: 0.7em;
  border: solid 1px #818182;
  }

.box10{
	float: right;
	margin-right: 1em;
	width: 15em;
	border: solid 4px #969696;
}
.box10 .b1{
	border: solid 4px #C8C8C8;
}
.box10 .b2{
	border: solid 4px #E7E7E7;
}
.box10 .b2{
	background-color: #F6F6F6;
	padding: 0.7em;
}

.h7{	/* h3とマークが違う */
	clear: both;
	color: #444444;
	font-size: 120%;
	font-weight: bold;
	margin: 1em 0px 0px 0px;
	padding: 0 0 0 30px;
	background: url(./img/byaku.png) no-repeat 0 70%;
}

.h8{	/* h7と文字が違う */
	clear: both;
	color: #444444;
	font-weight: bold;
	margin: 1em 0px 0px 0px;
	padding: 0 0 0 30px;
	background: url(./img/byaku.png) no-repeat 0 40%;
}