@charset "utf-8";
/* 市民医療協議会 がん政策情報センター格差を知る用CSS Document 2010/05/28 */

/*-- グローバルナビ・画像部分 --*/
div#ni_warap.wrap {
	height: 48px;
}

/*-- メインコンテンツ --*/
div#wrapper.wrap {
	padding:9px 0 0;
}

/*-- パンくずリスト --*/
ol#topicpath {
	margin: 0 0 21px 2px;
}

ol#topicpath li {
	display: inline;
	font-size: 81%;
}

ol#topicpath li a {
	text-decoration: none;
	color: #2a2a2a;
}

/*-- main --*/
div#main {
	position: relative;
	float: none;
	margin-right: 0;
	width: auto;
}
div#main h1{
	color: #555;
	margin: 0 auto 20px auto;
	background: url(../images/h1_bottom.gif) repeat-x left bottom;
	font-size: 155%;
	font-weight: normal;
	position: relative;
}
div#main h1 span {
/*	background:url(../images/h1_top.gif) no-repeat center top;*/
	display:block;
	padding:0px 15px 18px 10px;
	margin:0;
	line-height:1.2;
}

div#main h2 {
	clear: both;
	margin-bottom: 10px;
	padding-left: 16px;
	background:url(../images/bg_heading.gif) no-repeat 0 0;
	font-size: 110%;
	line-height: 1.2;
}

div#main p {
	margin: 13px 15px 1em 7px;
}

div#main p.explanation {
	margin-bottom: 25px;
	padding-right: 40px;
} 

/* タブメニュー(疾病別) */
ul.category {
	position: absolute;
	top: 7px;
	left: 373px;
	height: 33px;
	line-height: 0;
}

/* Win IE 7用 { */
*:first-child+html ul.category {
	top: 7px;
}
/* } Win IE 7用 */

/* Win IE 6用 { */
* html ul.category {
	top: 7px;
}
/* } Win IE 6用 */

ul.category li {
	display: inline;
	float: left;
	margin-right: 1px;
}

ul.category li.gan a {
	display: block;
	width: 128px;
	height: 33px;
	background: url("../images/tabmenu_m_gan_r.png") no-repeat 0 0;
}

ul.category li.nou a {
	display: block;
	width: 128px;
	height: 33px;
	background: url("../images/tabmenu_m_nou_r.png") no-repeat 0 0;
}

ul.category li.tounyou a {
	display: block;
	width: 128px;
	height: 33px;
	background: url("../images/tabmenu_m_tounyou_r.png") no-repeat 0 0;
}

ul.category li.shinzou a {
	display: block;
	width: 128px;
	height: 33px;
	background: url("../images/tabmenu_m_shinzou_r.png") no-repeat 0 0;
}


ul.category li a:hover,
ul.first li a:hover,
ul.secondly li a:hover,
ul.tabmenu5 li a:hover {
	background-color: #ffffff;
}

ul.category li.gan a:hover img,
ul.category li.nou a:hover img,
ul.category li.tounyou a:hover img,
ul.category li.shinzou a:hover img,

ul.tabmenu5 li.men_women a:hover img,
ul.tabmenu5 li.men a:hover img,
ul.tabmenu5 li.women a:hover img {
	visibility: hidden;
}


/* タブメニュー1のみの記述 */
ul.first {
	width: 890px;
	padding-left: 10px;
	line-height: 0;
	zoom:1;
}
* html ul.first {
	float:none;
}
ul.first_another {
	position: relative;
	margin-bottom: 20px;
	height: 30px;
	border-bottom: 1px solid #999999;
}

ul.first li {
	position: relative;
	float: left;
	margin-right: 4px;
}

ul.first li a, 
ul.first li a span ,
ul.first li.disabled em ,
ul.first li.disabled em span{
	color: #000;
	font-weight: bold;
	display: block;
	background: url(../images/gap_tab_first_bg.png) no-repeat;
}
ul.first li a ,
ul.first li.disabled em{
	position: relative;
	top: 1px;
	z-index: 2;
	padding-right: 10px;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}
