@charset "UTF-8";


@import "common.css";


/*--------------------------------------------------
           【共通】
---------------------------------------------------*/

/* 説明・最終更新日
===================================================*/
p.intro{
	margin-top:-10px;
	margin-bottom:20px;
	padding:0 14px;
	font-size: 115%;
}
p.intro span.update{
	display:block;
	margin-top:10px;
	color:#01a29e;
	text-align:right;
	font-size: 85%;
}

/* RECOMMEND
===================================================*/
.shop{
	background-color:#f9f4eb;
	font-size:85%;
}
.shop span{
	display:block;
	font-weight:bold;
	color:#01a29e;
}


/* 【共通】おすすめ店舗
===================================================*/
#main .rec_list {
	margin-left: 0px;
	/*overflow: hidden;ボックスの高さを揃える*/
}


#main .rec_list dl {
	width: 165px;
	float: left;
	
	
	
	/*padding-bottom: 9999px;ボックスの高さを揃える*/
	/*margin-bottom: -9999px;ボックスの高さを揃える*/
	margin-right: 12px;
	background-color: #f9f4eb;
}



* html #main .rec_list dl {/*IE6*/
	/*
	width: 165px;
	float: left;
	margin-right: 10px;
	*/
	background-color: #f9f4eb;
}

/*
#main .rec_list dt,
#main .rec_list dd {
	margin-left: 22px;
	margin-right: 22px;
}
#main .rec_list dt {
	margin-top: 10px;
}

黄色ボーダー用
#main .rec_list .rec {
	border-top: 5px #dea00d solid;
}
*/

#main .rec_list dd {
	font-size: 90%;
	line-height: 1.4;
}




/*--------------------------------------------------
           【トップ】
---------------------------------------------------*/

/* コンテンツ
===================================================*/
.kyotoinfo_menu{
	clear:both;
}

.information{
	margin:10px 0 30px 10px;
}
.information h2{
	margin-bottom:10px;
}
.information .info_img{
	float:left;
	width:150px;
}
.information p{
	margin-left:165px;
	font-weight:bold;
	color:#01a29e;
	font-size: 115%;
}
.information ul{
	margin-top:5px;
	margin-left:165px;
}
.information li{
	margin-bottom:3px;
	padding-left:62px;
}
.information li.culture{background:url(../images/kyotoinfo/icon_culture.gif) no-repeat center left;}
.information li.infoshop{background:url(../images/kyotoinfo/icon_shop.gif) no-repeat center left;}
.information li.art{background:url(../images/kyotoinfo/icon_art.gif) no-repeat center left;}
.information li.event{background:url(../images/kyotoinfo/icon_event.gif) no-repeat center left;}
.information li.topic{background:url(../images/kyotoinfo/icon_topic.gif) no-repeat center left;}


.element{
	width:360px;
	margin:0;
	padding:0;
}
.left{	float:left;}
.right{
	float:right;
	padding-bottom:30px;
}

.element_img{
	float:left;
	width:100px;
	margin:10px 10px 0 10px;
}
.element p{
	margin-top:10px;
	padding:0 10px;
}
.element span{
	display:block;
	margin-bottom:5px;
	font-weight:bold;
	color:#01a29e;
	font-size: 115%;
}
.element a{
	/*font-size:85%;*/
}
.more{
	margin-top:10px;
	padding-right:10px;
	text-align:right;
}



/*--------------------------------------------------
           【インフォメーション】
---------------------------------------------------*/

/* インフォ詳細
===================================================*/
.info_content .info_ph{
	float:left;
	width:291px;
	margin:0 10px;
}
.info_content p{
	margin-left:320px;
	padding-top:5px;
}
.info_content p span{
	display:block;
	margin-bottom:15px;
	font-weight:bold;
	color:#01a29e;
	font-size: 115%;
}


h2.hline_infodata{
	clear:both;
	height:25px;
	padding-top:45px;
	margin-bottom:15px;
}
#main .shop_details .name{
	margin-bottom:8px;
	padding-bottom:0;
}
#main .shop_details .name h3{
	float:none;
	margin-top:6px;
	font-size:115%;
	line-height:1.2;
	color:#eb6100;
}
#main .shop_details .name p{
	text-align:left;
}

#main .shop_details .base_data table{
	width:420px;
}
#main .shop_details .base_data th{
	width:63px;
	padding:7px 0 0 5px;
	background-color:#dcd3bf;
}
#main .shop_details .base_data td{
	padding:7px 7px 5px 7px;
	background-color:#f9f4eb;
	font-size:95%;
	line-height:1.4;
}
#main .shop_details .google_map{
	margin-left:440px;
}



