/*@media記述のみが記載されたcssファイルの冒頭で@charset指定を行うと、css3-mediaqueries.jsが無効になる*/

@media print{
	#header,
	.main-area,
	.main-area2,
	#banner-area,
	#ad-area,
	#side,
	#footer,
	.column-recommend{
		display:none !important;
	}
	#top-cont{
		width: auto;
		float:none;
	}
	
	#top-cont .bt-print{
		display:none !important;
	}
	
	#top-cont .column-today{
		width:800px;
	}
	#top-cont .column-today .entry-wrap{
		height: auto;
		overflow: auto;
	}
	
	#top-cont .bt-list{
		display:none;
	}
	#header,
	.main-area,
	.main-area2,
	#banner-area,
	#ad-area,
	#side,
	#footer,
	.column-recommend{
		display:none !important;
	}

	#top-cont{
		width: auto;
		float:none;
	}
	
	#top-cont .bt-print{
		display:none !important;
	}
	
	#top-cont .column-today{
		width:800px;
	}
	#top-cont .column-today .entry-wrap{
		height: auto;
		overflow: auto;
	}
	
	#top-cont .bt-list{
		display:none;
	}
}


/*変更なしstart -------------------------------------------------------------*/

/* .box-ranking
-----------------------------------------------------------------------------*/

.box-ranking{
	clear:both;
	background:#fff;
	padding:20px;
	border-radius:6px;
	position:relative;
}

.box-ranking h3{
	background: url(../../../../../resource/image/another/contents/dot-3.gif) left bottom repeat-x #fff;
	padding:0 0 13px 0;
	margin:0 0 1px 0;
	zoom:1;
}

.box-ranking table{
	font-size:1.4em;
	background: url(../../../../../resource/image/another/contents/dot-3.gif) left bottom repeat-x;
}

.box-ranking table td,
.box-ranking table th{
	padding:5px 0;
}

.box-ranking table th{
	width:50px;
}

.box-ranking table td{
	width:120px;
	padding:5px 20px 5px 0;
}

.box-ranking table td.last{
	padding:5px 0;
}


/******************************************************************************
content-area
******************************************************************************/

#contents-area{
	width:100%;
	margin:0 auto;
	padding:25px 20px 20px;
	line-height:1.5;
	background:#faf4df;
}

#contents-area .title-01 h2{
	position: absolute;
	left:-11px !important;
}



/* column-today
-----------------------------------------------------------------------------*/

#top-cont .column-today{
	float:left;
	width:100%;
}

#top-cont .column-today .title-01 .bt-print{
	position: absolute;
	right:0;
	top:11px;
	display:inline;
}

#top-cont .column-today p.day{
	font-size:2.8em;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight:bold;
	margin:0 0 0 10px;
}
#top-cont .column-today span.day_s{
	font-size:0.6em;
}

/*** tab-list ***/

#top-cont .column-today .tab-list{
	float:right;
	padding-top:23px;
}

#top-cont .column-today .tab-list li{
	float:left;
	display:inline-block;
	text-align:center;
	letter-spacing:2px;
}

.msie6 #top-cont .column-today .tab-list li,
.msie7 #top-cont .column-today .tab-list li{
	display:inline;
	zoom:1;
}

#top-cont .column-today .tab-list li a{
	background:#fbdccd;
	display:block;
	/*padding:7px 10px;*/
	width:84px;
	border-top:1px solid #e8b49c;
	border-right:1px solid #e8b49c;
	border-left:1px solid #e8b49c;
	font-weight:bold;
	text-decoration:none;
	margin:0 2px 0 0;
	border-radius:6px 6px 0 0;
	padding-top:7px;
	padding-bottom:7px;
}

#top-cont .column-today .tab-list li.first a{
	padding:7px 20px;
}

#top-cont .column-today .tab-list li.last a{
	margin:0;
}

#top-cont .column-today .tab-list li.current a,
#top-cont .column-today .tab-list li a:hover{
	background:#d53e1b;
	color:#fff;
	border-top:1px solid #d53e1b;
	border-right:1px solid #d53e1b;
	border-left:1px solid #d53e1b;
}