ul.first li.active a, ul.first li a:hover, ul.first li a:focus, ul.first li a:active {
	color: #fff;
	background-position: 100% -150px;
}
ul.first li a, ul.first li.disabled a:hover, .ul.first li.disabled a:focus, ul.first li.disabled a:active ,ul.first li.disabled em{
    background-position: 100% -100px;
}
ul.first li a span ,
ul.first li.disabled em span {
	width: 64px; /* IE 6 treats width as min-width */
	min-width: 64px;
	height: 18px; /* IE 6 treats height as min-height */
	min-height: 18px;
	padding: 7px 0 5px 10px;
	text-align: center;
}
*>ul.first li a span,
*>ul.first li.disabled em span{ /* hide from IE 6 */
	width: auto;
	height: auto;
}

ul.first li.active a span {
	color: #fff;
	font-weight: bold;
	padding-top: 8px;
}
ul.first li.active a span, ul.first li a:hover span, ul.first li a:focus span, ul.first li a:active span {
	color: #fff;
	background-position: 0 -50px;
}
ul.first.cities{
	margin-bottom:15px;
	border-bottom:1px solid #999;
	overflow: hidden;
	zoom:1;
}
ul.first li.disabled em span {
	filter: alpha(opacity=80);
	opacity:80;
}
ul.first li.disabled em span {
	color: #999;
	display: block;
	font-style:normal;
}

/* タブメニュー2のみの記述 */
ul.secondly {
	float: left;
	padding-top: 4px;
	padding-left: 10px;
	width: 890px;
	background: #88a23a url("../images/bg_tabmenu3.gif") repeat-x 0 0;
	line-height: 1;
	zoom:1;
}
* html ul.secondly {
	float: none;
}
ul.secondly li {
	position: relative;
	float: left;
	margin-right: 4px;
}

ul.secondly li a, 
ul.secondly li a span {
	color: #fff;
	font-size: 98%;
	font-weight: bold;
	display: block;
	background: url(../images/gap_tab_secondly_bg.png) no-repeat;
}
ul.secondly li.disabled em, 
ul.secondly li.disabled em span {
	color: #ddd;
	font-size: 98%;
	font-weight: normal;
	font-style: normal;
	display: block;
}
ul.secondly li a ,
ul.secondly li.disabled em {
	position: relative;
	top: 1px;
	z-index: 2;
	padding-right: 10px;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}
ul.secondly li.active a, ul.secondly li.ui-tabs-selected a, ul.secondly li a:hover, ul.secondly li a:focus, ul.secondly li a:active {
	color: #fff;
	background-position: 100% -150px;
}
ul.secondly li a, ul.secondly li.disabled a:hover, .ul.secondly li.disabled a:focus, ul.secondly li.disabled a:active {
    background-position: 100% -100px;
}
ul.secondly li a span ,
ul.secondly li.disabled em span {
	width: 64px; /* IE 6 treats width as min-width */
	min-width: 64px;
	height: 18px; /* IE 6 treats height as min-height */
	min-height: 18px;
	padding: 7px 0 5px 10px;
	text-align: center;
}
*>ul.secondly li a span{ /* hide from IE 6 */
	width: auto;
	height: auto;
}
ul.secondly li.active a span {
	color: #000;
	font-weight: bold;
	padding-top: 8px;
}
ul.secondly li.active a span, ul.secondly li.ui-tabs-selected a span, ul.secondly li a:hover span, ul.secondly li a:focus span, ul.secondly li a:active span {
	color: #000;
	background-position: 0 -50px;
}



/* タブメニュー3のみの記述 */
ul.thirdly {
	clear: both;
	padding-left: 10px;
	margin-bottom: 15px;
	width: 890px;
	background: #dce3cd url("../images/gap_tab_thirdly_bg.png") repeat-x 0 0;
	line-height: 1;
	border-bottom: 1px solid #bbb;
	overflow: hidden;
	zoom: 1;
}

ul.thirdly li {
	position: relative;
	float: left;
	padding-top: 5px;
	margin: 1px 5px 0 0;
}

ul.thirdly li a ,
ul.thirdly li.disabled em {
	display: block;
	margin-bottom:5px;
	padding: 4px 6px;
	text-decoration: none;
	color: #333333;
	white-space: nowrap;
}

ul.thirdly li.active a,
ul.thirdly li a:hover {
	background-color: #8caC26;
	color: #ffffff;
}
ul.thirdly li.disabled em {
	font-style:normal;
	color: #999;
}

