﻿@charset "utf-8";

/*
-----------------------------------------------
▼基本デザイン
----------------------------------------------- */
* {
margin:0;
padding:0;
}
body {
font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic", sans-serif;
font-size:12px;
}
* + html body {
font-family: "メイリオ",Meiryo;
}
body * {
line-height:1.5;
}
a {
font-family:"Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","ＭＳ Ｐゴシック","MS PGothic", sans-serif;
}
img {
border:0;
vertical-align:bottom;
}
ul,ol,li {
list-style-type:none;
}
select,
input,
textarea {
font-family:"MS PGothic","ＭＳ Ｐゴシック", sans-serif;
}
html > body select,
html > body input,
html > body textarea {
font-family:"Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","ＭＳ Ｐゴシック","MS PGothic", sans-serif;
}
table,h1,h2,h3,h4,h5,h6 {
font-size:100%;
}
table {
border-collapse:collapse;
}

a:link {color:#08c;}
a:visited {color:#039;}
a:hover,a:active {color:#903;}

/*\*/ a { overflow:hidden;} /**/

/* Win IEちらつき防止▼ */
* html {
filter:expression(document.execCommand("BackgroundImageCache", false, true));
}

.cboth {
clear:both;
height:0;
}
/* IE 用▼ */
* html .cboth {
height:.1em;
overflow:hidden;
margin-top:-.1em;
}
hr {
visibility:hidden;
border:0;
}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*
-----------------------------------------------
▼TOP トピックス
----------------------------------------------- */
#topics{
background:url(../img/top_news_btm.gif) no-repeat left bottom;
padding-bottom:15px;
position:relative;
margin-bottom:10px;
}

.ichiran{
position:absolute;
top:17px; left:560px;
font-size: 1px;
line-height: 1px;
}
.ichiran a{
background-image: url(../img/ichiran.gif);
display: block;
background-position: 0px 0px;
width: 90px;
height:28px;
overflow: hidden;
text-indent: -9999px;
}

.ichiran a:hover{
background-position: 0px -29px;
}

.topicsIn{
padding:5px 25px 0 25px;
background:url(../img/top_news_bg.gif) repeat-y left top;
}

#topics h3{
background:url(../img/top_mk01.gif) no-repeat left top;
padding-left:35px;
border-bottom:dotted 1px #333;
}

#topics h3 span{
display:block;
line-height:1.2;
font-size:90%;
}
#topics .topics_all{
margin:0;
padding:15px 0;
}
#topics .topics_img{
	float:left;
}
#topics .topics_text{
	float:right;
	width:295px;
}
#topics p.p02{
margin:15px 0;
}
#topics p.p03{
margin:0 0 0 1em;
}
#topics p.p03_tit{
margin:10px 0 0 0;
font-weight:bold;
}
#topics .photo img{
display:block;
float:left;
margin:0 2em 1em 0;
border:solid 1px #999;
}

#topics dt{
	position:relative;
	padding:1em 0 0 0;
}
#topics dd {
	position:relative;
	padding:0 0 0 1em;
}

ul.Liststyle01{
	margin-left:4em;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
ul.Liststyle01 li{
	list-style-type:disc;
	margin:0.3em 0;
}

/*
-----------------------------------------------
▼TOP ムービー 2010.06.15 ohura
----------------------------------------------- */
#movie{
background:url(../img/top_news_btm.gif) no-repeat left bottom;
padding-bottom:15px;
position:relative;
margin-bottom:10px;
}
.movieIn{
padding:15px 25px 15px 25px;
background:url(../img/top_news_bg.gif) no-repeat left top;
}

#movie h3{
background:url(../img/top_mk01.gif) no-repeat left top;
padding-left:35px;
border-bottom:dotted 1px #333;
}

#movie h3 span{
display:block;
line-height:1.2;
font-size:90%;
}

#movie p{
margin:15px 0;
}

#movie .photo img{
display:block;
float:left;
margin-right:10px;
border:solid 1px #999;
}
#movie table{
	margin:0 auto;
}
#movie td{
	padding:0 10px;
}

/*
-----------------------------------------------
▼TOP 国政報告会
----------------------------------------------- */
#report{
background:url(../img/top_news_btm.gif) no-repeat left bottom;
padding-bottom:15px;
position:relative;
margin-bottom:10px;
}
.reportIn{
padding:15px 25px 15px 25px;
background:url(../img/top_news_bg.gif) no-repeat left top;
}
.reportIn .p1{
margin-bottom:16px;
font-size:110%;
}

.reportIn .p2{
font-size:125%;
font-weight:bold;
margin-bottom:8px;
line-height:1.7 !important;
}

.reportIn .map{
float:right;
width:295px;
}

/*
-----------------------------------------------
▼TOP コラム
----------------------------------------------- */

#column{
background:url(../img/top_column_btm.gif) no-repeat left bottom;
padding-bottom:15px;
zoom:1;
}

.columnIn{
padding:15px 25px 15px 25px;
background:url(../img/top_column_bg.gif) no-repeat left top;
}

.columnIn h3 span{
display:block;
font-size:14px;
}
/* 20100614-ohura追加 */
.schedule_tbl{
	margin:0 auto;
	width:580px;
}
.schedule_tbl td{
	vertical-align:top;
}
.tdback01{
	padding-left:1.0em;
}
.tdback02{
	color:#005BAC;
	font-weight:bold;
}
/*
-----------------------------------------------
▼TOP スケジュール
----------------------------------------------- */
#schedule{
background:url(../img/top_schedule_btm.gif) no-repeat left bottom;
padding-bottom:25px;
margin-top:8px;
margin-bottom:8px;
zoom:1;
}

