﻿@charset "utf-8";
/* CSS Document */


/* ヘッダー要素
---------------------------------------------------- */

#header h3{
	letter-spacing: 1.1em;
}

#header h4{
	letter-spacing: 0.7em;
}










/* コンテンツナビゲーション　英語
---------------------------------------------------- */

#con_navie {
	clear: right;
	float: right;
	position: relative;
	width: 295px;
	height: 22px;
	background : url(img/con_navie.gif) no-repeat;
	margin: 7px 0 0;
	padding: 0;
}

#con_navie li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#con_navie li, #con_navie a{
	height: 22px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}

#con_navie01{ left: 0; width: 109px; }
#con_navie02{ left: 117px; width: 86px; }
#con_navie03{ left: 211px; width: 84px; }



#con_navie01 a:hover, #con_navie01 a:visited:hover{ background : transparent url(img/con_navij.gif) 0 0 no-repeat; }
#con_navie02 a:hover, #con_navie02 a:visited:hover{ background : transparent url(img/con_navie.gif) -117px 0 no repeat; }
#con_navie03 a:hover, #con_navie03 a:visited:hover{ background : transparent url(img/con_navie.gif) -211px 0 no repeat; }









/* パンくずリスト
---------------------------------------------------- */

#pan {
	position: relative;
	width: 715px;
	height: 25px;
	background: url(img/pan.gif) no-repeat;
	margin: 0 auto 25px;
	padding: 0;
}

#pan li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#pan li, #pan a{
	height: 25px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}

#pan1{ left: 10px; width: 131px; }
#pan2{ left: 174px; width: 68px; }
#pan3{ left: 272px; width: 50px; }



#pan1 a:hover, #pan1 a:visited:hover{ background: transparent url(img/pan.gif) -10px 0 no-repeat; }
#pan2 a:hover, #pan2 a:visited:hover{ background: transparent url(img/pan.gif) -174px 0 no-repeat; }
#pan3 a:hover, #pan3 a:visited:hover{ background: transparent url(img/pan.gif) -272px 0 no-repeat; }



/* パンくずリスト01
---------------------------------------------------- */

#pan01 {
	position: relative;
	width: 715px;
	height: 25px;
	background: url(img/pan01.gif) no-repeat;
	margin: 0 auto 25px;
	padding: 0;
}

#pan01 li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#pan01 li, #pan01 a{
	height: 25px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}

#pan011{ left: 10px; width: 131px; }
#pan012{ left: 174px; width: 68px; }
#pan013{ left: 272px; width: 50px; }
#pan014{ left: 351px; width: 110px; }



#pan011 a:hover, #pan011 a:visited:hover{ background: transparent url(img/pan01.gif) -10px 0 no-repeat; }
#pan012 a:hover, #pan012 a:visited:hover{ background: transparent url(img/pan01.gif) -174px 0 no-repeat; }
#pan013 a:hover, #pan013 a:visited:hover{ background: transparent url(img/pan01.gif) -272px 0 no-repeat; }
#pan014 a:hover, #pan014 a:visited:hover{ background: transparent url(img/pan01.gif) -351px 0 no-repeat; }



/* パンくずリスト02
---------------------------------------------------- */

#pan02 {
	position: relative;
	width: 715px;
	height: 25px;
	background: url(img/pan02.gif) no-repeat;
	margin: 0 auto 25px;
	padding: 0;
}

#pan02 li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#pan02 li, #pan02 a{
	height: 25px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}

#pan021{ left: 10px; width: 131px; }
#pan022{ left: 174px; width: 68px; }
#pan023{ left: 272px; width: 50px; }
#pan024{ left: 351px; width: 74px; }



#pan021 a:hover, #pan021 a:visited:hover{ background: transparent url(img/pan02.gif) -10px 0 no-repeat; }
#pan022 a:hover, #pan022 a:visited:hover{ background: transparent url(img/pan02.gif) -174px 0 no-repeat; }
#pan023 a:hover, #pan023 a:visited:hover{ background: transparent url(img/pan02.gif) -272px 0 no-repeat; }
#pan024 a:hover, #pan024 a:visited:hover{ background: transparent url(img/pan02.gif) -351px 0 no-repeat; }



