/*===============================================
画面の横幅が769px以上（パソコン用）
===============================================*/
@media screen and (min-width: 769px){

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

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

img {border: 0;}

body {
  width: 100%;
  margin: 0 auto;
  background-color: #ffffff;
  font: 18px/1.231 'ヒラギノ角ゴ pro W3', "Hiragino KaKu Gothic Pro", Osaka, sans-serif;
  line-height: 1.7;
}

a:link {
  color: #1147b2;
}

a:hover {
  color: #1e50a2;
}

a:visited {
  color: #1147b2;
}

table,td,th{
border-collapse: collapse;
border:1px solid #6699CC;
}
th{margin: 0 auto;}


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

header {
  width: 100%;
}

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


/*---------- 部品 ----------*/

#title_small{margin: 0px auto;
  padding: 150px 0 50px 0;
  font-size:26px;
  font-style:strong;
  color: #DD4477;
  background-color:#efefef;
  width: 100%;
}

#title_big{margin: 0px auto;
  padding: 0px 0 150px 0;
  font-size:50px;
  font-style:strong;
  color: #DD4477;
  background-color:#efefef;
  width: 100%;
}

#table{  width: 70%;
  margin: 0 auto;}

h1 {margin: 0px auto;
  padding: 50px 0 30px 0px;
  font-size: 28px;
  font-style:strong;
  color: #333366;
  text-align: center;
  width: 600px;}

h2 {margin: 0 auto;
  padding: 5px 0 5px 0px;
  font-size: 28px;
  font-style:strong;
  color: #fff;
  text-align: center;
  width: 600px;}

#h2{background-color:#DD4477;}

h3 {margin: 10px 0 5px 0;
  padding: 5px 0 3px 10px;
  font-size: 20px;
  font-style:strong;
  color: #333;
  width: 600px;
  margin: 0 auto;}

h4 {margin: 0 auto;
  padding: 30px 0 30px 0px;
  font-size: 28px;
  line-height:2;
  color: #666;
  text-align: center;
  width: 600px;}


.blank{margin: 50px;}

.img{margin: 0px auto;
  padding: 0 0 0 0;
  text-align: center;
  width: 100%;
}

.textboxA{margin: 0 auto;
  padding: 10px 0 50px 10px;
  line-height:1.7;
  font-size: 18px;
  color: #666;
  text-align:left;
  width:600px;}

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


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

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


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

footer {margin: 0px auto;
  width: 90%;
  padding: 10px 0 10px 0;
  color: #000;
  text-align: center;
  border-top: solid 1px;
  border-top-color: #cccccc;
}

footer p {
  padding: 10px;
  color: #cccccc;
  text-align: center;
}

footer a {
  color: #cccccc;
}

footer a:hover {
  color: #999999;
}

footer a:visited {
  color: #cccccc;
}

footer p.copy {margin: 0 auto;
  padding: 50px 0 30px 10px;
  font-size: 15px;
  color: #666;
  text-align:center;
  width: 100%;
}

footer p.copy a {
  color: #005ebb;
  text-decoration: none;
}

footer p.copy a:hover {
  color: #004080 ;
  text-decoration: underline;
}

footer p.copy a:visited {
  color: #005ebb;
  text-decoration: none;
}

div.bears{margin: 0 auto;
  width: 100%;
  padding: 10px 0 10px 0;
  text-align:right;
  }

}


/*===============================================
画面の横幅が768pxまで（タブレット用）
===============================================*/
@media screen and (max-width: 768px){

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

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

img {border: 0;}

body {
  width: 100%;
  margin: 0 auto;
  background-color: #ffffff;
  font: 18px/1.231 'ヒラギノ角ゴ pro W3', "Hiragino KaKu Gothic Pro", Osaka, sans-serif;
  line-height: 1.7;
}

a:link {
  color: #1147b2;
}

a:hover {
  color: #1e50a2;
}

a:visited {
  color: #1147b2;
}

table,td,th{
border-collapse: collapse;
border:1px solid #6699CC;
}
th{margin: 0 auto;}


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

header {
  width: 100%;
}

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


/*---------- 部品 ----------*/

#title_small{margin: 0px auto;
  padding: 150px 0 50px 0;
  font-size:26px;
  font-style:strong;
  color: #DD4477;
  background-color:#efefef;
  width: 100%;
}

#title_big{margin: 0px auto;
  padding: 0px 0 150px 0;
  font-size:50px;
  font-style:strong;
  color: #DD4477;
  background-color:#efefef;
  width: 100%;
}

#table{  width: 70%;
  margin: 0 auto;}

h1 {margin: 0px auto;
  padding: 50px 0 30px 0px;
  font-size: 28px;
  font-style:strong;
  color: #333366;
  text-align: center;
  width: 600px;}

h2 {margin: 0 auto;
  padding: 5px 0 5px 0px;
  font-size: 28px;
  font-style:strong;
  color: #fff;
  text-align: center;
  width: 600px;}

#h2{background-color:#DD4477;}