.info_other{
	clear:both;
	padding-top:10px;
}
.info_other h2{
	height:25px;
	margin-bottom:15px;
}
.info_other .information ul{
	margin-top:5px;
	margin-left:10px;
}





/*--------------------------------------------------
           【デパート】
---------------------------------------------------*/

/* デパート目次
===================================================*/
.departguide dt{
	float:left;
	margin:0;
	padding:0;
}
.departguide dd{
	height:25px;
	margin-left:189px;
	padding:0;
	background:url(../images/kyotoinfo/hline_storeguide_bg.gif) no-repeat left top;
	font-size:85%;
}
.departguide li{
	float:left;
	margin:3px 0 0 25px;
	padding-left:15px;
	background:url(../images/kyotoinfo/icon_navy.gif) no-repeat left center;
}

/* 各デパート情報
===================================================*/
.department_data{
	clear:left;
	margin:0;
	padding-top:20px;
}
.department_data .name h2{
	padding-top:8px;
	padding-left:75px;
	border:none;
	border-bottom:solid 5px #c6010a;
	background:url(../images/kyotoinfo/icon_department.gif) no-repeat left bottom;
	color:#333333;
	font-size:125%;
	font-weight:bold;
}
.department_data .name h2 span{
	font-size:70%;
	font-weight:normal;
}
.department_data .name p{
	padding:5px 10px;
	background-color:#f9f4eb;
	color:#c6010a;
	font-size:90%;
}
.department_data .name p span{
	font-weight:bold;
}


/* スケジュール */
table.schedule{
	margin:10px 0 0 15px;
}
table.higher{
	margin-top:15px;
}
.schedule .place{
	width:150px;
	text-align:center;
	color:#c6010a;
}
.schedule .days{
	width:150px;
	padding:5px 0;
	border-top:solid 10px #FFFFFF;
	border-left:solid 10px #FFFFFF;
	text-align:center;
}
.schedule .event{
	width:370px;
	padding:5px 0;
	padding-left:15px;
	border-top:solid 10px #FFFFFF;
	border-bottom:dotted 1px #fec7c7;
}
.schedule .first{	border-top:none;}

.higher .place{	background-color:#feb9b8;}
.higher .days{	background-color:#fee3e3;}
.higher .event{	border-bottom:dotted 1px #fec7c7;}

.high .place{	background-color:#dfc59b;}
.high .days{	background-color:#eee1cd;}
.high .event{	border-bottom:dotted 1px #e6d1b0;}

.low .place{	background-color:#cae885;}
.low .days{	background-color:#e5f4c2;}
.low .event{	border-bottom:dotted 1px #d6ee9d;}


/* 近くのお店 */
.dpt_recommend{
	margin:20px 0 0 15px;
}

.dpt_recommend h3{
	height:20px;
}

* html #main .dpt_recommend .rec_list dl {/*IE6*/
	width: 165px;
	float: left;
	margin-right: 10px;
	background-color: #f9f4eb;
}

#main .dpt_recommend .rec_list dt,
#main .dpt_recommend .rec_list dd {
	margin-left: 22px;
	margin-right: 22px;
}
#main .dpt_recommend .rec_list dt {
	margin-top: 10px;
}
#main .dpt_recommend .rec_list dd {
	margin-bottom: 10px;
}






/*--------------------------------------------------
           【MK】
---------------------------------------------------*/

/* 今月のMK
===================================================*/
.mk_guide{
}
.mk_guide .title h2{
	height:35px;
	padding-left:90px;
	background:url(../images/kyotoinfo/hline_mk.gif) no-repeat left top;
	font-size:120%;
	font-weight:bold;
	line-height:2.5;
	color:#FFFFFF;
}
.mk_guide .photo{
	width:300px;
	margin:20px 0 0 15px;
}
.guide_text{
	float:right;
	width:400px;
	margin:20px 10px 0 0;
	padding:5px 0;
}
.guide_text h3{
	font-size:110%;
	font-weight:bold;
	color:#01a29e;
}
.guide_text p{
	margin-top:5px;
	font-size:95%;
}
.guide_text span{
	display:block;
	margin:8px 0;
	font-size:105%;
	font-weight:bold;
	color:#000000;
}

/* 地図・Recommend
===================================================*/
.map_around{
	clear:right;
	padding:15px 10px 0 15px;
}
#map{
	border:solid 1px #cccccc;
}

.mk_recommend{
	float:right;
	width:505px;
}
.mk_recommend .rec_list{
	padding-left:10px;
}

#main .mk_recommend .rec_list dl {
	width: 230px;
	/*padding-bottom: 9999px;ボックスの高さを揃える*/
	/*margin-bottom: -9999px;ボックスの高さを揃える*/
	margin-right: 12px;
	border-left:solid 5px #eba400;
}
* html #main .mk_recommend .rec_list dl {/*IE6*/
	width: 230px;
	float:left;
	margin-right: 10px;
	border-left:solid 5px #eba400;
	background-color: #f9f4eb;
}

#main .mk_recommend .rec_list dt,
#main .mk_recommend .rec_list dd {
	margin-left: 12px;
	margin-right: 0px;
	padding:5px 0;
}
#main .mk_recommend .rec_list dt{
	float:left;
	margin-right: 12px;
}

