@charset "UTF-8";
@import "reset.css";

html{
}

body{
background-color: #ffffff;
color: #333333;
font-size: 12px;
line-height: 1.5;
}

#content{
background-color: #ffffff;
width: 950px;
margin: 20px auto 0 auto;
overflow: hidden;
}

.content-inner{
margin-bottom: 20px;
overflow: hidden;
}

#page-title{
margin-bottom: 5px;
overflow: hidden;
}

.note-inner{
padding:60px 0 0 40px;
}

h2{
float: left;
margin: 15px 0 0 15px;
}

h3{
margin-bottom: 15px;
}

h4{
margin: 5px 0 15px 5px;
}

li{
margin-bottom: .25em;
}

p{
margin-bottom: 1em;
}

a{
overflow:hidden;
outline:none;
}

a span{
display: block;
text-indent: -9999px;
}

#left{
float: left;
margin-right: 20px;
overflow: hidden;
}

.column-left{
width: 595px;
border: solid #cccccc 1px;
background-color: #ffffff;
margin-bottom: 20px;
}

.column{
border: solid #cccccc 1px;
background-color: #ffffff;
margin-bottom: 20px;
}

dl{
margin-bottom: 15px;
}

dt{
float: left;
margin-left: 15px;
}

dd{
margin-bottom: .25em;
margin-left: 15px;
margin-right: 5px;
}

#right{
float: right;
width: 330px;
}

table{
width: 940px;
margin: 0 auto;
}

td{

}

.last-tr td{
border-bottom: none;
}

table td div{
margin: 15px 10px;
}

/*======================Header共通ここから============================*/

#header {
width: 100%;
}

#header-top {
width: 950px;
height: 90px;
margin: 0 auto;
overflow: hidden;
}

#header h1 {
margin-top: 40px;
float: left;
}

#header-right{
float: right;
margin-top: 20px;
text-align: right;
}

#search-wrap{
margin-top: 15px;
overflow: hidden;
}

#search-box{
float: left;
margin-right: 5px;
}

#search{
height: 20px;
}

.search-btn{
margin-top: 2px;
}

/*-------グローバルナビ--------*/

#glnavi-wrap {
background: url(/img/glnavi_bg.gif) repeat-x top left;
width: 100%;
height: 53px;
}

#glnavi {
width: 953px;
background: #ffffff;
padding-left: 1px;
margin: 0 auto;
overflow: hidden;
}

#glnavi li{
float: left;
}

#glnavi a {
display: block;
width:236px;
height: 53px;
margin: 0 1px;
}

.gl-city a {
background-image: url(/img/glnavi_city.png);
background-repeat: no-repeat;
background-position: top left;
}
.gl-conference a {
background-image: url(/img/glnavi_conference.png);
background-repeat: no-repeat;
background-position: top left;
}

.gl-file a {
background-image: url(/img/glnavi_file.png);
background-repeat: no-repeat;
background-position: top left;
}
.gl-event a {
background-image: url(/img/glnavi_event.png);
background-repeat: no-repeat;
background-position: top left;
}

.gl-city       a.on,
.gl-conference a.on,
.gl-file       a.on,
.gl-event      a.on
{
	background-position: bottom left;
}

.gl-city       a:hover,
.gl-conference a:hover,
.gl-file       a:hover,
.gl-event      a:hover
{
	background-position: bottom left;
}



/*-------グローバルナビ--------*/

/*======================Header共通ここまで============================*/

/*==========================TOPここから===========================*/

#home #header {
background: url(/img/head_gr_top.png) repeat-x top left;
}

#home-flash{
width   : 950px;
}

#content-note-wrap{
height: 251px;
padding-top:15px;
background: url(/img/top_conference_city.jpg) no-repeat top left;
}

#content-note{
width: 515px;
height: 237px;
background-color: #ffffff;
margin: 0 15px 0 auto; 
}

.note-inner-home{
padding:10px 15px 0 20px;
}

