@charset "Shift_JIS";



/* 一段目 */

div#first {
	background:url(/img/top/first-back.gif) #fff left top repeat-y;
	margin:-1px auto 0 auto;
	_margin: -3px auto -5px auto;
	padding:2px 0 0 0;
	height:505px;
	}
div#first081223 {
	background:url(/img/top/first-back.gif) #fff left top repeat-y;
	margin:-1px auto 0 auto;
	_margin:-3px auto -5px auto;
	padding:2px 0 0 0;
	height:365px;
	text-align: left;
	}

/* 一段目-左 */
div#leftnavi {
	background:url(/img/top/leftnavi/navibase_back.gif) bottom no-repeat;
	height: 1416px;
	font-size: 0;
}

div#leftnavi ul li {
	line-height: 0;
	font-size: 0;
}

div#first div#left-box {
	float:left;
	margin:4px 0 0 8px;
	_margin:4px 0 0 6px;
	width:540px;
	background:#fff;
	}
div#first081223 div#left-box {
	float:left;
	margin:4px 0 0 15px;
	_margin:4px 0 0 6px;
	width:425px;
	background:#fff;
	}

div#first-left-box-top{
	/*background:url(/img/top/first-left-top.gif) #fff left bottom no-repeat;
	width:540px;*/
	height:4px;}

/*div#first-left-box-middle{
	background:url(/img/top/first-left-middle.gif) #fff left top repeat-x;
	width:540px;
	}*/

/*div#first-left-box-bottom{
	background:url(/img/top/first-left-bottom.gif) #fff left top repeat-x;
	width:540px;
	height:15px;}*/


/* 一段目-中央 */
div#first div#center-box {
	float:left;
	margin:3px 0 0 7px;
	width:195px;
	background:#fff;
	}


img#center-box-ban01 {
	margin:0 0 11px 0;}

img#center-box-ban02 {
	margin:0 0 11px 0;}



/* 一段目-右：NewFeature */
div#nf-title {
	clear: both;
}
div#nf-title img {
	margin-top: 12px;
}

#nf a {
	color: #328EBD;
	text-decoration: underline;
}

#nf a:hover {
	color: #85BCD8;
}

#nf div.one-pickup {height: 80px;width: 155px;float: left;margin: 9px 2px 2px 2px;}
#nf div.one-pickup a img {
	margin-top: 18px;
	float: left;
}
#nf div.one-pickup-text {
	margin-top: 32px;
	margin-left: 65px;
	width: 85px;
}
/*#nf div img {height: 87px;width: 155px;margin: 0px;}*/

#nf div#nfaf {height: 172px;width: 120px;float: left;}
#nf div#nfaf img {height: 168px;width: 116px;}




/* 一段目-右 */
/* not IE */

html[xmlns] div#first div#right-box {
	float:left;}

/* */

/* What's NEW */
div#whatsnew ul {
	list-style-type:none;
	margin:0 10px 0 10px;
}

div#whatsnew ul li {
	padding:7px 5px;
		width: 330px;
		float: right;
	border-bottom:1px dotted #b3b3b3;
	_border:0;
	_background:url(/img/top/boder-dotted.gif) left bottom repeat-x;}

div#whatsnew ul li a{
	background:url(/img/top/news-arrow.gif) 0 1px no-repeat;
	padding-left:15px;
	color:#328EBD;
	text-decoration:underline;}

div#whatsnew ul li a:hover{
	color:#85BCD8;
	text-decoration:underline;}

div#whatsnew-pickup {
	margin: 5px 0 0 5px;
	padding: 2px;
	width: 111px;
	height: 122px;
	float: left;
	border: solid 1px #CCCCCD;
	background-color: #f8fafd;
}

div#whatsnew-pickup #pickup-text {
	clear: both;
	text-aligh: left;
	padding: 5px;
}

div#whatsnew-pickup img {
	float: left;
	margin: 5px 0 0 6px;
	padding: 0;
	border: solid 1px #CCCCCD;
}
/* What's NEW ココマデ */