/* 年度メニュー */
ul.year {
	margin: 0 0 5px;
	padding: 5px 10px;
	width: 880px;
	border-top: 1px dotted #cccccc;
	overflow: hidden;
	zoom:1;
}

ul.year li {
	float: left;
}

ul.year li.next {
	margin-right: 0;
	float: right;
}

ul.year li.prev a {
	padding-left: 9px;
	background: url("../images/icon_previous.gif") no-repeat left center;
}

ul.year li.next a {
	padding-right: 9px;
	background: url("../images/icon_next.gif") no-repeat right center;
}


/* 性別メニュー */
ul.type {
	width: 888px;
	padding-left: 10px;
	margin:0;
	zoom:1;
	line-height:1;
	display: inline-block; /* for IE8 */
}
* html ul.type {
	float:none;
}
html:not(:target) ul.type { display: block; } /* for modern browsers */

ul.type_another {
	position: relative;
	margin-bottom: 20px;
	height: 30px;
	border-bottom: 1px solid #999999;
}

ul.type li {
	position: relative;
	float: left;
	margin-right: 4px;
	display: inline;
	width: auto !important; /* for jcaroucel */
}

ul.type li a, 
ul.type li a span {
	color: #555;
	font-weight: bold;
	display: block;
	background: url(../images/tab_standard_bg.png) no-repeat;
}
ul.type li a {
	position: relative;
	top: 1px;
	z-index: 2;
	padding-right: 5px;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}
ul.type li.active a, ul.type li.ui-tabs-selected a, ul.type li a:hover, ul.type li a:focus, ul.type li a:active {
	color: #fff;
	background-position: 100% -150px;
}
ul.type li a, ul.type li.disabled a:hover, .ul.type li.disabled a:focus, ul.type li.disabled a:active {
    background-position: 100% -100px;
}
ul.type li a span {
	width: 50px; /* IE 6 treats width as min-width */
	min-width: 50px;
	height: 18px; /* IE 6 treats height as min-height */
	min-height: 18px;
	padding: 7px 0 5px 5px;
	text-align: center;
}
*>ul.type li a span{ /* hide from IE 6 */
	width: auto;
	height: auto;
}
ul.type li.active a span {
	color: #fff;
	font-weight: bold;
	padding-top: 8px;
}
ul.type li.active a span, ul.type li.ui-tabs-selected a span, ul.type li a:hover span, ul.type li a:focus span, ul.type li a:active span {
	color: #333;
	background-position: 0 -50px;
}



/* タブメニュー内容 */

div.ui-tabs-hide {
	display: none;
}
div.ui-tabs-panel {
	border:none;
}

*html .jcarousel-clip{
	width: 898px;
	zoom:1;
	overflow: hidden;
}
ul.year li.next {
	margin-right: 0;
	float: right;
}

.jcarousel-prev {
	position: absolute;
	top:10px;
	left:320px;
}
.jcarousel-prev a{
	width:16px;
	display:block;
/*	text-indent: -9999px;
	overflow: hidden;
	padding-left: 9px;
	background: url("../images/btn_prev.gif") no-repeat left center;*/
}
.jcarousel-next {
	position: absolute;
	top:10px;
	right:320px;
}
.jcarousel-next a{
	width:16px;
	display:block;
/*	text-indent: -9999px;
	overflow: hidden;
	padding-right: 9px;
	background: url("../images/btn_next.gif") no-repeat right center;*/
}
.jcarousel-prev-disabled,
.jcarousel-next-disabled{
	display:none !important;
}
.jcarousel-prev-disabled a,
.jcarousel-next-disabled a{
	color:#ccc;
	background:none;
	display:none ;
}



div#fragment-1,
div#fragment-2,
div#fragment-3 {
	float: left;
	margin-bottom: 29px;
	width: 898px;
	border: 1px solid #cccccc;
}
div.tabcontent{
	width: 898px;
	border: 1px solid #cccccc;
	overflow:hidden;
	zoom: 1;
	clear:both;
}
#main h3.year{
	margin: 0;
	padding-top: 5px;
	padding-left:0;
	border:none;
	border-top: 1px dotted #ccc;
	text-align: center;
	font-weight: normal;
	width: 898px;
}


div.contentcolumn {
	float: left;
	margin-right: 37px;
	width: 628px;
}