.note{
clear: both;
}

#home-city{
background-color: #ffffff;
margin-bottom: 10px;
overflow: hidden;
}

#home-city li{
width: 120px;
margin: 0px 0;
background: url(/img/icon_green.gif) no-repeat center left;
float: left;
}

#home-city li a{
display: block;
padding-left:5px;
}

#news dt{
width: 9em;
padding-left: 25px;
}

.banner{
float: left;
border: solid #cccccc 1px;
margin-right: 20px;
}

.teitanso{
width: 307px;
}

.teitanso img{
margin:5px;
}

.banner p{
margin: 5px
}

.eu{
width: 265px;
margin: 0;
}

.eu img{
margin:5px;
float: left;
}

.connection{
display: block;
height: 60px;
background-image: url(/img/banner_connection.png);
background-repeat: no-repeat;
background-position: left top;
margin-bottom: 20px;
}

a.connection:hover{
background-position: left bottom;
}

.tv{
border: solid #cccccc 1px;
}

.tv img{
margin:5px 13px 10px 13px;
}

.tv p{
text-align: center;
margin: 0;
}

.tv h4{
margin: 0;
}

.tv ul{
margin: 0 13px;
}

.tv ul li{
margin-bottom: .5em;
background: url(/img/icon_gray.png) no-repeat center left;
}

.tv ul li a{
display: block;
padding-left: 20px;
}

#counter{
width: 950px;
margin: 10px auto 0;
text-align: right;
}

#home #footer{
background: url(/img/foot_gr_top.png) repeat-x top left;
}

/*==========================TOPここまで===========================*/
/*=================CITY（モデル都市の取組み）ここから==================*/

#city #header {
background: url(/img/head_gr_city.png) repeat-x top left;
}

.city-bg{
background: url(/img/city_image.jpg) repeat top left;/*ここにタイトル画像入る　画像によってheightが違う場合もここで指定*/
height  :280px;
}

#title-note{
width: 465px;
float: right;
margin-right: 20px;
}

.photo-frame{
width: 467px;
float: left;
overflow: hidden;
background: url(/img/frame_bg.png) repeat-y top left;
}

.frame-margin{
margin-right: 15px;
}

.photo-image{
width:425px;
overflow: hidden;
margin: 0 0 10px 20px;
}

.caption{
margin-left: 20px;
margin-right: 22px; 
margin-bottom: .5em
}

#chosen-city dt{
padding-top: 2px;
width: 145px;
}

#chosen-city dd{
margin-bottom: 1em;
padding-bottom: 1em;
padding-left: 160px;
border-bottom: dotted #cccccc 1px;
}

.column-left ul,
.column ul{
_padding-bottom: 10px;
overflow: hidden;
}

#chosen-city li{
float: left;
width: 130px;
}

#related-file dt{
width: 10em;
background:url(/img/icon_green_b.gif) no-repeat center left;
padding-left: 15px;
}

.download-wrap{
background: url(/img/bg_green.gif) repeat top left;
padding-top:10px;
_padding-bottom:10px;
overflow: hidden;
}

.download-bg{
background-color: #ffffff;
margin: 0 10px 10px;
overflow: hidden;
}

.download-bg h4{
margin-top: 0;
margin-left: 10px;
padding-top: 10px;
}

.download{
overflow: hidden;
margin: 0 15px 10px 15px;
}

.download li{
background:url(/img/icon_red.gif) no-repeat center left;
}

.download li a{
margin-left: 15px;
}

.adobe-reader{
display: block;
text-align: right;
margin: 0 10px 10px 0;
}

/*-------CITY DETAIL（詳細ページ）ここから--------*/

.city-name{
background-color: #009900;
color: #ffffff;
font-weight: bold;
padding: 3px 0px 3px 10px;
width  :300px;
font-size   :14px;
float: left;
}

.action-image{
width: 910px;
margin: 0 auto;
overflow: hidden;
}