/*** tab-content ***/

#top-cont .column-today .tab-wrap{
	background:#fff;
	border:1px solid #ddd6be;
	padding:20px 10px 20px 20px;
}

#top-cont .column-today .tab-content{
	background:#fff;
	border:1px solid #ddd6be;
	padding:20px 10px 20px 20px;
}

#top-cont .column-today .entry-wrap{
	height:500px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin:0 0 20px 0;
}
/*** flower ***/
#top-cont .t_flower{
	
}
#top-cont .t_flower th{
	background-color: #FFE0DE;
	border: solid 1px #C9C0B2;
	text-align: center;
	padding: 2px;
	font-weight: normal;
	white-space: nowrap;
}
#top-cont .t_flower td{
	border: solid 1px #C9C0B2;
	text-align: center;
	padding: 2px;
}
#top-cont .hana_news_area{
	padding:10px 30px 10px 20px;
}
#top-cont .link_flower{
	margin:10px 10px 0 0;
	text-align:right;
}
#top-cont #this_week_flower{
	font-weight: bold;
	color: #BF0028;
	font-size: 130%;
	line-height: 140%;
	background: url(../../../../../resource/image/event/detail_titlebar.jpg) repeat-y;
	padding: 2px 0 0 15px;
	margin: 20px 0 10px;
}


.tab-content .entry {
	width:208px;
	float:left;
	margin-right:10px;
	padding-bottom:25px;
	cursor:auto !important;
}
.tab-content .entry p.ph{
	width:100%;
	height:100%;
	border:1px solid #ddd6be;
	padding:4px;
	background:#faf4df;
	margin-bottom:10px;
	text-align:center;
}
.tab-content .entry p.ph a{
	width:200px;
	height:133px;
}
.tab-content .entry h3{
	font-size:1.2em;
	margin-bottom:5px;
}
.tab-content .entry h3 a{
	color:#d53e1b;
	background: url(../../../../../resource/image/another/contents/arrow-3.gif) left center no-repeat;
	padding:0 0 0 18px;
}
.tab-content .entry ul li{
	color:#2a83a2;
	font-weight:bold;
}
.tab-content .entry th{
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	padding-left:5px;
}
.tab-content .entry td{
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	padding-left:5px;
}

.tab-content .no-image .entry-wrap .entry{
	width:644px;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px dotted #cccccc;
}
.tab-content .no-image .entry-wrap .entry h4{
	font-size:1.0em;
	margin-bottom:5px;
	color:#2a83a2;
}


/* column-recommend
-----------------------------------------------------------------------------*/

#top-cont .column-recommend{
	float:right;
	width:190px;
}

#top-cont .column-recommend li{
	background:#ccded4;
	padding:4px;
	margin:0 0 5px 0;
	border-radius:6px;
	position:relative;
}

#top-cont .column-recommend li a{
	width:160px;
	background-repeat: repeat-y;
	background-position:0 0;
	background-image: url(../../../../../../resource/image/top/bg-recommend1.gif);
	display:block;
	border:1px solid #fff;
	padding:10px;
	font-weight:bold;
	text-decoration:none;
}

#top-cont .column-recommend li a:hover{
	background-position:-200px 0;
}

#top-cont .column-recommend li span{
	background: url(../../../../../resource/image/another/contents/arrow-4.png) left center no-repeat;
	padding:0 0 0 20px;
	display:block;
}

#top-cont .column-recommend li.num-1{ background:#ccded4; }
#top-cont .column-recommend li.num-2{ background:#e0c9cc; }
#top-cont .column-recommend li.num-3{ background:#e8d9b6; }
#top-cont .column-recommend li.num-4{ background:#d0dab3; }
#top-cont .column-recommend li.num-5{ background:#ecc9b3; }