/* パンくずリスト03
---------------------------------------------------- */

#pan03 {
	position: relative;
	width: 715px;
	height: 25px;
	background: url(img/pan03.gif) no-repeat;
	margin: 0 auto 25px;
	padding: 0;
}

#pan03 li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#pan03 li, #pan03 a{
	height: 25px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}

#pan031{ left: 10px; width: 131px; }
#pan032{ left: 174px; width: 68px; }
#pan033{ left: 272px; width: 50px; }
#pan034{ left: 351px; width: 74px; }
#pan035{ left: 461px; width: 85px; }



#pan031 a:hover, #pan031 a:visited:hover{ background: transparent url(img/pan03.gif) -10px 0 no-repeat; }
#pan032 a:hover, #pan032 a:visited:hover{ background: transparent url(img/pan03.gif) -174px 0 no-repeat; }
#pan033 a:hover, #pan033 a:visited:hover{ background: transparent url(img/pan03.gif) -272px 0 no-repeat; }
#pan034 a:hover, #pan034 a:visited:hover{ background: transparent url(img/pan03.gif) -351px 0 no-repeat; }
#pan035 a:hover, #pan035 a:visited:hover{ background: transparent url(img/pan03.gif) -461px 0 no-repeat; }



/* パンくずリスト04
---------------------------------------------------- */

#pan04 {
	position: relative;
	width: 715px;
	height: 25px;
	background: url(img/pan04.gif) no-repeat;
	margin: 0 auto 25px;
	padding: 0;
}

#pan04 li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#pan04 li, #pan04 a{
	height: 25px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}

#pan041{ left: 10px; width: 131px; }
#pan042{ left: 174px; width: 68px; }
#pan043{ left: 272px; width: 50px; }
#pan044{ left: 351px; width: 74px; }
#pan045{ left: 461px; width: 85px; }



#pan041 a:hover, #pan041 a:visited:hover{ background: transparent url(img/pan04.gif) -10px 0 no-repeat; }
#pan042 a:hover, #pan042 a:visited:hover{ background: transparent url(img/pan04.gif) -174px 0 no-repeat; }
#pan043 a:hover, #pan043 a:visited:hover{ background: transparent url(img/pan04.gif) -272px 0 no-repeat; }
#pan044 a:hover, #pan044 a:visited:hover{ background: transparent url(img/pan04.gif) -351px 0 no-repeat; }
#pan045 a:hover, #pan045 a:visited:hover{ background: transparent url(img/pan04.gif) -461px 0 no-repeat; }



/* パンくずリスト05
---------------------------------------------------- */

#pan05 {
	position: relative;
	width: 715px;
	height: 25px;
	background: url(img/pan05.gif) no-repeat;
	margin: 0 auto 25px;
	padding: 0;
}

#pan05 li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#pan05 li, #pan05 a{
	height: 25px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}

#pan051{ left: 10px; width: 131px; }
#pan052{ left: 174px; width: 68px; }
#pan053{ left: 272px; width: 50px; }
#pan054{ left: 351px; width: 74px; }
#pan055{ left: 461px; width: 49px; }



#pan051 a:hover, #pan051 a:visited:hover{ background: transparent url(img/pan05.gif) -10px 0 no-repeat; }
#pan052 a:hover, #pan052 a:visited:hover{ background: transparent url(img/pan05.gif) -174px 0 no-repeat; }
#pan053 a:hover, #pan053 a:visited:hover{ background: transparent url(img/pan05.gif) -272px 0 no-repeat; }
#pan054 a:hover, #pan054 a:visited:hover{ background: transparent url(img/pan05.gif) -351px 0 no-repeat; }
#pan055 a:hover, #pan055 a:visited:hover{ background: transparent url(img/pan05.gif) -461px 0 no-repeat; }



/* パンくずリスト06
---------------------------------------------------- */

#pan06 {
	position: relative;
	width: 715px;
	height: 25px;
	background: url(img/pan06.gif) no-repeat;
	margin: 0 auto 25px;
	padding: 0;
}

