/*------------------------------------------------*
	[ Main CSS ]
		filename:main.css
		Main CSS
		by:yk
*------------------------------------------------*/
/*
@import url("conault.css");
*/
/*------------------------------------------------*
	Sitename:Sasebo City Website
*------------------------------------------------*/

/*背景*/
#bg		{
		background-image: url('../image/bg.gif');
		background-repeat: repeat-y;
		background-position: center top;
		text-align: center;
		}


/*幅設定*/
#wrap	{
		width: 940px;
		margin: 0 auto;
		text-align: left;
		background-image: url('../image/wrap_bg.gif');
		background-repeat: repeat-x;
		}


/*トップメニュー*/
#topmenu{
		height: 30px;
		}
#topmenu ul{
		margin: 0;
		padding: 0;
		list-style: none;
		}
#topmenu ul li{
		display: inline;
		}
#topmenu ul li a{
		margin: 0;
		text-align: center;
		color: #000000;
		}


/*言語選択ボタン*/
#lang	{
		height: 30px;
		position: absolute;
		top: 0;
		width: 430px;
		margin-left: 510px;
		}
#lang ul{
		margin: 0;
		padding: 0;
		list-style: none;
		}
#lang ul li{
		display: inline;
		float: left;
		}


/*メインタイトル*/
#title	{
		clear: both;
		height: 60px;
		background-image: url('../image/title.gif');
		background-repeat: no-repeat;
		text-indent: -5555em;
		}

#zoo	{
		clear: both;
		height: 110px;
		background-image: url('../image/title_zoo.gif');
		background-repeat: no-repeat;
		text-indent: -5555em;
		}


/*グローバルメニュー*/
#gmenu	{
		min-height: 35px;
		_height: 35px;
		background-repeat: repeat-x;
		padding-left: 135px;
		margin-bottom: 15px;
		background-image: url('../image/gmenu_bg.gif');
		}

#gmenu ul{
		margin: 0;
		padding: 0;
		list-style: none;
		}
#gmenu ul li{
		display: inline;
		float: left;
		}
#gmenu ul li a{
		display: block;
		width: 134px;
		min-height: 26px;
		_height: 35px;
		background-image: url('../image/gmenu_bo_bg.gif');
		background-repeat: no-repeat;
		text-align: center;
		color: #666666;
		padding-top: 9px;
		font-size: 100%;
		font-weight: bold;
		}
#gmenu ul li a:hover{
		color: #666666;
		}

#gmenu ul #gm01 a{
		background-position: 0px 0px;
		}
#gmenu ul #gm01 a:hover{
		background-position: -135px 0px;
		}
#gmenu ul #gm01 .select{
		background-position: -270px 0px;
		}

#gmenu ul #gm02 a{
		background-position: 0px -35px;
		}
#gmenu ul #gm02 a:hover{
		background-position: -135px -35px;
		}
#gmenu ul #gm02 .select{
		background-position: -270px -35px;
		}

#gmenu ul #gm03 a{
		background-position: 0px -70px;
		}
#gmenu ul #gm03 a:hover{
		background-position: -135px -70px;
		}
#gmenu ul #gm03 .select{
		background-position: -270px -70px;
		}

#gmenu ul #gm04 a{
		background-position: 0px -105px;
		}
#gmenu ul #gm04 a:hover{
		background-position: -135px -105px;
		}
#gmenu ul #gm04 .select{
		background-position: -270px -105px;
		}

#gmenu ul #gm05 a{
		width: 135px;
		background-position: 0px -140px;
		}
#gmenu ul #gm05 a:hover{
		background-position: -135px -140px;
		}
#gmenu ul #gm05 .select{
		background-position: -270px -140px;
		}


/*検索ウィンドウ*/
#kensaku{
		clear: both;
		height: 100px;
		background-image: url('../image/kensaku_bg.gif');
		background-repeat: no-repeat;
		margin-bottom: 10px;
		}

#kensaku form{
		padding: 35px 0 0 210px;
		}
#kensaku form #kword{
		width: 400px;
		}
#kensaku form #okuru{
		letter-spacing: 1em;
		text-align: center;
		width: 135px;
		font-size: 10pt;
		padding-left: 1em;
		_padding-right: 1em;
		}
#kensaku p{
		font-size: 81%;
		}

#kekka h1,
#contents h1{
		background-image: url('../image/h1.gif');
		background-repeat: no-repeat;
		border-width: 5px 0 0 0;
		border-style: solid;
		padding: 8px 0px 6px 30px;
		border-bottom: 2px solid #8D8D8D;
		background-color: #E0E0E0;
		border-top-color: #54c3f1;
		margin-bottom: 15px;
		font-size: 112%;
		color: #333333;
		font-weight: bold;
		}

/*------------------------------------------------*
メインユニット*/

/*ぱんくずリスト*/
#pankuzu ul{
		list-style: none;
/*
		padding-top: 10px;
*/
		margin: 0 0 10px 10px;
		font-size: 81%;
		}
#pankuzu ul li{
		display: inline;
		margin: 0;
		padding: 0;
		font-weight: bold;
		color: #cc0000;
		}
#pankuzu ul li a{
		font-weight: normal;
		color: #333333;
		background-image: url('../image/pan.gif');
		background-repeat: no-repeat;
		background-position: right top;
		padding-right: 16px;
		}
#pankuzu ul li a:hover{
		color: #cc0000;
		}

/*------------------------------------------------*
コンテンツページ*/

#contents{
		border-top: 1px dotted #8d8d8d;
		padding: 10px 10px 10px 10px;
		width:940px;
		}

#contents h2{
		background-color: #8FD3F5;
		color: #2A5782;
		margin: 0;
		padding: 6px 10px 3px 10px;
		font-size: 100%;
		background-image: url('../image/h2.gif');
		background-repeat: no-repeat;
		}