#top-cont .column-recommend li.num-1 a{ background-image:url(../../../../../resource/image/top/bg-recommend1.gif); }
#top-cont .column-recommend li.num-2 a{ background-image:url(../../../../../resource/image/top/bg-recommend2.gif); }
#top-cont .column-recommend li.num-3 a{ background-image:url(../../../../../resource/image/top/bg-recommend3.gif); }
#top-cont .column-recommend li.num-4 a{ background-image:url(../../../../../resource/image/top/bg-recommend4.gif); }
#top-cont .column-recommend li.num-5 a{ background-image:url(../../../../../resource/image/top/bg-recommend5.gif); }


/*変更なしfinish -------------------------------------------------------------*/


@media screen and (min-width: 980px) {

/******************************************************************************
top
******************************************************************************/

#main-area{
	background: url(../../../../resource/image/another/header/bg-main.gif) repeat !important;
	line-height:1.5;
}
.main-area2{
}

.wrap-in{
	width:980px;
	margin:0 auto;
	padding:20px 0 30px 0;
	position: relative;
}

.column-1{
	width:710px;
	float:left;
	margin:0 0 30px 0;
}

.column-2{
	width:240px;
	float:right;
	margin:0 0 30px 0;
}



/* #main-img
-----------------------------------------------------------------------------*/

#main-img{
	width:980px;
	height:340px;
	overflow:hidden;
	margin:0 0 30px 0;
}

#main-img.arrow{
	background: url(../../../../../resource/image/top/main-current.gif) 730px 48px no-repeat;
}

#main-img{
	position: relative;
}

#myGallery{
	width:980px !important;
}

.strip_wrapper{
	position: absolute;
	top:19px !important;
	left: auto !important;
	right:0 !important;
	height:303px !important;
}

.nav-prev{
	position: absolute;
	left: auto !important;
	right:0 !important;
	top:0 !important;
}

.nav-next{
	position: absolute;
	left: auto !important;
	right:0 !important;
	top: 327px !important;
}

#main-img .hgroup{
	background:#fff;
	width:710px;
	height:340px;
}

.msie6 #main-img .hgroup{
	background:none;
}

#main-img .img_wrap{
	background:#fff;
	border:3px solid #fff;
}

#main-img .current .img_wrap{
	border:3px solid #d53e1b;
}

/* .box-ranking
-----------------------------------------------------------------------------*/

.box-ranking{
	clear:both;
	background:#fff;
	padding:20px;
	border-radius:6px;
	position:relative;
}

.box-ranking h3{
	background: url(../../../../../resource/image/another/contents/dot-3.gif) left bottom repeat-x #fff;
	padding:0 0 13px 0;
	margin:0 0 1px 0;
	zoom:1;
}

.box-ranking table{
	font-size:1.4em;
	background: url(../../../../../resource/image/another/contents/dot-3.gif) left bottom repeat-x;
}

.box-ranking table td,
.box-ranking table th{
	padding:5px 0;
}

.box-ranking table th{
	width:50px;
}

.box-ranking table td{
	width:120px;
	padding:5px 20px 5px 0;
}

.box-ranking table td.last{
	padding:5px 0;
}


/******************************************************************************
content-area
******************************************************************************/

#contents-area{
	width:980px;
	margin:0 auto;
	padding:25px 0 20px 0;
	line-height:1.5;
}

#contents-area .title-01 h2{
	position: absolute;
	left:-11px !important;
}

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

#top-cont{
	width:710px;
	float:right;
	font-size:1.2em;
	line-height:1.5;
}

/* column-today
-----------------------------------------------------------------------------*/

#top-cont .column-today{
	float:left;
	width:710px;
}

#top-cont .column-today .title-01 .bt-print{
	position: absolute;
	right:0;
	top:11px;
}

#top-cont .column-today p.day{
	font-size:2.8em;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight:bold;
	margin:0 0 0 10px;
}
#top-cont .column-today span.day_s{
	font-size:0.6em;
}

/*** tab-list ***/

#top-cont .column-today .tab-list{
	float:right;
	padding-top:23px;
}

#top-cont .column-today .tab-list li{
	float:left;
	display:inline-block;
	text-align:center;
	letter-spacing:2px;
}

.msie6 #top-cont .column-today .tab-list li,
.msie7 #top-cont .column-today .tab-list li{
	display:inline;
	zoom:1;
}