#pan06 li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#pan06 li, #pan06 a{
	height: 25px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}

#pan061{ left: 10px; width: 131px; }
#pan062{ left: 174px; width: 68px; }
#pan063{ left: 272px; width: 50px; }
#pan064{ left: 351px; width: 74px; }
#pan065{ left: 461px; width: 61px; }



#pan061 a:hover, #pan061 a:visited:hover{ background: transparent url(img/pan06.gif) -10px 0 no-repeat; }
#pan062 a:hover, #pan062 a:visited:hover{ background: transparent url(img/pan06.gif) -174px 0 no-repeat; }
#pan063 a:hover, #pan063 a:visited:hover{ background: transparent url(img/pan06.gif) -272px 0 no-repeat; }
#pan064 a:hover, #pan064 a:visited:hover{ background: transparent url(img/pan06.gif) -351px 0 no-repeat; }
#pan065 a:hover, #pan065 a:visited:hover{ background: transparent url(img/pan06.gif) -461px 0 no-repeat; }



/* パンくずリスト07
---------------------------------------------------- */

#pan07 {
	position: relative;
	width: 715px;
	height: 25px;
	background: url(img/pan07.gif) no-repeat;
	margin: 0 auto 25px;
	padding: 0;
}

#pan07 li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#pan07 li, #pan07 a{
	height: 25px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}

#pan071{ left: 10px; width: 131px; }
#pan072{ left: 174px; width: 68px; }
#pan073{ left: 272px; width: 50px; }
#pan074{ left: 351px; width: 74px; }
#pan075{ left: 461px; width: 45px; }



#pan071 a:hover, #pan071 a:visited:hover{ background: transparent url(img/pan07.gif) -10px 0 no-repeat; }
#pan072 a:hover, #pan072 a:visited:hover{ background: transparent url(img/pan07.gif) -174px 0 no-repeat; }
#pan073 a:hover, #pan073 a:visited:hover{ background: transparent url(img/pan07.gif) -272px 0 no-repeat; }
#pan074 a:hover, #pan074 a:visited:hover{ background: transparent url(img/pan07.gif) -351px 0 no-repeat; }
#pan075 a:hover, #pan075 a:visited:hover{ background: transparent url(img/pan07.gif) -461px 0 no-repeat; }



/* パンくずリスト08
---------------------------------------------------- */

#pan08 {
	position: relative;
	width: 715px;
	height: 25px;
	background: url(img/pan08.gif) no-repeat;
	margin: 0 auto 25px;
	padding: 0;
}

#pan08 li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#pan08 li, #pan08 a{
	height: 25px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}

#pan081{ left: 10px; width: 131px; }
#pan082{ left: 174px; width: 68px; }
#pan083{ left: 272px; width: 50px; }
#pan084{ left: 351px; width: 74px; }
#pan085{ left: 461px; width: 85px; }



#pan081 a:hover, #pan081 a:visited:hover{ background: transparent url(img/pan08.gif) -10px 0 no-repeat; }
#pan082 a:hover, #pan082 a:visited:hover{ background: transparent url(img/pan08.gif) -174px 0 no-repeat; }
#pan083 a:hover, #pan083 a:visited:hover{ background: transparent url(img/pan08.gif) -272px 0 no-repeat; }
#pan084 a:hover, #pan084 a:visited:hover{ background: transparent url(img/pan08.gif) -351px 0 no-repeat; }
#pan085 a:hover, #pan085 a:visited:hover{ background: transparent url(img/pan08.gif) -461px 0 no-repeat; }



/* パンくずリスト09
---------------------------------------------------- */

#pan09 {
	position: relative;
	width: 715px;
	height: 25px;
	background: url(img/pan09.gif) no-repeat;
	margin: 0 auto 25px;
	padding: 0;
}

#pan09 li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#pan09 li, #pan09 a{
	height: 25px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}

#pan091{ left: 10px; width: 131px; }
#pan092{ left: 174px; width: 68px; }
#pan093{ left: 272px; width: 50px; }
#pan094{ left: 351px; width: 85px; }



