@charset "euc-jp";
/* CSS Document */



/* Reset
=======================================*/


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
}
html{
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}




/* Base
=======================================*/

body {
	font-family: "¥á¥¤¥ê¥ª", Meiryo, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "MS P¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
	background: url(/net/mayoral_election/2011/images/contents_bg.png);
}

p {
	font-size:14px;
	line-height:20px;
}

table {
	font: 100%;
	font-size: inherit;
}

hr {
	display:none;
}

img {
	border: none;
	vertical-align: bottom;
}

strong {
	font-weight: bold;
}


/* Link
=======================================*/


a {
	color:#006;
	outline:none;
}


a:hover {
	color:#36F;
}


/* Class
=======================================*/

.clear {
	clear:both;
}


.none {
	display:none;
}


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

.clearfix { display: inline-table; }

.fontsize_s {
	font-size:12px;
	margin-top:5px;
}



/* Layout
=======================================*/



#wrapper {
	text-align:center;
	background: url(/net/mayoral_election/2011/images/header_bg.png) top center repeat-x;
	display:block;
}

#outline {
	background:url(/net/mayoral_election/2011/images/main_bg.png) top center no-repeat;
}

#contener {
	width:1000px;
	margin:0 auto;
	text-align:left;
}

/* navi
=======================================*/


#navi {
	margin:25px 0 50px 0;
}

#navi ul {
	list-style: none;
	display: block;
	overflow: hidden;
	font-size:16px;
	height:65px;
	text-transform:capitalize;
	width:1000px;
}


#navi ul li {
	display: inline;
}

#navi ul li a {
	width:150px;
	display: block;
	float: left;
	height:45px;
	text-indent:-9999px;
}

#navi ul li a:hover {
	background-position:-150px 0 ;
}


#navi01 a {
	background:url(/net/mayoral_election/2011/images/navi_btn01.png) no-repeat;
}
#navi02 a {
	background:url(/net/mayoral_election/2011/images/navi_btn02.png) no-repeat;
}
#navi03 a {
	background:url(/net/mayoral_election/2011/images/navi_btn03.png) no-repeat;
}
#navi04 a {
	background:url(/net/mayoral_election/2011/images/navi_btn04.png) no-repeat;
}
#navi05 a {
	background:url(/net/mayoral_election/2011/images/navi_btn05.png) no-repeat;
}


/* header
----------*/


#header {
	height:650px;
	display:block;
}



#links {
	background:#fff;
	float:right;
	padding: 5px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:#ccc solid 1px;
	margin-top:-4px;
}

#links a img {
	margin-bottom:5px;
}


#news {
	position:absolute;
	top:510px;
	width:350px;
	height:70px;
	font-size:12px;
}


#news h3 {
	font-size:14px;
	background:#df0606;
	color:#fff;
	height:24px;
	padding:5px 5px 0 5px;
	width:60px;
	font-weight:bold;
}

#news .frame {
	background:#fff;
	border:#ccc solid 3px;
	overflow-y: scroll;
	overflow-x: hidden;
	width:350px;
	height:70px;
	padding:5px 10px;
}

#news .frame .list {
	border-bottom:#ccc dotted 1px;
}



#news .frame .list p {
	font-size:12px;
	border-left:#2977b1 solid 3px;
	padding-left:5px;
	line-height:12px;
	margin: 5px 0;
}





/* contents
----------*/


#contents {
	display:block;
	clear:both;
}

#contents_ttl01 {
	background:url(/net/mayoral_election/2011/images/contents_ttl01.png) no-repeat;
	height:100px;
	width:700px;
	text-indent:-9999px;
}


#contents h3.ttl {
	font-size:24px;
	line-height:30px;
	background:#2977b1;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-top:60px;
	padding:5px 20px;
	color:#fff;
	font-weight:bold;
}

#contents h4 {
	font-size:20px;
	line-height:30px;
	padding:5px 0;
	color:#2977b1;
	font-weight:bold;
}


.cont4_txt {
	border-left:#2977b1 3px solid;
	padding-left:10px;
}


.content {
	background:#fff;
	padding:20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin:0 30px;
}

.content img {
	padding:0;
	margin:0;
	line-height:0;
	border:none;
}


.content img {
	margin:0;
	padding:0;
}


.cont04_02 {
	margin-top:30px;
	background:url(/net/mayoral_election/2011/images/img06.png) top left no-repeat;
	height:180px;
	color:#fff;
}