#contents .info_ico,
#contents .link_ico,
#contents .data_ico{
		background-image: url('../image/cont_ul_bg.gif');
		background-repeat: no-repeat;
		background-position: left bottom;
		padding-bottom: 10px;
		margin-bottom: 15px;
		background-color: #ffffff;
		}

#contents .info_ico ul,
#contents .link_ico ul,
#contents .data_ico ul{
		list-style: none;
		border-left: 1px solid #B2B2B2;
		border-right: 1px solid #B2B2B2;
		margin: 0;
		padding: 10px 10px 0 10px;
		}

#contents .info_ico ul li,
#contents .link_ico ul li,
#contents .data_ico ul li{
		padding-left: 20px;
		background-repeat: no-repeat;
		margin-bottom: 3px;
		}
#contents .info_ico ul li{
		background-image: url('../image/info_ico.gif');
		}
#contents .link_ico ul li{
		background-image: url('../image/link_ico.gif');
		}
#contents .data_ico ul li{
		background-image: url('../image/data_ico.gif');
		}

#contents dl{
		padding: 10px;
		margin-bottom: 15px;
		}

#contents dl dt{
		font-size: 112%;
		display: inline;
		margin-bottom: 5px;
		}

#contents dl dt a{
		padding-left: 20px;
		background-image: url('../image/kekka_dt.gif');
		background-repeat: no-repeat;
		color: #54c3f1;
		}

#contents dl .day{
		display: inline;
		}

#contents #plist{
		text-align: center;
		}

#contents #plist a{
		border: 1px solid #8d8d8d;
		padding: 5px;
		text-decoration: underline;
		}
#contents #plist .next{
		background-image: url('../image/plist_next.gif');
		background-repeat: no-repeat;
		background-position: right center;
		padding-right: 20px;
		}


/*お問い合わせ*/
#otoiawase{
		border-top: 1px dotted #8d8d8d;
		margin-bottom: 15px;
		padding-top: 15px;
		text-align: center;
		}
#otoiawase h3{
		font-size: 100%;
		color: #2a5782;
		}
#otoiawase ul{
		list-style: none;
		margin: 0;
		padding: 0;
		width: 150px;
		margin: 0 auto;
		_margin: 0;
		text-align: left;
		}
#otoiawase ul li{
		padding-left: 20px;
		background-repeat: no-repeat;
		}
#otoiawase ul .tel{
		background-image: url('../image/tel_ico.gif');
		}
#otoiawase ul .fax{
		background-image: url('../image/fax_ico.gif');
		}

#otoiawase .toi_bo a{
		display: block;
		width: 140px;
		height: 20px;
		margin: 0 auto;
		text-align: center;
		vertical-align: center;
		background-image: url('../image/toi_bo.gif');
		background-repeat: no-repeat;
		font-size: 87%;
		text-indent: -5555em;
		}

/*アンケート*/
#research{
		margin: 0 10px 15px 10px;
		border-width: 0 1px 1px 1px;
		border-style: solid;
		border-color: #8d8d8d;
		background-color: #ffffff;
		}
#research h3{
		border-width: 1px 0 1px 0;
		border-style: solid;
		border-color: #8d8d8d;
		font-size: 100%;
		background-color: #f5fbfe;
		color: #2a5782;
		padding: 5px 10px 3px 15px;
		}
#research p{
		padding-left: 20px;
		}



/*更新日時など*/

#update	{
		border-top: 1px solid #8d8d8d;
		background-color: #F5FBFE;
		margin: 0;
		height: 30px;
		_height: 40px;
		padding: 10px 20px 0px 20px;
		}
#update p{
		margin: 0;
		float: left;
		min-height: 21px;
		_height: 21px;
		}
#update .gotop{
		float: right;
		}
#update .gotop a{
		display: block;
		width: 90px;
		_width: 115px;
		background-image: url('../image/upd_gotop.gif');
		background-repeat: no-repeat;
		background-position: right top;
		min-height: 21px;
		_height: 21px;
		padding-right: 25px;
		}
#update .gotop a:hover{
		color: #cc0000;
		}

/*バナー*/
#bana	{
		clear: both;
		border-top: 1px dotted #8d8d8d;
		padding-top: 15px;
		}
#bana ul{
		list-style: none;
		margin: 0;
		}
#bana ul li{
		display: inline;
		float: left;
		padding-right: 13px;
		}
#bana ul .padding0{
		padding: 0;
		}

/*------------------------------------------------*
色設定*/

/*----top----*/

.top #gmenu{
		background-position: 0 0;
		}

.top #kensaku{
		background-position: 0 0;
		}

.top #lunit .kinkyu dt,
.top #menu p{
		border-left-color: #54C3F1;
		}

.top #lunit .kinkyu dt span{
		background-image: url('../image/mico_top_00.gif');
		}

/*------------------------------------------------*
下ユニット*/

#uunit	{
		clear: both;
		}

#uunit ul{
		list-style: none;
		font-size: 81%;
		padding: 10px 0px 10px 140px;
		_padding: 5px 0px 10px 140px;
		border-top: 1px solid #8d8d8d;
		border-bottom: 1px solid #8d8d8d;
		margin: 0 0 15px 0;
		}
#uunit ul li{
		border-left: 1px solid #8d8d8d;
		display: inline;
		padding: 0 1.5em 0 1.5em;
		}
#uunit ul .noborder{
		border: none;
		}


#uunit address,
#uunit #annai,
#uunit #copy{
		float: left;
		font-size: 81%;
		}

#uunit address{
		width: 230px;
		padding-left: 10px;
		}
#uunit #annai{
		width: 360px;
		}

#uunit #copy{
		width: 330px;
		}