@charset "utf-8";

body { color:#333333; }

/* Mac IE not 5 */
body { font-size:62.5% }

/**/
/* Mac IE 5 only*/
body { font-size:80% }

/**/

/* layout ***************************************************************/
div {
  padding:0;
  margin:0;
}

p {
  padding:0;
  margin:0;
}

img {
  border:none;
  padding:0;
  margin:0;
}

*html .ie_space { padding-left:2px; }

li { list-style:none; }

.imgover { }

.iepngfix { behavior: url(/special/mytown/js/iepngfix.htc); }

.left { float:left; }

.right { float:right; }

.clr { clear:both; }

.pb10 { padding-bottom:10px; }

.pr10 { padding-right:10px; }

.pt10 { padding-top:10px; }

.pl10 { padding-left:10px; }

.pt50 { padding-top:50px; }

.pt5 { padding-top:5px; }

.mb10 { margin-bottom:10px; }

.mr10 { margin-right:10px; }

.mt10 { margin-top:10px; }

.ml10 { margin-left:10px; }

/* text ***************************************************************/
.text {
  padding:5px 0;
  font-size:0.9em;
  line-height:1.3em;
  display:block;
}

.lead {
  color:#666666;
  font-size:1em;
  font-weight:600;
  line-height:1.4em;
  padding:0 30px 20px 0;
}

.small { font-size:12px; }

.gray { color:#AAAAAA; }

.mtx {
  font-weight:400;
  font-size:1.2em;
}

.text_left { text-align:left; }

.text_right { text-align:right; }

.text_center { text-align:center; }

.data {
  float:right;
  font-size:0.9em;
  margin:0;
  padding:0;
}

.alert {
  clear:both;
  text-align:right;
  font-size: 0.8em;
  line-height: 1.4em;
  color:#e25757;
  padding-top:10px;
}

.alert img { padding-right:3px; }

.com {
  clear:both;
  font-size: 0.8em;
  line-height: 1.6em;
  display:block;
  font-weight:normal;
}

.com_map {
  font-size: 0.8em;
  line-height: 1.6em;
  display:block;
  width:180px;
}

.map_id { font-size:16px; }

.com img { padding-right:1px; }

.mean {
  color:#2b4837;
  padding:10px 0 0 0;
  font-size:0.9em;
  line-height:11px;
}

#main {
  border-left:2px solid #3ab042;
  border-right:2px solid #3ab042;
  padding:25px 18px 20px 18px;
  clear:both;
  background-color:#FFFFFF;
}

.map_text {
  padding:5px 0;
  font-size:0.8em;
  line-height:1.5em;
  display:block;
}

.map_com {
  clear:both;
  float:right;
  width:210px;
  font-size: 0.8em;
  line-height: 1.5em;
  padding:0;
  margin:0;
  display:block;
}

.same { color:#3AB042; }

/* title ***************************************************************/
h1 {
  background:url(../images/icon_01.gif) 2px 0.15em no-repeat;
  margin:0.7em 0 0 0;
  padding:0 0 0 27px;
  font-size: 24px;
  line-height: 1.4em;
  font-weight: 500;
  color:#4a3800;
  clear:both;
  float:left;
}

h1#de01{
  background:url(../images/icon_01.gif) 2px 1.2em no-repeat;
  padding:25px 0 0 27px;

}

h2 {
  margin:0;
  padding:0;
  float:left;
  clear:both;
}

.title_h2 { width:960px; }

h3 {
  background:url(../images/h3_back.jpg) left top no-repeat;
  margin:0;
  line-height:40px;
  padding: 0px 0 15px 18px;
  font-size: 16px;
  font-weight: 800;
  color:#427f1a;
  clear:both;
}

.h3_img {
  background:none;
  padding:30px 0 0 0;
  width:100%;
}

h4 {
  margin:0;
  padding:50px 0 0 0;
  clear:both;
}

h5 {
  margin:0;
  padding:0 0 15px 0;
}

h5.icon {
  color:#2b4837;
  font-size:1.1em;
  display:block;
  background:url(../images/icon_02.png) left no-repeat;
  padding:0 0 0 20px;
  line-height:2.0em;
  width:60%;
}

.main_lead {
  margin: 5px 0 15px 0;
  font-size:1.5em;
  line-height:2em;
}

.main_lead img { margin-right:20px; }

.must {
  color:#4a3800;
  font-weight:600;
  font-size:1.1em;
  line-height:1.25em;
}

#detail .must { color:#427f1a; }

/* btn ***************************************************************/
#fontsize {
  padding:0;
  margin-top: 12px;
  font-size:0.7em;
}

#fontsize ul { margin:0; }