.cont04_02 ul {
}

.cont04_02 li {
	margin-left:0;
	padding:55px 5px 0 15px;
	float:left;
	width:205px;
	font-size:12px;
	line-height:16px;
}

.cont04_02 li.text01 { padding-left:10px; width:200px; }
.cont04_02 li.text02 {}
.cont04_02 li.text03 { margin-top:-8px; }
.cont04_02 li.text04 { margin-top:-8px; }


#cont05 {
	background:#2977b1;
	color:#fff;
	padding:20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin:0 30px;
	margin-top:50px;
}

#cont05 img {
	margin-left:5px;
}


#cont05 h3.ttl2 {
	font-size:24px;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom:#ccc dotted 1px;
}



.pagetop {
	margin-top:10px;
}

.pagetop a {
	background:url(/net/mayoral_election/2011/images/pagetop.png) top left no-repeat;
	height:20px;
	width:150px;
	display:block;
	text-indent:-9999px;
	margin-left:850px;
}


/* board
----------*/


#board {
	background:url(/net/mayoral_election/2011/images/img05.png) top center no-repeat;
	width:900px;
	height:620px;
	margin-top:20px;
}

#board a:hover {
	background-position:0 0;
}

#poster01 a {
	position:absolute;
	margin:93px 0 0 260px;
	background:url(/net/mayoral_election/2011/images/poster01.png);
	background-position:-185px 0 ;
	display:block;
	height:185px;
	width:185px;
}



#poster02 a {
	position:absolute;
	margin:93px 0 0 450px;
	background:url(/net/mayoral_election/2011/images/poster02.png);
	background-position:-185px 0 ;
	display:block;
	height:185px;
	width:185px;
}



#poster03 a {
	position:absolute;
	margin:93px 0 0 650px;
	background:url(/net/mayoral_election/2011/images/poster03.png);
	background-position:-185px 0 ;
	display:block;
	height:185px;
	width:185px;
}



#poster04 a {
	position:absolute;
	margin:285px 0 0 260px;
	background:url(/net/mayoral_election/2011/images/poster04.png);
	background-position:-185px 0 ;
	display:block;
	height:185px;
	width:185px;
}



#poster05 a {
	position:absolute;
	margin:285px 0 0 455px;
	background:url(/net/mayoral_election/2011/images/poster05.png);
	background-position:-185px 0 ;
	display:block;
	height:185px;
	width:185px;
}



/* games
----------*/


#games {
	padding:30px;
	background: url(/net/mayoral_election/2011/images/minigame_bg.png) top center no-repeat;
	height:525px;
	padding-top:80px;
}

#games h3 {
	display:none;
}

#games .text {
	margin-right:310px;
}

#games .text2 {
	margin-right:310px;
	margin-bottom:140px;
}


/* btn
----------*/



#btn01 {
	position:absolute;
	top:640px;
	margin-left:740px;
	background:url(/net/mayoral_election/2011/images/btn01.png) top left no-repeat;
	text-indent:-9999px;
	height:300px;
	width:230px;
	display:block;
}

#btn01 a:hover {
	background-position:-230px 0;
}

#btn02 a {
	margin:0 auto;
	background:url(/net/mayoral_election/2011/images/btn02.png) top left no-repeat;
	height:60px;
	width:580px;
	display:block;
	color:#000;
	text-decoration:none;
	margin-top:20px;
	margin-left:160px;
	margin-bottom:30px;
	text-indent:-9999px;
}

#btn02 a:hover { background-position: 0 -60px; }

#btn03 {
	display:block;
	float:right;
	width:420px;
}


#btn03 a {
	background:url(/net/mayoral_election/2011/images/btn03.png) top left no-repeat;
	text-indent:-9999px;
	height:50px;
	width:420px;
	display:block;
}

#btn03 a:hover {
	background-position: 0 -50px;
}





/* footer
----------*/



#footer {
	background:url(/net/mayoral_election/2011/images/footer_bg.png) top center repeat-x;
	padding-top:180px;
	color:#fff;
	text-align:left;
	margin-top:80px;
}

#footer_inter {
	background:#2977b1;
}

#footer_contents {
	margin:0 auto;
	width:900px;
	padding-bottom:10px;
	font-size:12px;
	line-height:20px;
}

#footer_contents a {
	color:#fff;
}


#footer_info {
	font-size:12px;
	float:left;
	width:500px;
	line-height:22px;
}

