@charset "utf-8";
/* CSS Document */

/*share*/

body#bg1 {
background-image: url(../img_common/bg.jpg);
background-repeat: repeat-x;
text-align: center;
margin: 0px auto;
padding: 0px;
font-size: 100%;
color: #333333;
line-height: 150%;
}
body#bg2 {
text-align: center;
margin: 0px auto;
padding: 0px;
font-size: 100%;
color: #333333;
line-height: 150%;
background: url(../img_common/bg2.gif) repeat-x;
}
body#tokusanPopUp {
margin: 0px;
padding: 0px;
font-size: 100%;
color: #333333;
line-height: 120%;
}
ul{
	margin:0px;
	padding:0px;
}
li{
	margin:0px;
	padding:0px;
}
img {border:none}
#wrap {
margin: 0px auto;
padding: 0px;
width: 830px;
text-align: center;
	}

#header {
margin: 0px auto 9px;
padding: 0px;
height: 120px;
width: 830px;
text-align: left;
}
/* ClearBoth */
.clear {
padding: 0px;
margin: 0px;
clear: both;
}
/* ClearFix */
.clearfix:after {
content: url(../img_common/s.gif);
display: block;
clear: both;
height: 0;
}
.clearfix {display: inline-block;}
.clearfix {display: block;}
/* MacIE \*//*/
.clearfix {
overflow: hidden;
}
/* */
.clearfix {overflow:hidden;}/* ForDW */

/*ヘッダー*/
#SubMenu {
background: #E6E6E6;
padding: 3px 0px;
}
.SubUL {
	margin: 0px;
	padding: 0px;
	height: 24px;
	width: 830px;
	list-style: none;
}
.SubLI {
	float: left;
}
a.Sub01 {
height: 24px;
width: 111px;
background: url(../img_common/sub01.gif) no-repeat;
text-indent: -9999px;
margin: 0px;
padding: 0px;
display: block;
}
a:hover.Sub01{
background: url(../img_common/sub01_o.gif) no-repeat;
}
a.Sub02 {
height: 24px;
width: 91px;
background: url(../img_common/sub02.gif) no-repeat;
text-indent: -9999px;
margin: 0px;
padding: 0px;
display: block;
}
a:hover.Sub02{
background: url(../img_common/sub02_o.gif) no-repeat;
}
a.Sub03 {
height: 24px;
width: 91px;
background: url(../img_common/sub03.gif) no-repeat;
text-indent: -9999px;
margin: 0px;
padding: 0px;
display: block;
}
a:hover.Sub03{
background: url(../img_common/sub03_o.gif) no-repeat;
}
a.Sub04 {
height: 24px;
width: 71px;
background: url(../img_common/sub04.gif) no-repeat;
text-indent: -9999px;
margin: 0px;
padding: 0px;
display: block;
}
a:hover.Sub04{
background: url(../img_common/sub04_o.gif) no-repeat;
}
a.Sub05 {
height: 24px;
width: 71px;
background: url(../img_common/sub05.gif) no-repeat;
text-indent: -9999px;
margin: 0px;
padding: 0px;
display: block;
}
a:hover.Sub05{
background: url(../img_common/sub05_o.gif) no-repeat;
}
a.Sub06 {
height: 24px;
width: 91px;
background: url(../img_common/sub06.gif) no-repeat;
text-indent: -9999px;
margin: 0px;
padding: 0px;
display: block;
}
a:hover.Sub06{
background: url(../img_common/sub06_o.gif) no-repeat;
}
a.Sub07 {
height: 24px;
width: 66px;
background: url(../img_common/sub07.gif) no-repeat;
text-indent: -9999px;
margin: 0px;
padding: 0px;
display: block;
}
a:hover.Sub07{
background: url(../img_common/sub07_o.gif) no-repeat;
}
a.Sub08 {
height: 24px;
width: 71px;
background: url(../img_common/sub08.gif) no-repeat;
text-indent: -9999px;
margin: 0px;
padding: 0px;
display: block;
}
a:hover.Sub08{
background: url(../img_common/sub08_o.gif) no-repeat;
}
a.Sub09 {
height: 24px;
width: 81px;
background: url(../img_common/sub09.gif) no-repeat;
text-indent: -9999px;
margin: 0px;
padding: 0px;
display: block;
}
a:hover.Sub09{
background: url(../img_common/sub09_o.gif) no-repeat;
}
a.Sub10 {
height: 24px;
width: 86px;
background: url(../img_common/sub10.gif) no-repeat;
text-indent: -9999px;
margin: 0px;
padding: 0px;
display: block;
}
a:hover.Sub10{
background: url(../img_common/sub10_o.gif) no-repeat;
}
#movie {
margin: 0px;
padding: 0px;
float: right;
width: 248px;
}