#fontsize li {
  float: right;
  padding-left:4px;
}

.btn_h1 {
  text-align:center;
  font-size: 11px;
  line-height: 1.4em;
  color:#e25757;
  float:right;
  margin-left:8px;
}

.btn_h1 table, .btn_h1 table td, .btn_h1 table th{
	border:none;
    padding:3px;
    margin:0 0 5px 0;
    height:auto;
    width:auto;
}

.btn_h1 table caption{
	text-align:left;
    font-size:13px;
    padding-left:3px;	
  font-weight:600;
}

.btn_h3 {
  text-align:center;
  font-size: 11px;
  line-height: 1.4em;
  color:#e25757;
  float:right;
  margin:22px 0 0 8px;
}

.btn_h2 {
  background:url(../images/h2_r_01.jpg) right no-repeat;
  padding:28px 0 0 59px;
  height:41px;
  font-size:13px;
  font-weight:600;
  float:right;
  width:185px;
}

.btn_h2 a:link, .btn_h2 a:visited, .btn_h2 a {
  text-decoration:none;
  color:#4a3800;
}

.btn_h2 a:hover, .btn_h2 a:active {
  text-decoration:underline;
  color:#4a3800;
}

.btn_lead { margin:5px 0 0 80px; }

.no_btn_h2 {
  background:url(../images/h2_r_02.jpg) right no-repeat;
  padding:28px 0 0 59px;
  height:41px;
  font-size:13px;
  font-weight:600;
  float:right;
  width:185px;
}

ul.bnr_1 {
  height:55px;
  padding:0 0 15px 0;
  display:block;
}

.bnr_1 li {
  background:url(../images/banner_back_c.jpg) top repeat-x;
  height:55px;
  line-height:56px;
  color:#2b4837;
  font-size:0.8em;
  font-weight:600;
  float:left;
}

.bnr_1 li a:link, .bnr_1 li a:visited, .bnr_1 li a:hover, .bnr_1 li a:active, .bnr_1 li a {
  text-decoration:none;
  color:#2b4837;
}

ul.bnr_2 {
  height:31px;
  padding:0 0 15px 0;
  display:block;
}

.bnr_2 li {
  background:url(../images/banner_back_c2.jpg) top repeat-x;
  height:31px;
  line-height:31px;
  color:#2b4837;
  font-size:0.8em;
  font-weight:600;
  float:left;
}

.bnr_2 li a:link, .bnr_2 li a:visited, .bnr_2 li a:hover, .bnr_2 li a:active, .bnr_2 li a {
  text-decoration:none;
  color:#2b4837;
}

/* list ***************************************************************/
.list01 li {
  float:left;
  padding: 25px 0 25px 0;
  margin-right:19px;
}

.list02 li {
  float:left;
  padding: 25px 0 5px 0;
  margin-right:36px;
}

.list03 li {
  float:left;
  padding: 25px 0 40px 0;
  margin-right:16px;
}

.icon_list li {
  background:url(../images/icon_02.png) center left no-repeat;
  padding:0 0 0 15px;
  margin:10px 45px 20px 0;
  font-size:0.9em;
  line-height: 1.2em;
  float:left;
}

.cir_list li {
  list-style:outside disc;
  padding:0;
  margin:10px 0;
  font-size:0.9em;
  line-height: 1.2em;
}

li.end { margin-right:0px; }

/* line ***************************************************************/
.line01 {
  background-color:#cbe3bc;
  width:100%;
  height: 2px;
  margin-bottom:30px;
  font-size:2px;
  clear:both;
}

.line02 {
  background:url(../images/line.jpg) repeat-x;
  width:100%;
  height: 3px;
  margin:40px 0;
}

/* globalnavi ***************************************************************/
#globalnavi {
  clear: both;
  padding-top:23px;
  margin:0;
  padding:0;
  width:960px;
}

#globalnavi ul {
  line-height:0;
  margin:0px;
}

#globalnavi li {
  display:inline;
  float:left;
  margin:0 2px 0 0;
  padding:0px;
}

#globalnavi li.end { margin:0; }

#globalnavi li img { display:block; }

#globalnavi:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* table ***************************************************************/
table {
  clear:both;
  font-size:0.9em;
  width:100%;
  border:1px solid #aaaaaa;
  margin-bottom:20px;
  padding-bottom:20px;
}

table th {
  background-color:#f0ffd4;
  height:40px;
  text-align:center;
  border:1px solid #aaaaaa;
  padding:2px;
  color:#4a3800;
  font-size:0.9em;
}