#footer_contents address {
	float:right;
	width:330px;
	padding-right:70px;
	text-align:right;
	font-size:12px;
	line-height:22px;
	background:url(/net/mayoral_election/2011/images/logo_koeitecmo.png) right top no-repeat;
	height:50px;
}



#footer h3.ttl2 {
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
}



/* poster_iframe
----------*/




#poster_iframe01 {
	background:url(/net/mayoral_election/2011/images/poster01_l.jpg) top left no-repeat;
	width:780px;
	height:660px;
}

.poster_iframe_link01 {
	position:absolute;
	top:480px;
	left:480px;
}

body .poster_iframe_links	{
	font-family: "MS P¥´¥·¥Ã¥¯", "MS PGothic" , "¥á¥¤¥ê¥ª", Meiryo, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
 } /* add k */



#poster_iframe01 {
	background:url(/net/mayoral_election/2011/images/poster01_l.jpg) top left no-repeat;
	width:780px;
	height:660px;
}

#poster_iframe02 {
	background:url(/net/mayoral_election/2011/images/poster02_l.jpg) top left no-repeat;
	width:780px;
	height:660px;
}

#poster_iframe03 {
	background:url(/net/mayoral_election/2011/images/poster03_l.jpg) top left no-repeat;
	width:780px;
	height:660px;
}


#poster_iframe04 {
	background:url(/net/mayoral_election/2011/images/poster04_l.jpg) top left no-repeat;
	width:780px;
	height:660px;
}

#poster_iframe05 {
	background:url(/net/mayoral_election/2011/images/poster05_l.jpg) top left no-repeat;
	width:780px;
	height:660px;
}


.poster_iframe_links {
	background:url(/net/mayoral_election/2011/images/poster_iframe_ttl01.jpg) #ccc top left no-repeat;
	position:absolute;
	top:480px;
	left:480px;
	padding:30px 10px 0px 10px;
	width:265px;
}

.poster_iframe_links img {
	margin-right:19px;
	margin-bottom:10px;
}


/* report01
----------*/


#report01_btn a {
	margin:0 auto;
	background:url(/net/mayoral_election/2011/images/report01_btn.png)  top left no-repeat;
	height:150px;
	width:380px;
	display:block;
	position:absolute;
	margin-top:390px;
	margin-left:90px;
	text-indent:-9999px;
}

#report01_btn a:hover { background-position: 0 -180px; }



#report01_iframe {
	background:url(/net/mayoral_election/2011/images/report01_bg.jpg) top left no-repeat;
	width:780px;
	height:619px;
}

.report01_iframe_text {
	padding-top:600px;
	padding-left:40px;
	padding-right:40px;

}

.report01_iframe_ttl {
	font-size:18px;
	border-bottom:#ed1414 dotted 1px;
	margin-bottom:5px;
	padding-bottom:5px;
	font-weight:bold;
	color:#ed1414;
}

#ust_btn a {
	margin:0 auto;
	background:url(/net/mayoral_election/2011/images/ust_btn.png)  top left no-repeat;
	height:100px;
	width:780px;
	display:block;
	text-indent:-9999px;
}

#ust_btn a:hover { background-position: 0 -100px; }



/* result
----------*/


#result_wrapper {
	text-align:center;
	background: url(/net/mayoral_election/2011/images/result_header_bg.png) top center repeat-x;
	display:block;
}


#result_outline {
	background:url(/net/mayoral_election/2011/images/result_main.png) top center no-repeat;
}

#result_header {
	height:900px;
	display:block;
}

#result {
	background:#2977b1;
}

#result_contents h4 {
	font-size:20px;
	line-height:30px;
	padding:5px 0;
	color:#2977b1;
	font-weight:bold;
}


#result_btn a {
	margin:0 auto;
	background: url(/net/mayoral_election/2011/images/reslut_btn.png) top left no-repeat;
	height:180px;
	width:460px;
	display:block;
	position:absolute;
	margin-top:360px;
	margin-left:70px;
	text-indent:-9999px;
}

#result_btn a:hover { background-position: 0 -180px; }



#result_back_btn a {
	margin:0 auto;
	background:url(/net/mayoral_election/2011/images/reslut_back_btn.png) top left no-repeat;
	height:24px;
	width:440px;
	display:block;
	color:#000;
	text-decoration:none;
	margin-top:60px;
	margin-left:260px;
	margin-bottom:30px;
	text-indent:-9999px;
}

#result_back_btn a:hover { background-position:0 -24px;  }