div#first div#right-box {
	margin:3px 0 0 10px;
	width:162px;
	background:#fff;
	}
div#first081223 div#right-box {
	float:left;
	margin:4px 0 0 0;
	width:482px;
	background:#fff;
	}
div#first081223 div#right-box #kjL{
	background:url(/img/top/keiji_back_left.gif) right top no-repeat;
	text-align: right;
	height: 153px;
	width: 174px;
}
div#first081223 div#right-box #kjL img{
	margin: 42px 3px 14px 0;
}
div#first081223 div#right-box #kjR{
	background:url(/img/top/keiji_back_right.gif) right top no-repeat;
	text-align: left;
	height: 153px;
	width: 308px;
}
div#first081223 div#right-box #kjR div{
	background-image: url(/img/top/kj-arrow.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding:8px 0 3px 13px;
	margin:0 15px 0 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #b3b3b3;
	font-size: 12px;
	line-height: 14px;
}
div#first081223 div#right-box #kjR div#kj001{
	background-image: url(/img/top/kj-arrow.gif);
	background-repeat: no-repeat;
	background-position: left 13px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #b3b3b3;
	margin-top: 30px;
}
#kjR div a:link {color: #7ea54b;text-decoration: underline;}
#kjR div a:active {color: #b2c994;text-decoration: underline;}
#kjR div a:visited {color: #7ea54b;text-decoration: underline;}
#kjR div a:hover {color: #b2c994;text-decoration: underline;}

#kjR div#kj001 a:link {text-decoration: none;}
#kjR div#kj001 a:active {text-decoration: none;}
#kjR div#kj001 a:visited {text-decoration: none;}
#kjR div#kj001 a:hover {text-decoration: none;}


/* Mac IE only \*/*/
div#first div#right-box {
	float:right;
	margin:3px 10px 0 0;
	width:172px;
	background:#fff;}
/*  */

/* 特集エリア */

table#gourmet {
	margin:0 0 10px 0;}

/* Mac IE only \*/*/
table#gourmet {
	margin:0 0 15px 5px;
	width:166px;}
/*  */

table#gourmet th{
	padding:0 0 6px 0;}

/* Mac IE only \*/*/
table#gourmet th{
	padding:0;}
/*  */

table#gourmet td{
	padding:3px;
	text-align:left;}

/* Mac IE only \*/*/
table#gourmet td{
	padding:3px 0;
	text-align:left;}
/*  */

table#gourmet td a{
	text-decoration:underline;
	color:#E22F2F;}

table#gourmet td a:hover{
	text-decoration:underline;
	color:#EE8383;}

table#beauty {
	margin:5px 0 10px 0;}

/* Mac IE only \*/*/
table#beauty {
	margin:15px 0 10px  5px;}
/*  */


table#beauty th{
	padding:0 0 6px 0;}

/* Mac IE only */
##table#beauty th{
	padding:0;}
/*  */


table#beauty td{
	padding:3px;
	text-align:left;}

/* Mac IE only \*/*/
table#beauty td{
	padding:3px 0;
	text-align:left;}
/*  */



table#beauty td a{
	text-decoration:underline;
	color:#328EBD;}

table#beauty td a:hover{
	text-decoration:underline;
	color:#85BCD8;}




table#school {
	margin:5px 0 0 0;}

/* Mac IE only \*/*/
table#school {
	margin:15px 0 0 5px;}
/*  */

table#school th{
	padding:0 0 6px 0;}

/* Mac IE only \*/*/
table#school th{
	padding:0;}
/*  */

table#school td{
	padding:3px;
	text-align:left;}

/* Mac IE only \*/*/
table#school td{
	padding:3px 0;
	text-align:left;}
/*  */


table#school td a{
	text-decoration:underline;
	color:#7EA54B;}

table#school td a:hover{
	text-decoration:underline;
	color:#B2C994;}



/* first-bottom */