/* Win IE 6用 { */
* html div.contentcolumn {
	margin-right: 29px;
}
/* } Win IE 6用 */

div.contentcolumn img {
	margin-bottom: 21px;
}

div#main div.contentcolumn p,
div#main div.contentcolumn ul {
	margin: 0 0 19px 24px;
	padding-left: 0;
}

#main div.contentcolumn h4 {
	margin: 18px 0 9px 21px;
	padding-left: 15px;
	padding-bottom:0;
	border-left: 6px solid #a7c83b;
	border-bottom: none;
	line-height: 1;
}
div.contentcolumn .mapArea {
	display:table;
	vertical-align:bottom;
}
div.contentcolumn .map {
	display:table-cell;
}
div.contentcolumn .hanrdei {
	font-size: 80%;
	display:table-cell;
	vertical-align:bottom;
}
div.contentcolumn .hanrdei table{
	border-collapse: separate;
}
*html div.contentcolumn .hanrdei td{
	font-size: x-small;
}
div.contentcolumn .hanrdei td{
	margin-bottom: 5px;
	padding: 0 0 0 5px;
	white-space:nowrap;
}
div.contentcolumn .hanrdei td.color{
	width: 1.5em;
	padding-left: 0;
}
div#main div.contentcolumn .hanrdei p{
	margin-left: 1.5em;
}

*html div.contentcolumn .map,
*html div.contentcolumn .hanrdei  {
	display:inline;
	vertical-align:bottom;
	float:left;
}
*html div.contentcolumn .hanrdei  {
	margin-top:180px;
}
*:first-child+html div.contentcolumn .map,
*:first-child+html div.contentcolumn .hanrdei  {
	display:inline;
	zoom:1;
	float:left;
}
*:first-child+html div.contentcolumn .hanrdei  {
	margin-top:180px;
}
div.contentcolumn .map-note{
	clear:both;
	font-size: 80%;
}
div.contentcolumn .map-note li{
	width: auto !important;
}
.update{
	text-align: right;
	clear:both;
}


/* ローカルナビ */
div.sub {
	display: inline;
	float: right;
	padding-top: 10px;
	overflow: hidden;
}

div.side {
	margin-bottom: 11px;
	padding-bottom: 3px;
	background: url("../images/bg_sub2.gif") no-repeat left bottom;
	font-size: 120%;
}

div.tabcontent div.sub p {
	position: relative;
	margin: 0 9px 21px 0;
	width: 208px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}
div.tabcontent div.sub li {
	width: auto !important;
}

/* Win IE 7用 { */
*:first-child+html div.tabcontent div.sub p {
	font-size: medium;
}
/* } Win IE 7用 */

/* Win IE 6用 { */
* html div.tabcontent div.sub p {
	position: static;
	font-size: medium;
}
/* } Win IE 6用 */


div.tabcontent div.sub h4 {
	margin-top: 18px;
	margin-bottom: 22px;
	padding-left: 15px;
	border-left: 6px solid #a7c83b;
	line-height: 1;
}

div.tabcontent div.sub ul.download {
	margin-bottom: 15px;
	padding-left: 18px;
}

div.tabcontent div.sub ul.download li.excel a {
	display: block;
	margin-bottom: 21px;
	padding-top: 39px;
	width: 210px;
	background: url("../images/icon_excel.png") no-repeat 0 0;
}

div.tabcontent div.sub ul.download li.pdf a {
	display: block;
	padding-top: 37px;
	width: 210px;
	background: url("../images/icon_pdf.png") no-repeat 0 0;
}

/* 都道府県リスト */
dl.prefnav {
	width: 210px;
	margin-bottom: 15px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: url("../images/bg_sub1.gif") repeat-y 0 0;
}

dl.prefnav .statelist_title {
	margin: 0;
	padding-bottom: 2px;
	border-bottom: none;
	background: url("../images/bg_statelist_title.gif") repeat-x left bottom;
}
dl.prefnav .statelist_title a {
	display: block;
	margin: 1px 1px 0;
	padding: 12px 0 12px 34px;
	background: url("../images/list_icon3.png") no-repeat 9px center;
	line-height: 1;
	text-decoration: none;
}


/* Win IE 6用 { */
* html dl.prefnav .statelist_title {
	width: 210px;
}
/* } Win IE 6用 */


