@import "/kyoto/css/common.css";

/* CSS Document */

#miyage {
width: 760px;
padding: 0;
margin: 0;
}


#miyage a:hover {
background-color : transparent;
}

.icon_isetanlimited {
	color: #111987;
}

.icon_cool {
	color: #0066CC;
}

.icon_kyotolimited {
	color: #993366;
}

.icon_wjrilimited {
	color: #CC0033;
}

.icon_suvaco {
	color: #B08000;
}



.arrow {
	margin: 0 3px 5px 0;
	vertical-align: middle;
}

.limited {
	color: #FF0066;
}

.sale {
	color: #CC0000;
}

/* navigation midashi */
strong.season, strong.shinise, strong.reserve {
	background-repeat:no-repeat;
	height: 27px;
	display:block;
	text-indent: -9999px;
	background-position: center top;
}

#miyage_contents strong.season, #miyage_contents strong.shinise, #miyage_contents strong.reserve {
border-bottom: 10px solid #FFF;
clear:both;
}
strong.season {	background-image:url(images/common/label_season.jpg);height: 69px;}
strong.shinise {	background-image:url(images/common/label_shinise.jpg);}
strong.reserve {	background-image:url(images/common/label_reserve.jpg);}

strong.season { height: 69px;}
#miyage_contents strong.season { height: 27px;}

/* navigation style */


/* index */
div#miyage_standard ul,div#miyage_reserve ul {
	padding:0;
	margin:2px 0 0 0;
}
div#miyage_standard ul li, div#miyage_reserve ul li {
list-style:none;
margin:0 5px 5px;
_margin:0 4px 5px;
display:block;
float:left;
}
div#miyage_reserve ul li {
margin:0 0 5px;
float:none;
}
div#miyage_standard ul li a, div#miyage_reserve ul li a {
display:inline;
text-decoration:none;
}
div#miyage_standard ul li a img, div#miyage_reserve ul li a img{
border:0;
}

/* index：京の老舗・名店の味 */
div#miyage_standard {
float:left;
width: 500px;
}

/* index：ご予約について */
div#miyage_reserve {
	width: 240px;
}

div#miyage_reserve p.leadtext {
	color: #000;
	margin:5px 0 0 0;
	padding:0;
}



/* page： */
em {
color: #F39;
font-style:normal;
}


/* page：ナビゲーション */
div#miyage_nav {
	float:left;
	width: 180px;
	font-size:11px;
	background-color: #FFF;
}

div#miyage_nav_contents {
	width: 180px;
	font-size:11px;
	background-color: #FFF;
}
div#miyage_nav div#miyage_standard, div#miyage_nav div#miyage_reserve {
	width: 180px;
}

div#miyage_nav div#miyage_reserve {
margin-top:10px;
}

div#miyage_nav div#miyage_standard ul li, div#miyage_nav div#miyage_reserve ul li {
	margin:0 0 0px;
	_margin:0 0 2px;
	float:none;
}

div#miyage_nav p.brandinfo {
padding:5px;
border:1px solid #900;
}


/* page：ボディ */
div#miyage_body {
	float:right;
	width: 560px;
}

/* page：ボディ：ブランド紹介 */
div#miyage_body table {
	width: 100%;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
}


div#miyage_body table.reserve {
	border-bottom: 1px solid #CCC;
}

div#miyage_body .reserve td {
	padding :10px 10px 0;
}

div#miyage_body img.reserve {
	padding:0;
	margin: 10px 0 0;
	vertical-align:bottom;
}


#miyage_body table.reserve .brandinfo {
	border: 1px solid #CC3333;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

div#miyage_body td {
	width: 25%;
	vertical-align:middle;
	line-height:1.6em;
	margin: 0px;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 5px;
}

div#miyage_body td.top {
padding:10px;
width: 25%;
vertical-align:top;
line-height:1.6em;
}


div#miyage_body td.col2 {
	width: 70%;
	padding: 10px;
}
div#miyage_body td.col3 {
	width: 70%;
	padding: 10px;
}
div#miyage_body td.col4 {
width: 100%;
}

div#miyage_body td.col5 {
	width: 30%;
	padding: 10px;
}

div#miyage_body td.shoplogo {
	text-align:center;
}

div#miyage_body td.shopinfo {
	color:#BC8F53;
	text-align:left;
}
div#miyage_body td.shopinfo2 {
color:#936;
text-align:left;
}

div#miyage_body a.pagetop {
	margin:0 0 10px;
	font-size: 1px;
	text-indent: -9999px;
	display: block;
	background: url(images/common/btn_pagetop.gif) no-repeat right center;
	border-top: 1px solid #CCCCCC;
	height: 15px;
	padding: 5px 0px 0px;
}