div.first-bottom {
	clear:both;
	margin:0;
	_margin:-2px 0 0 0;
	padding:0;
	display: block;
	background:url(/img/top/first-bottom.gif) left top no-repeat;
	height:10px;}

div#pr-a {font-size: 12px;line-height: 12px;width: 900px;text-align: left;margin: 12px auto 12px auto; font-weight: bold;}
div#pr-a a:link {color: #CC3333;}
div#pr-a a:visited {color: #CC3333;}
div#pr-a a:hover {color: #FF0000;}
div#pr-a a:active {color: #FF9999;}



/* 二段目 */

div#second {
	background:url() #fff left top repeat-y;
	text-align:center;
	padding:0 3px;
	clear:both;
	}

div#second {
	margin:0 0 20px 0;
	clear:both;}


/* 二段目-左 */
div#second div#left-box {
	float:left;
	width:186px;
	}

div#banner-space {
	margin:0 7px 13px 6px;
	padding:0;}

/*
div#banner-pr {
	margin:0 0 0 6px;
	padding:0;
	font-size: 10px;
	line-height: 14px;
	text-align: left;
}
*/

div#banner-tx {
	margin:0;
	padding:0 0 0 30px;
	font-size: 10px;
	line-height: 14px;
	text-align: left;
	background-image: url(../img/top/icons.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
}

span.pr {
	color: #CC0000;
	padding-right: 3px;
	font-weight: bold;
}


/* event */
div#event, #presentarea {
	width:247px;
	margin-top: 10px;
	padding:0 0 10px 0;
	background:url(/img/top/right-back.gif) #fff left bottom repeat-y;
	text-align:left;
}

div#event table {
	margin:0 5px;
	_margin:0 10px;}


div#event table th{
	padding:5px;
	text-align:left;
	vertical-align:top;}

div#event table td{
	padding:5px;
	text-align:left;
	vertical-align:top;
	color:#6767676;}

div#event table td a{
	text-decoration:underline;
	display:block;
	color:#CF6368;
	padding:3px 3px 0 14px;
	font-size:12px;
	margin-bottom:4px;
	background:url(/img/top/pickup_disk.gif) 0 4px no-repeat;}

div#event table td a:hover{
	text-decoration:underline;
	color:#E2A2A5;}




div#presentarea ul{
	list-style-type:none;
	margin:5px 15px;}

div#presentarea ul li{
	padding:3px 0 3px 0;
	border-bottom:1px dotted #b3b3b3;
	_border:0;
	_background:url(/img/top/boder-dotted.gif) left bottom repeat-x;}


div#presentarea ul li#noline{
	border:0;
	padding-bottom:0;}


div#presentarea ul li a{
	color:#E22F2F;
	text-decoration:underline;
	display:block;
	padding:0 0 0 14px;
	background:url(/img/top/bbs-arrow.gif) 0 4px no-repeat;}


div#presentarea ul li a:hover{
	color:#EE8383;}

div#presentarea-btn {
	text-align:center;
	margin:5px 0 5px 0;}

div.presentarea-txt {
	margin:5px 15px 0 15px;
	padding-bottom:5px;
	text-align:left;
	font-size:12px;
	line-height:140%;}


div.presentarea-txt a{
	color:#E22F2F;
	text-decoration:underline;}
div.presentarea-txt a:visited{
	color:#E22F2F;
	text-decoration:underline;}

div.presentarea-txt a:hover{
	color:#EE8383;}


/* Books */

div#leaf-book {
	width:247px;
	background:url(/img/top/right-back.gif) #fff left bottom repeat-y;
	text-align:center;
	margin:15px 0 0 0;
	padding:0 0 15px 0;
	clear:both;
	}

div#book-info {
	margin-left: 2px;
}

div#book-info a {
	color: #E22F2F;
	text-decoration: underline;
}

div#book-info a:hover {
	color: #EE8383;
}

div#leaf-book div.book-info-one {
	float: left;
	text-align: center;
	width: 119px;
	margin: 5px 0 0 0;
}


