@charset "UTF-8";
/*
Theme Name: Twenty Tena
Theme URI: http://wordpress.org/extend/themes/twentyten
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Author URI: http://wordpress.org/
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header
Text Domain: twentyten
*/


/*----------------------------------------------------------------- 
cssReset　観光以外
----------------------------------------------------------------- 
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
		font: inherit;
}
article,aside,address,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
nav ul,li,ol{
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}


/* 共通
------------------------------------------------------------*/

body {
font-size:13px;
font: normal normal 14px/1.5 sans-serif;
line-height:1.5;
-webkit-text-size-adjust: none;
}

a:hover .img_over { opacity: 0.7;filter: alpha(opacity=70); }

.wrapper{
	width:940px;
	margin:0 auto;}
	
.txtCenter{text-align:center;}		
.txtRight{text-align:right;}	
.txtBrown{color:#300;}	
.txtBlue{color:#036;}
.txtPink{color:#F06;}		
.txtAttention{color:#C00;}
.txtB{ font-weight:bold;}
.txtR{ text-align:right;}
.txtS{ font-size:70%;}

.txt15{ font-size:110%;}
.txt18{ font-size:130%;}

strong{ font-weight:bold;}

.mt5{margin-top:5px;}	
.mt10{margin-top:10px;}	
.mt20{margin-top:20px;}

.bt8{margin-bottom:8px;}	
.bt10{margin-bottom:10px;}	
.bt11{margin-bottom:11px;}	
.bt13{margin-bottom:14px;}	
.bt15{margin-bottom:15px;}	
.bt20{margin-bottom:20px;}
.bt30{margin-bottom:30px;}
.bt40{margin-bottom:40px;}
.bt60{margin-bottom:60px;}

.va_b{ vertical-align:bottom;}

.ml5{margin-left:5px;}
	
.left{float:left;}
.right{float:right;}	
	
.txtLink{
	background:url(images/ico_arrowBK01.png) no-repeat left;
	padding:0 0 0 15px;}
	
.txtLink a{
	color:#333;}
	
.txtLinkRight{
	background:url(images/ico_arrowBK01.png) no-repeat left;
	padding:0 0 0 15px;
	float:right;}
	
.txtLinkRight a{
	color:#333;}		

	
.txt1em { text-indent:1em; }

/* 共通回り込み解除
----------------------------------------------------------------- */

.wrapper:after,
#font ul:after,
#bgCoror ul:after,
.clearFix:after,
.searchBox:after,
.gnavi:after
{ content: ".";display:block;height:0.1px;clear:both;visibility:hidden;font-size:0.1em;line-height:0; }

.wrapper,
#font ul,
#bgCoror ul,
.clearFix,
.searchBox,
.gnavi{ display:inline-block;display:block; overflow:hidden; }

* html .wrapper,
* html #font ul,
* html #bgCoror ul,
* html .clearFix,
* html .searchBox,
* html .gnavi
{ height:1%; }



/* トップページ
------------------------------------------------------------*/
.sectionTop{
	position:relative;
	}

.headerTop{
	position:absolute;
	z-index:1;
	background:url(images/bg_top_header01.png) repeat-x;
	height:120px;
	width:100%;}
	
.logoTop{
	float:left;}	
	
	
.imageTopWrap{
	width:100%;
	position:absolute;
	z-index:0;
	}
	
	
/* グローバルメニュー */		
.sectionTopBase{
	position:absolute;
	margin:367px 0 20px 0;
	padding:5px 0;
	background:#006496;
	width:100%;
	height:60px;
	}


.gnaviTop 	{ width: 948px; margin: 0 -8px 0 0; overflow: hidden; _zoom: 1; }
.gnaviTop li	{ float: left;  margin-right: 8px; }

	
/* メインコンテンツ */	

#mainTop{
	position:absolute;
	margin-top:470px;
	width:100%;
	}
	
.sectionSub{
	width:190px;
	float:left;}
	
.sectionMain{
	width:530px;
	margin:0 15px;
	float:left;}
	
.sectionMainW{
	width:730px;
	float:RIGHT;}	
	
.menuAttention{
	background:#EFEFEF;
	padding:10px 5px;
	margin:0 0 20px 0;
	
	}	
	
.menuAttention li{
	border-bottom:#FFF 1px solid;
	background:url(images/ico_arrowBK01.png) no-repeat left;
	padding:5px 0 5px 15px;}	
	
.menuAttention li a{
	color:#C30;}	
	
	
.menuBasic{
	background:#EFEFEF;
	padding:10px 5px;
	margin:0 0 20px 0;	
}
.menuBasic2{
	background:#EFEFEF;
	padding:10px 5px 5px;
	margin:0 0 10px 0;	
}
	
.menuBasic li,.menuBasic2 li{
	border-bottom:#FFF 1px solid;
	background:url(images/ico_arrowBK01.png) no-repeat left;
	padding:5px 0 5px 15px;}	
	
.menuBasic li a,.menuBasic2 li a{
	color:#333;}
	
.menuBox{
	border:#006496 1px solid;
	padding:4px;
	margin:0 0 20px 0;
	font-size:small;
	}
.menuBasic2 li.menuBasicNone{
	border:none;
	padding:0;
}
		
	
#tab-box ul {
width:500px;
margin:0 10px;
padding: 0;
list-style: none;
}
#tab-box ul li {
margin-right:3px;
float:left;
display:inline;
font-size:0;
}
#tab-box ul li a img{
outline:none;
border:none;
}
#tab-box div#tab-01,#tab-box div#tab-02 {
display:none;
width:508px;
padding:10px;
border:1px solid #006496;
}


#tab-box div dl{
	padding:0 0 5px 0 ;
	margin:0 0 5px 0 ;
	border-bottom:#CCC 1px dotted;}
	
#tab-box div dl dt{
	color:#006496}	
	
#tab-box div dl dd a{
	color:#333;}	
		
.wrapTopMl10 { width: 540px; margin: 0 -10px 0 0; overflow: hidden; _zoom: 1; }
.wrapTopMl10 li{ float: left;  margin-right: 10px; margin-bottom:10px; }	

/* サブメニュー項目の装飾 */
ul#menu ul.sub {
	background-color: #ffffff;     /* サブメニュー全体の背景色 */
	border-width: 0px 1px 1px 1px; /* サブメニュー全体の枠線の太さ */
	border-style: solid;           /* サブメニュー全体の枠線の線種 */
	border-color: #ccc;         /* サブメニュー全体の枠線の色 */
	margin: 0px;
	padding: 5px 5px;
	display: none;
	position: absolute;
	width:158px;
}
 ul#menu ul.sub li {
	width: 135px; /* サブメニュー1項目の横幅 */
	background:url(images/ico_arrowBK01.png) no-repeat left;
	padding:0 0 0 15px;/* サブメニュー1項目の枠線の色 */
}
 ul#menu ul.sub li a {
	text-align: left;  /* 文字列の配置（左寄せ） */
	color:#333;/* 文字列前方の余白 */
}