#modelcity-action ul{
background: url(/img/city_hr.gif) no-repeat top left;
margin:15px 5px 0 5px; 
padding: 20px 0;
}

#modelcity-action li{
background:url(/img/icon_green_b.gif) no-repeat center left;
margin-left: 15px;
margin-right: 15px;
}

#modelcity-action li a{
margin-left: 15px;
}

#city-info dt{
width: 10em;
background:url(/img/icon_green_b.gif) no-repeat center left;
padding-left: 15px;
}

/*-------CITY DETAIL（詳細ページ）ここまで--------*/

#city #footer{
background: url(/img/foot_gr_city.png) repeat-x top left;
}

/*=================CITY（モデル都市の取組み）ここまで==================*/


/*===================CONFERENCE（協議会の取組）ここから===================*/

#conference #header {
background: url(/img/head_gr_conference.png) repeat-x top left;
}

.conference-bg{
background: url(/img/conference_image.jpg) repeat top left;/*ここにタイトル画像入る　画像によってheightが違う場合もここで指定*/
height  :280px;
}

#activity dt{
padding-top: 2px;
width: 250px;
}

#activity dd{
margin-bottom: 1em;
padding-bottom: 1em;
padding-left: 265px;
border-bottom: dotted #cccccc 1px;
}

/*-------CONFERENCE DETAIL（協議会詳細ページ）ここから--------*/
.wg-name{
color: #ff6600;
font-size: 13px;
font-weight: bold;
}

#conference-info dt{
width: 10em;
background:url(/img/icon_orange.gif) no-repeat center left;
padding-left: 15px;
}

/*-------CONFERENCE DETAIL（協議会詳細ページ）ここまで--------*/

#conference #footer{
background: url(/img/foot_gr_conference.png) repeat-x top left;
}


/*===================CONFERENCE（協議会）ここまで===================*/

/*=======================FILE（資料）ここから=======================*/

#file #header {
background: url(/img/head_gr_file.png) repeat-x top left;
}

.file-bg{
background: url(/img/file_image.jpg) repeat top left;/*ここにタイトル画像入る　画像によってheightが違う場合もここで指定*/
height  :280px;
}

.long-photo-frame{
width: 950px;
background: url(/img/long_frame_bg.png) repeat-y top left;
float: left;
overflow: hidden;
}

.long-photo-image{
margin: 0 21px 10px 19px;
overflow: hidden;
}

#file-data h4{
margin-bottom: 0;
}

#file-data td
{
	border-bottom: dotted 1px #cccccc;
}

.date{
width: 225px;
}

.detail-button{
width: 106px;
}

.detail-button a{
display: block;
background-image: url(/img/file_detail.png);
background-repeat: no-repeat;
background-position: top left;
width: 96px;
height: 24px;
}

.detail-button a:hover{
background-position: bottom left;
}

.detail-inner{
padding:20px 15px;
margin: 0 0px;
overflow: hidden;
border: solid #cccccc 1px;
}

#file #footer{
background: url(/img/foot_gr_file.png) repeat-x top left;
}


/*======================FILE（資料）ここまで======================*/

/*====================EVENT（イヴェント）ここから====================*/

#event #header {
background: url(/img/head_gr_event.png) repeat-x top left;
}

.event-bg{
background: url(/img/event_image.jpg) repeat top left;/*ここにタイトル画像入る　画像によってheightが違う場合もここで指定*/
height  :280px;
}

#event-table table{
margin-top: 5px;
}

#event-table-head{
height: 29px;
background: url(/img/event_head_bg.png) repeat-x top left;
}


.event-date{
width: 245px;	
}

.event-place{
width: 230px;	
}

.event-detail li{
margin-bottom: .5em;
padding-left: 15px;
}

.event-detail .event-title{
background:url(/img/icon_pink.gif) no-repeat center left;
font-weight: bold;
}

.event-detail .event-url a{
display: block;
background-image: url(/img/event_detail.png);
background-repeat: no-repeat;
background-position: top left;
width: 96px;
height: 24px;
}