div#leaf-book ul{
	width:201x;
	padding:2px 0 5px 0;
	margin:0 5px;
	list-style-type:none;}

div#leaf-book li{
	padding:0 15px 0 5px;
	width:95px;
	text-align:center;
	float:left;}


div#leaf-book li img{
	margin-bottom:2px;}

div#leaf-book div#bookmodel{
	margin-top: 10px;
	margin-bottom: 5px;
}


/* インフォメーション */

div#kyoto-info {
	width:247px;
	background:url(/img/top/kyoto-info-back.gif) #fff left bottom repeat-y;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	clear:both;
	}

div#kyoto-info img {
	margin:0;
	padding:0;
	}

div#kyoto-info table td {
	vertical-align:top;
	}

div#kyoto-info table#weather {
	margin:5px 0 10px 14px;
	_margin:0 0 0 10px;
	}

div#kyoto-info table#weather td ul{
	margin:10px 0;
	list-style-type:none;
	}

div#kyoto-info table#weather td ul li{
	float:left;
	width:40px;
	padding:0 2px;
	text-align:center;}

div#kyoto-info table#weather th{
	font-size:10px;
	font-weight:normal;
	line-height:160%;
	color:#E22F2F;
	text-align:left;
	padding:10px 0 0 10px;
	}

div#kyoto-info table#weather th a{
	text-decoration:underline;
	color:#E22F2F;
	}

div#kyoto-info table#weather th a:hover{
	text-decoration:underline;
	color:#EE8383;
	}

img#weather-img {
	margin:11px 0 0 0;}




.harf-line {
	margin:0 10px 10px 10px;
	height:1px;}

div#kyoto-info table#astrology-tit {
  text-align:left;
	margin:5px 0 0 10px;
	_margin:0 0 0 -10px;
	}

td#astrology-img{
	padding:0 0 0 10px;
	}


div#kyoto-info table#astrology {
	margin:5px 0 10px 10px;
	_margin:5px 0 0 10px;
	}

div#kyoto-info table#astrology td ul{
	margin:0 0 0 2px;
	list-style-type:none;
	text-align:left;
	}

div#kyoto-info table#astrology td ul li{
	color:#db2f2b;
	}

div#kyoto-info table#astrology td#kekka {
  padding:0 0 0 8px;
  text-align:left;
	color:#676767;
	width:120px;}


div#constellation {
	margin:2px 5px;
	_margin:5px 10px;
	padding:3px 2px;
	white-space:nowrap;
	background:#f3f3f3;
	color:#E22F2F;}

div#constellation a{
	color:#E22F2F;
	text-decoration:underline;}

div#constellation a:hover{
	color:#EE8383;
	text-decoration:underline;}






/* 二段目-中央 */
div#second div#center-box {
	float:left;
	width:485px;
/*	width:356px; */
	margin:0 0 0 5px;
	}

div#news-area, #specialfeature, #areanavi {
	margin:0 0 10px 0 ;
	padding:0 0 15px 0;
	background:url(/img/top/news-area-back.gif) #fff left bottom repeat-y;
	text-align:left;
	width:485px;
/*	width:356px; */
	}

div#news-area-top {
	margin:0;
	padding:12px 15px 0 0;
	width:470px;
/*	width:341px; */
/*	_width:356px; */
	height:28px;
/*	_height:40px; */
	background:url(/img/top/news-area-top.gif) #fff left top no-repeat;
	text-align:right;
	}

div#news-area ul {
	list-style-type:none;
	margin:0 10px 0 10px;
}

div#news-area ul li {
	padding:3px 5px;
	clear: both;
	width: 455px;
	margin: 0 auto;
}

div#news-area ul li div {
	float: left;
}

div#news-area ul li a{
	color:#328EBD;
	text-decoration:underline;
}

div#news-area ul li p {
	padding-left: 60px;
	padding-top: 2px;
	padding-bottom: 3px;
	>padding-bottom: 2px;
}

div#news-area ul li p.shop-news-text {
	background-color: #FFF2CC;
}