div#miyage_body p img.prev {
float:left;
text-align:left;
padding:0;
margin:0 0 10px;
border:none;
}

div#miyage_body p img.next {
float:right;
text-align:right;
padding:0;
margin:0 0 10px;
border:none;
}



div#miyage_body em {
font-size:11px;
font-family:Verdana, Helvetica, sans-serif;
background-color: #936;
border:1px solid #E1C1D1;
line-height:1em;
padding:1px 4px;
color: #FFF;
margin-left:2px;
}


div#miyage_body a.btncart {
font-size:11px;
background-color: #900;
border:1px solid #D69999;
line-height:1em;
padding:1px 4px;
margin-left:2px;
/*_padding:2px 4px 0;*/
color: #FFF;
text-decoration:none;
/*margin-left:2px;*/
margin:3px;
}
div#miyage_body a.btncart:hover {
background-color: #C33;
border:1px solid #D69999;
}


/* page：ボディ：ブランドインデックス */
div#miyage_body table.brandindex,
div#miyage_body table.brandindexLimited{
border:none;
overflow:hidden;
}

div#miyage_body table.brandindex td{
vertical-align:top;
font-size:10px;
line-height:1.3em;
border-bottom:1px solid #CC99B2;
margin:0;
color:#CC99B2;
width:135px;
padding:5px;
}
div#miyage_body table.season td{
vertical-align:top;
font-size:10px;
line-height:1.3em;
border-bottom:1px solid #CC99B2;
margin:0;
color:#0099CC;
width:135px;
padding:5px;
}

div#miyage_body table.brandindex td.img,
div#miyage_body table.brandindexLimited td.img {

width:135px;
}


div#miyage_body table.brandindex td.col3,
div#miyage_body table.brandindexLimited td.col3 {
width:405px;
}


div#miyage_body table.brandindex td.col2L,
div#miyage_body table.brandindexLimited td.col2L {
width:270px;
}


#miyage div#miyage_body table.brandindex td.col2R,
#miyage div#miyage_body table.brandindexLimited td.col2R {
	width:120px;
}



div#miyage_body table.brandindex td ul,
div#miyage_body table.brandindexLimited td ul {
padding:0;
margin:0;
vertical-align:middle;
}
div#miyage_body table.brandindex td ul li,
div#miyage_body table.brandindexLimited td ul li {
list-style:none;
}

div#miyage_body table.brandindex td ul li a {
color:#936;
text-decoration:none;
}
div#miyage_body table.brandindex td ul li a:hover,
div#miyage_body table.brandindexLimited td ul li a:hover {
	text-decoration:underline;
}

/* page：ボディ：ブランドインデックス限定品 */
div#miyage_body table.brandindexLimited td,
{
	vertical-align:top;
	font-size:10px;
	line-height:1.1em;
	margin:0;
	color:#BC8F53;
	width:135px;
	padding:0px;
}

#miyage_body .limited_banner_big {
	margin-bottom:3px;
}



div#miyage_body table.brandindexLimited td ul li a {
	color:#BC8F53;
	text-decoration:none;
}

/* page：ボディ：ブランド紹介 限定品 */
div#miyage_body table.limited {
	width: 100%;
	border: 1px solid #CCC;
}

/* page： */
/* page： */








/* ↓いちおう取り置き */

.miyage_table_season, .miyage_table_shinise {
border: 1px solid #CCC;
clear:both;
margin: 10px 0;
}

.miyage_table_season {
border-top: 4px solid #843;
}

.miyage_table_shinise {
border-top: 4px solid #936;
}

table.miyage_table_season td strong, table.miyage_table_shinise td strong {
font-family:verdana;
font-weight:normal;
font-size: 10px;
line-height:1em;
letter-spacing:0.1em;
color: #FFF;
padding:1px 4px;
_padding:1px 4px -1px;
margin: 0 0 5px;
display:block;
text-align:center;
width: 60px;
}

table.miyage_table_season td strong {
border:1px solid #C99B87;
background: #843;
}

table.miyage_table_shinise td strong {
border:1px solid #CC99B2;
background: #936;
}

table.miyage_table_season td, table.miyage_table_shinise td {
line-height:1.5em;
}

#miyage .star {
color: #F39;
}


.miyage_table_left {
float:left;
}

.miyage_table_right {
float:right;
}


.miyage_pagetop {
clear:both;
text-align: right;
font-size:10px;
line-height:1em;
}

