/*---------- ページ全体の指定 ----------*/
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;
}

img {border: 0;
     max-width:100%;
     height:auto;
     }

body {
  width:100%;
  background-color:#ffffff;
  font-size: 15px/1.231;
  font-family: "ヒラギノ角ゴ pro W3","Hiragino KaKu Gothic Pro","Droid Sans",sans-serif;
  line-height:1.7;
}

.sample2 { 
font-size:large;
color: rgb(153, 0, 0);
}
.sample3{
font-size:x-large;
color: rgb(153, 0, 0);
} 
.sample4 { 
font-size:large;
}
.sample5{
font-size:x-large;
color: rgb(51, 51, 153);
}
.sample6 { 
font-size:large;
color: rgb(0, 102, 0);
}
.sample7 { 
font-size:large;
color: rgb(153, 51, 0);
}
 
/*---------- ヘッダー ----------*/

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);
}

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

#content {
padding:6px;
}

section {
margin:0 0 8px 0;
}

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

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

section .gray_bg {
  margin:8px 0 8px 0;
  padding:2px 8px 2px 8px;
  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 {
  padding:3px;
  line-height:1.7;
  letter-spacing:1px;
}

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

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

section span.red {
  color:#e60033;
}

section span.red_b {
  color:#e60033;
  font-weight:bold;
}

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:100%;
  border-collapse:collapse;
  border:solid 1px #bbbbbb;
  margin :8px  0 8px 0;
}

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

/*---------- ナビ ----------*/
ul li a {
	position:relative;
	display:block;
	padding:15px 25px 15px 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;
}