.event-detail .event-url a:hover{
background-position: bottom left;
}

#event #footer{
background: url(/img/foot_gr_event.png) repeat-x top left;
}

#event td{
border-bottom: dotted 1px #cccccc;
}
/*====================EVENT（イヴェント）ここまで====================*/

/*====================SITEMAP（サイトマップ）ここから====================*/

#sitemap #header {
background: url(/img/head_gr_top.png) repeat-x top left;
}

.sitemap-bg{
background: url(/img/sitemap_image.jpg) repeat top left;/*ここにタイトル画像入る　画像によってheightが違う場合もここで指定*/
height: 280px;
}

#sitemap-top,
#sitemap-line{
margin-left: 15px;
}

#sitemap dl{
overflow: hidden;
float: left;
width:235px;
}

#sitemap dt{
float: none;
margin-bottom: 15px;
}

#sitemap dd{
padding-left: .5em;
display: list-item;
list-style-type: disc;
list-style-position: inside;
}

#sitemap-top a,
#sitemap-city dt a,
#sitemap-conference dt a,
#sitemap-file dt a,
#sitemap-event dt a{
display: block;
width: 220px;
height: 30px;
}

#sitemap-top a{
background-image: url(/img/sitemap_top.png);
background-position: top left;
background-repeat: no-repeat;
}

#sitemap-top a:hover{
background-position: bottom left;
}

#sitemap-city dt a{
background-image: url(/img/sitemap_city.png);
background-position: top left;
background-repeat: no-repeat;
}

#sitemap-city dt a:hover{
background-position: bottom left;
}

#sitemap-conference dt a{
background-image: url(/img/sitemap_conference.png);
background-position: top left;
background-repeat: no-repeat;
}

#sitemap-conference dt a:hover{
background-position: bottom left;
}

#sitemap-file dt a{
background-image: url(/img/sitemap_file.png);
background-position: top left;
background-repeat: no-repeat;
}

#sitemap-file dt a:hover{
background-position: bottom left;
}

#sitemap-event dt a{
background-image: url(/img/sitemap_event.png);
background-position: top left;
background-repeat: no-repeat;
}

#sitemap-event dt a:hover{
background-position: bottom left;
}

#sitemap #footer{
background: url(/img/foot_gr_top.png) repeat-x top left;
}


/*====================SITEMAP（サイトマップ）ここまで====================*/


/*======================Footer共通ここから===========================*/

#footer{
width: 100%;
}


#pagetop{
width: 950px;
margin: 0 auto -5px;
}

#pagetop a{
display: block;
margin-left: auto; 
width: 115px;
height: 63px;
margin-right: 10px;
background-image: url(/img/foot_grass.png) ;
background-repeat: no-repeat;
background-position: top left;
}

#pagetop a:hover{
background-position: 0 -2px;
}

#bottom-wrap{
width: 100%;
background: url(/img/foot_gr_bottom.png) repeat-x top left;
}

#ftnavi-wrap{
width: 950px;
height: 36px;
margin: 0 auto;
}

#ftnavi{
overflow: hidden;
padding-top: 10px;
margin-left: 50px;
}

#ftnavi li{
float: left;
}
.icon-normal{
background: url(/img/icon_normal.png) no-repeat center left;
}

.icon-city{
background: url(/img/icon_city.png) no-repeat center left;
}

.icon-conference{
background: url(/img/icon_conference.png) no-repeat center left;
}

.icon-file{
background: url(/img/icon_file.png) no-repeat center left;
}

.icon-event{
background: url(/img/icon_event.png) no-repeat center left;
}

#ftnavi li a{
margin: 0 30px 0 25px;
}

#copyright{
width: 950px;
height: 170px;
margin: 0 auto;
color: #ffffff;
position: relative;
}

#copyright ul{
position: absolute;
bottom: 10px;
}

/*======================Footerここまで===========================*/