.rankingList li.no1{
	background:url(images/bg_rankList1.jpg) no-repeat;
	padding-left:30px;
}
.rankingList li.no2{
	background:url(images/bg_rankList2.jpg) no-repeat;
	padding-left:30px;
}
.rankingList li.no3{
	background:url(images/bg_rankList3.jpg) no-repeat;
	padding-left:30px;
}

.rankingList li.no1 a{
	color:#FF0000;
}
.rankingList li a{
	color:#036;
}
.rankingList li a:hover{
	color:#036;
	text-decoration:none;
}


/* 共通ヘッダー
------------------------------------------------------------*/

.header{

	background:#006699;
	height:56px;
	width:100%;}
	
.logo{
	float:left;}	
	
	
.imageTopWrap{
	width:100%;
	position:absolute;
	z-index:0;
	}
	
	
/* グローバルメニュー */		
.sectionTopBase{
	position:absolute;
	margin:367px 0 20px 0;
	padding:5px 0;
	background:#006496;
	width:100%;
	height:60px;
	}




#font{ 
	background:url(images/bg_font.png) no-repeat;
	float:right;
	width:70px;
	height:20px;
	padding:3px 5px 3px 75px ;
	margin:8px 0 0 0;}
	
#font li{
	float:left;}
	
.headerTxt{
	float:right;
	background:url(images/ico_arrowWH01.png) no-repeat left;
	padding:0 0 0 20px;
	margin:8px 0 0 5px;}	
	
.headerTxt a{ 
	color:#fff;
	
	}	
	
.headerLang{
	float:right;
	margin:8px 0 0 5px;}
	
#bgCoror{ 
	background:url(images/bg_color.png) no-repeat;
	float:right;
	width:72px;
	height:20px;
	padding:3px 5px 3px 75px ;
	margin:8px 0 0 0;}
	
#bgCoror li{
	float:left;
	margin-right:2px;}	

#gnaviBg{
	background:url(images/bg_gnavi.png) repeat-x;
	width:100%;
	height:50px;
	}
