/*---------- ページ全体の指定 ----------*/
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: 0;
}
a {
text-decoration:none;
}
a {
  color: rgb(60, 60, 60);　
}
img {border: 0;}
body {
  width: 100%;
  background-color: #ffffff;
  font-size: 16px/1.231;
  font-family: "ヒラギノ角ゴ pro W3","Hiragino KaKu Gothic Pro","Droid Sans",sans-serif;
  line-height: 1.7;
}
table, td {
height: 60px;
}
.sample1 {
font-size:medium;
}
.sample2 { 
font-size:large;
color: rgb(153, 0, 0);
}
.sample6 { 
font-size:large;
color: rgb(0, 102, 0);
}
.sample7 { 
font-size:large;
color: rgb(153, 51, 0);
}
.sample8 { 
font-size:x-large;
color: rgb(100, 100, 100);
}
.sample9 { 
font-weight:bold;
color: rgb(0, 102, 0);
}
.sample10 { 
color: red;
}
hr {
width: 100%;
border-top: 20px solid #eee;
border-right: none;
border-bottom: none;
border-left: none;
}
.so {
width: 100%;
border-top: 1px solid #ccc;
border-right: none;
border-bottom: none;
border-left: none;
}

/*---------- ヘッダー ----------*/
h1 {
	margin: 0;
	padding: 6px 10px;
	background-color: #005ebb;
	background-image: -webkit-linear-gradient(-45deg, #6D6DDB 25%, transparent 25%, transparent 50%, #6D6DDB 50%, #6D6DDB 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #6D6DDB 25%, transparent 25%, transparent 50%, #6D6DDB 50%, #6D6DDB 75%, transparent 75%, transparent);
	background-size: 12px 12px;
	text-shadow:1px 1px 2px rgba(0,0,0,.3);
}
h2 {
	margin: 0;
	padding: 10px;
font-size:x-large;
color: rgb(153, 0, 0);
}

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

#content {
padding: 10px 10px 10px 10px;
}

/*---------- ナビ ----------*/
ul li a {
       font-weight:bold;
	position: relative;
	display: block;
	padding: 16px 25px 16px 12px;
	border-bottom: 1px solid #ccc;
}
ul li a::before,
ul li a::after {
	position: absolute;
	top: 40%;
	right: 5px;
	display: block;
	content: '';
	width: 12px;
	height: 3px;
	background-color: #888;
	border-radius: 4px;
}
ul li a::before {
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
ul li a::after {
	margin-top: 3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

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

footer {
  width: 100%;
  padding: 14px 0px 14px 0px;
  color: #333333;
  text-align: center;
  border-top: solid 1px;
  border-top-color: #cccccc;
  background-color: #6666CC;
}

footer p {
  padding: 0px;
  color: #555555;
}

footer a {
  padding: 17px 30px 17px 30px;
  font-size: 16px;
  color: #ffffff;
}