#fla {
margin: 0px;
padding: 0px;
float: left;
}


/*メインメニュー*/
#Menu {
background: url(../img_common/menu_bg.jpg) no-repeat;
text-align: left;
margin: 3px 0px 0px;
padding: 0px 15px;
height: 65px;
}
.MenuUL {
margin: 0px;
padding: 0px;
height: 65px;
width: 830px;
list-style: none;
display: inline;
}
.MenuLI {
float: left;
}
.Menu01_o{
margin:5px 0px 7px
}
a.Menu01 {
height: 54px;
width: 161px;
background: url(../img_common/menu01.jpg) no-repeat;
text-indent: -9999px;
margin: 5px 0px 7px;
padding: 0px;
display: block;
}
a:hover.Menu01{
background: url(../img_common/menu01_o.jpg) no-repeat;
}
a.Menu02 {
height: 45px;
width: 161px;
background: url(../img_common/menu02.jpg) no-repeat;
text-indent: -9999px;
margin: 10px 0px 11px;
padding: 0px;
display: block;
}
a:hover.Menu02{
background: url(../img_common/menu02_o.jpg) no-repeat;
}
a.Menu03 {
height: 45px;
width: 161px;
background: url(../img_common/menu03.jpg) no-repeat;
text-indent: -9999px;
margin: 10px 0px 11px;
padding: 0px;
display: block;
}
a:hover.Menu03{
background: url(../img_common/menu03_o.jpg) no-repeat;
}
a.Menu04 {
height: 45px;
width: 161px;
background: url(../img_common/menu04.jpg) no-repeat;
text-indent: -9999px;
margin: 10px 0px 11px;
padding: 0px;
display: block;
}
a:hover.Menu04{
background: url(../img_common/menu04_o.jpg) no-repeat;
}
a.Menu05 {
height: 45px;
width: 156px;
background: url(../img_common/menu05.jpg) no-repeat;
text-indent: -9999px;
margin: 10px 0px 11px;
padding: 0px;
display: block;
}
a:hover.Menu05{
background: url(../img_common/menu05_o.jpg) no-repeat;
}

.logo {
margin: 7px 0px 0px;
padding: 0px;
}

.HeadMap {
margin: 0px 0px 0px 269px;
padding: 0px;
}

#brand {
text-align: left;
margin: 0px 0px 4px;
padding: 0px;
width: 830px;
height: 250px;
}

/*パンくず*/
#pankuzu01 {
margin: 0px;
padding: 0px 0px 0px 15px;
font-size: 12px;
text-align: left;
}
#pankuzu02 {
margin: 0px 0px 15px;
padding: 0px 0px 0px 15px;
font-size: 12px;
text-align: left;
}


/*カテゴリタブ*/
.CategoryUL {
	margin: 0px;
	padding: 0px;
	height: 47px;
	width: 627px;
	list-style: none;
}
.CategoryLI {
float: left;
}
#category {
margin: 0px;
padding: 0px;
width: 830px;
}

#CategoryMenu {
width: 830px;
margin: 0px;
padding: 0px;
float: left;
background: url(../img_common/category_menu_bg.gif) repeat-x;
}

#Serch {
padding: 3px 0px 0px;
width: 190px;
float: right;
background: url(../img_common/serch_bg.jpg) repeat;
height: 27px;
margin: 10px 3px 0px 0px;
}
#Categrytext {
background: url(../img_common/category_bg.jpg) repeat-y;
text-align: center;
}

