/* 京都おいし小路」全体のCSS */
body{
	border:none;
	font-weight:normal;
	color: #272727;
	text-align:center;
	vertical-align:top;
	margin:0px;
	padding:0px;
	line-height: normal;
}
img{
	border:0;
}
h1,h2,h3,h4,h5,h6,p {
	margin: 0em;
	padding: 0em;
}
a{
	color: #063CC6;
	text-decoration: none;
}
a:visited{
	text-decoration:none;
	color: #A50146;
}
a:hover{
	text-decoration:none;
	color: #5A5603;
}

#title-table td{
	padding: 0px;
}

#header h1{
	text-align: left;
	font-size: 90%;
	font-weight: normal;
	/*color: #D02B14;*/
	color:#660033;
}

#title-table h1{
	text-align: left;
	vertical-align: top;
	font-size: 90%;
	margin-top: 35px;
	font-weight: normal;
	/*color: #D02B14;*/
	color:#660033;
}
#title-table p{
	text-align: left;
	vertical-align: top;
	font-size: 80%;
}


/* トップNEWS */
div#topnews {
	font-size: 80%;
	line-height: 1.5;
	width: 95%;
	text-align: left;
	/*margin: 20px;*/
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../images/20090826_01.jpg);
	background-repeat: repeat;

}

div#topnews h3{
	font-size:120%;
}

div#topnews p{
padding-bottom:10px;
}

/* 2009メイン部分CSS */
div#header{
	width:100%;
	margin: 0px;
	text-align: left;
	height: 80px;
	background-image: url(../../../../../images/20090608_01.gif);
	vertical-align:top;
	padding-left: 110px;
	padding-top: 10px;
	padding-bottom: 2px;	
}
div#header img{
	float:left;
}


div#main{
	width:1000px;
	padding-top: 5px;
}

div#top-line{
	width:100%;
	background-repeat: repeat-x;
	padding-top: 5px;
	background-color: 660033;
	text-align: center;
	padding-bottom: 2px;
	text-indent:280px;
	}

/*div#top-menu{
	width:100%;
	text-align: right;
	padding-right:20px;
	background-image: url(../images/20090127_04d.gif);
	background-repeat: repeat-x;
	background-color: #811032;
	}
	*/

div#contener{
	width:100%;
	background-color: #FFFFFF;
}

div#contents{
	float:right;
	background-color: #FFFFFF;
	text-align: center;
	width: 700px;

}

div#contents p{
line-height:1.5;
}


div#side{
	float:left;
	margin-left: 20px;
	text-align: center;
	width: 240px;
	background-color: #FFFFFF;
}

div#side img{
	margin: 2px;
	border: 1px solid #666666;

}
div#header-clear{
    clear:both;
}

div#contener-clear{
    clear:both;
}

/* 加盟店ナビ用CSS */
div#toshop-navi{
	margin: 5px 7px 15px;
	width:160px;
	text-align: center;
	vertical-align: top;
	height: 55px;
}

div#toshop-navi .title{
	background-image: url(../../../../../images/line_orange.gif);
	height: 20px;
	padding-left: 5px;
}

div#toshop-navi td{
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
}
div#toshop-navi #contents{
	background-image: url(../../../../../images/back_toshop_bottan01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	padding-top: 7px;
	padding-left: 3px;
}

div#toshop-navi h2 {
	font-size: 97%;
	font-weight: bold;
	margin-top: 3px;
	display: block;
}
div#toshop-navi p {
	font-size: 75%;
	font-weight: normal;
	color: #000000;
	margin-top: 3px;
	margin-left: 15px;
	margin-bottom: 3px;
	display: block;
}


/* コンテンツナビ用CSS */
#contents-navi{
	margin-left: 4px;
	text-align: center;
	vertical-align: top;
}

#contents-navi td{
	text-align: left;
	vertical-align: top;
	padding-bottom: 2px;
}

#contents-navi img{
	border: 1px solid #FF9900;
}

/* ぱんくずリスト用CSS */
#pankuzu{
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	width: 680px;
}
#pankuzu td{
	font-size: smaller;
}
#pankuzu a{
	text-decoration: underline; 
}