h3 {margin: 10px 0 5px 0;
  padding: 5px 0 3px 10px;
  font-size: 20px;
  font-style:strong;
  color: #333;
  width: 600px;
  margin: 0 auto;}

h4 {margin: 0 auto;
  padding: 30px 0 30px 0px;
  font-size: 28px;
  line-height:2;
  color: #666;
  text-align: center;
  width: 600px;}


.blank{margin: 50px;}

.img{margin: 0px auto;
  padding: 0 0 0 0;
  text-align: center;
  width: 100%;
}

.textboxA{margin: 0 auto;
  padding: 10px 0 50px 10px;
  line-height:1.7;
  font-size: 18px;
  color: #666;
  text-align:left;
  width:600px;}

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


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

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


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

footer {margin: 0px auto;
  width: 90%;
  padding: 10px 0 10px 0;
  color: #000;
  text-align: center;
  border-top: solid 1px;
  border-top-color: #cccccc;
}

footer p {
  padding: 10px;
  color: #cccccc;
  text-align: center;
}

footer a {
  color: #cccccc;
}

footer a:hover {
  color: #999999;
}

footer a:visited {
  color: #cccccc;
}

footer p.copy {margin: 0 auto;
  padding: 50px 0 30px 10px;
  font-size: 15px;
  color: #666;
  text-align:center;
  width: 100%;
}

footer p.copy a {
  color: #005ebb;
  text-decoration: none;
}

footer p.copy a:hover {
  color: #004080 ;
  text-decoration: underline;
}

footer p.copy a:visited {
  color: #005ebb;
  text-decoration: none;
}

div.bears{margin: 0 auto;
  width: 100%;
  padding: 10px 0 10px 0;
  text-align:right;
  }

}

/*===============================================
画面の横幅が640pxまで（スマホ用）
===============================================*/
@media screen and (max-width:640px){

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

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

img {border: 0;}

body {
  width: 100%;
  margin: 0 auto;
  background-color: #ffffff;
  font: 18px/1.231 'ヒラギノ角ゴ pro W3', "Hiragino KaKu Gothic Pro", Osaka, sans-serif;
  line-height: 1.7;
}

a:link {
  color: #1147b2;
}

a:hover {
  color: #1e50a2;
}

a:visited {
  color: #1147b2;
}

table,td,th{
border-collapse: collapse;
border:1px solid #6699CC;
}
th{margin: 0 auto;}


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

header {
  width: 100%;
}

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


/*---------- 部品 ----------*/

#title_small{margin: 0px auto;
  padding: 50px 0 10px 0;
  font-size:20px;
  font-style:strong;
  color: #DD4477;
  background-color:#efefef;
  width: 100%;
}

#title_big{margin: 0px auto;
  padding: 0 0 50px 0;
  font-size:24px;
  font-style:strong;
  color: #DD4477;
  background-color:#efefef;
  width: 100%;
}

#table{  width: 70%;
  margin: 0 auto;}

h1 {margin: 0px auto;
  padding: 50px 0 30px 0px;
  font-size: 22px;
  font-style:strong;
  color: #333366;
  text-align: center;
  width:100%;}

h2 {margin: 0 auto;
  padding: 5px 0 5px 0px;
  font-size: 22px;
  font-style:strong;
  color: #fff;
  text-align: center;
  width:100%;}

#h2{background-color:#DD4477;}

h3 {margin: 10px 0 5px 0;
  padding: 5px 0 3px 10px;
  font-size: 20px;
  font-style:strong;
  color: #333;
  width:100%;
  margin: 0 auto;}

h4 {margin: 0 auto;
  padding: 30px 0px 30px 0px;
  font-size: 22px;
  line-height:2;
  color: #666;
  text-align: center;
  width:90%;}


.blank{margin: 50px;}

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

.img{margin: 0px auto;
  padding: 0 0 0 0;
  text-align: center;
  width:100%;
}

.textboxA{margin: 0 auto;
  padding: 10px 0 50px 10px;
  line-height:1.7;
  font-size: 18px;
  color: #666;
  text-align:left;
  width:100%;}

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


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

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


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

footer {margin: 0px auto;
  width: 90%;
  padding: 10px 0 10px 0;
  color: #000;
  text-align: center;
  border-top: solid 1px;
  border-top-color: #cccccc;
}

footer p {
  padding: 10px;
  color: #cccccc;
  text-align: center;
}

footer a {
  color: #cccccc;
}

footer a:hover {
  color: #999999;
}

footer a:visited {
  color: #cccccc;
}

footer p.copy {margin: 0 auto;
  padding: 50px 0 30px 10px;
  font-size: 15px;
  color: #666;
  text-align:center;
  width: 100%;
}

footer p.copy a {
  color: #005ebb;
  text-decoration: none;
}

footer p.copy a:hover {
  color: #004080 ;
  text-decoration: underline;
}

footer p.copy a:visited {
  color: #005ebb;
  text-decoration: none;
}

div.bears{margin: 0 auto;
  width: 100%;
  padding: 10px 0 10px 0;
  text-align:right;
  }
}