.scheduleIn{
background:url(../img/top_schedule_bg.gif) no-repeat #fffbd6;
padding:0px 15px 20px 15px;
}

.scheduleIf{
margin:0;padding:0;
width:255px;
}



/*
-----------------------------------------------
▼共通
----------------------------------------------- */
body{
background:url(../img/body_bg.gif) repeat-x;
text-align:center;
}

#head{
width:957px;
margin:0 auto;
position:relative;
text-align:left;
}

#main{
width:957px;
margin:0 auto;
text-align:left;
}

#foot{
width:957px;
margin:0 auto;
}

#side{
float:left;
width:279px;
}

#con{
float:right;
width:670px;
margin-top:8px;
}
.fLeft{float:left;}
.fRight{float:right;}

/*
-----------------------------------------------
▼ヘッダ
----------------------------------------------- */
.topBtn{
position:absolute;
top:8px; left:846px;
font-size: 1px;
line-height: 1px;
}
.topBtn a{
background-image: url(../img/head_top_btn.gif);
display: block;
background-position: 0px 0px;
width: 108px;
height:24px;
overflow: hidden;
text-indent: -9999px;
}

.topBtn a:hover{
background-position: 0px -24px;
}

.topDate{
position:absolute;
top:8px; left:4px;
}

/*
-----------------------------------------------
▼ナビ
----------------------------------------------- */
#navi	{
	font-size: 1px;
	line-height: 1px;
	margin: 10px 0 0 0;
	padding: 0px;
	zoom:1;
}
#navi li a	{
	background-image: url(../img/navi.gif);
	display: block;
	background-position: 0px 0px;
	width: 279px;
	overflow: hidden;
	text-indent: -9999px;
}
#navi li a.a01	{
	height:49px;
	background-position: 0px 0px;
}
#navi li a.a02	{
	height:47px;
	background-position: 0px -49px;
}
#navi li a.a03	{
	height:47px;
	background-position: 0px -96px;
}
#navi li a.a04	{
	height:47px;
	background-position: 0px -143px;
}
#navi li a.a05	{
	height:47px;
	background-position: 0px -190px;
}
#navi li a.a06{
	height:47px;
	background-position: 0px -237px;
}
#navi li a.a07	{
	height:47px;
	background-position: 0px -284px;
}
#navi li a.a08	{
	height:49px;
	background-position: 0px -331px;
}
ul#navi a.a01:hover	{
	background-position: -279px 0px;
}
ul#navi a.a02:hover	{
	background-position: -279px -49px;
}
ul#navi a.a03:hover	{
	background-position: -279px -96px;
}
ul#navi a.a04:hover	{
	background-position: -279px -143px;
}
ul#navi a.a05:hover	{
	background-position: -279px -190px;
}
ul#navi a.a06:hover	{
	background-position: -279px -237px;
}
ul#navi a.a07:hover	{
	background-position: -279px -284px;
}
ul#navi a.a08:hover	{
	background-position: -279px -331px;
}
/*IE7*/
*:first-child+html #navi li{

}



/*
-----------------------------------------------
▼TOP オンラインメール
----------------------------------------------- */

#mail{
background:url(../img/mail_btm.gif) no-repeat left bottom;
padding-bottom:5px;
zoom:1;
}

.mailIn{
background:url(../img/mail_bg.gif) repeat-x top left;
padding:7px 15px 10px 15px;
}
.mailIn2{
background:url(../img/mail_bg2.gif) no-repeat top left;
padding:7px 15px 10px 15px;
}
#mail .box1 img{
display:block;
margin-right:10px;
}

.mailIn strong{
font-size:120%;
}

#mail .box1 p{
margin-top:5px;
}

.input1{display:block;}
.input1 input{width:245px;margin-bottom:4px;}


/*
-----------------------------------------------
▼TOP 機関紙「On-Line」
----------------------------------------------- */
#online_box{
	margin-top:10px;
	}
#online_cont{
background:url(../img/online_bg.gif) repeat-y;
padding:20px 20px 10px 20px;
}
#online_cont table{
	margin:0 auto;
	}
#online_cont .td01{
	text-align:center;
	}
#online_cont .td02{
	padding:10px 0 0 0;
}
#online_cont .td02 p{
	text-align:left;
	}
#online_btm{
	background:url(../img/online_btm.gif) no-repeat;
	width:279px;
	height:10px;
	}
/*
-----------------------------------------------
▼フッター
----------------------------------------------- */
#foot{
background:url(../img/foot_btm.gif) no-repeat left bottom;
padding-bottom:8px;
margin-top:8px;
text-align:left;
color:#fff;
position:relative;
padding-bottom:15px;
}

.footIn{
background:url(../img/foot_bg.gif) no-repeat;
padding:0px 15px 20px 25px;
display:block;
}

.footIn p{
float:left;
margin-top:20px;
margin-bottom:10px;
margin-right:25px;
font-size:115%;
}

.footIn p a:link {color:#fff;}
.footIn p a:visited {color:#fff;}
.footIn p a:hover,.footIn p a:active {color:#f9fbb7;}

.footCara{
position:absolute;
top:10px;
left:825px;
}

address{font-style:normal;padding:7px 0;color:#005bac;}

/*
-----------------------------------------------
▼パンクズ
----------------------------------------------- */
.pan{
background:url(../img/pan_bg.gif) no-repeat left top;
padding:15px 15px 5px 15px;
}

/* css_end */