.miyage_pagetop a {
padding: 3px 1px;
display:block;
}








#miyage_footer {
	clear:both;
	padding: 20px 0 20px 0;
}




#popup {
	background :#fff url(none) ;
}



#popup td {
	font-size : 12px ;
	line-height : 140% ;
}

#popup td .s {
	font-size : 10px ;
	line-height : 120% ;
}










#miyage .present {
	padding: 10px 15px 0;
	clear: both;
	border: 1px solid #C8E9FC;
	margin-top: 15px;
}
#miyage .present h4 {
	margin: 0px;
	padding: 0px 0px 10px;
}

.m_pickup_box {
	background-color: #FFF;
	background-image: url(images/common/bg_pickup.gif);
	background-repeat: no-repeat;
	height: 260px;
	width: 180px;
	float: left;
	margin-right: 10px;
}
.m_pickup_box_right {
	background-color: #FFF;
	background-image: url(images/common/bg_pickup.gif);
	background-repeat: no-repeat;
	height: 260px;
	width: 180px;
	float: left;
	margin-right: 0px;
}
.m_pickup_textbox {
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	line-height: 135%;
	font-size: 10px;
	color: #000;
}
.m_newitem_box {
	background-color: #FFF;
	background-image: url(images/common/bg_newitem.jpg);
	background-repeat: no-repeat;
	height: 231px;
	width: 180px;
	float: left;
	margin-right: 10px;
}
.m_newitem_box_right {
	background-color: #FFF;
	background-image: url(images/common/bg_newitem.jpg);
	background-repeat: no-repeat;
	height: 231px;
	width: 180px;
	float: left;
	margin-right: 0px;
}
.m_newitem_textbox {
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 10px;
	color: #000;
}
.detail_link {
	color: #BC8F53;
	text-decoration: underline;
}
.m_newitem {
	width: 560px;
	clear: both;
}
.m_pickup_textbox img {
	margin-top: 5px;
	margin-bottom: 5px;
}
.m_newitem_textbox img {
	margin-top: 5px;
	margin-bottom: 5px;
}
.m_reserve_box {
	width: 560px;
	clear: both;
}


.top_navi {
	background-color: #BC8F53;
	margin-top: 10px;
	font-size: 10px;
	color: #FFF;
	padding: 5px 10px;
}
.top_navi a {
	color: #FFF;
	text-decoration: underline;
	font-size: 10px;
}
.top_navi_limited {
	background-color: #4DA2E1;
	margin-top: 10px;
	font-size: 10px;
	color: #FFF;
	padding: 5px 10px;
}
.top_navi_limited a {
	color: #FFF;
	text-decoration: underline;
	font-size: 10px;
}



#miyage_body li a {
	color: #BC8F53;
	font-size: 10px;
	display: block;
	width: 95px;	
	background-image: url(images/common/arrow_normal.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	list-style-type: none;
	margin-left: 15px;
}

#miyage_body li limited  a {
	color: #0099CC;
	font-size: 10px;
	display: block;
	width: 95px;
	background-image: url(images/common/arrow_recommend.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	list-style-type: none;
	margin-left: 15px;
}

#miyage_body ul {

}
.search_result2 {

}
.search_result2 {
	margin: 15px;
}
.search_result2_box {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #BC8F53;
}
.search_result2_txt {
	margin-top: 18px;
	margin-right: 20px;
	margin-bottom: 18px;
	margin-left: 20px;
	font-size: 12px;
}
.search_result2_txt a {
	color: #BC8F53;
	text-decoration: underline;
	font-size: 12px;
	margin-bottom: 5px;
}
.small_sentense {
	font-size: 10px;
}
.small_title {
	font-size: 11px;
	}





#movable{
	margin-top:90px;
}



*html #movable{
	margin-left:-180px;
}

*+html #movable{
	margin-left:-180px;
}




/* Clear FIx */
#movable:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#movable{
display:inline-block;
min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html #miyage
{height: 1%;}

#miyage
{display: block;}
/* End hide from IE-mac */
/* /Clear FIx */

/* Clear FIx */
#miyage:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#miyage{
display:inline-block;
min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html #miyage
{height: 1%;}

#miyage
{display: block;}
/* End hide from IE-mac */
/* /Clear FIx */
.detail_link a {
	color: #BC8F53;
	text-decoration: underline;
	font-size: 11px;
}
.m_suvaco {
	width: 560px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #D87D05;
}
.m_suvaco p {
	color: #D87D05;
	line-height: 150%;
	margin: 10px;
}
.m_suvaco img {
	margin-bottom: 5px;
}
