@charset "utf-8";

body,
html,
img,
#suntory_contents{
margin:0;
padding:0;
border:0;
}

#suntory_contents h1,#suntory_contents h2,#suntory_contents h3,#suntory_contents h4,#suntory_contents h5,#suntory_contents h6,#suntory_contents p,
#suntory_contents ol,#suntory_contents ul,#suntory_contents li,#suntory_contents dl,#suntory_contents dt,#suntory_contents dd,
#suntory_contents table,#suntory_contents th,#suntory_contents td,#suntory_contents form,#suntory_contents br,#suntory_contents address,#suntory_contents button,#suntory_contents em,#suntory_contents i{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
font-style:normal;
vertical-align:baseline;
outline:none;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

#suntory_contents ruby rt{
font-family:"ＭＳ Ｐゴシック";
}

#suntory_contents table{
border-collapse:collapse;
text-align:left;
}

#suntory_contents input{
vertical-align:middle;
}

#suntory_contents ol,
#suntory_contents ul,
#suntory_contents li{
list-style:none;
}

#suntory_contents iframe{
margin:0;
padding:0;
}

#suntory_contents a{
cursor:pointer;
outline:none;
text-decoration:none;
}

#suntory_contents .on a:hover{
cursor:default;
}

#suntory_contents a:link,
#suntory_contents a:hover,
#suntory_contents a:active{color:#06a;}
#suntory_contents a:visited{color:#06a;}


/* #suntory_contents
==================================== */
#suntory_contents{
text-align:center;
}

/* #gourmet_header
==================================== */
#gourmet_header{
background:url(./img/ghd_bg.png) repeat-x 50% bottom #fff;
text-align:center;
}

#gourmet_header .hd{
text-align:left;
width:760px;
margin:0 auto;
}

#gourmet_header .hd{
padding:8px 0 20px 0;
}

#gourmet_header .hd:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
#gourmet_header .hd{display:inline-block;}
* html #gourmet_header .hd{height:0%;}
#gourmet_header .hd{display:block;}

#gourmet_header .hd p a,
#gourmet_header .hd p span{
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
height:30px;
float:left;
}

#gourmet_header .hd p.sitemap{
float:right;
}

#gourmet_header .hd p.logo a{background:url(./img/ghd_btn.png) no-repeat 0 0; width:163px;}
#gourmet_header .hd p.sitemap a{background:url(./img/ghd_btn.png) no-repeat -230px 0; width:120px;}




/* #container
==================================== */
#container{
margin:0 auto;
width:750px;
}


/* #mylist_area
==================================== */
#mylist_area:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
#mylist_area{display:inline-block;}
* html #mylist_area{height:0%;}
#mylist_area{display:block;}

#mylist_area h2,
#mylist_area #mylist_box{
float:left;
}

#mylist_area h2{
display:block;
background:url(./img/mylist.png) no-repeat 0 0;
width:200px;
height:30px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
font-size:0;
line-height:0;
}



/* #mylist_area #mylist_box */
#mylist_area #mylist_box{
float:right;
}

#mylist_box ul{
display:table;
}

#mylist_box ul li{
display:table-cell;
vertical-align:top;
}

#mylist_box ul li a,
#mylist_box ul li i{
display:block;
background-image:url(./img/mylist.png);
background-repeat:no-repeat;
width:45px;
height:25px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
font-size:0;
line-height:0;
margin:0 3px 0 0;
}

#mylist_box ul li.btn_01{
background:url(./img/mylist.png) no-repeat -200px 0;
width:125px;
padding:0 0 0 80px;
}

#mylist_box ul li.btn_01 a{background-position:-280px 0;}
#mylist_box ul li.btn_02 i{
background-position:-328px -40px;
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter:"alpha(opacity=50)";
}

#mylist_box ul li.btn_01 a:hover{background-position:-280px -40px;}





/* #contents_ft
==================================== */
#contents_ft{
padding:20px 30px 40px 30px;
text-align:left;
}

/* #contents_ft .block
------------------------------ */
#contents_ft .block{
margin:0 0 30px 0;
}

#contents_ft .block h3{
background:#ffc;
padding:6px 10px 4px 10px;
font-size:85%;
line-height:170%;
color:#f60;
font-weight:bold;
}

#contents_ft .block p,
#contents_ft .block ul{
padding:8px 8px 8px 8px;
}

#contents_ft .block p{
font-size:83%;
line-height:160%;
color:#000;
}

#contents_ft .block ul li{
border-bottom:1px dotted #f66;
}

#contents_ft .block ul li p{
padding:20px 20px 20px 20px;
text-indent:-1.2em;
margin:0 0 0 1.2em;
}

#contents_ft .block .ph{
font-size:0;
line-height:0;
text-align:center;
}

#contents_ft .block .ph img{
margin:0 auto 10px auto;
}

#contents_ft .block p em{
font-weight:bold;
}

#contents_ft .block p a{
text-decoration:underline;
}

#contents_ft .block p a:hover{
text-decoration:none;
}



/* #contents_ft .ft_caution
-------------------------------------------------- */
#contents_ft .ft_caution ul li{
font-size:73%;
line-height:160%;
color:#666;
text-indent:-1.2em;
margin:0 0 0 1.2em;
}














































/* 2015 01 修正前CSS↓どこで使ってるかわからないので残し
======================================================================== */
.red{
color : #9C0031 ;
}

.list_head{
background-color : #ffae35 ;
font-size : 80% ;
padding : 3px ;
}


/* 背景色 */

.bg-f7e794{
background : #f7e794 ;
}

.bg-ffae35{
background : #ffae35 ;
}

.bg-fff7c6{
background : #fff7c6 ;
}

h3{
background : #ffffcc ;
color : #ff6300 ; 
padding-top : 6px ; 
padding-bottom : 4px ; 
padding-left : 10px ; 
}


/* チェックボックス */

.list1{
font-size : 80% ;
color : #000000 ;
line-height:1.4;
margin-top:6px;
}

.list2{
font-size : 80% ;
color : #000000 ;
margin-left:16px;
line-height:1.4;
}

.select{
background : #ffae35 ;
font-size : 80% ;
color : #000000 ;
font-weight: bold ;
padding:3px;
}

.select2{
background : #ffae35 ;
color : #000000 ;
padding:3px;
}

.page{
background : #ffae35 ;
font-size : 65% ;
color : #000000 ;
padding:5px;
}