div#news-area ul li p.shop-news-name {
	background-color: #FFFCE6;
}

div#news-area ul li p.shop-news-blog-text {
	background-color: #E9F0E4;
}

div#news-area ul li p.shop-news-blog-text a {
	background: url(/img/top/news-area-blog-newwin.gif) center right no-repeat;
	padding-right: 18px;
	height: 15px;
}

div#news-area ul li p.shop-news-blog-name {
	background-color: #F6F8F3;
}

div#news-area ul li a:hover{
	color:#85BCD8;
	text-decoration:underline;}


/* エリアナビ */

div#areanavi-top {
	margin:0;
	padding:12px 15px 0 0;
	height:28px;
	background:url(/img/top/areanavi.gif) #fff left top no-repeat;
	text-align:right;
	}

div#areanavi p#areanavi-copy {
	color: #8cc8e7;
}

div#areanavi td img {
	margin-bottom: 10px;
}
div#anAreaLnk {
	font-size: 10px;
	line-height: 16px;
	text-align: left;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 20px;
}
div#anAreaLnk a:link {color:#328Ebd;text-decoration:underline;}
div#anAreaLnk a:active {color:#85BCD8;text-decoration:underline;}
div#anAreaLnk a:visited {color:#328Ebd;text-decoration:underline;}
div#anAreaLnk a:hover {color:#85BCD8;text-decoration:underline;}


/* エリアナビココマデ */

/* おすすめ特集 */

div#specialfeature-top {
	margin:0;
	padding:12px 15px 0 0;
	width:470px;
	height:28px;
	background:url(/img/top/special-feature.gif) #fff left top no-repeat;
	text-align:right;
	}

img.specialfeature-title {
	padding: 20px 0 0px 10px;
	display: block;
	height: 12px;
}

#specialfeature a {
	color: #328EBD;
	text-decoration: underline;
}

#specialfeature a:hover {
	color: #85BCD8;
}

#specialfeature div.one-feature {height: 62px;width: 220px;float: left;margin: 5px 2px 2px 12px;}
#specialfeature div.one-feature a img {
	float: left;
}
#specialfeature div.one-feature-text {

	margin-left: 105px;
	width: 115px;
	font-size: 10px;
}
#specialfeature div.one-feature-text a {
	font-size: 12px;
	line-height: 130%;
}


/* おすすめ特集ココマデ */

div#area-file {
	margin:15px 0 0 0;
	padding:0 0 15px 0;
	background:url(/img/top/area-file-back.gif) #fff left bottom repeat-y;
	text-align:left;
	width:485px;}

table#area-file-kyoto {
	margin:5px 5px;}

table#area-file-kyoto th{
	vertical-align:middle;
	text-align:center;}

table#area-file-kyoto th img{
	margin:0 15px;}


table#area-file-kyoto td{
	color:#666666;
	padding:0 5px 0 10px;
	text-align:left;}


div#area-file ul{
	clear:both;
	list-style-type:none;
	margin:0 0 0 15px;
	padding:0;}

div#area-file ul li#area-text{
	float:left;
	padding:0 6px 0 0;
	color:#676767;
	width:359px;}



div#area-file ul li#area-text a{
	background:url(/img/top/area-file-disk.gif) 0 2px no-repeat;
	height:14px;
	padding-left:14px;
	color:#7EA54B;
	text-decoration:underline;}

div#area-file ul li#area-text a:hover{
	color:#B2C994;}


div#area-file ul li#area-img{
	float:left;
	width:95px;}

div#area-file td{
	padding:5px 5px;
	border-bottom:1px dotted #b3b3b3;
	_border:0;
	_background:url(/img/top/boder-dotted.gif) left bottom repeat-x;
}

div#area-file a{
	text-decoration:underline;
	color:#7EA54B;}

div#area-file a:hover{
	text-decoration:underline;
	color:#B2C994;}


/* これ以降Mac IE 5のみに適用される \*//*/
div#area-file ul li#area-img{
	float:left;
	margin:-100px 0 0 236px;}
/* これ以降Mac IE 5以外にも適用される */