#top-cont .column-today .tab-list li a{
	background:#fbdccd;
	display:block;
	/*padding:7px 10px;*/
	width:84px;
	border-top:1px solid #e8b49c;
	border-right:1px solid #e8b49c;
	border-left:1px solid #e8b49c;
	font-weight:bold;
	text-decoration:none;
	margin:0 2px 0 0;
	border-radius:6px 6px 0 0;
	padding-top:7px;
	padding-bottom:7px;
}

#top-cont .column-today .tab-list li.first a{
	/*padding:7px 20px;*/
}

#top-cont .column-today .tab-list li.last a{
	margin:0;
}

#top-cont .column-today .tab-list li.current a,
#top-cont .column-today .tab-list li a:hover{
	background:#d53e1b;
	color:#fff;
	border-top:1px solid #d53e1b;
	border-right:1px solid #d53e1b;
	border-left:1px solid #d53e1b;
}

/*** tab-content ***/

#top-cont .column-today .tab-wrap{
	background:#fff;
	border:1px solid #ddd6be;
	padding:20px 10px 20px 20px;
}

#top-cont .column-today .tab-content{
	background:#fff;
	border:1px solid #ddd6be;
	padding:20px 10px 20px 20px;
}

#top-cont .column-today .entry-wrap{
	height:500px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin:0 0 20px 0;
}
/*** flower ***/
#top-cont .t_flower{
	
}
#top-cont .t_flower th{
	background-color: #FFE0DE;
	border: solid 1px #C9C0B2;
	text-align: center;
	padding: 2px;
	font-weight: normal;
	white-space: nowrap;
}
#top-cont .t_flower td{
	border: solid 1px #C9C0B2;
	text-align: center;
	padding: 2px;
}
#top-cont .hana_news_area{
	padding:10px 30px 10px 20px;
}
#top-cont .link_flower{
	margin:10px 10px 0 0;
	text-align:right;
}
#top-cont #this_week_flower{
	font-weight: bold;
	color: #BF0028;
	font-size: 130%;
	line-height: 140%;
	background: url(/resource/image/event/detail_titlebar.jpg) repeat-y;
	padding: 2px 0 0 15px;
	margin: 20px 0 10px;
}


.tab-content .entry {
	width:208px;
	float:left;
	margin-right:10px;
	padding-bottom:25px;
	cursor:auto !important;
}
.tab-content .entry p.ph{
	width:200px;
	height:133px;
	border:1px solid #ddd6be;
	padding:4px;
	background:#faf4df;
	margin-bottom:10px;
	text-align:center;
}
.tab-content .entry p.ph a{
	width:200px;
	height:133px;
}
.tab-content .entry h3{
	font-size:1.2em;
	margin-bottom:5px;
}
.tab-content .entry h3 a{
	color:#d53e1b;
	background: url(../../../../../resource/image/another/contents/arrow-3.gif) left center no-repeat;
	padding:0 0 0 18px;
}
.tab-content .entry ul li{
	color:#2a83a2;
	font-weight:bold;
}
.tab-content .entry th{
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	padding-left:5px;
}
.tab-content .entry td{
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	padding-left:5px;
}

.tab-content .no-image .entry-wrap .entry{
	width:644px;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px dotted #cccccc;
}
.tab-content .no-image .entry-wrap .entry h4{
	font-size:1.0em;
	margin-bottom:5px;
	color:#2a83a2;
}


/* column-recommend
-----------------------------------------------------------------------------*/

#top-cont .column-recommend{
	float:right;
	width:190px;
}

#top-cont .column-recommend li{
	background:#ccded4;
	padding:4px;
	margin:0 0 5px 0;
	border-radius:6px;
	position:relative;
}

#top-cont .column-recommend li a{
	width:160px;
	background-repeat: repeat-y;
	background-position:0 0;
	background-image: url(../../../../../resource/image/top/bg-recommend1.gif);
	display:block;
	border:1px solid #fff;
	padding:10px;
	font-weight:bold;
	text-decoration:none;
}

#top-cont .column-recommend li a:hover{
	background-position:-200px 0;
}