#CategoryMenu02 {
margin: 0px;
padding: 0px;
float: left;
width: 627px;
}
.form {
margin: 0px;
padding: 0px;
}

.form_btn{
margin: 0px 0px 0px 5px;
padding: 0px;
}

.kiji {
margin: 0px 0px 0px 7px;
padding: 0px;
width: 144px;
float: left;
}

.KijiWrap {
margin: 0px auto;
padding: 0px 0px 0px 32px;
width: 780px;
float: left;
}

.KijiText {
background: url(../img_common/kiji_text.jpg) repeat-y;
margin: 0px;
padding: 0px 7px;
font-size: 65%;
text-align: left;
line-height: 130%;
}

.KijiPhoto {
	background: url(../img_common/kiji_bg.jpg) repeat-y;
	height: 90px;
}

.btn_list {
text-align: right;
width: 700px;
margin: 10px auto;
padding: 0px;
}

.category_icon {
text-align: left;
margin: 15px 0px;
padding: 0px;
}
.crown {
margin:0px 0px 0px 3px
}
/*フッター*/
#FooterWrap {
background: #D9D9D9;
padding: 3px 0px;
margin: 0px;
}

#footer {
background: #EDE4D1;
color: #765754;
font-size: 10px;
border: 1px solid #B78E62;
padding: 2px 0px;
}
#footer a:link {
color: #765754;
}
.Copyright {
margin: 5px 0px;
}
/*ページトップアンカー*/
.PageTop {
margin: 25px 0px 20px;
padding: 0px 6px 0px 0px;
text-align: right;
}
.sent {
	padding-left: 20px;
}
/*トップページ*/
#info {
margin: 0px;
padding: 0px;
width: 392px;
background: url(../img/info_bg.jpg) repeat-y;
}
.info_table{
	list-style: none;
	margin: 3px auto;
	padding: 0px 0px 0px 3px;
	color: #999999;
	font-size: 12px;
	width: 367px;
	text-align: left;
}
.info_table tr {
	margin-top: 5px;
	margin-bottom: 5px;
	background: #FFFFFF;
}
.info_icon {
margin:0px 3px 0px 5px;
padding: 0px;
}
#TopMain {
float: left;
width: 826px;
margin: 15px 0px;
padding: 0px 0px 0px 4px;
}
#topBoxRight {
float: right;
width: 423px;
}
#TopKd {
margin: 0px 0px 15px;
padding: 0px;
width: 252px;
background: url(../img/kd_bg.jpg) repeat-y;
float: left;
}

#TopCalender {
margin: 0px 0px 15px;
padding: 0px;
width: 171px;
background: url(../img/carender_bg.jpg) repeat-y;
float: left;
}

.ImgLeft {
float: left;
}