.gnavi{
	width:940px;
	margin:0 auto;}	
.gnavi li	{ float: left; }



/* 共通メイン
------------------------------------------------------------*/


#main{
	width:100%;
	margin:20px 0 0 0 ;
	}
	
.subBtnNavi { width: 200px; margin: 0 -10px 0 0; overflow: hidden; _zoom: 1; }
.subBtnNavi li{ float: left;  margin-right: 10px; margin-bottom:10px; }	

.section2col{ width: 752px; margin: 0 -22px 0 0; overflow: hidden; _zoom: 1; }
.section2col .box2col{ float: left;  margin-right: 22px; margin-bottom:20px; border:#CCC 1px solid; padding:2px; width:348px;}	
.section2col .box2col p{
	padding:5px 10px;}

.box1col{ margin-bottom:20px; border:#CCC 1px solid; padding:2px; width:724px;}	
.box1col p{
	padding:5px 10px;}



.titleBRhalf,.titleORhalf{
	background:url(images/bg_titleBRhalf.png) no-repeat;
	height:52px;
	line-height:52px;
	padding:0 0 0 20px;
	margin-bottom:10px;
	font-weight:bold;}
	
.titleBRhalf a,.titleORhalf a{
	color:#333;
	text-decoration:underline;}	
	
.titleORhalf{
	background:url(images/bg_titleORhalf.png) no-repeat;
}	

.titlePU{
	background:url(images/bg_titlePU.png) no-repeat;
	height:52px;
	line-height:52px;
	padding:0 0 0 20px;
	margin-bottom:10px;
	font-weight:bold;}
	
.titlePU a{
	color:#333;
	text-decoration:underline;}	

.titlePUhalf{
	background:url(images/bg_titlePUhalf.png) no-repeat;
	height:52px;
	line-height:52px;
	padding:0 0 0 20px;
	margin-bottom:10px;
	font-weight:bold;}
	
.titlePUhalf a{
	color:#333;
	text-decoration:underline;}	
	
h2.single{ font-size:19px; border-left:solid 5px #006699; padding:9px 10px 9px 13px; margin-bottom:20px; background:url(images/h3_bg.jpg) repeat-x bottom; line-height: 1.1em; }
/* パン屑
------------------------------------------------------------*/


.topicPathBrown{
	background:#999999;
	width:100%
	}
	
.topicPath{ width:940px; margin:0 auto; margin-bottom:20px; color:#fff; min-height:30px; line-height:30px; }
.topicPath a{ background:url(images/ico_arrowBK01.png)  no-repeat right center; color:#fff; padding-right:14px;}	



/* 共通フッター
------------------------------------------------------------*/

.footer{
	width:100%;
	margin:20px 0 0 0;}
.footerBg{
	background:#006496;
	width:100%;
	padding:10px 0;
	color:#FFF;}
	
.footerBg a{
	color:#FFF;
	}	
	
.footerTitle{
	border-bottom:#FFF 1px solid;
	padding:0 0 10px 0;
	margin:0 0 10px 0;}	
	
.footerBox { width: 960px; margin: 0 -20px 10px 0; overflow: hidden; _zoom: 1; border-bottom:#FFF 1px solid; }
.footerBox li{ float: left;  margin-right: 20px; margin-bottom:10px; width:300px; }		




/* 投稿用スタイル（仮）
------------------------------------------------------------*/

h2.entry-title{ font-size:120%; line-height:2em; border-bottom:1px dotted #006699; background:#f3f3f3; color:#006699; margin:20px 0 10px; font-weight:bolder; padding-left:10px; letter-spacing:0.1em;}
h2.entry-title a{ color:#006699;  letter-spacing:0.1em;} 

h3.single{ font-size:120%; line-height:2em; border-bottom:1px dotted #006699; background:#f3f3f3; color:#006699; margin:20px 0; font-weight:bolder; padding-left:10px; letter-spacing:0.1em;}

h3.single_2{ font-size:120%; line-height:2em; border-bottom:1px solid #ccc; border-left:4px solid #006699; background:#f3f3f3; color:#006699; margin:20px 0; font-weight:bolder; padding-left:10px; letter-spacing:0.1em;}

h3.single_3{ font-size:120%; line-height:45px; height:45px; border-left:4px solid #006699; background:url(images/h3_bg.jpg) repeat-x; color:#006699; margin:20px 0; font-weight:bolder; padding-left:10px; letter-spacing:0.1em;}

h3.single_4{ font-size:120%; line-height:2em; background:#f3f3f3; color:#333; margin:20px 0; font-weight:bolder; padding-left:10px; letter-spacing:0.1em;}

h3.single_5{ font-size:110%; line-height:35px; height:35px; background:#f3f3f3; border:1px solid #7BA1B3; color:#333; margin:20px 0; font-weight:bolder; padding-left:10px; letter-spacing:0.1em;}

h3.single_6{ font-size:110%; line-height:35px; height:35px; border:1px solid #7BA1B3; color:#333; margin:20px 0; font-weight:bolder; padding-left:10px; letter-spacing:0.1em;}

h3.single_7{ font-size:110%; line-height:35px; height:35px; border:1px dotted #7BA1B3; color:#333; margin:20px 0; font-weight:bolder; padding-left:10px; letter-spacing:0.1em;}

h3.single_8{ font-size:110%; line-height:35px; height:35px; background:url(images/h3_bg2.jpg) no-repeat; color:#fff; margin:20px 0; font-weight:bolder; padding-left:20px; letter-spacing:0.1em;}

h3.single_9{ font-size:120%; line-height:2em; border-bottom:1px dotted #006699; color:#006699; margin:20px 0; font-weight:bolder; padding-left:10px; letter-spacing:0.1em;}


h3.single_5{ font-size:110%; line-height:35px; height:35px; background:#f3f3f3; border:1px solid #7BA1B3; color:#333; margin:20px 0; font-weight:bolder; padding-left:10px; letter-spacing:0.1em;}

h3.single_6{ font-size:110%; line-height:35px; height:35px; border:1px solid #7BA1B3; color:#333; margin:20px 0; font-weight:bolder; padding-left:10px; letter-spacing:0.1em;}

h3.single_7{ font-size:110%; line-height:35px; height:35px; border:1px dotted #7BA1B3; color:#333; margin:20px 0; font-weight:bolder; padding-left:10px; letter-spacing:0.1em;}

h3.single_8{ font-size:110%; line-height:35px; height:35px; background:url(images/h3_bg2.jpg) no-repeat; color:#fff; margin:20px 0; font-weight:bolder; padding-left:20px; letter-spacing:0.1em;}

h3.single_9{ font-size:120%; line-height:2em; border-bottom:1px dotted #006699; color:#006699; margin:20px 0; font-weight:bolder; padding-left:10px; letter-spacing:0.1em;}


p.single_red{ color:#CC0000; font-size:130%; }

.entry-summary p{ margin:10px 0;}

ul.ul_single1{ margin-bottom:30px;}
ul.ul_single1 li{
	background:url(images/li_img1.jpg) no-repeat left 1px;
	padding-left:14px;
	line-height:1.6em;
	margin-bottom:10px;
}
.tMiddle ul.ul_single1 li{
	background:url(images/li_img1.jpg) no-repeat left 3px;
}
.tLarge ul.ul_single1 li{
	background:url(images/li_img1.jpg) no-repeat left 4px;
}

ul.ul_single2{ width:750px; margin-right:-20px; margin-bottom:30px; overflow:hidden; _zoom:1;}
ul.ul_single2 li{
	background:url(images/li_img2.jpg) no-repeat left 1px;
	padding-left:16px;
	line-height:1.6em;
	width:339px;
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
.tMiddle ul.ul_single2 li{
	background:url(images/li_img2.jpg) no-repeat left 3px;
}
.tLarge ul.ul_single2 li{
	background:url(images/li_img2.jpg) no-repeat left 5px;
}

ul.ul_single3{ margin-bottom:30px;}
ul.ul_single3 li{
	background:url(images/li_img3.jpg) no-repeat left 2px;
	padding-left:14px;
	line-height:1.6em;
	margin-bottom:5px;
}
.tMiddle ul.ul_single3 li{
	background:url(images/li_img3.jpg) no-repeat left 4px;
}
.tLarge ul.ul_single3 li{
	background:url(images/li_img3.jpg) no-repeat left 5px;
}

ul.ul_single4{ width:750px; margin-right:-20px; margin-bottom:30px; overflow:hidden; _zoom:1;}
ul.ul_single4 li{
	background:url(images/li_img3.jpg) no-repeat left 2px;
	padding-left:14px;
	line-height:1.6em;
	width:341px;
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
.tMiddle ul.ul_single4 li{
	background:url(images/li_img3.jpg) no-repeat left 4px;
}
.tLarge ul.ul_single4 li{
	background:url(images/li_img3.jpg) no-repeat left 5px;
}

/*ul.ul_single4{ margin-bottom:30px;}
ul.ul_single4 li{
	background:url(images/li_img4.jpg) no-repeat;
	padding-left:16px;
	line-height:1.6em;
	margin-bottom:7px;
}
*/
ul.ul_single5{ margin-bottom:30px;}
ul.ul_single5 li{
	background:url(images/li_img6.jpg) no-repeat left 2px;
	padding-left:16px;
	line-height:1.6em;
	margin-bottom:6px;
}
.tMiddle ul.ul_single5 li{
	background:url(images/li_img6.jpg) no-repeat left 3px;
}
.tLarge ul.ul_single5 li{
	background:url(images/li_img6.jpg) no-repeat left 5px;
}

ul.ul_single6{ width:750px; margin-right:-20px; margin-bottom:30px; overflow:hidden; _zoom:1;}
ul.ul_single6 li{
	background:url(images/li_img6.jpg) no-repeat left 2px;
	padding-left:16px;
	line-height:1.6em;
	width:339px;
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
.tMiddle ul.ul_single6 li{
	background:url(images/li_img6.jpg) no-repeat left 3px;
}
.tLarge ul.ul_single6 li{
	background:url(images/li_img6.jpg) no-repeat left 3px;
}

ul.ul_single3colum{ width:744px; margin-right:-14px; margin-bottom:30px; overflow:hidden; _zoom:1;}
ul.ul_single3colum li{
	background:url(images/li_img1.jpg) no-repeat left 1px;
	padding-left:14px;
	line-height:1.6em;
	margin-bottom:10px;
	width:220px;
	float:left;
	margin-right:14px;
}
.tMiddle ul.ul_single3colum li{
	background:url(images/li_img1.jpg) no-repeat left 3px;
}
.tLarge ul.ul_single3colum li{
	background:url(images/li_img1.jpg) no-repeat left 4px;
}

table.table-01 {
	width: 730px;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom:30px;
}

table.table-01 th {
	padding: 5px;
border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	background: #efefef;
	line-height: 120%;
	text-align: left;
	width:30%;
}
table.table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
	background:#FFF;
    border-width: 0 0 1px 1px;
    text-align: left;
}

td.bg_gray{ background:#808080 !important;}

table.table-02 {
	width: 730px;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom:30px;
}

table.table-02 th {
	padding: 5px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	background: #006699;
	line-height: 120%;
	color:#fff;
	vertical-align:middle;
}
table.table-02 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
	background:#FFF;
    border-width: 0 0 1px 1px;
    text-align: left;
	vertical-align:top;
}

td.bg_gray{ background:#808080 !important;}

table.table-03 {
	width: 730px;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom:30px;
}

table.table-03 th {
	padding: 5px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	background: #9FC529;
	line-height: 120%;
	color:#fff;
	vertical-align:middle;
}
table.table-03 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
	background:#FFF;
    border-width: 0 0 1px 1px;
    text-align: left;
	vertical-align:top;
}


td.bg_gray{ background:#808080 !important;}






p.single_wrap1{ font-size:110%; line-height:1.4em; background:#f3f3f3; color:#333; padding:10px; margin-bottom:20px; }

p.single_wrap2{ font-size:110%; line-height:1.4em; background:#f3f3f3; border:1px solid #7BA1B3; color:#333; padding:10px; margin-bottom:20px; }

p.single_wrap3{ font-size:110%; line-height:1.4em; border:1px solid #7BA1B3; color:#333; padding:10px; margin-bottom:20px; }

p.single_wrap4{ font-size:110%; line-height:1.4em; border:1px dotted #7BA1B3; color:#333; padding:10px; margin-bottom:20px; }


/* 投稿
------------------------------------------------------------*/


.entry-summary{
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}
.nav-below{
	margin:40px auto 0;
	overflow:hidden;
	_zoom:1;
	width:400px;
}
.wp-pagenavi{
	text-align:center;
}

.newlyBox p{
	margin-bottom:20px;
}

.entry-meta a{
	text-decoration:none;
	color:#666;
}
.entry-meta {
	margin-bottom:0;
	padding-bottom:0;
}



/* 由布市議会
------------------------------------------------------------*/

h2.yufushigikai{ 
	background:url(images/gikai/bg_h2_shigikai.jpg) no-repeat;
	font-size:25px;
	height:49px;
	line-height:49px;
	padding-left:75px;
}

.shigikai_head_l{
	width:560px;
	float:left;
}

h3.yufushigikai{ 
	background:url(images/gikai/bg_h3_shigikai.jpg) no-repeat;
	font-size:13px;
	line-height:40px;
	width:274px;
	height:40px;
	padding-left:20px;
}

.box220{ width:220px;}
.box360{ width:360px;}
.box690{ width:690px;}

.shigikai_li{
	overflow:hidden;
	_zoom:1;
	margin-right:29px;
	width:969px;
}

.shigikai_li_box{
	width:294px;
	float:left;
	min-height:200px;
	margin-right:29px;
}

ul.shigikai_li_in li a{
	display:block;
	background:url(images/gikai/bg_shigikai_li_in.png) no-repeat;
	height:33px;
	border-bottom:1px dotted #ccc;
	line-height:33px;
	padding-left:18px;
}
	
ul.shigikai_li_in li a:hover{
	background:#F5F5F5 url(images/gikai/bg_shigikai_li_in.png) no-repeat;
}
	
p.newbox_top{
	background:url(images/gikai/bg_newbox_top.jpg) no-repeat;
	text-align:right;
	color:#fff;
	font-size:12px;
	height:28px;
	line-height:28px;
	padding-right:10px;
}

p.newbox_top a{
	color:#fff;
}
p.newbox_top a:hover{
	text-decoration:none;
}


.newbox{
	background:url(images/gikai/bg_newbox.jpg) no-repeat;
	width:670px;
	height:104px;
	padding:12px 10px 8px 10px;
}

.newbox dl{
	overflow:hidden;
	_zoom:1;
}

.newbox dt{
	width:95px;
	float:left;
	clear:both;
	border-bottom:1px dotted #ccc;
	padding-bottom:4px;
	margin-bottom:2px;
	min-height:26px;
	height:auto;
	font-weight:normal;
}
.newbox dd{
	width:570px;
	float:left;
	border-bottom:1px dotted #ccc;
	padding-bottom:4px;
	margin-bottom:2px;
	min-height:26px;
}

.newbox dd a,ul.shigikai_li_in li a{
	color:#333;
}

.newbox dd a:hover{
	text-decoration:none;
}


.input_search{ width:190px;}


/* 由布市立図書館
------------------------------------------------------------*/

.tosyoHeader{
	margin:20px auto 30px;
	overflow:hidden;
	_zoom:1;
}
.tosyoHeader img{float:left;}
.tosyoHeader ul{
	overflow:hidden;
	_zoom:1;
	float:right;
	text-align:right;
	height:63px;
	line-height:63px;
}
.tosyoHeader ul li{
	display:inline;
	font-size:14px;
	padding-left:40px;
}
.tosyoHeader ul li a{color:#666;text-decoration:none;}
.tosyoHeader ul li a:hover{color:#59901B;}
.tosyoSIde{margin-top:1px;}
ul.menuTosyo{
	margin-bottom:10px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:5px 5px 4px;
}
ul.menuTosyo li{
	border-bottom:1px dotted #ddd;
	background:url(images/tosyokan/icon_side.jpg) no-repeat;
	padding-left:20px;
	height:40px;
	line-height:40px;
}
ul.menuTosyo li.bdNone{border:none;}
ul.menuTosyo li a{color:#666;text-decoration:none;}
ul.menuTosyo li a.tosyokanNow{color:#9EC707;}
ul.menuTosyo li a:hover{color:#9EC707;}

h2.tosyoTopH2{
	background:#AACE26;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	padding-left:10px;
}
.tosyoTopInfo{
	border:1px solid #AACE26;
	padding:10px;
	color:#666;
	margin-bottom:30px;
}
.tosyoTopInfo a{color:#666;text-decoration:none;}
.tosyoTopInfo a:hover{ color:#AACE26;text-decoration:underline;}
.tosyoTopInfoList p.tosyoInfoDate{
	margin-right:20px;
	float:left;
	width:80px;
}
.tosyoTopInfoList p.tosyoInfoTitle{ width:600px; float:right;}
.tosyoTopInfoList li{
	overflow:hidden;
	_zoom:1;
	border-bottom:1px dotted #DCDCDC;
	padding-bottom:10px;
	margin-bottom:10px;
}

.tosyokanAdd{
	margin-left:35px;
	color:#666;
	float:left;
}

h2.tosyokan{
	background:#9EC707;
	color:#fff;
	border-right:5px solid #ddd;
	border-bottom:3px solid #ddd;
	height:42px;
	line-height:42px;
	margin-bottom:20px;
	padding-left:10px;
	font-size:120%;
	letter-spacing:0.1em;
}

h3.tosyokan{
	color:#9EC707;
	font-size:115%;
	font-weight:bold;
	margin-bottom:20px;
	border-bottom:1px dotted #ddd;
	padding-bottom:5px;
	padding-left:5px;
}

.tosyokanTable,.tosyokanTable th,.tosyokanTable td{
	border:1px solid #ddd;
	border-collapse:collapse;
}
.tosyokanTable{ width:100%; margin-bottom:30px;}
.tosyokanTable th,.tosyokanTable td{ padding:10px;}
.tosyokanTable th{ background:#f5f5f5; vertical-align:middle;}
.tosyokanTable td a.tosyokanMap{ margin-left:10px; background:#59901B; color:#fff; padding:2px 10px; text-decoration:none; }
.tosyokanTable td a.tosyokanMap:hover{ background:#9EC707; }

.ToshokanMapWrap iframe{border:1px solid #ddd;}

p.tosyokanMapLink{text-align:right;color:#9EC707;}
p.tosyokanMapLink a{
	color:#59901B;
	padding-left:5px;
	text-decoration:none;
}
p.tosyokanMapLink a:hover{color:#9EC707;}

.tosyokanOrange{ color:#FD7630; font-size:110%; font-weight:bolder;}
ul.tosyokanContentsList{ margin-left:10px;}
ul.tosyokanContentsList li{
	background:url(images/tosyokan/icon_list.jpg) no-repeat left 2px;
	padding-left:16px;
	line-height:1.6em;
	margin-bottom:10px;
}
.tMiddle ul.tosyokanContentsList li{
	background:url(images/tosyokan/icon_list.jpg) no-repeat left 3px;
}
.tLarge ul.tosyokanContentsList li{
	background:url(images/tosyokan/icon_list.jpg) no-repeat left 3px;
}

.tosyokanPageTop{ text-align:right;margin-bottom:30px;}
.tosyokanPageTop a{
	background:#BFBFBF;
	color:#fff;
	padding:3px 14px 2px;
	text-decoration:none;
	font-size:84%;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	behavior: url(/PIE.htc);
}
.tosyokanPageTop a:hover{
	background:#ddd;
}
.tosyokanStrong{ margin-bottom:10px;}
.tosyokanStrong span{
	background:#59901B;
	color:#fff;
	padding:3px 10px;
}

.tosyokanAdobe{
	border:1px dotted #ddd;
	padding:20px;
	margin-bottom:30px;
	font-size:90%;
	color:#666;
}

ul.tosyokanPdfList{margin-bottom:50px;}
ul.tosyokanPdfList li a{
	display:block;
	background:url(images/tosyokan/icon_book.png) no-repeat left center;
	height:44pk;
	line-height:44px;
	border-bottom:1px dotted #ddd;
	text-decoration:none;
	padding-left:65px;
	color:#59901B;
}
ul.tosyokanPdfList li a:hover{	background:#f5f5f5 url(images/tosyokan/icon_book.png) no-repeat left center;}

.tosyokanOl{margin-bottom:40px; margin-left:30px;}
.tosyokanOl li{
	margin-bottom:15px;
	list-style-type:decimal;
}



/* 市長の部屋
------------------------------------------------------------*/

.sicho_boxMd{
	background:url(images/sicho/bg_sichoMd.jpg) repeat-y;
	width:730px;
}
.sicho_boxIn{
	width:680px;
	padding:15px 25px 5px;
	vertical-align:bottom;
	margin-bottom:0;
}

.sicho_boxMd ul{
	overflow:hidden;
	_zoom:1;
	width:690px;	
	margin-right:-10px;
	background:transparent;
	vertical-align:bottom;
}
.sicho_boxMd ul li{
	vertical-align:bottom;
}
.sicho_boxMd ul li a{
	display:block;
	background:url(images/sicho/bg_list.jpg) no-repeat;
	width:315px;
	height:40px;
	line-height:40px;
	float:left;
	font-size:14px;
	font-weight:bolder;
	margin-right:10px;
	margin-bottom:15px;
	color:#333;
	text-decoration:none;
	padding-left:20px;
	vertical-align:bottom;
}
.sicho_boxMd ul li.last a{
	margin-bottom:0;
}
.sicho_boxMd ul li a span.s{
	font-size:85%;
	line-height:40px;
}
.sicho_boxMd ul li a span.ss{
	font-size:80%;
	line-height:40px;
	font-weight:normal;
}
.sicho_boxMd ul li a:hover{
	color:#FF6600;
}
.S_Bt{ margin-top:-20px;}


/* ゆーふーの広場
------------------------------------------------------------*/


ul.yuufuuList{
	overflow:hidden;
	_zoom:1;
	width:746px;
	margin-right:-16px;
}

ul.yuufuuList li{
	width:357px;
	margin-right:16px;
	margin-bottom:16px;
	float:left;
}
	



/* まちのフォトアルバム
------------------------------------------------------------*/

h3.h3Photo{
	color:#006699;
	font-weight:bolder;
	padding-bottom:10px;
	border-bottom:1px dotted #006699;
	margin-bottom:10px;
	padding-left:5px;
	font-size:18px;
}

ul.photoList{
	overflow:hidden;
	_zoom:1;
	width:750px;
	margin-right:-20px;
	margin-bottom:30px;
}

ul.photoList li{
	width:214px;
	padding:7px;
	border:1px solid #E0E0E0;
	margin-right:20px;
	margin-bottom:16px;
	float:left;
}
	
ul.photoDl{
	margin-bottom:30px;
}

ul.photoDl li a{
	display:block;
	border-bottom:1px dotted #006699;
	background:url(images/photo/bg_photoDlList.png) no-repeat;
	padding-left:30px;
	font-size:17px;
	font-weight:bolder;
	height:44px;
	line-height:44px;
	text-decoration:none;
	color:#333;
}

ul.photoDl li a:hover{
	background:#f5f5f5 url(images/photo/bg_photoDlList.png) no-repeat;
}




/* ------------------------------------------------
				  スライド
    ---------------------------------------------- */
	
.slider_box{
	width:100%;
	height:367px;
	padding:0;
	background:#D6F3FF;
	margin-bottom:20px;
}
#loopslider {
	height:450px;
	position: relative;
	overflow: hidden;
}

#loopslider ul {
	height: 367px;
	float: left;
	display: inline;
	overflow: hidden;
}
#loopslider ul li {
	width: 590px;
	height: 367px;
	float: left;
	display: inline;
	overflow: hidden;
}
#loopslider ul li a img:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	}

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

.wideslider {
	width: 100%;
	height: 367px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 10000;
	cursor: pointer;
}
.slider_prev {background: #999 url(images/kankou/prev.png) no-repeat right center;}
.slider_next {background: #999 url(images/kankou/next.png) no-repeat left center;}

/*.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
*/
/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}



/*お問い合わせ-------------------------  */

table.contactTable {
	width: 730px;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom:30px;
}

table.contactTable th {
	padding: 5px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	background: #f5f5f5;
	line-height: 120%;
	color:#333;
	text-align:left;
	font-weight:bolder;
	vertical-align:middle;
}
table.contactTable td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
	background:#FFF;
    border-width: 0 0 1px 1px;
    text-align: left;
	vertical-align:top;
}
table.contactTable .red{
	color:#C00;
}



.wpcf7-text{
	padding: 2px;
	width: 260px;
	font:13px/1.8 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
 
.wpcf7-text:focus{
   background: #FFFCF9;
   }
 
.wpcf7-textarea{
   padding: 2px;
   width:460px;
   height: 220px;
	font:13px/1.8 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   }
 
.wpcf7-textarea:focus{
   background: #FFFCF9;
   }
 
.wpcf7-form-control.wpcf7-submit{
	margin:0 auto;
	text-align:center;
   display: block;
   width: 172px;
   height: 39px;
   border: none;
   text-indent: -9999px;
   background: url(images/btn_send.png) no-repeat;
   }
 
.wpcf7-form-control.wpcf7-submit:hover{
   filter: alpha(opacity=80);
   opacity: .6;
   -moz-transition: all 0.7s ease;
   -webkit-transition: all 0.7s ease;
   }
   
   
    /* ------------------------------------------------
				  20140616 募集追加
    ---------------------------------------------- */  
   

#bosyuBox{
	margin-top:20px;
	width:100%;
	min-height:44px;
}
#bosyuBox th{
/*	background:#006496 url(images/bg_bosyu.jpg) no-repeat;
*/	background:#006496;
color:#fff;
	width:30px;
	vertical-align:middle;
	font-size:14px;
}
#bosyuBox td{
	padding:10px;
	font-size:14px;
}
table#bosyuBox,#bosyuBox th,#bosyuBox td{
	border-collapse:collapse;
	border:1px solid #006496;
}
	


#bosyuBox ul{
	padding:5px 0 5px 0 ;
	margin:0 0 5px 0 ;
}

#bosyuBox ul li{
	background:url(images/li_img1.jpg) no-repeat left 1px;
	padding-left:15px;
}

#bosyuBox ul li a{
	color:#333;
}