#pan091 a:hover, #pan091 a:visited:hover{ background: transparent url(img/pan09.gif) -10px 0 no-repeat; }
#pan092 a:hover, #pan092 a:visited:hover{ background: transparent url(img/pan09.gif) -174px 0 no-repeat; }
#pan093 a:hover, #pan093 a:visited:hover{ background: transparent url(img/pan09.gif) -272px 0 no-repeat; }
#pan094 a:hover, #pan094 a:visited:hover{ background: transparent url(img/pan09.gif) -351px 0 no-repeat; }



/* パンくずリスト10
---------------------------------------------------- */

#pan10 {
	position: relative;
	width: 715px;
	height: 25px;
	background: url(img/pan10.gif) no-repeat;
	margin: 0 auto 25px;
	padding: 0;
}

#pan10 li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#pan10 li, #pan10 a{
	height: 25px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}

#pan101{ left: 10px; width: 131px; }
#pan102{ left: 174px; width: 68px; }
#pan103{ left: 272px; width: 50px; }
#pan104{ left: 351px; width: 74px; }
#pan105{ left: 458px; width: 185px; }



#pan101 a:hover, #pan101 a:visited:hover{ background: transparent url(img/pan10.gif) -10px 0 no-repeat; }
#pan102 a:hover, #pan102 a:visited:hover{ background: transparent url(img/pan10.gif) -174px 0 no-repeat; }
#pan103 a:hover, #pan103 a:visited:hover{ background: transparent url(img/pan10.gif) -272px 0 no-repeat; }
#pan104 a:hover, #pan104 a:visited:hover{ background: transparent url(img/pan10.gif) -351px 0 no-repeat; }
#pan105 a:hover, #pan105 a:visited:hover{ background: transparent url(img/pan10.gif) -458px 0 no-repeat; }



/* パンくずリスト11
---------------------------------------------------- */

#pan11 {
	position: relative;
	width: 715px;
	height: 25px;
	background: url(img/pan11.gif) no-repeat;
	margin: 0 auto 25px;
	padding: 0;
}

#pan11 li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#pan11 li, #pan11 a{
	height: 25px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}

#pan111{ left: 10px; width: 131px; }
#pan112{ left: 174px; width: 68px; }
#pan113{ left: 272px; width: 50px; }
#pan114{ left: 351px; width: 74px; }
#pan115{ left: 458px; width: 185px; }



#pan111 a:hover, #pan111 a:visited:hover{ background: transparent url(img/pan11.gif) -10px 0 no-repeat; }
#pan112 a:hover, #pan112 a:visited:hover{ background: transparent url(img/pan11.gif) -174px 0 no-repeat; }
#pan113 a:hover, #pan113 a:visited:hover{ background: transparent url(img/pan11.gif) -272px 0 no-repeat; }
#pan114 a:hover, #pan114 a:visited:hover{ background: transparent url(img/pan11.gif) -351px 0 no-repeat; }
#pan115 a:hover, #pan115 a:visited:hover{ background: transparent url(img/pan11.gif) -458px 0 no-repeat; }




/* パンくずリスト12
---------------------------------------------------- */

#pan12 {
	position: relative;
	width: 715px;
	height: 25px;
	background: url(img/pan12.gif) no-repeat;
	margin: 0 auto 25px;
	padding: 0;
}

#pan12 li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#pan12 li, #pan12 a{
	height: 25px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}

#pan121{ left: 10px; width: 131px; }
#pan122{ left: 174px; width: 68px; }
#pan123{ left: 272px; width: 50px; }
#pan124{ left: 352px; width: 92px; }



#pan121 a:hover, #pan121 a:visited:hover{ background: transparent url(img/pan12.gif) -10px 0 no-repeat; }
#pan122 a:hover, #pan122 a:visited:hover{ background: transparent url(img/pan12.gif) -174px 0 no-repeat; }
#pan123 a:hover, #pan123 a:visited:hover{ background: transparent url(img/pan12.gif) -272px 0 no-repeat; }
#pan124 a:hover, #pan124 a:visited:hover{ background: transparent url(img/pan12.gif) -352px 0 no-repeat; }