#mobile_text {
float: left;
}
#top_bnr {
margin-top: 25px;
text-align: center;
padding-right: 6px;
margin-bottom: 10px;
}
#topQr {
margin-bottom: 20px;

}
/*ディレクター記事-詳細*/
#SubCategry_enjoy{
background: #F9C64E;
width: 815px;
margin: 0px auto;
padding: 0px;
}
#SubCategry_eat{
background: #F55E9D;
width: 815px;
margin: 0px auto;
padding: 0px;
}
#SubCategry_know{
background: #2F78C6;
width: 815px;
margin: 0px auto;
padding: 0px;
}
#SubCategry_learn{
background: #45A95E;
width: 815px;
margin: 0px auto;
padding: 0px;
}
#director_article{
margin: 0px;
padding: 23px 0px 0px 10px;
float: left;
width: 648px;
background: url(../kd/img/article_bg.jpg) no-repeat scroll right top;
}
#director_news{
margin: 0px;
padding: 0px 7px 0px 0px;
float: right;
width: 158px;
}
#director_news #information{
margin: 0px auto;
padding: 10px 0px 0px;
width: 144px;
text-align: left;
}
#director_news #information ul{
margin: 0px;
padding: 0px;
}
#director_news #information li{
font-size: 70%;
line-height: 130%;
list-style: url(../kd/img/info_icon.gif) inside;
margin: 0px 0px 0px 18px;
padding: 2px 0px 5px;
}
#article_title{
margin: 0px auto;
padding: 0px;
width: 600px;
text-align: left;
background: #FFFFFF;
}
#article_title_icon{
float: left;
width: 34px;
margin: 0px;
padding: 0px;
}
#article_title_txt{
margin: 0px;
padding: 10px 0px 0px;
float: left;
width: 445px;
font-size: 80%;
line-height: 130%;
}
#article_title_img{
	margin: 0px;
	float: left;
	width: 85px;
	text-align: center;
	font-size: 80%;
	line-height: 130%;
	padding-top: 0px;
	padding-right: 16px;
	padding-bottom: 0px;
	padding-left: 16px;
}
#article_photo{
margin: 0px auto;
padding: 0px;
width: 604px;
background: url(../kd/img/photo_bg.jpg) repeat-y;
text-align: center;
}
#article_txt{
margin: 0px auto;
padding: 13px 27px;
width: 546px;
background: #FFFFFF;
text-align: left;
font-size: 80%;
line-height: 140%;
}
#SubCategrytext {
background: url(../kd/img/category_bg.jpg) repeat-y;
text-align: center;
}
.yellow{
color: #E09F07;
}
.orange{
color: #FF6600;
}
#director_other{
margin: 0px;
padding: 3px 0px 5px 29px;
}
#director_other ul{
margin: 0px;
padding: 0px;
list-style: none;
}
#director_other li{
margin: 0px;
padding: 0px 5px 20px 0px;
float: left;
width: 116px;
display: inline;
text-align: center;
}
#director_other li .img{
	background: url(../kd/img/other_bg.jpg) repeat-y;
	margin: 0px;
	text-align: center;
	height: 72px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 1px;
}
#director_other li .title{
font-size: 60%;
line-height: 130%;
background: #FFFFFF;
margin: 0px 3px 0px 1px;
padding: 5px 5px 0px 10px;
text-align: left;
}
.kijiBtn {
margin-right: 30px;
margin-left: 30px;
}
.clap{
}
#information li {
	margin-left:3em;
	text-indent:-17px;
}
/*ディレクター記事-サブカテゴリ*/
#SubCategry_tit{
font-size: 80%;
text-align: left;
margin: 0px;
padding: 0px 0px 16px 20px;
}
.director_list{
margin: 0px;
padding: 0px 0px 0px 30px;
}
.director_list ul{
margin: 0px;
padding: 0px;
list-style: none;
}
.director_list li{
margin: 0px;
padding: 0px 6px 20px 0px;
width: 144px;
float: left;
}
.director_list li .img{
background: url(../kd/img/list_bg.jpg);
text-align: center;
padding-right: 3px;
padding-left: 1px;
}
.director_list li .title{
background: #FFFFFF;
margin-right: 3px;
margin-left: 0px;
font-size: 60%;
line-height: 130%;
text-align: left;
padding: 2px 5px 0px 10px;
}
.clap{
background: #FFFFFF;
margin-right: 4px;
margin-left: 0px;
font-size: 60%;
text-align: right;
color: #FF6600;
padding: 5px 8px 0px 0px;
line-height: 100%;
}