#main .mk_recommend .rec_list dd h3{
	padding-bottom:5px;
}



/* MK・京都ナビ
===================================================*/
.mk_about{
	clear:both;
	width:675px;
	margin:30px 0 0 15px;
	padding:15px 20px;
	border-top:solid 10px #dea00d;
	background-color:#fbf5e9;
}
.mk_about img{
	float:left;
}
p.entrust{
	margin-left:70px;
	padding-bottom:3px;
	font-weight:bold;
	color:#000000;
	border-bottom:solid 3px #dea00d;
}
.mk_about .kyotonavi{
	clear:left;
	margin-top:15px;
}
.mk_about .kyotonavi img{
	margin-right:15px;
}
.mk_about .kyotonavi p{
	padding:5px 0;
	font-size:90%;
	color:#c6010a;
}
.mk_about p.coop{
	clear:left;
	margin-top:10px;
	font-size:85%;
	font-weight:bold;
	color:#868686;
	text-align:right;
}


/* バックナンバー
===================================================*/
.backnumber{
	margin:50px 0;
}
.backnumber_list{
	padding:0 20px;
}
.bn_last{
	height:80px;
	padding:10px 5px;
	border-bottom:dotted 1px #CCCCCC;
}
.bn_last img{
	float:left;
}
.bn_last p{
	padding-top:10px;
	margin-left:135px;
}
.bn_last p a{
	display:block;
	margin-bottom:3px;
	font-size:110%;
	font-weight:bold;
}
p.bn_last_before{
	margin-top:8px;
	padding:0 5px;
	font-size:90%;
}



/*--------------------------------------------------
           【歳時記】
---------------------------------------------------*/

/* イベントスケジュール
===================================================*/
.schedule{
}
.schedule h2{
	height:25px;
	padding:3px 15px 0 0;
	background:url(../images/kyotoinfo/hline_sjk_schedule.gif) no-repeat left top;
	color:#FFFFFF;
	text-align:right;
}
.schedule dl{
	padding:5px 10px 15px 10px;
	background-color:#fef9f0;
	font-size:95%;
}
.schedule dt{
	clear:left;
	float:left;
	width:200px;
	margin-top:5px;
	padding:5px 0 4px 0;
	background-color:#ebe2d3;
	text-align:center;
}
.schedule dt.sdl_sunday{
	background-color:#fbd7c4;
	color:#c70009;
}
.schedule dd{
	margin:5px 0 0 200px;
	padding:5px 10px 4px 25px;
	border-bottom:dotted 1px #CCCCCC;
}


/* イベント詳細
===================================================*/
.event_detail{
	margin-top:10px;
	padding:0 10px;
}

.event_data{
	width:100%;
	clear:both;
	padding:30px 0;
	border-bottom:dotted 1px #CCCCCC;
	position:relative;
}
.event_data p.days a{
	float:left;
	width:85px;
	height:65px;
	padding:35px 5px 10px 10px;
	background:url(../images/kyotoinfo/icon_weekday.gif) no-repeat left top;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	text-align:center;
}
.event_data p.sunday a{
	background:url(../images/kyotoinfo/icon_sunday.gif) no-repeat left top;
	color:#c70009;
}
.event_data h3{
	margin-left:110px;
	border-bottom:solid 5px #c08a42;
	font-size:115%;
	font-weight:bold;
	color:#00a39f;
}
.event_data p.date_text{
	margin:10px 0 0 110px;
}


/* Recommend
===================================================*/
.sjk_recommend{
	clear:left;
	padding-top:10px;
}
.sjk_recommend h4{
	height:20px;
}

.sjk_recommend .rec_list{
	padding-top:0;
}

#main .sjk_recommend .rec_list dl {
	width: 228px;
	/*padding-bottom: 9999px;ボックスの高さを揃える*/
	/*margin-bottom: -9999px;ボックスの高さを揃える*/
	margin-right: 12px;
}
* html #main .sjk_recommend .rec_list dl {/*IE6*/
	width: 228px;
	float:left;
	margin-right: 8px;
	background-color: #f9f4eb;
}