/* パンくずリスト13
---------------------------------------------------- */

#pan13 {
	position: relative;
	width: 715px;
	height: 25px;
	background: url(img/pan13.gif) no-repeat;
	margin: 0 auto 25px;
	padding: 0;
}

#pan13 li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#pan13 li, #pan13 a{
	height: 25px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}

#pan131{ left: 10px; width: 131px; }
#pan132{ left: 174px; width: 68px; }
#pan133{ left: 272px; width: 50px; }
#pan134{ left: 351px; width: 74px; }
#pan135{ left: 460px; width: 75px; }



#pan131 a:hover, #pan131 a:visited:hover{ background: transparent url(img/pan13.gif) -10px 0 no-repeat; }
#pan132 a:hover, #pan132 a:visited:hover{ background: transparent url(img/pan13.gif) -174px 0 no-repeat; }
#pan133 a:hover, #pan133 a:visited:hover{ background: transparent url(img/pan13.gif) -272px 0 no-repeat; }
#pan134 a:hover, #pan134 a:visited:hover{ background: transparent url(img/pan13.gif) -351px 0 no-repeat; }
#pan135 a:hover, #pan135 a:visited:hover{ background: transparent url(img/pan13.gif) -460px 0 no-repeat; }










/* 共通ページ構成
---------------------------------------------------- */
.con_r h4{
	clear: both;
	width: 100%;
	font-size: 115%;
	margin: 0 0 0.35em;
	padding: 0 0 0.15em;
	border-bottom: #999999 solid 1px;
}

.con_r h5{
	font-size: 130%;
	color: #008EBD;
	margin: 0 0 0.5em;
	padding: 3px 5px 0.05em;
	border-bottom: #008EBD solid 1px;
}
.con_r h5 span{
	font-size: 86%;
	padding-left: 1em;
}

p.rinen {
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	text-indent: 0;
	margin: 0 auto 1em;
	padding: 0;
}
p.rinen span{
	color: #339900;
	padding-right: 1em;
}

.re_image {
	float: right;
	margin-top: 5px;
	padding: 0 5px;
}










/* 姉妹都市特派員レポート
---------------------------------------------------- */
.report {
	clear: both;
	width: 715px;
	margin: 0 0 1.5em;
	padding: 0;
	background: url(img/report_mid.gif) repeat-y;
}