/* トップ画像 */
.img-top{
	text-align: center;
	vertical-align: top;
	margin-top: 3px;
	margin-bottom: 5px;
	margin-left: 3px;
	padding: 0px;
	/*border: 3px solid #99CC00;*/
}
.img-top td{
	padding: 0px;
}


/* 新店舗宣伝CSS */
#index-banner-table #newshop-table .img-item{
	border: 1px solid #CCCCCC;
}

#index-banner-table #newshop-table #pikup-name{
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
}
#index-banner-table #newshop-table #detail-s{
	font-size: 80%;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	font-weight: normal;
}
#index-banner-table #newshop-table #name{
	font-size: smaller;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
}
#index-banner-table #to-shop{
	font-size: 80%;
	text-align: right;
	vertical-align: bottom;
}


/* おすすめ商品CSS */
#osuitem-table{
	width: 458px;
	border: 3px double #FF6666;
	margin-bottom: 20px;
	background-color: #FFFFFF;
}
#osuitem-table #item-about-td{
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#osuitem-table .img-item{
	border: 1px solid #CCCCCC;
}

#osuitem-table #pikup-name{
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
}
#osuitem-table #detail-s{
	font-size: 85%;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 0px;
	font-weight: normal;
}
#osuitem-table #name{
	font-size: smaller;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
}
#osuitem-table .to-shop{
	font-size: 80%;
	text-align: right;
	vertical-align: bottom;
}


/* インフォメーションCSS */
#infomation-table{
	background-color: #FFFF99;
	border: 1px solid #FFCC00;
	margin-bottom: 10px;
}
#infomation-table td{
	padding: 5px;
}
#infomation-table h2{
	font-size: 80%;
}
#infomation-table a{
	font-size: 80%;
	margin: 0px;
	font-weight: bold;
}
#infomation-table .link-ex{
	font-size: 100%;
	margin: 0px;
	font-weight: bold;
}
#info-window{
	background-color: #FFFF99;
	border: 1px solid #FFCC00;
	margin: 20px;
	text-align: center;
	vertical-align: middle;
	width: 65%;
}
#info-window td{
	padding: 20px;
	text-align: left;
	vertical-align: top;
}
#info-window h2{
	font-size: 85%;
	text-align: center;
	vertical-align: top;
}
#info-window h3{
	font-size: 80%;
	margin: 15px;
	text-align: center;
	vertical-align: top;
}
#info-window p{
	font-size: 80%;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 20px;
}


/* 新商品一覧CSS */
#newitem-koumoku-table{
	width: 100%;
	background-color: #FFFFFF;
	
}
#newitem-koumoku-table .title{
	height: 20px;
	background-repeat: repeat-x;
	
}

#newitem-koumoku-table .contents{
	font-size: smaller;
	padding: 5px 5px 20px;
}

#newitem-koumoku-end-table{
	width: 100%;
	margin-bottom: 20px;
	background-color: #FFFFFF;
}
#newitem-koumoku-end-table .title{
		height: 10px;
	margin-bottom: 20px;
	background-repeat: repeat-x;
}
#newitem-table{
	width: 150px;
	background-color: #FFFFFF;
}

#newitem-table .img-item{
	border: 1px solid #CCCCCC;
}

#newitem-table h3{
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 0px;
}

#newitem-table p{
	font-size: smaller;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 0px;
}

#newitem-table #to-shop{
	text-align: left;
	padding: 0px;
}

#newitem-table #to-shop a{
	font-size: smaller;
}


/* メルマガバックナンバーCSS */
div#koumoku-table{
	width: 100%;
	background-color: #FFFFFF;
	font-size: 90%;
	margin: 0px 0px;
	text-align: left;
	text-decoration: none;
}
div#koumoku-table .title{
	margin: 20px 0px 5px;
	line-height:1.5;
}

/* 各ページの項目タイトル部分用CSS(通販法とか) */
#koumoku-table{
	width: 100%;
	font-size: 90%;
	margin: 0px 0px;
	text-align: left;
	text-decoration: none;
}
#koumoku-table .title{
	margin: 20px 0px 5px;
	line-height:1.5;
	text-align: left;
}

#koumoku-tableli{
	width: 90%;
	font-size: 90%;
	background-image: url(../images/20090827_01.gif);
}

#koumoku-table .title{
	margin: 5px;
}

#koumoku-table .contents{
	padding: 5px 5px 20px;
	line-height:1.5;
}