/*ディレクター記事-カテゴリ*/
#Categry_tit{
font-size: 80%;
text-align: left;
margin: 0px;
padding: 12px 0px 16px 30px;
}
.director_list2{
margin: 0px;
padding: 0px 0px 0px 40px;
}
.director_list2 ul{
margin: 0px;
padding: 0px;
list-style: none;
}
.director_list2 li{
margin: 0px;
padding: 0px 8px 20px 0px;
width: 144px;
float: left;
}
.director_list2 li .img{
background: url(../kd/img/list_bg.jpg);
text-align: center;
padding-right: 3px;
padding-left: 1px;
}
.director_list2 li .title{
background: #FFFFFF repeat-y;
margin-right: 4px;
margin-left: 0px;
font-size: 60%;
line-height: 130%;
text-align: left;
padding: 2px 5px 0px 10px;
}
/*直売店情報*/
.shop {
background:url(../shop/img/shop_bg.jpg);
margin: 0px;
padding: 0px 0px 0px 0px;
}
.shop_wrap {
margin:0px;
padding: 0px 0px 0px 70px;
float: left;
width: 680px;
}
.shop_text {
	width:210px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
}
.shop_text a:link {
font-size: 10px;
}
.shop_map{
margin:0px 0px 0px 10px;
padding: 0px;
height: auto;
width: 230px;
float: left;
text-align: left;
}
.shop_photo{
margin:0px;
width: 230px;
float: left;
text-align: right;
}
.shop_icon {
margin: 3px 0px;
padding: 0px;
}
.shop_border {
margin: 15px auto;
padding: 0px 0px 0px 70px;
width: 680px;
float: left;
}
.tokusan {
width: 120px;
text-align: center;
font-size: 12px;
float: left;
margin-right: 25px;
margin-left: 25px;
}
.tokusan_wrap {
margin:0px;
padding: 0px 0px 0px 70px;
float: left;
width: 680px;
text-align: left;
}
/*観光*/
.visit {
background:url(../shop/img/shop_bg.jpg);
margin: 0px;
padding: 0px 0px 0px 0px;
}
.visit_wrap {
margin:0px;
padding: 0px 0px 0px 70px;
float: left;
width: 680px;
}
.visit_text {
	width:310px;
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
}
.visit_text a:link {
font-size: 10px;
}
.visit_photo{
	margin:0;
	padding: 0px;
	height: auto;
	float: right;
}
.visit_icon {
margin: 3px 0px;
padding: 0px;
}
.visit_border {
margin: 15px auto;
padding: 0px 0px 0px 70px;
width: 680px;
float: left;
}
.visit_right {
	float: right;
	width: 320px;
}
/*カレンダー*/
#CalEvent {
margin: 0px;
padding: 0px;
background: url(../cal_event/img/event_bg.jpg) repeat-y;
}

.cal_border {
margin-top: 10px;
margin-bottom: 10px;
}

.RebBold {
font-weight: bold;
color: #FF0000;
}

.BlueBold {
font-weight: bold;
color: #0033FF;
}

.BlackBold {
font-weight: bold;
color: #666666;
}

.BrounBold20 {
font-size: 20px;
font-weight: bold;
color: #73481A;
}
.Broun_b {
font-weight: bold;
color: #73481A;
margin: 0px;
padding: 0px;
}
.Broun_b a:link {
font-weight: bold;
color: #73481A;
margin: 0px;
padding: 0px;
font-size: 12px;
}
.btnMonth {
color: #FF6600;
}
.btnMonth a:link {
color: #FF6600;
}
.nowMonth {
padding-right: 50px;
padding-left: 50px;
font-weight: bold;
color: #73481A;
}
.cell {
font-size: 65%;
line-height: 1.2em;
padding: 2px;
}


/*公共施設*/
.TextArea760{
	width:760px;
	text-align:left;
	font-size:12px;
	margin:0px 0px 0px 30px;
}.PaddLeft30{
	padding-left:30px;
}

/*KDとは*/
#kdImg {
float: left;
width: 270px;
text-align: left;
height: 320px;
}

#kdImgCap {
float: left;
padding-top: 10px;
padding-left: 10px;
height: 310px;
width: 420px;
}
#KdDL{
	width:536px;
	margin-left:auto;
	margin-right:auto;
}
#KdBtn{
	padding-top: 20px;
	padding-bottom: 30px;
}
.marginTop{
	margin-top:20px;
}
.KdgrayBox{
	padding-top:10px;
	padding-bottom:10px;
}
.KdgrayBox dd{
	padding-left:120px;
	margin-top: -2em;
}
.KdLeft{
	float:left;
	padding-left:30px;
}
.KdRight{
	float:right;
	padding-right:20px;
}
#kdBgGray{
	background:#F2F2F2;
	width:700px;
	margin-top: 20px;
	margin-bottom: 20px;
}



.kdImgCapP {
margin: 0px 0px 10px;
}
/*運営事務所からのお知らせ*/
.news {
background:url(../news/img/news_bg.jpg);
margin: 0px 0px 20px;
padding: 0px;
}
.news_border {
margin: 5px auto 10px;
padding: 0px 0px 0px 70px;
width: 680px;
float: left;
}
.NewsTitle {
margin:0px;
padding: 0px 0px 0px 75px;
text-align: left;
font-size: 12px;
float: left;
}
.orangeB {
font-weight: bold;
color: #FF6600;
}