#main .sjk_recommend .rec_list dt,
#main .sjk_recommend .rec_list dd {
	margin-left: 12px;
	margin-right: 0px;
	padding:5px 0;
}
#main .sjk_recommend .rec_list dt{
	float:left;
	margin-right: 12px;
}

#main .sjk_recommend .rec_list dd{
	padding-bottom:5px;
}


/*--------------------------------------------------
           【HOT JIN】
---------------------------------------------------*/

/* HOT JINとは？
===================================================*/
.about_hotjin{
	width:715px;
	padding-left:15px;
}
.description{
	margin-top:30px;
}
.description p{
	margin-top:10px;
	padding:0 10px;
}
.hotjin_diagram img{
	float:right;
	margin:15px 10px 0 20px;
}
.description p.follow{
	margin-top:25px;
}

p.assent{
	width:670px;
	margin:10px 0 0 10px;
	padding:10px 15px;
	background-color:#fff6ef;
}
.assent span{
	display:block;
	padding-bottom:8px;
	font-weight:bold;
}


/* 参加フォーム
===================================================*/
.join_form{
	margin-top:80px;
}
.join_form h3{
	height:25px;
	padding-left:10px;
	background:url(../images/kyotoinfo/hline_hotjinbg_red.gif) no-repeat left top;
	font-size:110%;
	color:#FFFFFF;
	line-height:1.9;
}
.join_form p{
	margin-top:15px;
	padding:0 10px;
}
.join_form table{
	margin:15px 10px 0 10px;
	line-height:1.8;
}
.join_form td.clause{
	width:170px;
	padding:8px 15px;
	border-top:solid 3px #FFFFFF;
	background-color:#eee1cd;
}
.join_form td.reply{
	width:480px;
	padding:8px 0;
	padding-left:30px;
	border-top:solid 3px #FFFFFF;
	border-bottom:dotted 1px #e6d1b0;
}
.join_form span{
	color:#c70009;
}

/* 個人情報の取り扱い
===================================================*/
.join_form td.privacy_title{
	border-top:solid 3px #FFFFFF;
	background-color:#e6d1b0;
	font-weight:bold;
	line-height:2.5;
	text-align:center;
}
.join_form td.privacy{
	padding:0 15px 20px 15px;
	background-color:#fbf9f5;
	font-size:90%;
}
.privacy dt{
	margin-top:20px;
	font-weight:bold;
}
.privacy dt span{
	color:#b18948;
}
.privacy dd{
	margin:5px 0 0 30px;
}
.privacy ul{
	margin-left:30px;
}
.privacy li{
	list-style-type:decimal;
	margin-top:5px;
	font-weight:bold;
}
.privacy li span{
	font-weight:normal;
	color:#333333;
}

.agree{
	margin-top:25px;
}
.agree p{
	margin:0;
	padding:0;
	font-size:95%;
}
p.agree_text{
	margin-top:5px;
	padding:10px 15px;
	background-color:#f8f3eb;
}
p.agree_text span{
	font-size:120%;
	font-weight:bold;
	color:#333333;
}

.join_form td.submit{
	padding:15px 0;
	text-align:center;
}





/*--------------------------------------------------
           Page top
---------------------------------------------------*/
.page_top{
	clear:both;
	padding-top:20px;
}



/*--------------------------------------------------
           Search
---------------------------------------------------*/

/* 【共通】ローカルナビ
===================================================*/
/* 項目が全て埋まらない時用の背景指定 */
#lnavi dd {
	/*width: 661px;*/
	height: 40px;
	background: url(../images/kyotoinfo/lnavi_bg.gif) no-repeat left top;
}




/*--------------------------------------------------
           Clearfix
---------------------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*--------------------------------------------------
           店舗ランダム表示
---------------------------------------------------*/

 #main .subh {
	color: #01a29e;
	font-weight: bold;
	font-size: 115%;
}
 #main .subh a {
 	color: #01a29e;
	text-decoration: none;
}
#main .subh a:hover {
	color: #a97944;
	text-decoration: underline;
}


/*--------------------------------------------------
           ゴバにゃんこ＆わんこ
---------------------------------------------------*/

.s_description{
padding-top:10px;
}



.s{
  width:340px;
  height:130px;
  float:left;
  background-color:#f5f0dd;
  padding:5px;
  margin-left:5px;
}

span.s_name{
  color:#d9a547;
  font-weight:bold;
}