#koumoku-end-table{
	width: 100%;
	margin-bottom: 20px;
}

#koumoku-end-table .title{
	height: 10px;
	margin-bottom: 20px;
}


/* バナー部分用CSS */
#banner-table{
	margin-top: 50px;
	/* vertical-align: bottom; */
}

#banner-table td{
	padding: 3px;
}


#banner-table img{
	border: 1px solid #CCCCCC;
}

/* 検索窓部分用CSS */
div#kensaku-table{
	border: none #FFFFFF;
	background-image: url(../../../../../images/090527kensaku.gif);
	background-repeat: no-repeat;
	height: 87px;
	width: 210px;
	margin: 5px;	
	padding: 8px;
}


/* フッター部分CSS */
div#footer{
	width:100%;
	text-align: center;
	background-image: url(../../../../../images/20090608_01.gif);
	background-repeat: repeat;
	font-size: 80%;
	line-height:1.5;
	
}

div#footer-contents{
	float:right;
	text-align: right;
	padding-right: 50px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div#footer-side{
	float:left;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 0px;
	text-align: left;
	width:30%;
	padding-left: 110px;
	font-size: xx-small;
}


div#footer-clear{
    clear:both;
}




/*ショップリスト*/
div#shoplist-top{
	font-size:80%;
	float: right;
	width: 100%;
	color: #333333;
	   
}


div#shoplist-tr{
	width: 300px;
	padding:5px 10px;
	float: left;
	margin: 10px 20px;
	border: 1px double #A49BD5;
	background-color: #F0FEC5;
   
}
div#shoplist-tr a{
	font-size:120%;
	font-weight: bold;
	color: #CC0000;

}


div#shoplist-clear{
    clear:both;
   
}

/*京楽いちばショップリスト*/


div#produce-tr{
	width: 32%;
	padding:5px;
	float: left;
	margin: 1px 1px 1px 5px;
	border: 1px double #84ECA0;
	background-color: #E2F5F4;
   
}
div#produce-tr a{
	font-size:120%;
	font-weight: bold;
	color: #CC0000;

}


div#produce-clear{
    clear:both;
   
}



/*TOPバナー用CSS*/
div#banner-top{
	widh:650px;
	font-size:90%;
	background-color: #996699;
	font-weight: bold;
	float: right;	
   
}


div#bannert-tr{
     widh:300px;
	background-color: #FF9999;
	font-weight: bold;
	float: left;
	padding: 2px;
	border: 1px solid #F69B1A;
	margin-bottom: 5px;
   
}

div#banner-clear{
    clear:both;
   
}


/* 各バナー用CSS */
#index-banner-img{
	border: 1px solid #FDB3A8;
	padding: 5px;
}

#index-banner-table{
	border: 1px solid #F69B1A;
	margin-bottom: 5px;
}

/* ライン */
.line-table{
	width: 95%;
	margin: 5px;
	background-image: url(../images/20090723_line.gif);
}


/* フォントいろいろ */
.font-120{font-size: 120%;}
.font-130{font-size: 130%;}
.font-big{font-size: 100%;}
.font-90{font-size: 90%;}
.font-nomal{font-size: 80%;}
.font-small{font-size: 70%;}
.font-black{color: #000000;}
.font-black-strong{font-weight: bold; color: #000000;}
.font-red{color: #CC0000;}
.font-red-strong{font-weight: bold; color: #CC0000;}
.font-green{color: #006600;}
.font-green-strong{font-weight: bold; color: #006600;}
.font-blue{color: #0000FF;}
.font-blue-strong{font-weight: bold; color: #0000FF;}
.font-orange{color: #FF6600;}
.font-orange-strong{font-weight: bold; color: #FF6600;}
.font-white{color: #FFFFFF;}

/* アンダーライン ガトーひふみ */

.gato-u{font-weight: bold; color: 0000FF; text-decoration: underline;}

/* フォントいろいろ(詳細プログラム用) */

#norepeat{
}

/* 商品の金額を表記するフォント */
.font-price{
	font-size: 90%;
	font-weight: bold;
	color: #CC0000;
	margin-left: 10px;
}

/* 商品のポイントを表記するフォント */
.font-point{
	font-size: smaller;
	font-weight: bold;
	color: #006600;
	margin-left: 10px;

}