table th.out { background-color:#f3f3f3; }

table.style04 th.out, table.style03 th.out, table.style06 th.out, table.style05 th.out { width:15%; }

table th.under { vertical-align:bottom; }

table td {
  vertical-align:text-top;
  height:35px;
  padding:5px 10px;
  line-height:1.5em;
  border:1px solid #aaaaaa;
}

table.style02 { font-size:0.65em; }

* html table.style02 { font-size:0.8em; }

.style02 a { text-decoration:none; }

table.style02 td {
  vertical-align:top;
  height:50px;
  padding:8px;
  border-right:none;
  border-left:none;
  border-top:none;
  border-bottom:1px solid #cccccc;
}

table.style02 td ul li {
  padding-right:6px;
  display:block;
  width:73px;
  line-height:1.3em;
}

table.style02 th img { padding:0 4px; }

table.style02 td img { padding-bottom:3px; }

table.style03 { margin-bottom:50px; }

table.style03 th.name { width:20%; }

table.style07 {
  width:243px;
  border:none;
  padding:0;
  margin:10px 0;
  font-size:14px;
}

table.style07 th {
  background-color:#ffe49d;
  border:1px solid #ffe49d;
  width:185px;
  padding:0;
  margin:0;
}

table.style07 th.subtitle {
  padding-top:20px;
  background-color:#e6f2df;
  border-bottom:none;
  border-right:none;
  border-left:none;
  border-top:3px solid #ffffff;
  color:#417d19;
}

table.style07 th.subtitle table {
  padding:0px;
  margin: 15px 7px;
  border:1px solid #ffe49d;
  width:170px;
}

table.style07 th.subtitle table td {
	font-weight:500;
    text-align:left;
    font-size:1.2em; 
	color:#333333;
	border:1px solid #ffffff;
    background-color:#ffffff; }

table.style07 td {
  border:1px solid #ffe49d;
  width:185px;
  padding:3px 6px;
  margin:0px;
}

table.style07 td.none {
  border:none;
  width:56px;
  vertical-align:bottom;
  text-align:center;
  padding:0px;
  margin:0px;
}

table.style07 td.line01 {
  background:url(../images/icon_07_back.gif) top right repeat-y;
  border:none;
  width:56px;
  vertical-align:top;
  text-align:right;
  padding:0px;
  margin:0px;
}

table.style07 td.line02 {
  background:url(../images/icon_08.gif) top right no-repeat;
  border:none;
  width:56px;
  vertical-align:top;
  text-align:center;
  padding:0px;
  margin:0px;
}

table.style07 td.line03 {
  background:url(../images/icon_07.gif) bottom right no-repeat;
  border:none;
  width:56px;
  vertical-align:top;
  text-align:right;
  padding:0px;
  margin:0px;
}

table.style07 td.line04 {
  background:url(../images/icon_09_back.gif) top right repeat-y;
  border:none;
  width:56px;
  vertical-align:top;
  text-align:right;
  padding:0px;
  margin:0px;
}

table.style07 td.line05 {
  background:url(../images/icon_10.gif) top right no-repeat;
  border:none;
  width:56px;
  vertical-align:top;
  text-align:center;
  padding:0px;
  margin:0px;
}

table.style07 td.line06 {
  background:url(../images/icon_09.gif) bottom right no-repeat;
  border:none;
  width:56px;
  vertical-align:top;
  text-align:right;
  padding:0px;
  margin:0px;
}

table.style07 th.rest {
  background-color:#cccccc;
  border:1px solid #cccccc;
  width:185px;
  padding:0;
  margin:0;
}

table.style07 td.rest {
  background-color:#cccccc;
  border:1px solid #cccccc;
  width:185px;
  padding:3px 6px;
  margin:0;
}

table.style08 {
  width:185px;
  border:none;
  padding:0;
  margin:10px 0;
  font-size:14px;
}

table.style08 th {
  background-color:#ffe49d;
  border:1px solid #ffe49d;
  padding:0;
  margin:0;
}

table.style08 td {
  border:1px solid #ffe49d;
  padding:3px 6px;
  margin:0px;
}

table.style08 td.none {
  border:none;
  padding:3px 6px;
  margin:0px;
}

div.table_box { width:486px; }

table.graph01 {
  width:180px;
  border:none;
  padding:0;
  margin:5px 0;
}

table.graph01 td {
  background-color:#FFFFFF;
  border:none;
  padding:4px 6px;
  margin:0px;
}

table.graph02 {
  border:none;
  padding:0;
  margin:5px 0;
}

table.graph02_size { width:720px; }

table.graph02_size_s { width:690px; }


table.graph02 td {
  vertical-align:bottom;
  background-color:#FFFFFF;
  border:none;
  padding:3px 3px;
  margin:0px;
}

table.graph02 td.line00 { border-left:#aaaaaa solid 1px; }

table.graph02 td.line05 { border-right:#aaaaaa solid 1px; }

table.graph02 td.line04 {
  border-top:#aaaaaa solid 1px;
  border-bottom:#aaaaaa solid 1px;
}

table.graph02 td.line03 { border-right:#ffffff solid 1px; }

table.graph02 td.pattern00 { background:#cccccc; } /* グレー */

table.graph02 td.pattern01 { background:#ea7274; } /* ピンク */

table.graph02 td.pattern02 { background:#fff99d; } /* 黄色 */

table.graph02 td.pattern03 { background:#f5bb47; } /* オレンジ */

table.graph02 td.pattern04 { background:#55942c; } /* 緑 */

table.graph02 td.pattern05 { background:#437ba8; } /* 青 */

table.graph02 td.pattern06 { background:url(../flow/images/pattern01.gif); } /* ピンク濃縦 */

table.graph02 td.pattern07 { background:url(../flow/images/pattern02.gif); } /* ピンク薄斜 */

table.graph02 td.pattern08 { background:url(../flow/images/pattern03.gif); } /* ピンク薄縦 */

table.graph02 td.pattern09 { background:url(../flow/images/pattern04.gif); } /* ピンク濃横 */

table.graph02 td.pattern10 { background:url(../flow/images/pattern05.gif); } /* ピンク濃斜 */

table.graph02 td.pattern11 { background:url(../flow/images/pattern06.gif); } /* ピンク濃斜 */

table.graph02 td.pattern12 { background:url(../flow/images/pattern07.gif); } /* ピンク格子 */

table.graph02 td.pattern13 { background:#ffb39c; } /* ピンク */

table.graph02 td.pattern14 { border-right:4px solid #FFD2CB; } /* ピンク */

table.graph02 td.pattern15 { border-right:8px solid #FF0000; } /* ピンク */

table.graph02 td.pattern16 { border-right:1px inset #400304; padding:0; background-color:#FFD2CB;} /* ピンク */

table.graph02_size02 {
  width:240px;
  border:#aaaaaa solid 1px;
  margin:30px 5px 0 0;
  background:#fbfbfb;
}

table.graph02 tr.text td {
  width: 213px;
  height: 20px;
  vertical-align:top;
  line-height:1.2em;
  padding:3px 0px 2px 4px;
  background:#fbfbfb;
}

table.graph02 tr.text td.square { width: 4px; }

/* map ***************************************************************/
#map {
  background-color:#f9f9f9;
  width:750px;
}

div.map_detail {
  padding-top:5px;
  position:relative;
  font-size:0.6em;
  top: 0px;
}

div.map_detail .label {
  position:absolute;
  width: 71px;
  height: 0px;
}

div.map_detail p.label {
  color:#777777;
  margin:0px;
}

div.map_detail p.label a:link, div.map_detail p.label a:visited {
  color:#333333;
  text-decoration:none;
}

div.map_detail p.label a:hover, div.map_detail p.label a:active {
  color:#c90;
  text-decoration:none;
}

.map_btn { float:right; }

.map_title {
  font-size:1.1em;
  font-weight:600;
  color:#2b4837;
}

.map_back { background:url(../images/map.jpg) bottom center no-repeat; }

.top_left div.map_detail {
  position:relative;
  font-size:0.8em;
  top: 0px;
}

.top_left div.map_detail .label {
  position:absolute;
  width: 55px;
  height: 8px;
  display:block;
}

.top_left div.map_detail p.label {
  color:#777777;
  margin:0px;
}

.top_left .map_title {
  font-size:1em;
  font-weight:600;
  color:#2b4837;
}

.top_left div.map_detail p.label a:active, .top_left div.map_detail p.label a:hover { color:#c90; }

/* search ***************************************************************/
.list_search1 {
  background-color:#FFFFFF;
  color:#333333;
  font-size:13px;
  border:1px solid #c6c6c6;
  width:150px;
  height:17px;
  padding:2px 0 1px 5px;
  margin:0 10px 0 0;
}

.list_search2 {
  background-color:#FFFFFF;
  border:1px solid #c6c6c6;
  font-size:13px;
  color:#333333;
  width:155px;
  height:25px;
  padding:1px 0 1px 5px;
  margin:0 10px 10px 0;
}

.no_selsct { color:#AAAAAA; }

/* top ***************************************************************/
.top_box {
  background:url(../images/box_middle.jpg) left top repeat-y;
  margin-top:20px;
  height:100%;
}

.top_left {
  float:left;
  width:536px;
  display:block;
  padding:0 0 30px 0;
}

.top_right {
  float:right;
  width:340px;
  display:block;
  padding:0 0 30px 0;
}

.top_left .h3_img, .top_right .h3_img { padding:0; }

.top_banner li { padding: 0 0 15px 0; }

.top_map { margin-top: 20px; }

.top_box_r { background:url(../images/box_top.jpg) left top no-repeat; }

.top_box_end {
  background:url(../images/box_bottom.jpg) left bottom no-repeat;
  padding:25px 20px 40px 20px;
}

/* second ***************************************************************/
.second_left {
  float:left;
  width:504px;
  display:block;
  padding:0 0 30px 0;
}

.second_right {
  float:right;
  width:368px;
  display:block;
  padding:0 0 30px 0;
}

.second_right .h3_img { padding:0; }

.second_right img.data { padding-left:10px; }

.second_left .h3_img { padding:0.9em 0 0 0; }

/* error ***************************************************************/

#error {
  background-color:#f9f9f9;
  font-size:1em;
}

#error .message {
  background-color:#ffffff;
  border:#d8d8d8 1px solid;
  padding:5px 10px;
  margin:10px 0px;
  width:360px;
  clear:both;
}

/* detail ***************************************************************/

#detail {
  background-color:#f9f9f9;
  font-size:0.9em;
}

#detail .graph span {
  display:block;
  width:280px;
}

#detail .message {
  background-color:#ffffff;
  border:#d8d8d8 1px solid;
  padding:10px;
  margin:5px 0px;
}

#detail table {
  border:none;
  width:734px;
  padding:0;
  margin:0;
}

#detail td {
  border:none;
  padding:0 8px 0 0;
  margin:0;
  vertical-align:top;
}

#detail .message img { padding:0 3px 5px 0; }

#detail .caption {
  font-size:0.9em;
  width:90px;
  padding:0 5px 5px 0;
  display:block;
  line-height:1.3em;
  float:left;
  color:#3DB546;
}

#detail .caption_l {
  font-size:0.9em;
  width:110px;
  padding:0 5px 5px 0;
  display:block;
  line-height:1.3em;
  float:left;
  color:#3DB546;
}

#detail .cme {
  font-size:0.9em;
  padding:2px 0 8px 0;
  display:block;
  line-height:1.5em;
}

.size_w01 { width:136px; }

.size_w02 { width:280px; }

.size_w03 { width:300px; }

.size_w04 { width:466px; }

.size_w05 { width:300px; }

.size_w06 { width:283px; }

.size_w07 { width:130px; }

.size_h00 p { height:9em; }

.size_h01 p { height:12.5em; }

.size_h02 p { height:14em; }

.size_h03 p { height:20em; }

.size_h04 p { height:38em; }

/* question ***************************************************************/

#main_question {
  border-left:2px solid #3ab042;
  border-right:2px solid #3ab042;
  padding:25px 18px 0px 18px;
  margin-bottom:0px;
  clear:both;
}

.footer_question {
  background:url(../question/images/footer.gif) no-repeat bottom left;
  width:960px;
  display:block;
  padding-bottom:2px;
  margin:0;
}

.point_t {
  background:url(../question/images/point_01a.gif) no-repeat top left;
  height:73px;
  margin: 0;
  padding: 50px 0px 0px 80px;
  display:block;
}

.point_m {
  background:url(../question/images/point_01b.gif) repeat-y top left;
  display:block;
  padding-bottom:0px;
  margin-bottom:0px;
}

.point_b {
  background:url(../question/images/point_01c.gif) no-repeat bottom left;
  display:block;
  width:840px;
  margin:0 0 0 0;
  padding: 0px 0px 80px 80px;
}

.next_btn {
  float:right;
  padding-right:3px;
}

.point_text {
  font-size: 1.7em;
  font-weight:700;
  line-height: 1.9em;
  color:#e25757;
}

#main_question ul li {
  list-style:disc;
  list-style-position:inside;
  line-height:2em;
}

#main_question table {
  border:none;
  width:885px;
}

#main_question td {
  width:735px;
  background:#ffe49c url(../question/images/subtitle_04.gif) no-repeat bottom left;
  text-align:left;
  vertical-align:top;
  border:none;
  padding:0;
  margin:0;
}

#main_question td p {
  padding: 0px 35px 15px 35px;
  line-height:1.3em;
}

#main_question th {
  width:150px;
  border:none;
  text-align:left;
  vertical-align:top;
  padding: 0;
  margin:0;
  background:#FFFFFF url(../question/images/month_04.gif) repeat-y left;
}

#main_question th.none { background-image:none; }