div#center-banner000 {
	margin:0 0 15px 0;}
div#center-banner001, div#center-banner002 {
	margin:15px 0 0 0;}





div#purple-area {
	width:485px;
	margin:15px 0 0 0;
	background:url(/img/top/news-area-back.gif) #fff left bottom repeat-y;
	padding:0;
	clear:both;
	}

div#purplemain {
	margin:0;
	padding:0;
	text-align:left;
	width:485px;}

div#purplemain table{
	list-style-type:none;
	margin:0px 5px;
	clear:both;
	}

div#purplemain table td{
	width:152px;
	padding:10px 5px;
	text-align:left;
	vertical-align:top;
	font-size:10px;
	line-height:140%;
	}

img.blog-text {
	margin-top: 25px;
}


#p-space {
	padding:0 10px;}

#p-link-tit {
	margin:5px 0;}


a#p-link {
	margin:5px 0;
	color:#7F5891;
	text-align:center;
	text-decoration:underline;
	}

a#p-link:hover{
	color:#B39BBD;
	text-decoration:underline;
	}




/* 二段目-右 */
div#second div#right-box {
	float:right;
	width:247px;
	}


div#blogarea {
	clear:both;
	width:186px;
	background:url(/img/top/blog-back.gif) #fff left top repeat-y;
	text-align:left;}

div#blogarea ul{
	list-style-type:none;
	margin:5px 10px;}

div#blogarea ul li{
	padding:3px 0 3px 0;
	border-bottom:1px dotted #b3b3b3;
	_border:0;
	_background:url(/img/top/boder-dotted.gif) left bottom repeat-x;}

div#blogarea ul li a{
	disply:block;
	color:#7d7c3c;
	text-decoration:underline;
	display:block;
	padding:0 0 0 14px;
	background:url(/img/top/blog-arrow.gif) 0 4px no-repeat;}


div#blogarea ul li a:hover{
	color:#b2b18b;}


div#blog-btn {
	text-align:center;
	margin:10px 0 10px 0;}


div#blog-btn a{
	display:block;
	text-indent:-9999px;
	margin:0 43px 5px 43px;
	padding:0;
	width:100px;
	height:20px;
	background:url(/img/top/blog-btn.gif) left top no-repeat;}

div#blog-btn a:hover{
	background:url(/img/top/blog-btn_on.gif) left top no-repeat;}


div#blogarea ul li#noline{
	border:0;
	background:url();
	padding-bottom:0;}




div#bbsarea {
	clear:both;
	width:186px;
	margin:15px 0 0 0;
	background:url(/img/top/blog-back.gif) #fff left top repeat-y;
	text-align:left;}

div#bbsarea ul{
	list-style-type:none;
	margin:5px 10px;}

div#bbsarea ul li{
	padding:3px 0 3px 0;
	border-bottom:1px dotted #b3b3b3;
	_border:0;
	_background:url(/img/top/boder-dotted.gif) left bottom repeat-x;}

div#bbsarea ul li a{
	disply:block;
	color:#E22F2F;
	text-decoration:underline;
	display:block;
	padding:0 0 0 14px;
	background:url(/img/top/bbs-arrow.gif) 0 4px no-repeat;}


div#bbsarea ul li a:hover{
	color:#EE8383;}


div#bbsarea ul li#noline{
	border:0;
	background:url();
	padding-bottom:0;}

div#mobile-area {
	clear:both;
	width:247px;
	margin:10px 0 0 0;
	padding: 0 0 10px 0;
	background:url(/img/top/kyoto-info-back.gif) #fff left bottom repeat-y;
	text-align:center;}


div#mobile-area-space {
	margin:5px 0 5px 0;
	color:#676767;}


div#mobile-area-space img{
	margin:0 0 10px 0;}








#bottom-line {
	border-bottom:1px dotted #b3b3b3;
	_border:0;
	_background:url(/img/top/boder-dotted.gif) left bottom repeat-x;}