.report .box a:link{ color: #008EBD;}
.report .box a:visited{ color: #008EBD;}
.report .box a:hover{ color: #FF3300;}
.report .box a:active{ color: #008EBD;}

.report h3{
	width: 705px;
	height: 30px;
	font-size: 115%;
	color: #FFFFFF;
	letter-spacing: 0.2em;
	margin: 0;
	padding: 10px 0 0 10px;
	background: url(img/report_top.gif) no-repeat;
}

.report .box{
	display: inline;
	float: left;
	width: 116px;
	text-align: center;
	margin: 10px auto 5px;
	padding: 0;
}
.report .box h4{
	font-size: 110%;
	margin: 5px 0 0;
	padding: 0;
}

.reportend {
	display: block;
	clear: both;
	width: 715px;
	height: 5px;
	font-size: 10%;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	background: url(img/report_end.gif) no-repeat;
}












/* 都市間の交流
---------------------------------------------------- */
.exchange {
	clear: both;
	width: 715px;
	margin: 0 0 1.5em;
	padding: 0;
	background: url(img/exchange_mid.gif) repeat-y;
}

.exchange h3{
	width: 700px;
	height: 24px;
	font-size: 115%;
	color: #FFFFFF;
	letter-spacing: 0.4em;
	margin: 0;
	padding: 6px 0 0 15px;
	background: url(img/exchange_top.gif) no-repeat;
}

.exchange .box{
	float: left;
	width: 168px;
	margin: 10px auto;
	padding: 0 0 0 10px;
}
.exchange .box h4{
	float: left;
	font-size: 115%;
	margin: 0 0 0.35em;
	padding: 0 17px 0 0;
	background: url(img/arrow01.gif) top right no-repeat;
}
.exchange .box ul{
	clear: both;
	list-style-type: none;
	margin-left: 0.5em;
	padding-left: 0;
}
.exchange .box li{
	font-size: 92%;
	padding-left: 8px;
	background: url(img/arrow02.gif) top left no-repeat;
}

.exchangeend {
	display: block;
	clear: both;
	width: 715px;
	height: 5px;
	font-size: 10%;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	background: url(img/exchange_end.gif) no-repeat;
}












/* 地球市民広場
---------------------------------------------------- */
.report h5{
	width: 705px;
	height: 22px;
	font-size: 110%;
	letter-spacing: 0.2em;
	color: #FFFFFF;
	margin: 0;
	padding: 5px 0 0 10px;
	background: url(img/hiroba_title.gif) no-repeat;
}

.img_b{
	float: right;
	margin-top: 5px;
}

.re_image {
	float: right;
	margin-top: 5px;
	padding: 0 5px;
}

.re_text {
	text-indent: 1em;
	letter-spacing: 0.15em;
	margin: 1em 1em 0.5em;
	padding: 0;
}










/* ニュースレター
---------------------------------------------------- */
.letter {
	float: right;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 15px;
	background: url(img/arrow03.gif) top left no-repeat;
}











/* 国際交流員招致事業
---------------------------------------------------- */
ul.jet {
	list-style-type: none;
	margin: 0 0 0.5em 2em;
	padding: 0;
}

p.maru {
	font-weight: bold;
	text-indent: 0;
	margin-bottom: 0.15em;
}










/* 都市間の交流
---------------------------------------------------- */
.city {
	margin: 0;
	padding: 0;
}
.city h3{
	clear: both;
	width: 695px;
	font-size: 120%;
	color: #FFFFFF;
	margin: 0 0 0.5em;
}
.city h3 em{
	font-size: 92%;
	font-style: normal;
	font-weight: bold;
}

.city h3.long{
	height: 25px;
	letter-spacing: 0.4em;
	padding: 5px 10px 0;
	background: url(../img/h3_long.gif) no-repeat;
}

.city h3.big{
	height: 42px;
	padding: 3px 10px 0;
	background: url(../img/h3_big.gif) no-repeat;
}



.bbb {
	clear: both;
	width: 715px;
	margin-bottom: 8px;
}




.b_city {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}
.bcs { margin-right: 8px;}










/* アジア都市間交流事業
---------------------------------------------------- */
.social {
	margin: 0;
	padding: 0;
}

.social h3{
	clear: both;
	float: left;
	width: 695px;
	height: 25px;
	font-size: 120%;
	color: #FFFFFF;
	margin: 0 0 0.5em;
	padding: 5px 10px 0;
	background: url(../img/h3_long.gif) no-repeat;
}
.social h3 span{
	font-size: 87%;
	float: right;
	margin-top: 1px;
}

.social h4{
	clear: both;
	width: 695px;
	font-size: 120%;
	margin: 0 0 3px;
	padding: 2px 10px;
	border-left: #666666 solid 8px;
}

.social p{
	font-size: 100%;
	text-indent: 1em;
	margin-bottom: 0.35em;
}

p.date {
	font-size: 115%;
	font-weight: bold;
	text-indent: 0;
	color: #008EBD;
	margin: 1em 0 1em 1em;
	padding: 0;
}

.social .box {
	clear: both;
	margin: 0 auto 3em;
	padding: 0.5em 0 0;
	border-top: #000000 solid 1px;
}

.social .box h5{
	font-size: 100%;
	color: #339900;
	margin: 0 0 0.5em;
	padding: 0;
}

.social .box dl{
	font-weight: bold;
	margin: 1em 0 0;
	padding: 0;
}
.social .box dt{
	margin-bottom: 0.15em;
	padding: 0;
}
.social .box dd{
	margin: 0 0 0.35em 2.5em;
	padding: 0;
}

p.omosi {
	font-size: 110%;
	font-weight: bold;
	text-indent: 0.75em;
	color: #008EBD;
	margin-bottom: 0;
}

.social .box2 {
	clear: both;
	margin: 0 auto 3em;
	padding: 0.5em 0 0;
	border-top: #000000 solid 1px;
}

.social .box2 h5{
	font-size: 100%;
	color: #008EBD;
	margin: 0 0 0.5em;
	padding: 0;
}

.social .box2 h6{
	font-size: 100%;
	color: #339900;
	margin: 0 0 0.5em;
	padding: 0;
}
.social .box2 h6 span{ font-weight: normal;}

.social .box2 p.none { text-indent: 0;}

.hiroba {
	display: inline;
	float: left;
	width: 330px;
	margin: 0 0 7px;
	padding: 10px;
	border: #008EBD solid 2px;
}
.hiroba h6{
	font-size: 100%;
	color: #000000;
	margin: 0 0 0.5em;
	padding: 0;
}

.old_navi {
	display: inline;
	clear: both;
	float: right;
	font-size: 100%;
	margin-bottom: 0.5em;
	padding-right: 15px;
	background: url(img/arrow04.gif) top right no-repeat;
}
.now_navi {
	display: inline;
	clear: both;
	float: right;
	font-size: 100%;
	padding-left: 2px;
	background: url(img/arrow05.gif) top left no-repeat;
}










/* 都市の紹介
---------------------------------------------------- */
.detail {
	float: right;
	width: 385px;
	margin: 0 0 2em;
	padding: 0;
}

.detail dl {
	margin: 0.5em 0 0 0;
}
.detail dt{
	float: left;
}
.detail dd{
	margin: 0 0 0.15em 4em;
}

.city h4{
	font-size: 120%;
	letter-spacing: 0.25em;
	margin: 0 0 3px;
	padding: 2px 10px;
	border-left: #666666 solid 8px;
}

.city h6{
	clear: both;
	display: block;
	width: 715px;
	height: 20px;
	font-size: 100%;
	text-indent: -9999px;
	margin: 0 0 0.5em;
	padding: 0;
	background: url(img/mame.gif) no-repeat;
}

.city p{
	font-size: 100%;
	text-indent: 1em;
	line-height: 1.6;
	margin-bottom: 0.35em;
}
.city p.none { text-indent: 0;}

.city .box {
	margin: 0 auto;
	padding: 0.5em 0 0;
	border-top: #000000 solid 1px;
}



.city .box h5{
	font-size: 100%;
	color: #FFFFFF;
	margin: 0 0 0.5em;
}


.city .box h5.long{
	clear: both;
	width: 695px;
	height: 17px;
	letter-spacing: 0.3em;
	padding: 2px 10px 0;
	background: url(img/h5_long.gif) no-repeat;
}

.city .box h5.short{
	width: 555px;
	height: 17px;
	letter-spacing: 0.3em;
	padding: 2px 10px 0;
	background: url(img/h5_short.gif) no-repeat;
}




.city .box dl.kome {
	margin: 0 0 1.5em;
}
.city .box dl.kome dt{
	float: left;
}
.city .box dl.kome dd{
	margin: 0 0 0.15em 1.25em;
}








/* 地球市民ひろば
---------------------------------------------------- */
.plaza {
	margin: 0;
	padding: 0;
}

.plaza h6{
	clear: both;
	font-weight: bold;
	color: #003366;
	margin: 2em 0 0.5em;
	padding: 3px 8px;
	background-color: #E6F3FF;
}

.b_plaza {
	clear: right;
	float: right;
	width: 110px;
	height: 18px;
	margin: 10px 30px 1em;
	padding: 0;
}

p.kyukanbi {
	font-weight: bold;
	text-indent: 0;
	color: #003366;
	margin: 0;
	padding: 0;
}

p.blue {
	float: left;
	width: 308px;
	color: #008EBD;
}
p.blue2 {
	color: #008EBD;
}

p.midashi {
	clear: both;
	width: 523px;
	height: 20px;
	font-size: 115%;
	font-weight: bold;
	letter-spacing: 0.5em;
	color: #008EBD;
	margin: 0 0 7px;
	padding: 2px 0 0;
	background: url(img/hiroba_midasi.gif) no-repeat;
}

.plaza dl.kome {
	margin: 0 0 1.5em;
}
.plaza dl.kome dt{
	float: left;
}
.plaza dl.kome dd{
	margin: 0 0 0.15em 1.25em;
}

.map {
	clear: both;
	margin: 0;
	padding: 0;
	background: url(img/add_mid2.gif) no-repeat;
}
.map p{
	text-indent: 0;
	margin: 0;
	padding: 0.5em 1.5em 1em;
	background: url(img/add_mid.gif) repeat-y;
}



table.kouza {
	border: #999999 solid 1px;
	margin: 0 0 2em;
	padding: 0;
}
table.kouza caption{
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	margin: 0 0 0.35em;
	padding: 0;
}
table.kouza th{
	text-align: center;
	vertical-align: top;
	padding: 5px;
	background-color: #F8FFE1;
}
table.kouza th p{
	font-weight: normal;
	text-align: right;
	margin: 0;
	padding: 0;
}
table.kouza th em{
	font-style: normal;
	color: #FF3300;
}
table.kouza th span{ font-weight: normal;}
table.kouza td{
	vertical-align: top;
	padding: 5px;
}
table.kouza td em{
	font-style: normal;
	text-align: center;
}





table.origami {
	border: #999999 solid 1px;
	margin: 0 0 1em;
	padding: 0;
}
table.origami caption{
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	margin: 0 0 0.35em;
	padding: 0;
}
table.origami caption span{ font-weight: normal;}
table.origami th{
	text-align: center;
	vertical-align: top;
	padding: 5px 0;
	background-color: #F8FFE1;
}
table.origami th p{
	font-weight: normal;
	text-align: right;
	margin: 0;
	padding: 0;
}
table.origami th em{
	font-style: normal;
	color: #FF3300;
}
table.origami th span{ font-weight: normal; padding: 0 3px;}
table.origami td{
	vertical-align: top;
	padding: 5px;
}
table.origami td em{
	font-style: normal;
	text-align: center;
}


.catering {
	width: 238px;
	margin: 0 0 8px;
	padding: 9px;
	border: #008EBD solid 1px;
}

.catering ul{ margin: 0 0 2em 1.5em;}

.plaza dl.mousi {
	margin: 0 0 1.5em;
}
.plaza dl.mousi dt{
	float: left;
}
.plaza dl.mousi dd{
	margin: 0 0 0.15em 5em;
}


.g_box {
	display: inline;
	float: right;
	width: 215px;
	margin: 0 10px 1.5em 0;
	padding: 0;
	border: #339900 solid 1px;
}

.g_box p.title{
	font-size: 110%;
	font-weight: bold;
	text-indent: 0;
	color: #FFFFFF;
	margin: 0;
	padding: 3px 5px;
	background-color: #339900;
}

.g_box div{
	margin: 5px;
}
.g_box div p{ text-indent: 0;}

.g_box div dl{
	margin: 0 0 0.5em 1em;
}
.g_box div dt{
	float: left;
}
.g_box div dd{
	margin: 0 0 0.15em 3em;
}
.g_box div p.green{
	font-weight: bold;
	text-align: right;
}







.plaza dl.bosyu {
	margin: 0 0 1.5em;
}
.plaza dl.bosyu dt{
	float: left;
}
.plaza dl.bosyu dd{
	margin: 0 0 0.25em 6em;
}











/* 市内国際交流団体一覧用テーブル構成
---------------------------------------------------- */
table.dan {
	border: #999999 solid 1px;
	margin: 0 0 2em;
	padding: 0;
}
table.dan caption{
	font-size: 92%;
	font-style: italic;
	font-weight: bold;
	text-align: right;
	color: #444444;
	margin: 0;
	padding: 0;
}
table.dan th{
	width: 75px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	border-right: #999999 solid 1px;
	background-color: #F8FFE1;
}
table.dan th em{
	font-style: normal;
	color: #FF3300;
}
table.dan th span{ font-weight: normal;}
table.dan td{
	text-align: left;
	vertical-align: top;
	padding: 5px;
}
table.dan td p{
	text-indent: 0;
}
table.dan td em{
	font-style: normal;
	font-weight: bold;
	color: #339900;
}

