dl.prefnav ul.statelist {
	font-size: 90%;
	position: relative;
	margin: 0 10px;
	padding: 11px 0 9px;
	background: url("../images/bg_statelist.gif") repeat-x left bottom;
}
/* Win IE 6用 { */
* html div.tabcontent div.sub ul.statelist {
	position: static;
}
/* } Win IE 6用 */

dl.prefnav ul.statelist li{
	display:inline;
}

dl.prefnav ul.statelist_last {
	background: none;
}

dl.prefnav ul.statelist_last li{
	display: inline;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1.3;
	border-bottom: none;
}

dl.prefnav ul.statelist a {
	padding-left: 9px;
	background: url("../images/list_icon.gif") no-repeat left center;
}

/* Win IE 7用 { */
*:first-child+html dl.prefnav ul.statelist a {
	zoom: 1; 
}
/* } Win IE 7用 */

/* Win IE 6用 { */
* html dl.prefnav ul.statelist a {
	font-size: small;
	zoom: 1; 
}
/* } Win IE 6用 */

/*-- maincontent --*/
div#maincontent {
	position: relative;
	width: 898px;
	height: 32em; /* 481px */
	background: url("../images/bg_japanmap.png") no-repeat 66px 0;	
	border: 1px solid #cccccc;
}


/* Win IE 7用 { */
*:first-child+html div#maincontent {
	height: 37em; 
}
/* } Win IE 7用 */

/* Win IE 6用 { */
* html div#maincontent {
	height: 37em;
}
/* } Win IE 6用 */

div.statelist_area1,
div.statelist_area2,
div.statelist_area3,
div.statelist_area4,
div.statelist_area5,
div.statelist_area6,
div.statelist_area7,
div.statelist_area8 {
	position: absolute;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

div.statelist_area1 {
	top: 13px;
	left: 683px; 
/*	margin: 13px 0 0 683px; */
	width: 5.5em;
}

div.statelist_area2,
div.statelist_area3,
div.statelist_area4,
div.statelist_area6,
div.statelist_area7,
div.statelist_area8 {
	width: 9.8em;
}

div.statelist_area2 {
	top: 165px;
	left: 633px;
/*	margin: 131px 0 0 633px; */
}

div.statelist_area3 {
	top: 273px;
	left: 589px; 
/*	margin: 16px 0 0 589px; */
}

div.statelist_area4 {
	top: 111px;
	left: 375px;
/*	margin: -259px 0 0 365px; */
	max-width:210px;
	width: 10em;
}

div.statelist_area5 {
	top: 405px;
	left: 468px; 
/*	margin: 150px 0 0 468px; */
	width: 10em;
}

div.statelist_area6 {
	max-width: 170px;
	top: 397px;
	left: 298px; 
/*	margin: -71px 0 0 298px; */
}

div.statelist_area7 {
	max-width:180px;
	top: 217px;
	left: 187px;
/*	margin: -237px 0 0 187px; */
}

div.statelist_area8 {
	max-width:240px;
	top: 315px;
	left: 40px;
/*	margin: 25px 0 0 43px; */
}

.selectprefmap div ul{
	margin: 1px;
	padding: 5px 20px 7px 9px;
	background-color: #eaede1;
	line-height: 1.4;
	font-size:88%;
}

div.statelist_area4 ul {
	padding:5px 20px 7px 11px;
}

div.statelist_area5 ul {
	padding: 5px 24px 7px 12px;
}

.selectprefmap ul li{
	display: inline;
}

.selectprefmap ul li.odd {
	margin-right: 15px;
}

.selectprefmap ul li a{
	padding-left: 9px;
	background: url("../images/list_icon.gif") no-repeat left center;
}

/* Win IE 7用 { */
*:first-child+html .selectprefmap ul li a{
	zoom: 1; 
}
/* } Win IE 7用 */

/* Win IE 6用 { */
* html .selectprefmap ul li a {
	zoom: 1; 
}
/* } Win IE 6用 */

#loading{
	padding-bottom:100px;
	background: url(../images/loading.gif) 50% 50% no-repeat;
}
#loading span{
	color: #336600;
	padding-left:15px;
	background: url(../images/icon_up2.gif) 0 50% no-repeat;
}