@charset "utf-8";

/* CSS Document */



a:link { color: #FF9900; text-decoration: underline; }

a:visited { color: #FF9900; text-decoration: none; }

a:active { color: #FF9900; text-decoration: none; }

a:hover { color: #FF9900; text-decoration: none; }





body { 

background-color: #FFCC33;

margin: 0 auto;

padding: 0;

background:url(bg.jpg) repeat-y center;

line-height: 1.75;

color: #333;

font-size: 105%;

}



/* IE6 */

* {

margin: 0;

padding: 0;

}



* html body {

text-align: center;

}



* html body #container {

text-align: left;

}



img {

border: none;

vertical-align: bottom;

}



a img { 

border: none;

}



h1,h2,h3,h4,h5,h6 {

clear: both;

margin: 0;

padding: 0;

font-weight: normal;

text-align: left;

}



dl,dt,dd,p {

margin: 0;

padding: 0;

font-style: normal;

text-align: left;

}



ul {

margin: 0;

padding: 0;

text-align: left;

}



li {

list-style-type: none;

margin: 0;

padding: 0;

text-align: left;

}







/* ------------------- */

/*トップページ*/

/* ------------------- */



#top-container {

width: 860px;

margin: 0 auto;

padding: 0;

background-color: #FFF;

}



#top-container h2 {

margin-bottom: 20px;

}







/* ------------------- */

/* 2階層目共通 */

/* ------------------- */



#container {

width: 780px;

margin: 0 auto;

padding: 0;

background-color: #FFF;

}



#header {

width: 780px;

margin: 0 auto;

}



#header h1 {

float: left;

}



#header ul li {

float: right;

}



#gnavi {

width: 780px;

margin: 0 auto;

}



#gnavi ul li {

float: left;

}



.caption {

font-size: 85%;

}



#container p {

margin-bottom: 20px;

}



#container h2 {

margin-bottom: 10px;

}



#container h3 {

margin: 20px 0;

padding-bottom: 6px;

font-weight: bold;

}



#container h4 {

margin-bottom: 5px;

font-weight: bold;

}





.red {

color: #FF0000;

font-weight: bold;

}





/* フッター */

#footer {

width: 780px;

margin: 20px auto 0;

padding: 15px 0;

background-color: #FFFFCC;

color: #666666;

text-align: center;

font-size: 80%;

font-family: Arial, Helvetica, sans-serif;

}





/* return */

.return {

text-align: right;

margin: 20px 0;

}





/* 共通レイアウト */

.floatleft {

width: 320px;

float: left;

}



.floatright {

width: 420px;

float:right;

}



.floatleft1 {

width: 280px;

float: left;

}



.floatright1 {

width: 470px;

float:right;

}



.floatleft2 {

width: 470px;

float: left;

}



.floatright2 {

width: 280px;

float:right;

}







/* クイズ */

.quiz h3 {

color: #0066FF;

background: url(../images/bg-h3-quiz.jpg) repeat-x bottom;

}



.answer {

margin-top: 20px;

}



.answer img.true {

float: left;

margin-left: 40px;

}



.answer img.false {

float: right;

margin-right: 40px;

}



.quiz-btn {

text-align: center;

}



.answer .a-img {

float: left;

width: 200px;

margin-left: 40px;

}



.answer .a-detail {

float: right;

width: 460px;

margin-right: 40px;

}



table.tb2 {

width: 700px;

margin: 20px 40px;

border-collapse: collapse;

border-spacing: 0;

}



table.tb2 th {

padding: 5px;

border: 1px #CCE5FF solid;

background-color: #99CCFF;

color: #003366;

text-align: center;

}



table.tb2 td {

padding: 5px 5px 5px 20px;

border: 1px #CCE5FF solid;

}







/* 下市町について */

.about h3 {

color: #FF6600;

background: url(../images/bg-h3-about.jpg) repeat-x bottom;

}



.about h4 {

color: #FF6600;

}



.about-tab {

height: 50px;

padding-bottom: 25px;

background:url(../images/bg-tab.jpg) repeat-x bottom;

}



.about-tab ul li {

float: left;

}



table.tb1 {

width: 100%;

border-collapse: collapse;

border-spacing: 0;

border-top: 1px #999999 dotted;

}



table.tb1 th {

padding: 5px 5px 5px 30px;

background: url(../images/bg-star.jpg) no-repeat left center;

border-bottom: 1px #999999 dotted;

text-align: left;

font-weight: normal;

}



table.tb1 td {

padding: 5px;

border-bottom: 1px #999999 dotted;

}





/* 遊ぶ */

.play h3 {

color: #00CC66;

background: url(../images/bg-h3-play.jpg) repeat-x bottom;

}



.play h4 {

color: #00CC66;

}



.lineimg {

margin: 10px 0;

}





/* FAQ */

.faq dl dt {

margin-bottom: 10px;

padding: 10px 0 5px 50px;

border-bottom: 2px #FF0099 solid;

background: url(../images/bg-faq-q.jpg) no-repeat left top;

}



.faq dl dd {

margin-bottom: 20px;

padding: 10px 0 5px 50px;

background: url(../images/bg-faq-a.jpg) no-repeat left top;

}



.faq-btn {

text-align: center;

}









/* clearfix */



.clearfix:after,

#header:after,

#gnavi:after,

.answer:after,

.about-tab:after,

.answer:after {

  content: ".";  /* 新しい要素を作る */

  display: block;  /* ブロックレベル要素に */

  clear: both;

  height: 0;

  visibility: hidden;

}



.clearfix,

#header,

#gnavi,

.answer,

.about-tab,

.answer {

  min-height: 1%;

}



* html .clearfix,

* html #header,

* html #gnavi,

* html .answer,

* html .about-tab,

* html .answer {

  height: 1%;

  /*¥*//*/

  height: auto;

  overflow: hidden;

  /**/

}