#top-cont .column-recommend li span{
	background: url(../../../../../resource/image/another/contents/arrow-4.png) left center no-repeat;
	padding:0 0 0 20px;
	display:block;
}

#top-cont .column-recommend li.num-1{ background:#ccded4; }
#top-cont .column-recommend li.num-2{ background:#e0c9cc; }
#top-cont .column-recommend li.num-3{ background:#e8d9b6; }
#top-cont .column-recommend li.num-4{ background:#d0dab3; }
#top-cont .column-recommend li.num-5{ background:#ecc9b3; }

#top-cont .column-recommend li.num-1 a{ background-image:url(../../../../../resource/image/top/bg-recommend1.gif); }
#top-cont .column-recommend li.num-2 a{ background-image:url(../../../../../resource/image/top/bg-recommend2.gif); }
#top-cont .column-recommend li.num-3 a{ background-image:url(../../../../../resource/image/top/bg-recommend3.gif); }
#top-cont .column-recommend li.num-4 a{ background-image:url(../../../../../resource/image/top/bg-recommend4.gif); }
#top-cont .column-recommend li.num-5 a{ background-image:url(../../../../../resource/image/top/bg-recommend5.gif); }

/******************************************************************************
#header
******************************************************************************/

#header{
	width:980px;
	margin:0 auto;
	padding:20px 0;
	position: relative;
	line-height:1.5;
	height:100%;
	text-align:left;
}

#header .lang-list{
	position: absolute;
	top:0;
	right:0;
}

#header .lang-list li{
	float:left;
	margin:0 0 0 1px;
}

#header .social-list{
	position: absolute;
	right:365px;
	bottom:20px;
}

#header .social-list li{
	float:left;
	margin:0 0 0 15px;
}

#header .social-list li.first{
	margin:0;
}

.msie6 #header .social-list li.last,
.msie7 #header .social-list li.last{
	display:none;
}

#header .site-search{
	position: absolute;
	right:0;
	bottom:20px;
	width:345px;
}

#header .site-search form{
	position: relative;
	height:100%;
}

#header .site-search .text{
	background:#fff;
	border-radius:6px;
	height:31px;
	width:218px;
	border:1px solid #e5dfc9;
	position:relative;
}

.msie6 #header .site-search .text,
.msie7 #header .site-search .text,
.msie8 #header .site-search .text{
	behavior: url(/javascript/another/PIE.htc);
}

#header .site-search .text input{
	padding:7px;
	width:200px;
	border:0;
	outline:0;
	background:none;
	color:#969696;
}

#header .site-search .bt-search{
	position: absolute;
	right:0;
	top:0;
}

/*******************************************************************************
  追加 PC 
*******************************************************************************/

#header{
	width:980px;
	margin:0 auto 20px;
	padding:20px 0 0;  /*追加*/
	position: relative;
	line-height:1.5;
	height:100%;
	text-align:left;
}

#header .social-list{
	position: absolute;
	right:365px;
	bottom:20px;
	top:86px;  /*追加*/
}
#header .site-search{
	position: absolute;
	right:0;
	bottom:20px;
	width:345px;
	top:80px;  /*追加*/
}
#header .site-search .text{
	background:#fff;
	border-radius:6px;
	height:31px;
	width:218px;
	border:1px solid #e5dfc9;
	position:relative;
	top:0;  /*追加*/
}

.title-01 h2.traffic{  /*今日の京都観光　画像*/
	position: absolute;
	background:url(../../../../../resource/image/another/side/top/ttl-traffic.gif) no-repeat;
	width:251px;
	height:56px;
	text-indent:-9999px;
	left:-11px !important;
}

.title-01 h2.today{  /*今日の京都観光　画像*/
	position: absolute;
	background:url(../../../../../resource/image/top/ttl-today.gif) no-repeat;
	width:721px;
	height:56px;
	text-indent:-9999px;
	left:-11px !important;
}

/* #main-img トップバナーの幅変更
-----------------------------------------------------------------------------*/
.wrap-in{
	padding:20px 0 0 0;
}

#main-img{
	margin:-20px 0 0 0;
}