.NewsDetail {
padding-left: 75px;
text-align: left;
float: left;
width: 510px;
font-size: 12px;
}

.NewsWrap {
width: 830px;
padding: 0px;
margin-top: 10px;
margin-bottom: 10px;
}
.NewsPhoto {
margin:0px 0px 0px 15px;
float: left;
}

#pageBtn {
padding-right: 40px;
text-align: center;
}

.MarginUnder20 {
margin-bottom: 20px;
}

#map {
background: url(../map/img/map_bg01.jpg) repeat-y;
width: 784px;
padding-right: 21px;
padding-left: 25px;
text-align: left;
float: left;
}

#MapArea {
width: 603px;
float: left;
margin-left: 10px;
background: url(../map/img/map_bg02.jpg);
}

#mapcont {
padding-right: 20px;
padding-left: 20px;
}

.tokusan_page {
background: url(../shop/popup/img_common/bg.jpg) repeat-y;
width: 808px;
margin-right: auto;
margin-left: auto;
padding-left: 20px;
}
#tokusan_wh {
background: #FFFFFF;
width: 760px;
text-align: left;
float: left;
margin: 0px;
padding-bottom: 15px;
}

.tokusan_cont {
width: 170px;
margin-left: 15px;
float: left;
}

.tokusan_close {
margin-right: 330px;
margin-left: 330px;
}

.small {
font-size: 90%;
font-weight: bold;
color: #663300;
}

.area-name {
margin:0;
font-size: 90%;
font-weight: bold;
color: #765754;
padding-left: 3px;
}

.KdgrayBox {
	line-height: 2em;
	width: 300px;
}
/*ご案内ページ*/
body#infoPopUp {
margin: 0px;
padding: 0px;
font-size: 100%;
color: #333333;
line-height: 120%;
}
.info_page {
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
/*京築応援団*/
.oenBox {
text-align: left;
width: 770px;
margin-right: auto;
margin-left: auto;
font-size: 12px;
margin-bottom: 30px;
}
.oenBox p {
margin: 0px 0px 15px;
padding: 0px;
}
.oenTit {
margin: 0px 10px 20px 0px;
padding: 0px;
}
.oenTxt {
padding: 0px;
text-align: left;
width: 730px;
font-size: 14px;
margin: 0px auto 40px;
}
.oenTable {
border-collapse: collapse;
border-spacing: 0px;
width: 600px;
margin-right: auto;
margin-left: auto;
font-size: 12px;
text-align: left;
padding: 0px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
margin-bottom: 30px;
}
.oenTable th,
.oenTable td{
padding: 10px 10px 10px 20px;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
}
.oenTable th {
background: #666666;
font-weight: normal;
color: #FFF;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
width: 140px;
}
.oenForm01 {
width: 120px;
margin-right: 30px;
margin-left: 10px;
}
.oenForm02 {
width: 40px;
margin-right: 5px;
}
.oenForm03 {
width: 120px;
margin-right: 5px;
}
.oenForm04 {
width: 300px;
margin-right: 5px;
}
.oenBtn {
width: 306px;
margin-right: auto;
margin-left: auto;
}
.oenChk {
width: 600px;
text-align: left;
font-size: 12px;
margin-right: auto;
margin-left: auto;
}
.oenBtn p {
float: left;
margin-right: 5px;
}
.oenBtnMar {
margin-bottom: 50px;
}
.oenBoxLeft {
float: left;
width: 263px;
}
.oenBoxRight {
float: right;
width: 480px;
}
.oenBoxLeft02 {
float: left;
width: 480px;
}
.oenBoxRight02 {
float: right;
width: 263px;
}
.oenBoxLeft03 {
float: left;
width: 383px;
}
.oenBoxRight03 {
float: right;
width: 383px;
}
.oenBox02 {
margin-bottom: 30px;
}
.leftInfo{
float: left;
margin-bottom: 15px;
}
.infoNaviBnr{
}