/*アクセスランキング  demoの時*/
.box-ranking {
	margin:20px 0;
}


/*トップ以外の追加部分*/
.searchSp{
	display:none;
}

	
}


@media screen and (max-width:979px){

/*検索窓*/

.searchSp .text{
	background:#fff;
	border-radius:6px;
	height:31px;
	width:70%;
	border:1px solid #e5dfc9;
	float:left;
	margin-right:3px;
	color:#000;
}

.searchSp{
	width:100%;
	padding:10px 0 0 5px;
	display:block;
}

.site-search form{
	height:100%;
}

.site-search .text{
	background:#fff;
	border-radius:6px;
	height:31px;
	width:70%;
	border:1px solid #e5dfc9;
	float:left;
	margin-right:3px;
}

.msie6 .site-search .text,
.msie7 .site-search .text,
.msie8 .site-search .text{
	behavior: url(../../javascript/another/PIE.htc);
}

.site-search .text input{
	padding:7px;
	width:160px;
	border:0;
	outline:0;
	background:none;
	color:#969696;
}

.site-search .bt-searchSp{
	float:left;
	widows:28%;
	max-width:52px;
}

}


@media screen and (max-width:640px){
	
#contents-area{
	padding:25px 0 20px;
}


#top-cont .column-today .tab-list li a{ 　　/*タブをボタン化*/
	background:#fbdccd;
	display:block;
	width:100px;
	border-top:1px solid #e8b49c;
	border-right:1px solid #e8b49c;
	border-left:1px solid #e8b49c;
	border-bottom:1px solid #e8b49c;
	font-weight:bold;
	text-decoration:none;
	margin:0 2px 0 0;
	border-radius:6px 6px;
	padding-top:7px;
	padding-bottom:7px;
}
#top-cont .column-today .tab-list{
	float:right;
	padding-top:15px;
}

/*今日の京都観光タブ内*/
#top-cont .column-today .tab-content{
	background:#fff;
	border:1px solid #ddd6be;
	padding:20px 10px 20px 20px;
}

/*今日の京都観光タブ内画像*/
.tab-content .entry {
	width:100%;
	height:auto;
	max-width:140px;
	float:left;
	margin-right:10px;
	padding-bottom:25px;
	cursor:auto !important;
}

.tab-content .entry p.ph a{
	width:100%;
	height:auto;

}
.tab-content .entry p.ph a img{
	max-width:125px;
	max-height:90px;

}

#top-cont .column-today .title-01 .bt-print{ /*印刷ボタンを消す*/
	display:none;
}

/*ランキングのテーブル*/

.box-ranking {
    padding:10px;
	margin:20px 0 0;
}

/*ランキングの中にcfを作る*/

.box-ranking::before, .box-ranking::after {
    content: "";
    display: table;
}
.box-ranking::after {
    clear: both;
}

.box-ranking h3{
	background: url(../../../../../resource/image/another/contents/dot-3.gif) left bottom repeat-x #fff;
	padding:0;
	margin:0 0 1px 0;
	zoom:1;
}

.box-ranking table td, .box-ranking table th {
    padding:0;
}
.box-ranking table th {
    width: 100%;
}
.box-ranking table td {
	padding:5px 20px 5px 0;
    width: 100%;
}
.box-ranking table td.last {
	padding:5px 0;
}

/*ランキングの上にmargin作る*/
#main-img{
	margin:0 0 15px 0;
}


}


@media screen and (max-width:480px){
	
/*今日の京都観光タブ内*/

#top-cont .column-today .entry-wrap{
	height:300px;
}
#top-cont .column-today .tab-content{
	background:#fff;
	border:1px solid #ddd6be;
	padding:20px 10px 20px 10px;
}
/*今日の京都観光タブ内画像*/
.tab-content .entry {
	width:100%;
	height:auto;
	max-width:115px;
	float:left;
	margin-right:10px;
	padding-bottom:25px;
	cursor:auto !important;
}

.tab-content .entry p.ph a{
	width:100%;
	height:auto;

}
.tab-content .entry p.ph a img{
	max-width:110px;
	max-height:80px;

}

}